@yamada-ui/autocomplete 0.2.10 → 0.2.11

package/dist/autocomplete-create.js

@@ -110,31 +110,38 @@ var AutocompleteIcon = (0, import_core2.forwardRef)(
         }
       })
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.div, { ref, className: (0, import_utils2.cx)("ui-autocomplete-icon", className), __css: css, ...rest, children: (0, import_utils2.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon.ChevronIcon, {}) });
-  }
-);
-var AutocompleteItemIcon = (0, import_core2.forwardRef)(
-  ({ className, ...rest }, ref) => {
-    const { styles } = useAutocompleteContext();
-    const css = {
-      flexShrink: 0,
-      display: "inline-flex",
-      justifyContent: "center",
-      alignItems: "center",
-      fontSize: "0.85em",
-      ...styles.itemIcon
-    };
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_core2.ui.span,
+      import_core2.ui.div,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-autocomplete-item-icon", className),
+        className: (0, import_utils2.cx)("ui-autocomplete-icon", className),
         __css: css,
-        ...rest
+        ...rest,
+        children: (0, import_utils2.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon.ChevronIcon, {})
       }
     );
   }
 );
+var AutocompleteItemIcon = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
+  const { styles } = useAutocompleteContext();
+  const css = {
+    flexShrink: 0,
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    fontSize: "0.85em",
+    ...styles.itemIcon
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core2.ui.span,
+    {
+      ref,
+      className: (0, import_utils2.cx)("ui-autocomplete-item-icon", className),
+      __css: css,
+      ...rest
+    }
+  );
+});
 
 // src/autocomplete-create.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");

package/dist/autocomplete-create.mjs

@@ -1,6 +1,6 @@
 import {
   AutocompleteCreate
-} from "./chunk-5O3XEEJE.mjs";
+} from "./chunk-ZVZP7IWT.mjs";
 export {
   AutocompleteCreate
 };

package/dist/autocomplete-empty.js

@@ -108,31 +108,38 @@ var AutocompleteIcon = (0, import_core2.forwardRef)(
         }
       })
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.div, { ref, className: (0, import_utils2.cx)("ui-autocomplete-icon", className), __css: css, ...rest, children: (0, import_utils2.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon.ChevronIcon, {}) });
-  }
-);
-var AutocompleteItemIcon = (0, import_core2.forwardRef)(
-  ({ className, ...rest }, ref) => {
-    const { styles } = useAutocompleteContext();
-    const css = {
-      flexShrink: 0,
-      display: "inline-flex",
-      justifyContent: "center",
-      alignItems: "center",
-      fontSize: "0.85em",
-      ...styles.itemIcon
-    };
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_core2.ui.span,
+      import_core2.ui.div,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-autocomplete-item-icon", className),
+        className: (0, import_utils2.cx)("ui-autocomplete-icon", className),
         __css: css,
-        ...rest
+        ...rest,
+        children: (0, import_utils2.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon.ChevronIcon, {})
       }
     );
   }
 );
+var AutocompleteItemIcon = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
+  const { styles } = useAutocompleteContext();
+  const css = {
+    flexShrink: 0,
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    fontSize: "0.85em",
+    ...styles.itemIcon
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core2.ui.span,
+    {
+      ref,
+      className: (0, import_utils2.cx)("ui-autocomplete-item-icon", className),
+      __css: css,
+      ...rest
+    }
+  );
+});
 
 // src/autocomplete-empty.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");

package/dist/autocomplete-empty.mjs

@@ -1,6 +1,6 @@
 import {
   AutocompleteEmpty
-} from "./chunk-5O3XEEJE.mjs";
+} from "./chunk-ZVZP7IWT.mjs";
 export {
   AutocompleteEmpty
 };

package/dist/autocomplete-icon.js

