@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

package/dist/esm/components/autocomplete/autocomplete.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.style.js","names":[],"sources":["../../../../src/components/autocomplete/autocomplete.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { selectStyle } from \"../select\"\n\nexport const autocompleteStyle = defineComponentSlotStyle({\n  base: {\n    ...selectStyle.base,\n    empty: selectStyle.base?.option,\n    field: {\n      ...selectStyle.base?.field,\n      cursor: \"text\",\n      flexWrap: \"wrap\",\n      gapY: \"{gap}\",\n      py: \"{gap}\",\n    },\n    input: {\n      \"&[data-max]\": { caretColor: \"transparent\" },\n      flex: \"1\",\n      focusVisibleRing: \"none\",\n      _disabled: { cursor: \"not-allowed\" },\n    },\n  },\n\n  variants: {\n    filled: {\n      ...selectStyle.variants?.filled,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.filled.field._focus,\n        ...selectStyle.variants?.filled.field,\n      },\n    },\n    flushed: {\n      ...selectStyle.variants?.flushed,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.flushed.field._focus,\n        ...selectStyle.variants?.flushed.field,\n      },\n    },\n    outline: {\n      ...selectStyle.variants?.outline,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.outline.field._focus,\n        ...selectStyle.variants?.outline.field,\n      },\n    },\n    plain: {\n      ...selectStyle.variants?.plain,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.plain.field._focus,\n        ...selectStyle.variants?.plain.field,\n      },\n    },\n  },\n\n  sizes: {\n    xs: { ...selectStyle.sizes?.xs, empty: selectStyle.sizes?.xs.option },\n    sm: { ...selectStyle.sizes?.sm, empty: selectStyle.sizes?.sm.option },\n    md: { ...selectStyle.sizes?.md, empty: selectStyle.sizes?.md.option },\n    lg: { ...selectStyle.sizes?.lg, empty: selectStyle.sizes?.lg.option },\n    xl: { ...selectStyle.sizes?.xl, empty: selectStyle.sizes?.xl.option },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type AutocompleteStyle = typeof autocompleteStyle\n"],"mappings":";;;;;;AAGA,MAAa,oBAAoB,yBAAyB;CACxD,MAAM;EACJ,GAAG,YAAY;EACf,OAAO,YAAY,MAAM;EACzB,OAAO;GACL,GAAG,YAAY,MAAM;GACrB,QAAQ;GACR,UAAU;GACV,MAAM;GACN,IAAI;GACL;EACD,OAAO;GACL,eAAe,EAAE,YAAY,eAAe;GAC5C,MAAM;GACN,kBAAkB;GAClB,WAAW,EAAE,QAAQ,eAAe;GACrC;EACF;CAED,UAAU;EACR,QAAQ;GACN,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,OAAO,MAAM;IACxD,GAAG,YAAY,UAAU,OAAO;IACjC;GACF;EACD,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,QAAQ,MAAM;IACzD,GAAG,YAAY,UAAU,QAAQ;IAClC;GACF;EACD,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,QAAQ,MAAM;IACzD,GAAG,YAAY,UAAU,QAAQ;IAClC;GACF;EACD,OAAO;GACL,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,MAAM,MAAM;IACvD,GAAG,YAAY,UAAU,MAAM;IAChC;GACF;EACF;CAED,OAAO;EACL,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACtE;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"autocomplete.style.js","names":[],"sources":["../../../../src/components/autocomplete/autocomplete.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { selectStyle } from \"../select\"\n\nexport const autocompleteStyle = defineComponentSlotStyle({\n  base: {\n    ...selectStyle.base,\n    empty: selectStyle.base?.option,\n    field: {\n      ...selectStyle.base?.field,\n      cursor: \"text\",\n      flexWrap: \"wrap\",\n      gapY: \"{gap}\",\n      py: \"{gap}\",\n    },\n    input: {\n      \"&[data-max]\": { caretColor: \"transparent\" },\n      flex: \"1\",\n      focusVisibleRing: \"none\",\n      _disabled: { cursor: \"not-allowed\" },\n    },\n  },\n\n  variants: {\n    filled: {\n      ...selectStyle.variants?.filled,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.filled.field._focus,\n        ...selectStyle.variants?.filled.field,\n      },\n    },\n    flushed: {\n      ...selectStyle.variants?.flushed,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.flushed.field._focus,\n        ...selectStyle.variants?.flushed.field,\n      },\n    },\n    outline: {\n      ...selectStyle.variants?.outline,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.outline.field._focus,\n        ...selectStyle.variants?.outline.field,\n      },\n    },\n    plain: {\n      ...selectStyle.variants?.plain,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.plain.field._focus,\n        ...selectStyle.variants?.plain.field,\n      },\n    },\n  },\n\n  sizes: {\n    xs: { ...selectStyle.sizes?.xs, empty: selectStyle.sizes?.xs.option },\n    sm: { ...selectStyle.sizes?.sm, empty: selectStyle.sizes?.sm.option },\n    md: { ...selectStyle.sizes?.md, empty: selectStyle.sizes?.md.option },\n    lg: { ...selectStyle.sizes?.lg, empty: selectStyle.sizes?.lg.option },\n    xl: { ...selectStyle.sizes?.xl, empty: selectStyle.sizes?.xl.option },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type AutocompleteStyle = typeof autocompleteStyle\n"],"mappings":";;;AAGA,MAAa,oBAAoB,yBAAyB;CACxD,MAAM;EACJ,GAAG,YAAY;EACf,OAAO,YAAY,MAAM;EACzB,OAAO;GACL,GAAG,YAAY,MAAM;GACrB,QAAQ;GACR,UAAU;GACV,MAAM;GACN,IAAI;GACL;EACD,OAAO;GACL,eAAe,EAAE,YAAY,eAAe;GAC5C,MAAM;GACN,kBAAkB;GAClB,WAAW,EAAE,QAAQ,eAAe;GACrC;EACF;CAED,UAAU;EACR,QAAQ;GACN,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,OAAO,MAAM;IACxD,GAAG,YAAY,UAAU,OAAO;IACjC;GACF;EACD,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,QAAQ,MAAM;IACzD,GAAG,YAAY,UAAU,QAAQ;IAClC;GACF;EACD,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,QAAQ,MAAM;IACzD,GAAG,YAAY,UAAU,QAAQ;IAClC;GACF;EACD,OAAO;GACL,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,MAAM,MAAM;IACvD,GAAG,YAAY,UAAU,MAAM;IAChC;GACF;EACF;CAED,OAAO;EACL,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACtE;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/esm/components/autocomplete/index.js

@@ -2,5 +2,4 @@ import { autocompleteStyle } from "./autocomplete.style.js";
 import { AutocompleteContext, useAutocomplete, useAutocompleteContext, useAutocompleteOption } from "./use-autocomplete.js";
 import { AutocompleteGroup, AutocompleteLabel, AutocompleteOption, AutocompletePropsContext, AutocompleteRoot, useAutocompletePropsContext } from "./autocomplete.js";
 import { namespace_exports } from "./namespace.js";
-
-export { namespace_exports as Autocomplete, AutocompleteContext, AutocompleteGroup, AutocompleteLabel, AutocompleteOption, AutocompletePropsContext, AutocompleteRoot, autocompleteStyle, useAutocomplete, useAutocompleteContext, useAutocompleteOption, useAutocompletePropsContext };
+export { namespace_exports as Autocomplete, AutocompleteContext, AutocompleteGroup, AutocompleteLabel, AutocompleteOption, AutocompletePropsContext, AutocompleteRoot, autocompleteStyle, useAutocomplete, useAutocompleteContext, useAutocompleteOption, useAutocompletePropsContext };

package/dist/esm/components/autocomplete/namespace.js

@@ -1,6 +1,5 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { AutocompleteGroup, AutocompleteLabel, AutocompleteOption, AutocompletePropsContext, AutocompleteRoot, useAutocompletePropsContext } from "./autocomplete.js";
-
 //#region src/components/autocomplete/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Group: () => AutocompleteGroup,
@@ -10,7 +9,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	Root: () => AutocompleteRoot,
 	usePropsContext: () => useAutocompletePropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map

package/dist/esm/components/autocomplete/use-autocomplete.js

@@ -1,5 +1,4 @@
 "use client";
-
 import { createContext as createContext$1 } from "../../utils/context.js";
 import { isComposing, runKeyAction, visuallyHiddenAttributes } from "../../utils/dom.js";
 import { useUpdateEffect } from "../../utils/effect.js";
@@ -7,13 +6,10 @@ import { mergeRefs } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state/index.js";
 import { useI18n } from "../../providers/i18n-provider/i18n-provider.js";
-import "../../providers/i18n-provider/index.js";
 import { useFieldProps } from "../field/use-field-props.js";
-import "../field/index.js";
 import { useCombobox, useComboboxItem } from "../../hooks/use-combobox/index.js";
 import { cloneElement, isValidElement, useCallback, useMemo, useRef, useState } from "react";
 import { jsxs } from "react/jsx-runtime";
-
 //#region src/components/autocomplete/use-autocomplete.tsx
 const defaultRender = ({ count, focused, index, label, max, separator }) => {
 	const last = count - 1 === index;
@@ -23,22 +19,22 @@ const defaultRender = ({ count, focused, index, label, max, separator }) => {
 	});
 };
 const getInputValue = (item) => (0, utils_exports.isString)(item?.label) ? item.label : item?.query ?? "";
