@yamada-ui/react/dist/cjs/components/autocomplete/autocomplete.style.cjs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

const require_config = require('../../core/system/config.cjs');
const require_select_style = require('../select/select.style.cjs');

//#region src/components/autocomplete/autocomplete.style.ts
const autocompleteStyle = require_config.defineComponentSlotStyle({
	base: {
		...require_select_style.selectStyle.base,
		empty: require_select_style.selectStyle.base?.option,
		field: {
			...require_select_style.selectStyle.base?.field,
			cursor: "text",
			flexWrap: "wrap",
			gapY: "{gap}",
			py: "{gap}"
		},
		input: {
			"&[data-max]": { caretColor: "transparent" },
			flex: "1",
			focusVisibleRing: "none",
			_disabled: { cursor: "not-allowed" }
		}
	},
	variants: {
		filled: {
			...require_select_style.selectStyle.variants?.filled,
			field: {
				":has(input:focus)": require_select_style.selectStyle.variants?.filled.field._focus,
				...require_select_style.selectStyle.variants?.filled.field
			}
		},
		flushed: {
			...require_select_style.selectStyle.variants?.flushed,
			field: {
				":has(input:focus)": require_select_style.selectStyle.variants?.flushed.field._focus,
				...require_select_style.selectStyle.variants?.flushed.field
			}
		},
		outline: {
			...require_select_style.selectStyle.variants?.outline,
			field: {
				":has(input:focus)": require_select_style.selectStyle.variants?.outline.field._focus,
				...require_select_style.selectStyle.variants?.outline.field
			}
		},
		plain: {
			...require_select_style.selectStyle.variants?.plain,
			field: {
				":has(input:focus)": require_select_style.selectStyle.variants?.plain.field._focus,
				...require_select_style.selectStyle.variants?.plain.field
			}
		}
	},
	sizes: {
		xs: {
			...require_select_style.selectStyle.sizes?.xs,
			empty: require_select_style.selectStyle.sizes?.xs.option
		},
		sm: {
			...require_select_style.selectStyle.sizes?.sm,
			empty: require_select_style.selectStyle.sizes?.sm.option
		},
		md: {
			...require_select_style.selectStyle.sizes?.md,
			empty: require_select_style.selectStyle.sizes?.md.option
		},
		lg: {
			...require_select_style.selectStyle.sizes?.lg,
			empty: require_select_style.selectStyle.sizes?.lg.option
		},
		xl: {
			...require_select_style.selectStyle.sizes?.xl,
			empty: require_select_style.selectStyle.sizes?.xl.option
		}
	},
	defaultProps: {
		size: "md",
		variant: "outline"
	}
});

//#endregion
exports.autocompleteStyle = autocompleteStyle;
//# sourceMappingURL=autocomplete.style.cjs.map