@@ -80,7 +80,16 @@ var AutocompleteIcon = (0, import_core2.forwardRef)(
         }
       })
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.div, { ref, className: (0, import_utils2.cx)("ui-autocomplete-icon", className), __css: css, ...rest, children: (0, import_utils2.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon.ChevronIcon, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_core2.ui.div,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-autocomplete-icon", className),
+        __css: css,
+        ...rest,
+        children: (0, import_utils2.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon.ChevronIcon, {})
+      }
+    );
   }
 );
 var AutocompleteClearIcon = ({
@@ -106,28 +115,26 @@ var AutocompleteClearIcon = ({
     }
   );
 };
-var AutocompleteItemIcon = (0, import_core2.forwardRef)(
-  ({ className, ...rest }, ref) => {
-    const { styles } = useAutocompleteContext();
-    const css = {
-      flexShrink: 0,
-      display: "inline-flex",
-      justifyContent: "center",
-      alignItems: "center",
-      fontSize: "0.85em",
-      ...styles.itemIcon
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_core2.ui.span,
-      {
-        ref,
-        className: (0, import_utils2.cx)("ui-autocomplete-item-icon", className),
-        __css: css,
-        ...rest
-      }
-    );
-  }
-);
+var AutocompleteItemIcon = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
+  const { styles } = useAutocompleteContext();
+  const css = {
+    flexShrink: 0,
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    fontSize: "0.85em",
+    ...styles.itemIcon
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core2.ui.span,
+    {
+      ref,
+      className: (0, import_utils2.cx)("ui-autocomplete-item-icon", className),
+      __css: css,
+      ...rest
+    }
+  );
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AutocompleteClearIcon,

package/dist/autocomplete-icon.mjs

@@ -2,7 +2,7 @@ import {
   AutocompleteClearIcon,
   AutocompleteIcon,
   AutocompleteItemIcon
-} from "./chunk-5O3XEEJE.mjs";
+} from "./chunk-ZVZP7IWT.mjs";
 export {
   AutocompleteClearIcon,
   AutocompleteIcon,

package/dist/autocomplete-list.js

@@ -94,7 +94,10 @@ var useAutocompleteList = () => {
       role: "select",
       tabIndex: -1,
       ...props,
-      onAnimationComplete: (0, import_utils.handlerAll)(props.onAnimationComplete, onAnimationComplete)
+      onAnimationComplete: (0, import_utils.handlerAll)(
+        props.onAnimationComplete,
+        onAnimationComplete
+      )
     }),
     [listRef, onAnimationComplete]
   );

package/dist/autocomplete-list.mjs

@@ -1,6 +1,6 @@
 import {
   AutocompleteList
-} from "./chunk-5O3XEEJE.mjs";
+} from "./chunk-ZVZP7IWT.mjs";
 export {
   AutocompleteList
 };

package/dist/autocomplete-option-group.d.mts

@@ -1,6 +1,6 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
-import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-cbe9b443.js';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-2422c1c8.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@yamada-ui/form-control';

package/dist/autocomplete-option-group.d.ts

@@ -1,6 +1,6 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
-import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-cbe9b443.js';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-2422c1c8.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@yamada-ui/form-control';

package/dist/autocomplete-option-group.js

@@ -45,15 +45,20 @@ var [AutocompleteProvider, useAutocompleteContext] = (0, import_utils.createCont
   name: "AutocompleteContext",
   errorMessage: `useAutocompleteContext returned is 'undefined'. Seems you forgot to wrap the components in "<Autocomplete />" or "<MultiAutocomplete />"`
 });