-const defaultFilter = (inputValue, items, match$1) => {
+const defaultFilter = (inputValue, items, match) => {
 	if (!inputValue.length) return items;
 	return items.map((item) => {
 		if ("items" in item) {
-			const items$1 = item.items.filter((item$1) => {
-				if ("query" in item$1) return (0, utils_exports.isString)(item$1.query) && match$1(item$1.query, inputValue);
-				else if ((0, utils_exports.isString)(item$1.label)) return (0, utils_exports.isString)(item$1.label) && match$1(item$1.label, inputValue);
+			const items = item.items.filter((item) => {
+				if ("query" in item) return (0, utils_exports.isString)(item.query) && match(item.query, inputValue);
+				else if ((0, utils_exports.isString)(item.label)) return (0, utils_exports.isString)(item.label) && match(item.label, inputValue);
 			});
-			if (items$1.length) return {
+			if (items.length) return {
 				...item,
-				items: items$1
+				items
 			};
 		} else if ("query" in item) {
-			if ((0, utils_exports.isString)(item.query) && match$1(item.query, inputValue)) return item;
+			if ((0, utils_exports.isString)(item.query) && match(item.query, inputValue)) return item;
 		} else if ((0, utils_exports.isString)(item.label)) {
-			if ((0, utils_exports.isString)(item.label) && match$1(item.label, inputValue)) return item;
+			if ((0, utils_exports.isString)(item.label) && match(item.label, inputValue)) return item;
 		}
 	}).filter(Boolean);
 };
@@ -51,18 +47,18 @@ const useAutocomplete = (props = {}) => {
 	const inputRef = useRef(null);
 	const focusByClickRef = useRef(false);
 	const valueMap = useMemo(() => {
-		const valueMap$1 = {};
+		const valueMap = {};
 		items.forEach((item) => {
-			if ("items" in item) item.items.forEach((item$1) => {
-				item$1.value ??= (0, utils_exports.isString)(item$1.label) ? item$1.label : void 0;
-				if (!(0, utils_exports.isUndefined)(item$1.value)) valueMap$1[item$1.value] = item$1;
+			if ("items" in item) item.items.forEach((item) => {
+				item.value ??= (0, utils_exports.isString)(item.label) ? item.label : void 0;
+				if (!(0, utils_exports.isUndefined)(item.value)) valueMap[item.value] = item;
 			});
 			else {
 				item.value ??= (0, utils_exports.isString)(item.label) ? item.label : void 0;
-				if (!(0, utils_exports.isUndefined)(item.value)) valueMap$1[item.value] = item;
+				if (!(0, utils_exports.isUndefined)(item.value)) valueMap[item.value] = item;
 			}
 		});
-		return valueMap$1;
+		return valueMap;
 	}, [items]);
 	const [focused, setFocused] = useState(false);
 	const [value, setValue] = useControllableState({
@@ -129,12 +125,12 @@ const useAutocomplete = (props = {}) => {
 	const children = useMemo(() => {
 		if (!(0, utils_exports.isArray)(value)) return null;
 		const count = value.length;
-		return value.map((value$1, index) => {
-			const item = valueMap[value$1] ?? {
-				label: value$1,
-				value: value$1
+		return value.map((value, index) => {
+			const item = valueMap[value] ?? {
+				label: value,
+				value
 			};
-			const onClear$1 = (ev) => {
+			const onClear = (ev) => {
 				ev?.preventDefault();
 				ev?.stopPropagation();
 				if (item.value) onChange(item.value);
@@ -145,7 +141,7 @@ const useAutocomplete = (props = {}) => {
 				index,
 				max,
 				separator,
-				onClear: onClear$1,
+				onClear,
 				...item
 			});
 			if (isValidElement(component)) return cloneElement(component, {
@@ -169,9 +165,9 @@ const useAutocomplete = (props = {}) => {
 		if ((0, utils_exports.runIfFn)(closeOnChange, ev)) onClose();
 		else if ((0, utils_exports.runIfFn)(openOnChange, ev)) onOpen();
 		activeDescendant.current = null;
-		const inputValue$1 = ev.target.value;
-		setInputValue(inputValue$1);
-		if (inputValue$1.length || (0, utils_exports.isArray)(value)) return;
+		const inputValue = ev.target.value;
+		setInputValue(inputValue);
+		if (inputValue.length || (0, utils_exports.isArray)(value)) return;
 		setValue("");
 	}, [
 		activeDescendant,
@@ -186,23 +182,23 @@ const useAutocomplete = (props = {}) => {
 	]);
 	const onKeyDown = useCallback((ev) => {
 		if (disabled || isComposing(ev)) return;
-		const inputValue$1 = (0, utils_exports.cast)(ev.target).value;
+		const inputValue = (0, utils_exports.cast)(ev.target).value;
 		runKeyAction(ev, {
-			Backspace: (ev$1) => {
+			Backspace: (ev) => {
 				if (!(0, utils_exports.isArray)(value)) return;
-				if (inputValue$1.length) return;
-				ev$1.preventDefault();
+				if (inputValue.length) return;
+				ev.preventDefault();
 				setValue((prev) => prev.slice(0, -1));
 			},
-			Enter: (ev$1) => {
-				if (!open || !inputValue$1.length || activeDescendant.current) return;
+			Enter: (ev) => {
+				if (!open || !inputValue.length || activeDescendant.current) return;
 				const item = filteredItems[0];
 				if (!item) {
 					if (!allowCustomValue || !(0, utils_exports.isArray)(value)) return;
-					ev$1.preventDefault();
-					onSelect(inputValue$1);
+					ev.preventDefault();
+					onSelect(inputValue);
 				} else {
-					ev$1.preventDefault();
+					ev.preventDefault();
 					if ("items" in item) onSelect(item.items[0]?.value);
 					else onSelect(item.value);
 				}
@@ -277,23 +273,23 @@ const useAutocomplete = (props = {}) => {
 		if ((0, utils_exports.isArray)(valueProp)) return;
 		setInputValue(getInputValue((0, utils_exports.isString)(valueProp) ? valueMap[valueProp] : void 0));
 	}, [valueProp]);
-	const getRootProps = useCallback((props$1) => ({
+	const getRootProps = useCallback((props) => ({
 		...dataProps,
-		...props$1
+		...props
 	}), [dataProps]);
-	const getFieldProps = useCallback(({ ref: ref$1, ...props$1 } = {}) => getTriggerProps({
-		ref: mergeRefs(ref$1, fieldRef),
+	const getFieldProps = useCallback(({ ref, ...props } = {}) => getTriggerProps({
+		ref: mergeRefs(ref, fieldRef),
 		tabIndex: -1,
-		...props$1,
-		onClick: (0, utils_exports.handlerAll)(props$1.onClick, onClick)
+		...props,
+		onClick: (0, utils_exports.handlerAll)(props.onClick, onClick)
 	}), [getTriggerProps, onClick]);
-	const getInputProps = useCallback((props$1 = {}) => ({
+	const getInputProps = useCallback((props = {}) => ({
 		id,
-		ref: mergeRefs(props$1.ref, ref, inputRef),
+		ref: mergeRefs(props.ref, ref, inputRef),
 		name,
 		style: {
 			...!focused && (0, utils_exports.isArray)(value) && !!value.length ? visuallyHiddenAttributes.style : {},
-			...props$1.style
+			...props.style
 		},
 		"data-max": (0, utils_exports.dataAttr)((0, utils_exports.isArray)(value) && (0, utils_exports.isNumber)(max) && value.length >= max),
 		autoCapitalize: "off",
@@ -306,12 +302,12 @@ const useAutocomplete = (props = {}) => {
 		spellCheck: false,
 		value: inputValue,
 		...dataProps,
-		...props$1,
-		onBlur: (0, utils_exports.handlerAll)(props$1.onBlur, onBlur),
-		onChange: (0, utils_exports.handlerAll)(props$1.onChange, onInputChange),
-		onFocus: (0, utils_exports.handlerAll)(props$1.onFocus, onFocus),
-		onKeyDown: (0, utils_exports.handlerAll)(props$1.onKeyDown, onKeyDown),
-		onMouseDown: (0, utils_exports.handlerAll)(props$1.onMouseDown, onMouseDown)
+		...props,
+		onBlur: (0, utils_exports.handlerAll)(props.onBlur, onBlur),
+		onChange: (0, utils_exports.handlerAll)(props.onChange, onInputChange),
+		onFocus: (0, utils_exports.handlerAll)(props.onFocus, onFocus),
+		onKeyDown: (0, utils_exports.handlerAll)(props.onKeyDown, onKeyDown),
+		onMouseDown: (0, utils_exports.handlerAll)(props.onMouseDown, onMouseDown)
 	}), [
 		dataProps,
 		disabled,
@@ -332,14 +328,14 @@ const useAutocomplete = (props = {}) => {
 		required,
 		value
 	]);
-	const getContentProps = useCallback(({ ref: ref$1, ...props$1 } = {}) => getComboboxContentProps({
-		ref: mergeRefs(ref$1, contentRef),
+	const getContentProps = useCallback(({ ref, ...props } = {}) => getComboboxContentProps({
+		ref: mergeRefs(ref, contentRef),
 		hidden: empty,
-		...props$1
+		...props
 	}), [empty, getComboboxContentProps]);
-	const getIconProps = useCallback((props$1) => ({
+	const getIconProps = useCallback((props) => ({
 		...dataProps,
-		...props$1
+		...props
 	}), [dataProps]);
 	return {
 		children,
@@ -353,14 +349,14 @@ const useAutocomplete = (props = {}) => {
 		setValue,
 		value,
 		valueMap,
-		getClearIconProps: useCallback((props$1 = {}) => getIconProps({
+		getClearIconProps: useCallback((props = {}) => getIconProps({
 			"aria-disabled": (0, utils_exports.ariaAttr)(!interactive),
 			"aria-label": t("Clear value"),
 			role: "button",
 			tabIndex: interactive ? 0 : -1,
-			...props$1,
-			onClick: (0, utils_exports.handlerAll)(props$1.onClick, onClear),
-			onKeyDown: (0, utils_exports.handlerAll)(props$1.onKeyDown, (ev) => runKeyAction(ev, {
+			...props,
+			onClick: (0, utils_exports.handlerAll)(props.onClick, onClear),
+			onKeyDown: (0, utils_exports.handlerAll)(props.onKeyDown, (ev) => runKeyAction(ev, {
 				Enter: onClear,
 				Space: onClear
 			}))
@@ -404,7 +400,7 @@ const useAutocompleteOption = ({ children, closeOnSelect, disabled, hidden, valu
 		getOptionProps: useCallback((props = {}) => getItemProps(props), [getItemProps])
 	};
 };
-
 //#endregion
 export { AutocompleteContext, useAutocomplete, useAutocompleteContext, useAutocompleteOption };
+
 //# sourceMappingURL=use-autocomplete.js.map

package/dist/esm/components/autocomplete/use-autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-autocomplete.js","names":["defaultRender: AutocompleteItemRender","defaultFilter: AutocompleteFilter","items","item","match","createContext","valueMap: { [key: string]: ComboboxItemWithValue }","valueMap","value","onClear","inputValue","getRootProps: PropGetter","props","getFieldProps: PropGetter","ref","getInputProps: PropGetter<\"input\">","getContentProps: PropGetter","getIconProps: PropGetter"],"sources":["../../../../src/components/autocomplete/use-autocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type {\n  ComboboxItem,\n  ComboboxItemWithValue,\n  UseComboboxItemProps,\n  UseComboboxProps,\n} from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { useCombobox, useComboboxItem } from \"../../hooks/use-combobox\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  cast,\n  contains,\n  createContext,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isComposing,\n  isNumber,\n  isString,\n  isUndefined,\n  match,\n  mergeRefs,\n  runIfFn,\n  runKeyAction,\n  useUpdateEffect,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface AutocompleteRenderProps extends ComboboxItemWithValue {\n  count: number\n  focused: boolean\n  index: number\n  separator: string\n  onClear: () => void\n  max?: number\n}\n\nexport interface AutocompleteItemRender {\n  (props: AutocompleteRenderProps): ReactNode\n}\n\nconst defaultRender: AutocompleteItemRender = ({\n  count,\n  focused,\n  index,\n  label,\n  max,\n  separator,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span style={{ marginInlineEnd: \"var(--gap)\" }}>\n      {label}\n      {((!isNumber(max) || count < max) && focused) || !last ? separator : null}\n    </span>\n  )\n}\n\nconst getInputValue = (item?: ComboboxItemWithValue) =>\n  isString(item?.label) ? item.label : (item?.query ?? \"\")\n\nexport interface AutocompleteFilter {\n  (\n    inputValue: string,\n    items: ComboboxItem[],\n    matcher: AutocompleteMatcher,\n  ): ComboboxItem[]\n}\n\nconst defaultFilter: AutocompleteFilter = (inputValue, items, match) => {\n  if (!inputValue.length) return items\n\n  return items\n    .map((item) => {\n      if (\"items\" in item) {\n        const items = item.items.filter((item) => {\n          if (\"query\" in item) {\n            return isString(item.query) && match(item.query, inputValue)\n          } else if (isString(item.label)) {\n            return isString(item.label) && match(item.label, inputValue)\n          }\n        })\n\n        if (items.length) return { ...item, items }\n      } else if (\"query\" in item) {\n        if (isString(item.query) && match(item.query, inputValue)) return item\n      } else if (isString(item.label)) {\n        if (isString(item.label) && match(item.label, inputValue)) return item\n      }\n    })\n    .filter(Boolean) as ComboboxItem[]\n}\n\nexport type AutocompleteMatcher = typeof match\n\ninterface AutocompleteContext extends Pick<\n  UseAutocompleteReturn,\n  \"max\" | \"value\"\n> {}\n\nconst [AutocompleteContext, useAutocompleteContext] =\n  createContext<AutocompleteContext>({\n    name: \"AutocompleteContext\",\n  })\n\nexport { AutocompleteContext, useAutocompleteContext }\n\nexport interface UseAutocompleteProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the autocomplete will allow custom value.\n   *\n   * @default false\n   */\n  allowCustomValue?: boolean\n  /**\n   * If `true`, the autocomplete will be closed when the input value changes.\n   *\n   * @default false\n   */\n  closeOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * The initial value of the input.\n   */\n  defaultInputValue?: string\n  /**\n   * The initial value of the autocomplete.\n   */\n  defaultValue?: Multiple extends true ? string[] : string\n  /**\n   * The message displayed when the search yields no hits.\n   *\n   * @default 'No results found'\n   */\n  emptyMessage?: ReactNode\n  /**\n   * The function to filter the items.\n   */\n  filter?: AutocompleteFilter\n  /**\n   * If `true`, the input will be focused when the clear icon is clicked.\n   *\n   * @default true\n   */\n  focusOnClear?: boolean\n  /**\n   * The `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * The value of the input.\n   */\n  inputValue?: string\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: ComboboxItem[]\n  /**\n   * The function to match the items.\n   */\n  matcher?: AutocompleteMatcher\n  /**\n   * The maximum selectable value.\n   */\n  max?: number\n  /**\n   * If `true`, the autocomplete will be multiple.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * If `true`, the autocomplete will be opened when the input value changes.\n   *\n   * @default true\n   */\n  openOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * If `true`, the autocomplete will be opened when the input is focused.\n   *\n   * @default true\n   */\n  openOnFocus?: boolean\n  /**\n   * The placeholder for autocomplete.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The value of the autocomplete.\n   */\n  value?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when value state changes.\n   */\n  onChange?: (value: Multiple extends true ? string[] : string) => void\n  /**\n   * The callback invoked when input value state changes.\n   */\n  onInputChange?: (value: string) => void\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: AutocompleteRenderProps) => ReactNode\n}\n\nexport const useAutocomplete = <Multiple extends boolean = false>(\n  props: UseAutocompleteProps<Multiple> = {},\n) => {\n  type MaybeValue = Multiple extends true ? string[] : string\n\n  const { t } = useI18n(\"autocomplete\")\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      allowCustomValue = false,\n      closeOnChange = false,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultInputValue,\n      defaultValue = (multiple ? [] : \"\") as MaybeValue,\n      disabled,\n      emptyMessage = t(\"No results found\"),\n      filter = defaultFilter,\n      focusOnClear = true,\n      inputValue: inputValueProp,\n      items = [],\n      matcher = match,\n      max,\n      openOnChange = true,\n      openOnClick = true,\n      openOnFocus = true,\n      placeholder,\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      onInputChange: onInputChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const focusByClickRef = useRef<boolean>(false)\n  const valueMap = useMemo<{ [key: string]: ComboboxItemWithValue }>(() => {\n    const valueMap: { [key: string]: ComboboxItemWithValue } = {}\n\n    items.forEach((item) => {\n      if (\"items\" in item) {\n        item.items.forEach((item) => {\n          item.value ??= isString(item.label) ? item.label : undefined\n\n          if (!isUndefined(item.value)) valueMap[item.value] = item\n        })\n      } else {\n        item.value ??= isString(item.label) ? item.label : undefined\n\n        if (!isUndefined(item.value)) valueMap[item.value] = item\n      }\n    })\n\n    return valueMap\n  }, [items])\n  const [focused, setFocused] = useState(false)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue:\n      defaultInputValue ??\n      getInputValue(isString(value) ? valueMap[value] : undefined),\n    value: inputValueProp,\n    onChange: onInputChangeProp,\n  })\n  const onChange = useCallback(\n    (selectedValue: string) => {\n      setValue((prev) => {\n        if (isArray(prev)) {\n          if (prev.includes(selectedValue)) {\n            return prev.filter(\n              (prevValue) => prevValue !== selectedValue,\n            ) as MaybeValue\n          } else if (!isNumber(max) || prev.length < max) {\n            return [...prev, selectedValue] as MaybeValue\n          } else {\n            return prev\n          }\n        } else {\n          return selectedValue as MaybeValue\n        }\n      })\n\n      if (isArray(value)) {\n        setInputValue(\"\")\n      } else {\n        const item = valueMap[selectedValue]\n\n        setInputValue(getInputValue(item))\n      }\n    },\n    [max, setInputValue, setValue, value, valueMap],\n  )\n  const {\n    activeDescendant,\n    descendants,\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onOpenWithActiveDescendant,\n    onSelect,\n  } = useCombobox({\n    closeOnSelect,\n    disabled,\n    initialFocusValue: isArray(value) ? value[0] : value,\n    openOnClick: false,\n    openOnEnter: false,\n    openOnSpace: false,\n    readOnly,\n    selectFocusRef: inputRef,\n    selectOnSpace: false,\n    onChange,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const filteredItems = useMemo<ComboboxItem[]>(() => {\n    if (!items.length) return []\n\n    return filter(inputValue, items, matcher)\n  }, [filter, inputValue, items, matcher])\n  const resolvedItems = useMemo<ComboboxItem[]>(() => {\n    return filteredItems.length\n      ? filteredItems\n      : [{ \"data-empty\": \"\", label: emptyMessage }]\n  }, [filteredItems, emptyMessage])\n  const empty = useMemo(\n    () => !resolvedItems.filter(({ hidden }) => !hidden).length,\n    [resolvedItems],\n  )\n  const children = useMemo<ReactNode>(() => {\n    if (!isArray(value)) return null\n\n    const count = value.length\n\n    return value.map((value, index) => {\n      const item = valueMap[value] ?? { label: value, value }\n\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        if (item.value) onChange(item.value)\n      }\n\n      const component = render({\n        count,\n        focused,\n        index,\n        max,\n        separator,\n        onClear,\n        ...item,\n      })\n\n      if (isValidElement<Dict>(component)) {\n        return cloneElement(component, { ...component.props, key: index })\n      } else {\n        return component\n      }\n    })\n  }, [focused, max, onChange, render, separator, value, valueMap])\n  const hasValues = isArray(value) && !!value.length\n\n  const onInputChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (isArray(value) && value.length === max) return\n\n      if (runIfFn(closeOnChange, ev)) {\n        onClose()\n      } else if (runIfFn(openOnChange, ev)) {\n        onOpen()\n      }\n\n      activeDescendant.current = null\n\n      const inputValue = ev.target.value\n\n      setInputValue(inputValue)\n\n      if (inputValue.length || isArray(value)) return\n\n      setValue(\"\" as MaybeValue)\n    },\n    [\n      activeDescendant,\n      closeOnChange,\n      max,\n      onClose,\n      onOpen,\n      openOnChange,\n      setInputValue,\n      setValue,\n      value,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled || isComposing(ev)) return\n\n      const inputValue = cast<HTMLInputElement>(ev.target).value\n\n      runKeyAction(\n        ev,\n        {\n          Backspace: (ev) => {\n            if (!isArray(value)) return\n            if (inputValue.length) return\n\n            ev.preventDefault()\n\n            setValue((prev) => prev.slice(0, -1) as MaybeValue)\n          },\n          Enter: (ev) => {\n            if (!open || !inputValue.length || activeDescendant.current) return\n\n            const item = filteredItems[0]\n\n            if (!item) {\n              if (!allowCustomValue || !isArray(value)) return\n\n              ev.preventDefault()\n\n              onSelect(inputValue)\n            } else {\n              ev.preventDefault()\n\n              if (\"items\" in item) {\n                onSelect(item.items[0]?.value)\n              } else {\n                onSelect(item.value)\n              }\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      activeDescendant,\n      allowCustomValue,\n      disabled,\n      filteredItems,\n      onSelect,\n      open,\n      setValue,\n      value,\n    ],\n  )\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    focusByClickRef.current = true\n\n    inputRef.current?.focus()\n\n    if (openOnClick) onOpenWithActiveDescendant(descendants.enabledFirstValue)\n  }, [descendants, interactive, onOpenWithActiveDescendant, openOnClick])\n\n  const onMouseDown = useCallback(\n    (ev: MouseEvent<HTMLInputElement>) => {\n      if (!openOnFocus) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [openOnFocus],\n  )\n\n  const onFocus = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      ev.preventDefault()\n      ev.stopPropagation()\n\n      setFocused(true)\n\n      if (openOnFocus && !focusByClickRef.current)\n        onOpenWithActiveDescendant(descendants.enabledFirstValue)\n\n      focusByClickRef.current = false\n    },\n    [openOnFocus, onOpenWithActiveDescendant, descendants.enabledFirstValue],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      if (\n        contains(fieldRef.current, ev.relatedTarget) ||\n        contains(contentRef.current, ev.relatedTarget)\n      ) {\n        ev.preventDefault()\n      } else {\n        setFocused(false)\n\n        if (isArray(value)) {\n          setInputValue(\"\")\n        } else {\n          if (allowCustomValue) {\n            if (inputValue) setValue(inputValue as MaybeValue)\n          } else {\n            const item = isString(value) ? valueMap[value] : undefined\n\n            setInputValue(getInputValue(item))\n          }\n        }\n      }\n    },\n    [allowCustomValue, inputValue, setInputValue, setValue, value, valueMap],\n  )\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => (isArray(prev) ? [] : \"\") as MaybeValue)\n    setInputValue(\"\")\n\n    if (focusOnClear) inputRef.current?.focus()\n  }, [focusOnClear, interactive, setInputValue, setValue])\n\n  useUpdateEffect(() => {\n    if (isArray(valueProp)) return\n\n    setInputValue(\n      getInputValue(isString(valueProp) ? valueMap[valueProp] : undefined),\n    )\n  }, [valueProp])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        tabIndex: -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClick),\n      }),\n\n    [getTriggerProps, onClick],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      id,\n      ref: mergeRefs(props.ref, ref, inputRef),\n      name,\n      style: {\n        ...(!focused && isArray(value) && !!value.length\n          ? visuallyHiddenAttributes.style\n          : {}),\n        ...props.style,\n      },\n      \"data-max\": dataAttr(\n        isArray(value) && isNumber(max) && value.length >= max,\n      ),\n      autoCapitalize: \"off\",\n      autoComplete: \"off\",\n      autoCorrect: \"off\",\n      disabled,\n      placeholder: hasValues ? undefined : placeholder,\n      readOnly,\n      required,\n      spellCheck: false,\n      value: inputValue,\n      ...dataProps,\n      ...props,\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onInputChange),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onMouseDown: handlerAll(props.onMouseDown, onMouseDown),\n    }),\n    [\n      dataProps,\n      disabled,\n      focused,\n      hasValues,\n      id,\n      inputValue,\n      max,\n      name,\n      onBlur,\n      onFocus,\n      onInputChange,\n      onKeyDown,\n      onMouseDown,\n      placeholder,\n      readOnly,\n      ref,\n      required,\n      value,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getComboboxContentProps({\n        ref: mergeRefs(ref, contentRef),\n        hidden: empty,\n        ...props,\n      }),\n    [empty, getComboboxContentProps],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getClearIconProps: PropGetter = useCallback(\n    (props = {}) =>\n      getIconProps({\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-label\": t(\"Clear value\"),\n        role: \"button\",\n        tabIndex: interactive ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClear),\n        onKeyDown: handlerAll(props.onKeyDown, (ev) =>\n          runKeyAction(ev, { Enter: onClear, Space: onClear }),\n        ),\n      }),\n    [getIconProps, interactive, onClear, t],\n  )\n\n  return {\n    children,\n    descendants,\n    inputValue,\n    interactive,\n    items: resolvedItems,\n    max,\n    open,\n    setInputValue,\n    setValue,\n    value,\n    valueMap,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    getSeparatorProps,\n    popoverProps,\n    onActiveDescendant,\n    onChange,\n    onClose,\n    onInputChange,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>\n\nexport interface UseAutocompleteOptionProps extends UseComboboxItemProps {}\n\nexport const useAutocompleteOption = ({\n  children,\n  closeOnSelect,\n  disabled,\n  hidden,\n  value,\n  ...rest\n}: UseAutocompleteOptionProps = {}) => {\n  const { max, value: selectedValue } = useAutocompleteContext()\n\n  value ??= isString(children) ? children : undefined\n\n  const selected = isArray(selectedValue)\n    ? !isUndefined(value) && selectedValue.includes(value)\n    : selectedValue === value\n  const completed =\n    isNumber(max) && isArray(selectedValue) && selectedValue.length >= max\n  const { getIndicatorProps, getItemProps } = useComboboxItem({\n    children,\n    closeOnSelect,\n    disabled: disabled || hidden || (completed && !selected),\n    hidden,\n    selected,\n    value,\n    ...rest,\n  })\n\n  const getOptionProps: PropGetter = useCallback(\n    (props = {}) => getItemProps(props),\n    [getItemProps],\n  )\n\n  return { getIndicatorProps, getOptionProps }\n}\n\nexport type UseAutocompleteOptionReturn = ReturnType<\n  typeof useAutocompleteOption\n>\n"],"mappings":"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"}
+{"version":3,"file":"use-autocomplete.js","names":["createContext","match"],"sources":["../../../../src/components/autocomplete/use-autocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type {\n  ComboboxItem,\n  ComboboxItemWithValue,\n  UseComboboxItemProps,\n  UseComboboxProps,\n} from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { useCombobox, useComboboxItem } from \"../../hooks/use-combobox\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  cast,\n  contains,\n  createContext,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isComposing,\n  isNumber,\n  isString,\n  isUndefined,\n  match,\n  mergeRefs,\n  runIfFn,\n  runKeyAction,\n  useUpdateEffect,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface AutocompleteRenderProps extends ComboboxItemWithValue {\n  count: number\n  focused: boolean\n  index: number\n  separator: string\n  onClear: () => void\n  max?: number\n}\n\nexport interface AutocompleteItemRender {\n  (props: AutocompleteRenderProps): ReactNode\n}\n\nconst defaultRender: AutocompleteItemRender = ({\n  count,\n  focused,\n  index,\n  label,\n  max,\n  separator,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span style={{ marginInlineEnd: \"var(--gap)\" }}>\n      {label}\n      {((!isNumber(max) || count < max) && focused) || !last ? separator : null}\n    </span>\n  )\n}\n\nconst getInputValue = (item?: ComboboxItemWithValue) =>\n  isString(item?.label) ? item.label : (item?.query ?? \"\")\n\nexport interface AutocompleteFilter {\n  (\n    inputValue: string,\n    items: ComboboxItem[],\n    matcher: AutocompleteMatcher,\n  ): ComboboxItem[]\n}\n\nconst defaultFilter: AutocompleteFilter = (inputValue, items, match) => {\n  if (!inputValue.length) return items\n\n  return items\n    .map((item) => {\n      if (\"items\" in item) {\n        const items = item.items.filter((item) => {\n          if (\"query\" in item) {\n            return isString(item.query) && match(item.query, inputValue)\n          } else if (isString(item.label)) {\n            return isString(item.label) && match(item.label, inputValue)\n          }\n        })\n\n        if (items.length) return { ...item, items }\n      } else if (\"query\" in item) {\n        if (isString(item.query) && match(item.query, inputValue)) return item\n      } else if (isString(item.label)) {\n        if (isString(item.label) && match(item.label, inputValue)) return item\n      }\n    })\n    .filter(Boolean) as ComboboxItem[]\n}\n\nexport type AutocompleteMatcher = typeof match\n\ninterface AutocompleteContext extends Pick<\n  UseAutocompleteReturn,\n  \"max\" | \"value\"\n> {}\n\nconst [AutocompleteContext, useAutocompleteContext] =\n  createContext<AutocompleteContext>({\n    name: \"AutocompleteContext\",\n  })\n\nexport { AutocompleteContext, useAutocompleteContext }\n\nexport interface UseAutocompleteProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the autocomplete will allow custom value.\n   *\n   * @default false\n   */\n  allowCustomValue?: boolean\n  /**\n   * If `true`, the autocomplete will be closed when the input value changes.\n   *\n   * @default false\n   */\n  closeOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * The initial value of the input.\n   */\n  defaultInputValue?: string\n  /**\n   * The initial value of the autocomplete.\n   */\n  defaultValue?: Multiple extends true ? string[] : string\n  /**\n   * The message displayed when the search yields no hits.\n   *\n   * @default 'No results found'\n   */\n  emptyMessage?: ReactNode\n  /**\n   * The function to filter the items.\n   */\n  filter?: AutocompleteFilter\n  /**\n   * If `true`, the input will be focused when the clear icon is clicked.\n   *\n   * @default true\n   */\n  focusOnClear?: boolean\n  /**\n   * The `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * The value of the input.\n   */\n  inputValue?: string\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: ComboboxItem[]\n  /**\n   * The function to match the items.\n   */\n  matcher?: AutocompleteMatcher\n  /**\n   * The maximum selectable value.\n   */\n  max?: number\n  /**\n   * If `true`, the autocomplete will be multiple.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * If `true`, the autocomplete will be opened when the input value changes.\n   *\n   * @default true\n   */\n  openOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * If `true`, the autocomplete will be opened when the input is focused.\n   *\n   * @default true\n   */\n  openOnFocus?: boolean\n  /**\n   * The placeholder for autocomplete.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The value of the autocomplete.\n   */\n  value?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when value state changes.\n   */\n  onChange?: (value: Multiple extends true ? string[] : string) => void\n  /**\n   * The callback invoked when input value state changes.\n   */\n  onInputChange?: (value: string) => void\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: AutocompleteRenderProps) => ReactNode\n}\n\nexport const useAutocomplete = <Multiple extends boolean = false>(\n  props: UseAutocompleteProps<Multiple> = {},\n) => {\n  type MaybeValue = Multiple extends true ? string[] : string\n\n  const { t } = useI18n(\"autocomplete\")\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      allowCustomValue = false,\n      closeOnChange = false,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultInputValue,\n      defaultValue = (multiple ? [] : \"\") as MaybeValue,\n      disabled,\n      emptyMessage = t(\"No results found\"),\n      filter = defaultFilter,\n      focusOnClear = true,\n      inputValue: inputValueProp,\n      items = [],\n      matcher = match,\n      max,\n      openOnChange = true,\n      openOnClick = true,\n      openOnFocus = true,\n      placeholder,\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      onInputChange: onInputChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const focusByClickRef = useRef<boolean>(false)\n  const valueMap = useMemo<{ [key: string]: ComboboxItemWithValue }>(() => {\n    const valueMap: { [key: string]: ComboboxItemWithValue } = {}\n\n    items.forEach((item) => {\n      if (\"items\" in item) {\n        item.items.forEach((item) => {\n          item.value ??= isString(item.label) ? item.label : undefined\n\n          if (!isUndefined(item.value)) valueMap[item.value] = item\n        })\n      } else {\n        item.value ??= isString(item.label) ? item.label : undefined\n\n        if (!isUndefined(item.value)) valueMap[item.value] = item\n      }\n    })\n\n    return valueMap\n  }, [items])\n  const [focused, setFocused] = useState(false)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue:\n      defaultInputValue ??\n      getInputValue(isString(value) ? valueMap[value] : undefined),\n    value: inputValueProp,\n    onChange: onInputChangeProp,\n  })\n  const onChange = useCallback(\n    (selectedValue: string) => {\n      setValue((prev) => {\n        if (isArray(prev)) {\n          if (prev.includes(selectedValue)) {\n            return prev.filter(\n              (prevValue) => prevValue !== selectedValue,\n            ) as MaybeValue\n          } else if (!isNumber(max) || prev.length < max) {\n            return [...prev, selectedValue] as MaybeValue\n          } else {\n            return prev\n          }\n        } else {\n          return selectedValue as MaybeValue\n        }\n      })\n\n      if (isArray(value)) {\n        setInputValue(\"\")\n      } else {\n        const item = valueMap[selectedValue]\n\n        setInputValue(getInputValue(item))\n      }\n    },\n    [max, setInputValue, setValue, value, valueMap],\n  )\n  const {\n    activeDescendant,\n    descendants,\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onOpenWithActiveDescendant,\n    onSelect,\n  } = useCombobox({\n    closeOnSelect,\n    disabled,\n    initialFocusValue: isArray(value) ? value[0] : value,\n    openOnClick: false,\n    openOnEnter: false,\n    openOnSpace: false,\n    readOnly,\n    selectFocusRef: inputRef,\n    selectOnSpace: false,\n    onChange,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const filteredItems = useMemo<ComboboxItem[]>(() => {\n    if (!items.length) return []\n\n    return filter(inputValue, items, matcher)\n  }, [filter, inputValue, items, matcher])\n  const resolvedItems = useMemo<ComboboxItem[]>(() => {\n    return filteredItems.length\n      ? filteredItems\n      : [{ \"data-empty\": \"\", label: emptyMessage }]\n  }, [filteredItems, emptyMessage])\n  const empty = useMemo(\n    () => !resolvedItems.filter(({ hidden }) => !hidden).length,\n    [resolvedItems],\n  )\n  const children = useMemo<ReactNode>(() => {\n    if (!isArray(value)) return null\n\n    const count = value.length\n\n    return value.map((value, index) => {\n      const item = valueMap[value] ?? { label: value, value }\n\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        if (item.value) onChange(item.value)\n      }\n\n      const component = render({\n        count,\n        focused,\n        index,\n        max,\n        separator,\n        onClear,\n        ...item,\n      })\n\n      if (isValidElement<Dict>(component)) {\n        return cloneElement(component, { ...component.props, key: index })\n      } else {\n        return component\n      }\n    })\n  }, [focused, max, onChange, render, separator, value, valueMap])\n  const hasValues = isArray(value) && !!value.length\n\n  const onInputChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (isArray(value) && value.length === max) return\n\n      if (runIfFn(closeOnChange, ev)) {\n        onClose()\n      } else if (runIfFn(openOnChange, ev)) {\n        onOpen()\n      }\n\n      activeDescendant.current = null\n\n      const inputValue = ev.target.value\n\n      setInputValue(inputValue)\n\n      if (inputValue.length || isArray(value)) return\n\n      setValue(\"\" as MaybeValue)\n    },\n    [\n      activeDescendant,\n      closeOnChange,\n      max,\n      onClose,\n      onOpen,\n      openOnChange,\n      setInputValue,\n      setValue,\n      value,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled || isComposing(ev)) return\n\n      const inputValue = cast<HTMLInputElement>(ev.target).value\n\n      runKeyAction(\n        ev,\n        {\n          Backspace: (ev) => {\n            if (!isArray(value)) return\n            if (inputValue.length) return\n\n            ev.preventDefault()\n\n            setValue((prev) => prev.slice(0, -1) as MaybeValue)\n          },\n          Enter: (ev) => {\n            if (!open || !inputValue.length || activeDescendant.current) return\n\n            const item = filteredItems[0]\n\n            if (!item) {\n              if (!allowCustomValue || !isArray(value)) return\n\n              ev.preventDefault()\n\n              onSelect(inputValue)\n            } else {\n              ev.preventDefault()\n\n              if (\"items\" in item) {\n                onSelect(item.items[0]?.value)\n              } else {\n                onSelect(item.value)\n              }\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      activeDescendant,\n      allowCustomValue,\n      disabled,\n      filteredItems,\n      onSelect,\n      open,\n      setValue,\n      value,\n    ],\n  )\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    focusByClickRef.current = true\n\n    inputRef.current?.focus()\n\n    if (openOnClick) onOpenWithActiveDescendant(descendants.enabledFirstValue)\n  }, [descendants, interactive, onOpenWithActiveDescendant, openOnClick])\n\n  const onMouseDown = useCallback(\n    (ev: MouseEvent<HTMLInputElement>) => {\n      if (!openOnFocus) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [openOnFocus],\n  )\n\n  const onFocus = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      ev.preventDefault()\n      ev.stopPropagation()\n\n      setFocused(true)\n\n      if (openOnFocus && !focusByClickRef.current)\n        onOpenWithActiveDescendant(descendants.enabledFirstValue)\n\n      focusByClickRef.current = false\n    },\n    [openOnFocus, onOpenWithActiveDescendant, descendants.enabledFirstValue],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      if (\n        contains(fieldRef.current, ev.relatedTarget) ||\n        contains(contentRef.current, ev.relatedTarget)\n      ) {\n        ev.preventDefault()\n      } else {\n        setFocused(false)\n\n        if (isArray(value)) {\n          setInputValue(\"\")\n        } else {\n          if (allowCustomValue) {\n            if (inputValue) setValue(inputValue as MaybeValue)\n          } else {\n            const item = isString(value) ? valueMap[value] : undefined\n\n            setInputValue(getInputValue(item))\n          }\n        }\n      }\n    },\n    [allowCustomValue, inputValue, setInputValue, setValue, value, valueMap],\n  )\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => (isArray(prev) ? [] : \"\") as MaybeValue)\n    setInputValue(\"\")\n\n    if (focusOnClear) inputRef.current?.focus()\n  }, [focusOnClear, interactive, setInputValue, setValue])\n\n  useUpdateEffect(() => {\n    if (isArray(valueProp)) return\n\n    setInputValue(\n      getInputValue(isString(valueProp) ? valueMap[valueProp] : undefined),\n    )\n  }, [valueProp])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        tabIndex: -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClick),\n      }),\n\n    [getTriggerProps, onClick],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      id,\n      ref: mergeRefs(props.ref, ref, inputRef),\n      name,\n      style: {\n        ...(!focused && isArray(value) && !!value.length\n          ? visuallyHiddenAttributes.style\n          : {}),\n        ...props.style,\n      },\n      \"data-max\": dataAttr(\n        isArray(value) && isNumber(max) && value.length >= max,\n      ),\n      autoCapitalize: \"off\",\n      autoComplete: \"off\",\n      autoCorrect: \"off\",\n      disabled,\n      placeholder: hasValues ? undefined : placeholder,\n      readOnly,\n      required,\n      spellCheck: false,\n      value: inputValue,\n      ...dataProps,\n      ...props,\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onInputChange),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onMouseDown: handlerAll(props.onMouseDown, onMouseDown),\n    }),\n    [\n      dataProps,\n      disabled,\n      focused,\n      hasValues,\n      id,\n      inputValue,\n      max,\n      name,\n      onBlur,\n      onFocus,\n      onInputChange,\n      onKeyDown,\n      onMouseDown,\n      placeholder,\n      readOnly,\n      ref,\n      required,\n      value,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getComboboxContentProps({\n        ref: mergeRefs(ref, contentRef),\n        hidden: empty,\n        ...props,\n      }),\n    [empty, getComboboxContentProps],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getClearIconProps: PropGetter = useCallback(\n    (props = {}) =>\n      getIconProps({\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-label\": t(\"Clear value\"),\n        role: \"button\",\n        tabIndex: interactive ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClear),\n        onKeyDown: handlerAll(props.onKeyDown, (ev) =>\n          runKeyAction(ev, { Enter: onClear, Space: onClear }),\n        ),\n      }),\n    [getIconProps, interactive, onClear, t],\n  )\n\n  return {\n    children,\n    descendants,\n    inputValue,\n    interactive,\n    items: resolvedItems,\n    max,\n    open,\n    setInputValue,\n    setValue,\n    value,\n    valueMap,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    getSeparatorProps,\n    popoverProps,\n    onActiveDescendant,\n    onChange,\n    onClose,\n    onInputChange,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>\n\nexport interface UseAutocompleteOptionProps extends UseComboboxItemProps {}\n\nexport const useAutocompleteOption = ({\n  children,\n  closeOnSelect,\n  disabled,\n  hidden,\n  value,\n  ...rest\n}: UseAutocompleteOptionProps = {}) => {\n  const { max, value: selectedValue } = useAutocompleteContext()\n\n  value ??= isString(children) ? children : undefined\n\n  const selected = isArray(selectedValue)\n    ? !isUndefined(value) && selectedValue.includes(value)\n    : selectedValue === value\n  const completed =\n    isNumber(max) && isArray(selectedValue) && selectedValue.length >= max\n  const { getIndicatorProps, getItemProps } = useComboboxItem({\n    children,\n    closeOnSelect,\n    disabled: disabled || hidden || (completed && !selected),\n    hidden,\n    selected,\n    value,\n    ...rest,\n  })\n\n  const getOptionProps: PropGetter = useCallback(\n    (props = {}) => getItemProps(props),\n    [getItemProps],\n  )\n\n  return { getIndicatorProps, getOptionProps }\n}\n\nexport type UseAutocompleteOptionReturn = ReturnType<\n  typeof useAutocompleteOption\n>\n"],"mappings":";;;;;;;;;;;;;AA+DA,MAAM,iBAAyC,EAC7C,OACA,SACA,OACA,OACA,KACA,gBACI;CACJ,MAAM,OAAO,QAAQ,MAAM;CAE3B,OACE,qBAAC,QAAD;EAAM,OAAO,EAAE,iBAAiB,cAAc;YAA9C,CACG,QACE,EAAA,GAAA,cAAA,UAAU,IAAI,IAAI,QAAQ,QAAQ,WAAY,CAAC,OAAO,YAAY,KAChE;;;AAIX,MAAM,iBAAiB,UAAA,GAAA,cAAA,UACZ,MAAM,MAAM,GAAG,KAAK,QAAS,MAAM,SAAS;AAUvD,MAAM,iBAAqC,YAAY,OAAO,UAAU;CACtE,IAAI,CAAC,WAAW,QAAQ,OAAO;CAE/B,OAAO,MACJ,KAAK,SAAS;EACb,IAAI,WAAW,MAAM;GACnB,MAAM,QAAQ,KAAK,MAAM,QAAQ,SAAS;IACxC,IAAI,WAAW,MACb,QAAA,GAAA,cAAA,UAAgB,KAAK,MAAM,IAAI,MAAM,KAAK,OAAO,WAAW;SACvD,KAAA,GAAA,cAAA,UAAa,KAAK,MAAM,EAC7B,QAAA,GAAA,cAAA,UAAgB,KAAK,MAAM,IAAI,MAAM,KAAK,OAAO,WAAW;KAE9D;GAEF,IAAI,MAAM,QAAQ,OAAO;IAAE,GAAG;IAAM;IAAO;SACtC,IAAI,WAAW;mCACP,KAAK,MAAM,IAAI,MAAM,KAAK,OAAO,WAAW,EAAE,OAAO;SAC7D,KAAA,GAAA,cAAA,UAAa,KAAK,MAAM;mCAChB,KAAK,MAAM,IAAI,MAAM,KAAK,OAAO,WAAW,EAAE,OAAO;;GAEpE,CACD,OAAO,QAAQ;;AAUpB,MAAM,CAAC,qBAAqB,0BAC1BA,gBAAmC,EACjC,MAAM,uBACP,CAAC;AAyHJ,MAAa,mBACX,QAAwC,EAAE,KACvC;CAGH,MAAM,EAAE,MAAM,QAAQ,eAAe;CACrC,MAAM,EACJ,OAAO,EACL,IACA,KACA,MACA,mBAAmB,OACnB,gBAAgB,OAChB,WAAW,OACX,gBAAgB,CAAC,UACjB,mBACA,eAAgB,WAAW,EAAE,GAAG,IAChC,UACA,eAAe,EAAE,mBAAmB,EACpC,SAAS,eACT,eAAe,MACf,YAAY,gBACZ,QAAQ,EAAE,EACV,UAAUC,cAAAA,OACV,KACA,eAAe,MACf,cAAc,MACd,cAAc,MACd,aACA,UACA,SAAS,eACT,UACA,YAAY,KACZ,OAAO,WACP,UAAU,cACV,eAAe,mBACf,GAAG,QAEL,WACA,WACA,eACE,cAAc,MAAM;CACxB,MAAM,WAAW,OAAuB,KAAK;CAC7C,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,kBAAkB,OAAgB,MAAM;CAC9C,MAAM,WAAW,cAAwD;EACvE,MAAM,WAAqD,EAAE;EAE7D,MAAM,SAAS,SAAS;GACtB,IAAI,WAAW,MACb,KAAK,MAAM,SAAS,SAAS;IAC3B,KAAK,WAAA,GAAA,cAAA,UAAmB,KAAK,MAAM,GAAG,KAAK,QAAQ,KAAA;IAEnD,IAAI,EAAA,GAAA,cAAA,aAAa,KAAK,MAAM,EAAE,SAAS,KAAK,SAAS;KACrD;QACG;IACL,KAAK,WAAA,GAAA,cAAA,UAAmB,KAAK,MAAM,GAAG,KAAK,QAAQ,KAAA;IAEnD,IAAI,EAAA,GAAA,cAAA,aAAa,KAAK,MAAM,EAAE,SAAS,KAAK,SAAS;;IAEvD;EAEF,OAAO;IACN,CAAC,MAAM,CAAC;CACX,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC7C;EACA,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,CAAC,YAAY,iBAAiB,qBAAqB;EACvD,cACE,qBACA,eAAA,GAAA,cAAA,UAAuB,MAAM,GAAG,SAAS,SAAS,KAAA,EAAU;EAC9D,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,WAAW,aACd,kBAA0B;EACzB,UAAU,SAAS;GACjB,KAAA,GAAA,cAAA,SAAY,KAAK,EACf,IAAI,KAAK,SAAS,cAAc,EAC9B,OAAO,KAAK,QACT,cAAc,cAAc,cAC9B;QACI,IAAI,EAAA,GAAA,cAAA,UAAU,IAAI,IAAI,KAAK,SAAS,KACzC,OAAO,CAAC,GAAG,MAAM,cAAc;QAE/B,OAAO;QAGT,OAAO;IAET;EAEF,KAAA,GAAA,cAAA,SAAY,MAAM,EAChB,cAAc,GAAG;OACZ;GACL,MAAM,OAAO,SAAS;GAEtB,cAAc,cAAc,KAAK,CAAC;;IAGtC;EAAC;EAAK;EAAe;EAAU;EAAO;EAAS,CAChD;CACD,MAAM,EACJ,kBACA,aACA,aACA,MACA,iBAAiB,yBACjB,mBACA,iBACA,cACA,oBACA,SACA,QACA,4BACA,aACE,YAAY;EACd;EACA;EACA,oBAAA,GAAA,cAAA,SAA2B,MAAM,GAAG,MAAM,KAAK;EAC/C,aAAa;EACb,aAAa;EACb,aAAa;EACb;EACA,gBAAgB;EAChB,eAAe;EACf;EACA,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACJ,CAAC;CACF,MAAM,gBAAgB,cAA8B;EAClD,IAAI,CAAC,MAAM,QAAQ,OAAO,EAAE;EAE5B,OAAO,OAAO,YAAY,OAAO,QAAQ;IACxC;EAAC;EAAQ;EAAY;EAAO;EAAQ,CAAC;CACxC,MAAM,gBAAgB,cAA8B;EAClD,OAAO,cAAc,SACjB,gBACA,CAAC;GAAE,cAAc;GAAI,OAAO;GAAc,CAAC;IAC9C,CAAC,eAAe,aAAa,CAAC;CACjC,MAAM,QAAQ,cACN,CAAC,cAAc,QAAQ,EAAE,aAAa,CAAC,OAAO,CAAC,QACrD,CAAC,cAAc,CAChB;CACD,MAAM,WAAW,cAAyB;EACxC,IAAI,EAAA,GAAA,cAAA,SAAS,MAAM,EAAE,OAAO;EAE5B,MAAM,QAAQ,MAAM;EAEpB,OAAO,MAAM,KAAK,OAAO,UAAU;GACjC,MAAM,OAAO,SAAS,UAAU;IAAE,OAAO;IAAO;IAAO;GAEvD,MAAM,WAAW,OAAiC;IAChD,IAAI,gBAAgB;IACpB,IAAI,iBAAiB;IAErB,IAAI,KAAK,OAAO,SAAS,KAAK,MAAM;;GAGtC,MAAM,YAAY,OAAO;IACvB;IACA;IACA;IACA;IACA;IACA;IACA,GAAG;IACJ,CAAC;GAEF,IAAI,eAAqB,UAAU,EACjC,OAAO,aAAa,WAAW;IAAE,GAAG,UAAU;IAAO,KAAK;IAAO,CAAC;QAElE,OAAO;IAET;IACD;EAAC;EAAS;EAAK;EAAU;EAAQ;EAAW;EAAO;EAAS,CAAC;CAChE,MAAM,aAAA,GAAA,cAAA,SAAoB,MAAM,IAAI,CAAC,CAAC,MAAM;CAE5C,MAAM,gBAAgB,aACnB,OAAsC;EACrC,KAAA,GAAA,cAAA,SAAY,MAAM,IAAI,MAAM,WAAW,KAAK;EAE5C,KAAA,GAAA,cAAA,SAAY,eAAe,GAAG,EAC5B,SAAS;OACJ,KAAA,GAAA,cAAA,SAAY,cAAc,GAAG,EAClC,QAAQ;EAGV,iBAAiB,UAAU;EAE3B,MAAM,aAAa,GAAG,OAAO;EAE7B,cAAc,WAAW;EAEzB,IAAI,WAAW,WAAA,GAAA,cAAA,SAAkB,MAAM,EAAE;EAEzC,SAAS,GAAiB;IAE5B;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,YAAY,aACf,OAAwC;EACvC,IAAI,YAAY,YAAY,GAAG,EAAE;EAEjC,MAAM,cAAA,GAAA,cAAA,MAAoC,GAAG,OAAO,CAAC;EAErD,aACE,IACA;GACE,YAAY,OAAO;IACjB,IAAI,EAAA,GAAA,cAAA,SAAS,MAAM,EAAE;IACrB,IAAI,WAAW,QAAQ;IAEvB,GAAG,gBAAgB;IAEnB,UAAU,SAAS,KAAK,MAAM,GAAG,GAAG,CAAe;;GAErD,QAAQ,OAAO;IACb,IAAI,CAAC,QAAQ,CAAC,WAAW,UAAU,iBAAiB,SAAS;IAE7D,MAAM,OAAO,cAAc;IAE3B,IAAI,CAAC,MAAM;KACT,IAAI,CAAC,oBAAoB,EAAA,GAAA,cAAA,SAAS,MAAM,EAAE;KAE1C,GAAG,gBAAgB;KAEnB,SAAS,WAAW;WACf;KACL,GAAG,gBAAgB;KAEnB,IAAI,WAAW,MACb,SAAS,KAAK,MAAM,IAAI,MAAM;UAE9B,SAAS,KAAK,MAAM;;;GAI3B,EACD,EAAE,gBAAgB,OAAO,CAC1B;IAEH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,UAAU,kBAAkB;EAChC,IAAI,CAAC,aAAa;EAElB,gBAAgB,UAAU;EAE1B,SAAS,SAAS,OAAO;EAEzB,IAAI,aAAa,2BAA2B,YAAY,kBAAkB;IACzE;EAAC;EAAa;EAAa;EAA4B;EAAY,CAAC;CAEvE,MAAM,cAAc,aACjB,OAAqC;EACpC,IAAI,CAAC,aAAa;EAElB,GAAG,gBAAgB;EACnB,GAAG,iBAAiB;IAEtB,CAAC,YAAY,CACd;CAED,MAAM,UAAU,aACb,OAAqC;EACpC,GAAG,gBAAgB;EACnB,GAAG,iBAAiB;EAEpB,WAAW,KAAK;EAEhB,IAAI,eAAe,CAAC,gBAAgB,SAClC,2BAA2B,YAAY,kBAAkB;EAE3D,gBAAgB,UAAU;IAE5B;EAAC;EAAa;EAA4B,YAAY;EAAkB,CACzE;CAED,MAAM,SAAS,aACZ,OAAqC;EACpC,KAAA,GAAA,cAAA,UACW,SAAS,SAAS,GAAG,cAAc,KAAA,GAAA,cAAA,UACnC,WAAW,SAAS,GAAG,cAAc,EAE9C,GAAG,gBAAgB;OACd;GACL,WAAW,MAAM;GAEjB,KAAA,GAAA,cAAA,SAAY,MAAM,EAChB,cAAc,GAAG;QAEjB,IAAI;QACE,YAAY,SAAS,WAAyB;UAIlD,cAAc,eAAA,GAAA,cAAA,UAFQ,MAAM,GAAG,SAAS,SAAS,KAAA,EAEhB,CAAC;;IAK1C;EAAC;EAAkB;EAAY;EAAe;EAAU;EAAO;EAAS,CACzE;CAED,MAAM,UAAU,kBAAkB;EAChC,IAAI,CAAC,aAAa;EAElB,UAAU,UAAA,GAAA,cAAA,SAAkB,KAAK,GAAG,EAAE,GAAG,GAAkB;EAC3D,cAAc,GAAG;EAEjB,IAAI,cAAc,SAAS,SAAS,OAAO;IAC1C;EAAC;EAAc;EAAa;EAAe;EAAS,CAAC;CAExD,sBAAsB;EACpB,KAAA,GAAA,cAAA,SAAY,UAAU,EAAE;EAExB,cACE,eAAA,GAAA,cAAA,UAAuB,UAAU,GAAG,SAAS,aAAa,KAAA,EAAU,CACrE;IACA,CAAC,UAAU,CAAC;CAEf,MAAM,eAA2B,aAC9B,WAAW;EACV,GAAG;EACH,GAAG;EACJ,GACD,CAAC,UAAU,CACZ;CAED,MAAM,gBAA4B,aAC/B,EAAE,KAAK,GAAG,UAAU,EAAE,KACrB,gBAAgB;EACd,KAAK,UAAU,KAAK,SAAS;EAC7B,UAAU;EACV,GAAG;EACH,UAAA,GAAA,cAAA,YAAoB,MAAM,SAAS,QAAQ;EAC5C,CAAC,EAEJ,CAAC,iBAAiB,QAAQ,CAC3B;CAED,MAAM,gBAAqC,aACxC,QAAQ,EAAE,MAAM;EACf;EACA,KAAK,UAAU,MAAM,KAAK,KAAK,SAAS;EACxC;EACA,OAAO;GACL,GAAI,CAAC,YAAA,GAAA,cAAA,SAAmB,MAAM,IAAI,CAAC,CAAC,MAAM,SACtC,yBAAyB,QACzB,EAAE;GACN,GAAG,MAAM;GACV;EACD,aAAA,GAAA,cAAA,WAAA,GAAA,cAAA,SACU,MAAM,KAAA,GAAA,cAAA,UAAa,IAAI,IAAI,MAAM,UAAU,IACpD;EACD,gBAAgB;EAChB,cAAc;EACd,aAAa;EACb;EACA,aAAa,YAAY,KAAA,IAAY;EACrC;EACA;EACA,YAAY;EACZ,OAAO;EACP,GAAG;EACH,GAAG;EACH,SAAA,GAAA,cAAA,YAAmB,MAAM,QAAQ,OAAO;EACxC,WAAA,GAAA,cAAA,YAAqB,MAAM,UAAU,cAAc;EACnD,UAAA,GAAA,cAAA,YAAoB,MAAM,SAAS,QAAQ;EAC3C,YAAA,GAAA,cAAA,YAAsB,MAAM,WAAW,UAAU;EACjD,cAAA,GAAA,cAAA,YAAwB,MAAM,aAAa,YAAY;EACxD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,kBAA8B,aACjC,EAAE,KAAK,GAAG,UAAU,EAAE,KACrB,wBAAwB;EACtB,KAAK,UAAU,KAAK,WAAW;EAC/B,QAAQ;EACR,GAAG;EACJ,CAAC,EACJ,CAAC,OAAO,wBAAwB,CACjC;CAED,MAAM,eAA2B,aAC9B,WAAW;EAAE,GAAG;EAAW,GAAG;EAAO,GACtC,CAAC,UAAU,CACZ;CAkBD,OAAO;EACL;EACA;EACA;EACA;EACA,OAAO;EACP;EACA;EACA;EACA;EACA;EACA;EACA,mBA5BoC,aACnC,QAAQ,EAAE,KACT,aAAa;GACX,kBAAA,GAAA,cAAA,UAA0B,CAAC,YAAY;GACvC,cAAc,EAAE,cAAc;GAC9B,MAAM;GACN,UAAU,cAAc,IAAI;GAC5B,GAAG;GACH,UAAA,GAAA,cAAA,YAAoB,MAAM,SAAS,QAAQ;GAC3C,YAAA,GAAA,cAAA,YAAsB,MAAM,YAAY,OACtC,aAAa,IAAI;IAAE,OAAO;IAAS,OAAO;IAAS,CAAC,CACrD;GACF,CAAC,EACJ;GAAC;GAAc;GAAa;GAAS;GAAE,CAetB;EACjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;AAOH,MAAa,yBAAyB,EACpC,UACA,eACA,UACA,QACA,OACA,GAAG,SAC2B,EAAE,KAAK;CACrC,MAAM,EAAE,KAAK,OAAO,kBAAkB,wBAAwB;CAE9D,WAAA,GAAA,cAAA,UAAmB,SAAS,GAAG,WAAW,KAAA;CAE1C,MAAM,YAAA,GAAA,cAAA,SAAmB,cAAc,GACnC,EAAA,GAAA,cAAA,aAAa,MAAM,IAAI,cAAc,SAAS,MAAM,GACpD,kBAAkB;CACtB,MAAM,aAAA,GAAA,cAAA,UACK,IAAI,KAAA,GAAA,cAAA,SAAY,cAAc,IAAI,cAAc,UAAU;CACrE,MAAM,EAAE,mBAAmB,iBAAiB,gBAAgB;EAC1D;EACA;EACA,UAAU,YAAY,UAAW,aAAa,CAAC;EAC/C;EACA;EACA;EACA,GAAG;EACJ,CAAC;CAOF,OAAO;EAAE;EAAmB,gBALO,aAChC,QAAQ,EAAE,KAAK,aAAa,MAAM,EACnC,CAAC,aAAa,CAG0B;EAAE"}

package/dist/esm/components/avatar/avatar-group.js

@@ -1,12 +1,9 @@
 "use client";
-
 import { styled } from "../../core/system/factory.js";
-import "../../core/index.js";
 import { Avatar, AvatarPropsContext, component, useRootComponentProps } from "./avatar.js";
 import { useAvatarGroup } from "./use-avatar-group.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/avatar/avatar-group.tsx
 /**
 * `Avatar` is a component that displays a profile picture or an icon with initials representing a user.
@@ -39,7 +36,7 @@ const AvatarGroupRoot = component((props) => {
 		})
 	});
 }, "group")();
-
 //#endregion
 export { AvatarGroupRoot };
+
 //# sourceMappingURL=avatar-group.js.map

package/dist/esm/components/avatar/avatar-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.js","names":[],"sources":["../../../../src/components/avatar/avatar-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { AvatarStyle } from \"./avatar.style\"\nimport type { UseAvatarGroupProps } from \"./use-avatar-group\"\nimport { useMemo } from \"react\"\nimport { styled } from \"../../core\"\nimport {\n  Avatar,\n  AvatarPropsContext,\n  component,\n  useRootComponentProps,\n} from \"./avatar\"\nimport { useAvatarGroup } from \"./use-avatar-group\"\n\nexport interface AvatarGroupRootProps\n  extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarGroupProps {}\n\n/**\n * `Avatar` is a component that displays a profile picture or an icon with initials representing a user.\n *\n * @see https://yamada-ui.com/docs/components/avatar\n */\nexport const AvatarGroupRoot = component<\"div\", AvatarGroupRootProps>(\n  (props) => {\n    const [, { colorScheme, size, variant, shape, ...rest }] =\n      useRootComponentProps(props, \"group\", {\n        transferProps: [\"variant\", \"colorScheme\", \"size\", \"shape\"],\n      })\n    const { children, excess, getRootProps } = useAvatarGroup(rest)\n    const context = useMemo(\n      () => ({ colorScheme, size, variant, shape }),\n      [variant, size, colorScheme, shape],\n    )\n\n    return (\n      <AvatarPropsContext value={context}>\n        <styled.div {...getRootProps()}>\n          {excess > 0 ? <Avatar fallback={`+${excess}`} /> : null}\n          {children}\n        </styled.div>\n      </AvatarPropsContext>\n    )\n  },\n  \"group\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAa,kBAAkB,WAC5B,UAAU;CACT,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,OAAO,GAAG,UAC/C,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAW;EAAe;EAAQ;EAAQ,EAC3D,CAAC;CACJ,MAAM,EAAE,UAAU,QAAQ,iBAAiB,eAAe,KAAK;AAM/D,QACE,oBAAC;EAAmB,OANN,eACP;GAAE;GAAa;GAAM;GAAS;GAAO,GAC5C;GAAC;GAAS;GAAM;GAAa;GAAM,CACpC;YAIG,qBAAC,OAAO;GAAI,GAAI,cAAc;cAC3B,SAAS,IAAI,oBAAC,UAAO,UAAU,IAAI,WAAY,GAAG,MAClD;IACU;GACM;GAGzB,QACD,EAAE"}
+{"version":3,"file":"avatar-group.js","names":[],"sources":["../../../../src/components/avatar/avatar-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { AvatarStyle } from \"./avatar.style\"\nimport type { UseAvatarGroupProps } from \"./use-avatar-group\"\nimport { useMemo } from \"react\"\nimport { styled } from \"../../core\"\nimport {\n  Avatar,\n  AvatarPropsContext,\n  component,\n  useRootComponentProps,\n} from \"./avatar\"\nimport { useAvatarGroup } from \"./use-avatar-group\"\n\nexport interface AvatarGroupRootProps\n  extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarGroupProps {}\n\n/**\n * `Avatar` is a component that displays a profile picture or an icon with initials representing a user.\n *\n * @see https://yamada-ui.com/docs/components/avatar\n */\nexport const AvatarGroupRoot = component<\"div\", AvatarGroupRootProps>(\n  (props) => {\n    const [, { colorScheme, size, variant, shape, ...rest }] =\n      useRootComponentProps(props, \"group\", {\n        transferProps: [\"variant\", \"colorScheme\", \"size\", \"shape\"],\n      })\n    const { children, excess, getRootProps } = useAvatarGroup(rest)\n    const context = useMemo(\n      () => ({ colorScheme, size, variant, shape }),\n      [variant, size, colorScheme, shape],\n    )\n\n    return (\n      <AvatarPropsContext value={context}>\n        <styled.div {...getRootProps()}>\n          {excess > 0 ? <Avatar fallback={`+${excess}`} /> : null}\n          {children}\n        </styled.div>\n      </AvatarPropsContext>\n    )\n  },\n  \"group\",\n)()\n"],"mappings":";;;;;;;;;;;;AAuBA,MAAa,kBAAkB,WAC5B,UAAU;CACT,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,OAAO,GAAG,UAC/C,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAW;EAAe;EAAQ;EAAQ,EAC3D,CAAC;CACJ,MAAM,EAAE,UAAU,QAAQ,iBAAiB,eAAe,KAAK;CAM/D,OACE,oBAAC,oBAAD;EAAoB,OANN,eACP;GAAE;GAAa;GAAM;GAAS;GAAO,GAC5C;GAAC;GAAS;GAAM;GAAa;GAAM,CAID;YAChC,qBAAC,OAAO,KAAR;GAAY,GAAI,cAAc;aAA9B,CACG,SAAS,IAAI,oBAAC,QAAD,EAAQ,UAAU,IAAI,UAAY,CAAA,GAAG,MAClD,SACU;;EACM,CAAA;GAGzB,QACD,EAAE"}

package/dist/esm/components/avatar/avatar.js

@@ -1,14 +1,10 @@
 "use client";
-
 import { styled } from "../../core/system/factory.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { UserRoundIcon } from "../icon/icons/user-round-icon.js";
-import "../icon/index.js";
 import { avatarStyle } from "./avatar.style.js";
 import { useAvatar } from "./use-avatar.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/avatar/avatar.tsx
 const { component, PropsContext: AvatarPropsContext, usePropsContext: useAvatarPropsContext, withContext, withProvider, useRootComponentProps } = createSlotComponent("avatar", avatarStyle);
 /**
@@ -28,7 +24,7 @@ const Avatar = withProvider(({ fallbackProps, imageProps, ...rest }) => {
 }));
 const AvatarImage = withContext("img", "image")();
 const AvatarFallback = withContext("div", "fallback")();
-
 //#endregion
 export { Avatar, AvatarPropsContext, component, useAvatarPropsContext, useRootComponentProps };
+
 //# sourceMappingURL=avatar.js.map

package/dist/esm/components/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":[],"sources":["../../../../src/components/avatar/avatar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { AvatarStyle } from \"./avatar.style\"\nimport type { UseAvatarProps } from \"./use-avatar\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { UserRoundIcon } from \"../icon\"\nimport { avatarStyle } from \"./avatar.style\"\nimport { useAvatar } from \"./use-avatar\"\n\nexport interface AvatarProps\n  extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarProps {\n  /**\n   * The avatar icon to use.\n   */\n  icon?: ReactElement\n  /**\n   * The props to pass to the fallback component.\n   */\n  fallbackProps?: AvatarFallbackProps\n  /**\n   * The props to pass to the image component.\n   */\n  imageProps?: AvatarImageProps\n}\n\nconst {\n  component,\n  PropsContext: AvatarPropsContext,\n  usePropsContext: useAvatarPropsContext,\n  withContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<AvatarProps, AvatarStyle>(\"avatar\", avatarStyle)\n\nexport {\n  AvatarPropsContext,\n  component,\n  useAvatarPropsContext,\n  useRootComponentProps,\n}\n\n/**\n * `Avatar` is a component that displays a profile picture or an icon with initials representing a user.\n *\n * @see https://yamada-ui.com/docs/components/avatar\n */\nexport const Avatar = withProvider<\"div\", AvatarProps>(\n  ({ fallbackProps, imageProps, ...rest }) => {\n    const { getFallbackProps, getImageProps, getRootProps } = useAvatar(rest)\n\n    return (\n      <styled.div {...getRootProps()}>\n        <AvatarFallback {...getFallbackProps(fallbackProps)} />\n        <AvatarImage {...getImageProps(imageProps)} />\n      </styled.div>\n    )\n  },\n  \"root\",\n)(({ icon, ...rest }) => ({\n  icon: icon ?? <UserRoundIcon fontSize=\"1.2em\" />,\n  ...rest,\n}))\n\ninterface AvatarImageProps extends HTMLStyledProps<\"img\"> {}\n\nconst AvatarImage = withContext<\"img\", AvatarImageProps>(\"img\", \"image\")()\n\ninterface AvatarFallbackProps extends HTMLStyledProps {}\n\nconst AvatarFallback = withContext<\"div\", AvatarFallbackProps>(\n  \"div\",\n  \"fallback\",\n)()\n"],"mappings":";;;;;;;;;;;;AA2BA,MAAM,EACJ,WACA,cAAc,oBACd,iBAAiB,uBACjB,aACA,cACA,0BACE,oBAA8C,UAAU,YAAY;;;;;;AAcxE,MAAa,SAAS,cACnB,EAAE,eAAe,YAAY,GAAG,WAAW;CAC1C,MAAM,EAAE,kBAAkB,eAAe,iBAAiB,UAAU,KAAK;AAEzE,QACE,qBAAC,OAAO;EAAI,GAAI,cAAc;aAC5B,oBAAC,kBAAe,GAAI,iBAAiB,cAAc,GAAI,EACvD,oBAAC,eAAY,GAAI,cAAc,WAAW,GAAI;GACnC;GAGjB,OACD,EAAE,EAAE,MAAM,GAAG,YAAY;CACxB,MAAM,QAAQ,oBAAC,iBAAc,UAAS,UAAU;CAChD,GAAG;CACJ,EAAE;AAIH,MAAM,cAAc,YAAqC,OAAO,QAAQ,EAAE;AAI1E,MAAM,iBAAiB,YACrB,OACA,WACD,EAAE"}
+{"version":3,"file":"avatar.js","names":[],"sources":["../../../../src/components/avatar/avatar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { AvatarStyle } from \"./avatar.style\"\nimport type { UseAvatarProps } from \"./use-avatar\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { UserRoundIcon } from \"../icon\"\nimport { avatarStyle } from \"./avatar.style\"\nimport { useAvatar } from \"./use-avatar\"\n\nexport interface AvatarProps\n  extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarProps {\n  /**\n   * The avatar icon to use.\n   */\n  icon?: ReactElement\n  /**\n   * The props to pass to the fallback component.\n   */\n  fallbackProps?: AvatarFallbackProps\n  /**\n   * The props to pass to the image component.\n   */\n  imageProps?: AvatarImageProps\n}\n\nconst {\n  component,\n  PropsContext: AvatarPropsContext,\n  usePropsContext: useAvatarPropsContext,\n  withContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<AvatarProps, AvatarStyle>(\"avatar\", avatarStyle)\n\nexport {\n  AvatarPropsContext,\n  component,\n  useAvatarPropsContext,\n  useRootComponentProps,\n}\n\n/**\n * `Avatar` is a component that displays a profile picture or an icon with initials representing a user.\n *\n * @see https://yamada-ui.com/docs/components/avatar\n */\nexport const Avatar = withProvider<\"div\", AvatarProps>(\n  ({ fallbackProps, imageProps, ...rest }) => {\n    const { getFallbackProps, getImageProps, getRootProps } = useAvatar(rest)\n\n    return (\n      <styled.div {...getRootProps()}>\n        <AvatarFallback {...getFallbackProps(fallbackProps)} />\n        <AvatarImage {...getImageProps(imageProps)} />\n      </styled.div>\n    )\n  },\n  \"root\",\n)(({ icon, ...rest }) => ({\n  icon: icon ?? <UserRoundIcon fontSize=\"1.2em\" />,\n  ...rest,\n}))\n\ninterface AvatarImageProps extends HTMLStyledProps<\"img\"> {}\n\nconst AvatarImage = withContext<\"img\", AvatarImageProps>(\"img\", \"image\")()\n\ninterface AvatarFallbackProps extends HTMLStyledProps {}\n\nconst AvatarFallback = withContext<\"div\", AvatarFallbackProps>(\n  \"div\",\n  \"fallback\",\n)()\n"],"mappings":";;;;;;;;AA2BA,MAAM,EACJ,WACA,cAAc,oBACd,iBAAiB,uBACjB,aACA,cACA,0BACE,oBAA8C,UAAU,YAAY;;;;;;AAcxE,MAAa,SAAS,cACnB,EAAE,eAAe,YAAY,GAAG,WAAW;CAC1C,MAAM,EAAE,kBAAkB,eAAe,iBAAiB,UAAU,KAAK;CAEzE,OACE,qBAAC,OAAO,KAAR;EAAY,GAAI,cAAc;YAA9B,CACE,oBAAC,gBAAD,EAAgB,GAAI,iBAAiB,cAAc,EAAI,CAAA,EACvD,oBAAC,aAAD,EAAa,GAAI,cAAc,WAAW,EAAI,CAAA,CACnC;;GAGjB,OACD,EAAE,EAAE,MAAM,GAAG,YAAY;CACxB,MAAM,QAAQ,oBAAC,eAAD,EAAe,UAAS,SAAU,CAAA;CAChD,GAAG;CACJ,EAAE;AAIH,MAAM,cAAc,YAAqC,OAAO,QAAQ,EAAE;AAI1E,MAAM,iBAAiB,YACrB,OACA,WACD,EAAE"}

package/dist/esm/components/avatar/avatar.style.js

@@ -1,6 +1,4 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/avatar/avatar.style.ts
 const avatarStyle = defineComponentSlotStyle({
 	base: {
@@ -31,7 +29,13 @@ const avatarStyle = defineComponentSlotStyle({
 			verticalAlign: "top"
 		}
 	},
-	props: { shape: {
+	props: { 
+	/**
+	* The shape of the component
+	*
+	* @default 'circle'
+	*/
+shape: {
 		circle: { root: { rounded: "full" } },
 		rounded: { root: { rounded: "l2" } },
 		square: { root: { rounded: "0" } }
@@ -121,7 +125,7 @@ const avatarStyle = defineComponentSlotStyle({
 		shape: "circle"
 	}
 });
-
 //#endregion
 export { avatarStyle };
+
 //# sourceMappingURL=avatar.style.js.map

package/dist/esm/components/avatar/avatar.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.style.js","names":[],"sources":["../../../../src/components/avatar/avatar.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const avatarStyle = defineComponentSlotStyle({\n  base: {\n    fallback: {\n      alignItems: \"center\",\n      boxSize: \"100%\",\n      display: \"inline-flex\",\n      fontWeight: \"medium\",\n      justifyContent: \"center\",\n      textTransform: \"uppercase\",\n    },\n    group: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexDirection: \"row-reverse\",\n      justifyContent: \"flex-end\",\n      _notFirstChild: {\n        me: \"-2\",\n      },\n    },\n    image: {\n      boxSize: \"100%\",\n      objectFit: \"cover\",\n    },\n    root: {\n      flexShrink: \"0\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      userSelect: \"none\",\n      verticalAlign: \"top\",\n    },\n  },\n\n  props: {\n    /**\n     * The shape of the component\n     *\n     * @default 'circle'\n     */\n    shape: {\n      circle: {\n        root: { rounded: \"full\" },\n      },\n      rounded: {\n        root: { rounded: \"l2\" },\n      },\n      square: {\n        root: { rounded: \"0\" },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      group: {\n        _child: {\n          _loaded: {\n            borderColor: \"bg !important\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n      root: {\n        layerStyle: \"outline\",\n        _loaded: {\n          bg: \"transparent\",\n          borderColor: \"transparent\",\n        },\n      },\n    },\n    solid: {\n      group: {\n        _child: {\n          borderColor: \"bg\",\n          borderWidth: \"1px\",\n        },\n      },\n      root: {\n        layerStyle: \"solid\",\n        _loaded: {\n          bg: \"transparent\",\n        },\n      },\n    },\n    subtle: {\n      group: {\n        _child: {\n          borderColor: \"bg\",\n          borderWidth: \"1px\",\n        },\n      },\n      root: {\n        layerStyle: \"subtle\",\n        _loaded: {\n          bg: \"transparent\",\n        },\n      },\n    },\n    surface: {\n      root: {\n        layerStyle: \"surface\",\n        _loaded: {\n          bg: \"transparent\",\n          borderColor: \"transparent\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      fallback: {\n        fontSize: \"xs\",\n        lineHeight: \"{sizes.8}\",\n      },\n      root: {\n        boxSize: \"8\",\n      },\n    },\n    sm: {\n      fallback: {\n        fontSize: \"sm\",\n        lineHeight: \"{sizes.9}\",\n      },\n      root: {\n        boxSize: \"9\",\n      },\n    },\n    md: {\n      fallback: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.10}\",\n      },\n      root: {\n        boxSize: \"10\",\n      },\n    },\n    lg: {\n      fallback: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.11}\",\n      },\n      root: {\n        boxSize: \"11\",\n      },\n    },\n    xl: {\n      fallback: {\n        fontSize: \"lg\",\n        lineHeight: \"{sizes.12}\",\n      },\n      root: {\n        boxSize: \"12\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n    shape: \"circle\",\n  },\n})\n\nexport type AvatarStyle = typeof avatarStyle\n"],"mappings":";;;;AAEA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,SAAS;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,eAAe;GAChB;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,gBAAgB,EACd,IAAI,MACL;GACF;EACD,OAAO;GACL,SAAS;GACT,WAAW;GACZ;EACD,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,UAAU;GACV,YAAY;GACZ,eAAe;GAChB;EACF;CAED,OAAO,EAML,OAAO;EACL,QAAQ,EACN,MAAM,EAAE,SAAS,QAAQ,EAC1B;EACD,SAAS,EACP,MAAM,EAAE,SAAS,MAAM,EACxB;EACD,QAAQ,EACN,MAAM,EAAE,SAAS,KAAK,EACvB;EACF,EACF;CAED,UAAU;EACR,SAAS;GACP,OAAO,EACL,QAAQ,EACN,SAAS;IACP,aAAa;IACb,aAAa;IACd,EACF,EACF;GACD,MAAM;IACJ,YAAY;IACZ,SAAS;KACP,IAAI;KACJ,aAAa;KACd;IACF;GACF;EACD,OAAO;GACL,OAAO,EACL,QAAQ;IACN,aAAa;IACb,aAAa;IACd,EACF;GACD,MAAM;IACJ,YAAY;IACZ,SAAS,EACP,IAAI,eACL;IACF;GACF;EACD,QAAQ;GACN,OAAO,EACL,QAAQ;IACN,aAAa;IACb,aAAa;IACd,EACF;GACD,MAAM;IACJ,YAAY;IACZ,SAAS,EACP,IAAI,eACL;IACF;GACF;EACD,SAAS,EACP,MAAM;GACJ,YAAY;GACZ,SAAS;IACP,IAAI;IACJ,aAAa;IACd;GACF,EACF;EACF;CAED,OAAO;EACL,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,KACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,KACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,MACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,MACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,MACV;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACF,CAAC"}
+{"version":3,"file":"avatar.style.js","names":[],"sources":["../../../../src/components/avatar/avatar.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const avatarStyle = defineComponentSlotStyle({\n  base: {\n    fallback: {\n      alignItems: \"center\",\n      boxSize: \"100%\",\n      display: \"inline-flex\",\n      fontWeight: \"medium\",\n      justifyContent: \"center\",\n      textTransform: \"uppercase\",\n    },\n    group: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexDirection: \"row-reverse\",\n      justifyContent: \"flex-end\",\n      _notFirstChild: {\n        me: \"-2\",\n      },\n    },\n    image: {\n      boxSize: \"100%\",\n      objectFit: \"cover\",\n    },\n    root: {\n      flexShrink: \"0\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      userSelect: \"none\",\n      verticalAlign: \"top\",\n    },\n  },\n\n  props: {\n    /**\n     * The shape of the component\n     *\n     * @default 'circle'\n     */\n    shape: {\n      circle: {\n        root: { rounded: \"full\" },\n      },\n      rounded: {\n        root: { rounded: \"l2\" },\n      },\n      square: {\n        root: { rounded: \"0\" },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      group: {\n        _child: {\n          _loaded: {\n            borderColor: \"bg !important\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n      root: {\n        layerStyle: \"outline\",\n        _loaded: {\n          bg: \"transparent\",\n          borderColor: \"transparent\",\n        },\n      },\n    },\n    solid: {\n      group: {\n        _child: {\n          borderColor: \"bg\",\n          borderWidth: \"1px\",\n        },\n      },\n      root: {\n        layerStyle: \"solid\",\n        _loaded: {\n          bg: \"transparent\",\n        },\n      },\n    },\n    subtle: {\n      group: {\n        _child: {\n          borderColor: \"bg\",\n          borderWidth: \"1px\",\n        },\n      },\n      root: {\n        layerStyle: \"subtle\",\n        _loaded: {\n          bg: \"transparent\",\n        },\n      },\n    },\n    surface: {\n      root: {\n        layerStyle: \"surface\",\n        _loaded: {\n          bg: \"transparent\",\n          borderColor: \"transparent\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      fallback: {\n        fontSize: \"xs\",\n        lineHeight: \"{sizes.8}\",\n      },\n      root: {\n        boxSize: \"8\",\n      },\n    },\n    sm: {\n      fallback: {\n        fontSize: \"sm\",\n        lineHeight: \"{sizes.9}\",\n      },\n      root: {\n        boxSize: \"9\",\n      },\n    },\n    md: {\n      fallback: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.10}\",\n      },\n      root: {\n        boxSize: \"10\",\n      },\n    },\n    lg: {\n      fallback: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.11}\",\n      },\n      root: {\n        boxSize: \"11\",\n      },\n    },\n    xl: {\n      fallback: {\n        fontSize: \"lg\",\n        lineHeight: \"{sizes.12}\",\n      },\n      root: {\n        boxSize: \"12\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n    shape: \"circle\",\n  },\n})\n\nexport type AvatarStyle = typeof avatarStyle\n"],"mappings":";;AAEA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,SAAS;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,eAAe;GAChB;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,gBAAgB,EACd,IAAI,MACL;GACF;EACD,OAAO;GACL,SAAS;GACT,WAAW;GACZ;EACD,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,UAAU;GACV,YAAY;GACZ,eAAe;GAChB;EACF;CAED,OAAO;;;;;;AAML,OAAO;EACL,QAAQ,EACN,MAAM,EAAE,SAAS,QAAQ,EAC1B;EACD,SAAS,EACP,MAAM,EAAE,SAAS,MAAM,EACxB;EACD,QAAQ,EACN,MAAM,EAAE,SAAS,KAAK,EACvB;EACF,EACF;CAED,UAAU;EACR,SAAS;GACP,OAAO,EACL,QAAQ,EACN,SAAS;IACP,aAAa;IACb,aAAa;IACd,EACF,EACF;GACD,MAAM;IACJ,YAAY;IACZ,SAAS;KACP,IAAI;KACJ,aAAa;KACd;IACF;GACF;EACD,OAAO;GACL,OAAO,EACL,QAAQ;IACN,aAAa;IACb,aAAa;IACd,EACF;GACD,MAAM;IACJ,YAAY;IACZ,SAAS,EACP,IAAI,eACL;IACF;GACF;EACD,QAAQ;GACN,OAAO,EACL,QAAQ;IACN,aAAa;IACb,aAAa;IACd,EACF;GACD,MAAM;IACJ,YAAY;IACZ,SAAS,EACP,IAAI,eACL;IACF;GACF;EACD,SAAS,EACP,MAAM;GACJ,YAAY;GACZ,SAAS;IACP,IAAI;IACJ,aAAa;IACd;GACF,EACF;EACF;CAED,OAAO;EACL,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,KACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,KACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,MACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,MACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,MACV;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACF,CAAC"}

package/dist/esm/components/avatar/index.js

@@ -4,5 +4,4 @@ import { Avatar, AvatarPropsContext, useAvatarPropsContext } from "./avatar.js";
 import { useAvatarGroup } from "./use-avatar-group.js";
 import { AvatarGroupRoot } from "./avatar-group.js";
 import { namespace_exports } from "./namespace.js";
-
-export { Avatar, namespace_exports as AvatarGroup, AvatarGroupRoot, AvatarPropsContext, avatarStyle, useAvatar, useAvatarGroup, useAvatarPropsContext };
+export { Avatar, namespace_exports as AvatarGroup, AvatarGroupRoot, AvatarPropsContext, avatarStyle, useAvatar, useAvatarGroup, useAvatarPropsContext };

package/dist/esm/components/avatar/namespace.js

@@ -1,7 +1,6 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { Avatar, AvatarPropsContext, useAvatarPropsContext } from "./avatar.js";
 import { AvatarGroupRoot } from "./avatar-group.js";
-
 //#region src/components/avatar/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Item: () => Avatar,
@@ -9,7 +8,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	Root: () => AvatarGroupRoot,
 	usePropsContext: () => useAvatarPropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map

package/dist/esm/components/avatar/use-avatar-group.js

@@ -1,9 +1,7 @@
 import { useValidChildren } from "../../utils/children.js";
 import { utils_exports } from "../../utils/index.js";
 import { mergeProps } from "../../core/components/props.js";
-import "../../core/index.js";
 import { useCallback, useMemo } from "react";
-
 //#region src/components/avatar/use-avatar-group.ts
 const useAvatarGroup = ({ children, max, reverse, ...rest } = {}) => {
 	const validChildren = useValidChildren(children);
@@ -22,7 +20,7 @@ const useAvatarGroup = ({ children, max, reverse, ...rest } = {}) => {
 		getRootProps
 	};
 };
-
 //#endregion
 export { useAvatarGroup };
+
 //# sourceMappingURL=use-avatar-group.js.map

package/dist/esm/components/avatar/use-avatar-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-avatar-group.js","names":["getRootProps: PropGetter"],"sources":["../../../../src/components/avatar/use-avatar-group.ts"],"sourcesContent":["import type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { isUndefined, useValidChildren } from \"../../utils\"\n\nexport interface UseAvatarGroupProps extends HTMLProps {\n  /**\n   * The maximum number of visible avatars.\n   */\n  max?: number\n  /**\n   * Whether to reverse the order of the avatars.\n   */\n  reverse?: boolean\n}\n\nexport const useAvatarGroup = ({\n  children,\n  max,\n  reverse,\n  ...rest\n}: UseAvatarGroupProps = {}) => {\n  const validChildren = useValidChildren(children)\n  const excess = !isUndefined(max) ? validChildren.length - max : 0\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props, { role: \"group\" })(),\n    [rest],\n  )\n\n  const cloneChildren = useMemo(() => {\n    const omittedChildren = !isUndefined(max)\n      ? validChildren.slice(0, max)\n      : [...validChildren]\n\n    return reverse ? omittedChildren.reverse() : omittedChildren\n  }, [max, validChildren, reverse])\n\n  return {\n    children: cloneChildren,\n    excess,\n    getRootProps,\n  }\n}\n\nexport type UseAvatarGroupReturn = ReturnType<typeof useAvatarGroup>\n"],"mappings":";;;;;;;AAgBA,MAAa,kBAAkB,EAC7B,UACA,KACA,SACA,GAAG,SACoB,EAAE,KAAK;CAC9B,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,SAAS,gCAAa,IAAI,GAAG,cAAc,SAAS,MAAM;CAEhE,MAAMA,eAA2B,aAC9B,UAAU,WAAW,MAAM,OAAO,EAAE,MAAM,SAAS,CAAC,EAAE,EACvD,CAAC,KAAK,CACP;AAUD,QAAO;EACL,UAToB,cAAc;GAClC,MAAM,kBAAkB,gCAAa,IAAI,GACrC,cAAc,MAAM,GAAG,IAAI,GAC3B,CAAC,GAAG,cAAc;AAEtB,UAAO,UAAU,gBAAgB,SAAS,GAAG;KAC5C;GAAC;GAAK;GAAe;GAAQ,CAAC;EAI/B;EACA;EACD"}
+{"version":3,"file":"use-avatar-group.js","names":[],"sources":["../../../../src/components/avatar/use-avatar-group.ts"],"sourcesContent":["import type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { isUndefined, useValidChildren } from \"../../utils\"\n\nexport interface UseAvatarGroupProps extends HTMLProps {\n  /**\n   * The maximum number of visible avatars.\n   */\n  max?: number\n  /**\n   * Whether to reverse the order of the avatars.\n   */\n  reverse?: boolean\n}\n\nexport const useAvatarGroup = ({\n  children,\n  max,\n  reverse,\n  ...rest\n}: UseAvatarGroupProps = {}) => {\n  const validChildren = useValidChildren(children)\n  const excess = !isUndefined(max) ? validChildren.length - max : 0\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props, { role: \"group\" })(),\n    [rest],\n  )\n\n  const cloneChildren = useMemo(() => {\n    const omittedChildren = !isUndefined(max)\n      ? validChildren.slice(0, max)\n      : [...validChildren]\n\n    return reverse ? omittedChildren.reverse() : omittedChildren\n  }, [max, validChildren, reverse])\n\n  return {\n    children: cloneChildren,\n    excess,\n    getRootProps,\n  }\n}\n\nexport type UseAvatarGroupReturn = ReturnType<typeof useAvatarGroup>\n"],"mappings":";;;;;AAgBA,MAAa,kBAAkB,EAC7B,UACA,KACA,SACA,GAAG,SACoB,EAAE,KAAK;CAC9B,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,SAAS,EAAA,GAAA,cAAA,aAAa,IAAI,GAAG,cAAc,SAAS,MAAM;CAEhE,MAAM,eAA2B,aAC9B,UAAU,WAAW,MAAM,OAAO,EAAE,MAAM,SAAS,CAAC,EAAE,EACvD,CAAC,KAAK,CACP;CAUD,OAAO;EACL,UAToB,cAAc;GAClC,MAAM,kBAAkB,EAAA,GAAA,cAAA,aAAa,IAAI,GACrC,cAAc,MAAM,GAAG,IAAI,GAC3B,CAAC,GAAG,cAAc;GAEtB,OAAO,UAAU,gBAAgB,SAAS,GAAG;KAC5C;GAAC;GAAK;GAAe;GAAQ,CAGP;EACvB;EACA;EACD"}