-var useAutocompleteOptionGroup = ({ label, ...rest }) => {
+var useAutocompleteOptionGroup = ({
+  label,
+  ...rest
+}) => {
   const { value, omitSelectedValues } = useAutocompleteContext();
   const isMulti = (0, import_utils.isArray)(value);
   const descendants = useAutocompleteDescendantsContext();
   const values = descendants.values();
-  const selectedValues = isMulti && omitSelectedValues ? descendants.values(({ node }) => {
-    var _a;
-    return value.includes((_a = node.dataset.value) != null ? _a : "");
-  }) : [];
+  const selectedValues = isMulti && omitSelectedValues ? descendants.values(
+    ({ node }) => {
+      var _a;
+      return value.includes((_a = node.dataset.value) != null ? _a : "");
+    }
+  ) : [];
   const selectedIndexes = selectedValues.map(({ index }) => index);
   const childValues = values.filter(
     ({ node, index }) => {

package/dist/autocomplete-option-group.mjs

@@ -1,6 +1,6 @@
 import {
   AutocompleteOptionGroup
-} from "./chunk-5O3XEEJE.mjs";
+} from "./chunk-ZVZP7IWT.mjs";
 export {
   AutocompleteOptionGroup
 };

package/dist/autocomplete-option.d.mts

@@ -1,6 +1,6 @@
 import '@yamada-ui/core';
 import 'react';
-export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-cbe9b443.js';
+export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-2422c1c8.js';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';

package/dist/autocomplete-option.d.ts

@@ -1,6 +1,6 @@
 import '@yamada-ui/core';
 import 'react';
-export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-cbe9b443.js';
+export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-2422c1c8.js';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';

package/dist/autocomplete-option.js

@@ -81,14 +81,18 @@ var useAutocompleteOption = (props) => {
   } = { ...optionProps, ...props };
   const trulyDisabled = !!isDisabled && !isFocusable;
   const itemRef = (0, import_react.useRef)(null);
-  const { index, register, descendants } = useAutocompleteDescendant({ disabled: trulyDisabled });
+  const { index, register, descendants } = useAutocompleteDescendant({
+    disabled: trulyDisabled
+  });
   const values = descendants.values();
   const frontValues = values.slice(0, index);
   const isMulti = (0, import_utils.isArray)(value);
-  const isDuplicated = !isMulti ? frontValues.some(({ node }) => {
-    var _a2;
-    return node.dataset.value === ((_a2 = computedProps.value) != null ? _a2 : "");
-  }) : false;
+  const isDuplicated = !isMulti ? frontValues.some(
+    ({ node }) => {
+      var _a2;
+      return node.dataset.value === ((_a2 = computedProps.value) != null ? _a2 : "");
+    }
+  ) : false;
   const isSelected = !isDuplicated && (!isMulti ? ((_a = computedProps.value) != null ? _a : "") === value : value.includes((_b = computedProps.value) != null ? _b : ""));
   const isTarget = "target" in ((_d = (_c = itemRef.current) == null ? void 0 : _c.dataset) != null ? _d : {});
   const isFocused = index === focusedIndex;
@@ -213,31 +217,38 @@ var AutocompleteIcon = (0, import_core2.forwardRef)(
         }
       })
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.div, { ref, className: (0, import_utils2.cx)("ui-autocomplete-icon", className), __css: css, ...rest, children: (0, import_utils2.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon.ChevronIcon, {}) });
-  }
-);
-var AutocompleteItemIcon = (0, import_core2.forwardRef)(
-  ({ className, ...rest }, ref) => {
-    const { styles } = useAutocompleteContext();
-    const css = {
-      flexShrink: 0,
-      display: "inline-flex",
-      justifyContent: "center",
-      alignItems: "center",
-      fontSize: "0.85em",
-      ...styles.itemIcon
-    };
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_core2.ui.span,
+      import_core2.ui.div,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-autocomplete-item-icon", className),
+        className: (0, import_utils2.cx)("ui-autocomplete-icon", className),
         __css: css,
-        ...rest
+        ...rest,
+        children: (0, import_utils2.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icon.ChevronIcon, {})
       }
     );
   }
 );
+var AutocompleteItemIcon = (0, import_core2.forwardRef)(({ className, ...rest }, ref) => {
+  const { styles } = useAutocompleteContext();
+  const css = {
+    flexShrink: 0,
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    fontSize: "0.85em",
+    ...styles.itemIcon
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core2.ui.span,
+    {
+      ref,
+      className: (0, import_utils2.cx)("ui-autocomplete-item-icon", className),
+      __css: css,
+      ...rest
+    }
+  );
+});
 
 // src/autocomplete-option.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");

package/dist/autocomplete-option.mjs

@@ -1,6 +1,6 @@
 import {
   AutocompleteOption
-} from "./chunk-5O3XEEJE.mjs";
+} from "./chunk-ZVZP7IWT.mjs";
 export {
   AutocompleteOption
 };

package/dist/autocomplete.d.mts

@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
 import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
 import { AutocompleteIconProps } from './autocomplete-icon.mjs';
 import { AutocompleteListProps } from './autocomplete-list.mjs';
-import { b as UseAutocompleteProps } from './use-autocomplete-cbe9b443.js';
+import { b as UseAutocompleteProps } from './use-autocomplete-2422c1c8.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';

package/dist/autocomplete.d.ts

@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
 import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
 import { AutocompleteIconProps } from './autocomplete-icon.js';
 import { AutocompleteListProps } from './autocomplete-list.js';
-import { b as UseAutocompleteProps } from './use-autocomplete-cbe9b443.js';
+import { b as UseAutocompleteProps } from './use-autocomplete-2422c1c8.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';