@yamada-ui/autocomplete 1.5.4-dev-20240929172128 → 1.5.4-dev-20241001120721

package/dist/{chunk-UNGOVJSY.mjs → chunk-HZECQUHV.mjs}

@@ -2,13 +2,13 @@
 import {
   useAutocomplete,
   useAutocompleteInput
-} from "./chunk-PCQMCEHL.mjs";
+} from "./chunk-OLOU5HFC.mjs";
 import {
   AutocompleteCreate
-} from "./chunk-E3Y2E2TK.mjs";
+} from "./chunk-Q2HZVVOI.mjs";
 import {
   AutocompleteEmpty
-} from "./chunk-CCOWDDFS.mjs";
+} from "./chunk-5GKGL6BL.mjs";
 import {
   AutocompleteList
 } from "./chunk-S53LMDD7.mjs";
@@ -191,4 +191,4 @@ AutocompleteField.__ui__ = "AutocompleteField";
 export {
   Autocomplete
 };
-//# sourceMappingURL=chunk-UNGOVJSY.mjs.map
+//# sourceMappingURL=chunk-HZECQUHV.mjs.map

package/dist/{chunk-PCQMCEHL.mjs → chunk-OLOU5HFC.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6F3LT7J6.mjs";
 import {
   AutocompleteOption
-} from "./chunk-2WVIW6HR.mjs";
+} from "./chunk-S2HFYJVI.mjs";
 import {
   useAutocompleteContext,
   useAutocompleteDescendants,
@@ -956,4 +956,4 @@ export {
   useAutocomplete,
   useAutocompleteInput
 };
-//# sourceMappingURL=chunk-PCQMCEHL.mjs.map
+//# sourceMappingURL=chunk-OLOU5HFC.mjs.map

package/dist/{chunk-E3Y2E2TK.mjs → chunk-Q2HZVVOI.mjs}

@@ -38,7 +38,7 @@ var AutocompleteCreate = forwardRef(
         __css: css,
         ...getCreateProps(rest, ref),
         children: [
-          icon !== null ? /* @__PURE__ */ jsx(AutocompleteItemIcon, { children: icon || /* @__PURE__ */ jsx(PlusIcon, {}) }) : null,
+          icon !== null ? /* @__PURE__ */ jsx(AutocompleteItemIcon, { children: icon || /* @__PURE__ */ jsx(AutocompletePlusIcon, {}) }) : null,
           icon ? /* @__PURE__ */ jsx(ui.span, { style: { pointerEvents: "none", flex: 1 }, lineClamp: 1, children: runIfFunc(children, inputValue) }) : runIfFunc(children, inputValue)
         ]
       }
@@ -47,17 +47,17 @@ var AutocompleteCreate = forwardRef(
 );
 AutocompleteCreate.displayName = "AutocompleteCreate";
 AutocompleteCreate.__ui__ = "AutocompleteCreate";
-var PlusIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 45.402 45.402", width: "1em", height: "1em", children: /* @__PURE__ */ jsx(
+var AutocompletePlusIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 45.402 45.402", width: "1em", height: "1em", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
     d: "M41.267,18.557H26.832V4.134C26.832,1.851,24.99,0,22.707,0c-2.283,0-4.124,1.851-4.124,4.135v14.432H4.141   c-2.283,0-4.139,1.851-4.138,4.135c-0.001,1.141,0.46,2.187,1.207,2.934c0.748,0.749,1.78,1.222,2.92,1.222h14.453V41.27   c0,1.142,0.453,2.176,1.201,2.922c0.748,0.748,1.777,1.211,2.919,1.211c2.282,0,4.129-1.851,4.129-4.133V26.857h14.435   c2.283,0,4.134-1.867,4.133-4.15C45.399,20.425,43.548,18.557,41.267,18.557z"
   }
 ) });
-PlusIcon.displayName = "PlusIcon";
-PlusIcon.__ui__ = "PlusIcon";
+AutocompletePlusIcon.displayName = "AutocompletePlusIcon";
+AutocompletePlusIcon.__ui__ = "AutocompletePlusIcon";
 
 export {
   AutocompleteCreate
 };
-//# sourceMappingURL=chunk-E3Y2E2TK.mjs.map
+//# sourceMappingURL=chunk-Q2HZVVOI.mjs.map

package/dist/chunk-Q2HZVVOI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/autocomplete-create.tsx"],"sourcesContent":["import type { CSSUIObject, FC, HTMLUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx, runIfFunc } from \"@yamada-ui/utils\"\nimport type { ReactElement } from \"react\"\nimport { useAutocompleteContext } from \"./autocomplete-context\"\nimport { AutocompleteItemIcon } from \"./autocomplete-icon\"\nimport { useAutocompleteCreate } from \"./use-autocomplete-option\"\n\ninterface AutocompleteCreateOptions {\n  /**\n   * The autocomplete create option icon to use.\n   */\n  icon?: ReactElement\n  /**\n   * The label of the autocomplete create option.\n   */\n  children?: string | ((inputValue: string) => string)\n}\n\nexport interface AutocompleteCreateProps\n  extends Omit<HTMLUIProps<\"li\">, \"children\">,\n    AutocompleteCreateOptions {}\n\nexport const AutocompleteCreate = forwardRef<AutocompleteCreateProps, \"li\">(\n  ({ className, icon, children, ...rest }, ref) => {\n    const { inputValue, styles } = useAutocompleteContext()\n    const { getCreateProps } = useAutocompleteCreate()\n\n    children ??= inputValue\n\n    const css: CSSUIObject = {\n      textDecoration: \"none\",\n      color: \"inherit\",\n      userSelect: \"none\",\n      display: \"flex\",\n      width: \"100%\",\n      alignItems: \"center\",\n      textAlign: \"start\",\n      flex: \"0 0 auto\",\n      outline: 0,\n      gap: \"0.75rem\",\n      ...styles.item,\n    }\n\n    return (\n      <ui.li\n        className={cx(\"ui-autocomplete__item--create\", className)}\n        __css={css}\n        {...getCreateProps(rest, ref)}\n      >\n        {icon !== null ? (\n          <AutocompleteItemIcon>\n            {icon || <AutocompletePlusIcon />}\n          </AutocompleteItemIcon>\n        ) : null}\n        {icon ? (\n          <ui.span style={{ pointerEvents: \"none\", flex: 1 }} lineClamp={1}>\n            {runIfFunc(children, inputValue)}\n          </ui.span>\n        ) : (\n          runIfFunc(children, inputValue)\n        )}\n      </ui.li>\n    )\n  },\n)\n\nAutocompleteCreate.displayName = \"AutocompleteCreate\"\nAutocompleteCreate.__ui__ = \"AutocompleteCreate\"\n\nconst AutocompletePlusIcon: FC = () => (\n  <svg viewBox=\"0 0 45.402 45.402\" width=\"1em\" height=\"1em\">\n    <path\n      fill=\"currentColor\"\n      d=\"M41.267,18.557H26.832V4.134C26.832,1.851,24.99,0,22.707,0c-2.283,0-4.124,1.851-4.124,4.135v14.432H4.141   c-2.283,0-4.139,1.851-4.138,4.135c-0.001,1.141,0.46,2.187,1.207,2.934c0.748,0.749,1.78,1.222,2.92,1.222h14.453V41.27   c0,1.142,0.453,2.176,1.201,2.922c0.748,0.748,1.777,1.211,2.919,1.211c2.282,0,4.129-1.851,4.129-4.133V26.857h14.435   c2.283,0,4.134-1.867,4.133-4.15C45.399,20.425,43.548,18.557,41.267,18.557z\"\n    />\n  </svg>\n)\n\nAutocompletePlusIcon.displayName = \"AutocompletePlusIcon\"\nAutocompletePlusIcon.__ui__ = \"AutocompletePlusIcon\"\n"],"mappings":";;;;;;;;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,IAAI,iBAAiB;AA2CxB,SAOe,KAPf;AAtBC,IAAM,qBAAqB;AAAA,EAChC,CAAC,EAAE,WAAW,MAAM,UAAU,GAAG,KAAK,GAAG,QAAQ;AAC/C,UAAM,EAAE,YAAY,OAAO,IAAI,uBAAuB;AACtD,UAAM,EAAE,eAAe,IAAI,sBAAsB;AAEjD,6CAAa;AAEb,UAAM,MAAmB;AAAA,MACvB,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC,WAAW,GAAG,iCAAiC,SAAS;AAAA,QACxD,OAAO;AAAA,QACN,GAAG,eAAe,MAAM,GAAG;AAAA,QAE3B;AAAA,mBAAS,OACR,oBAAC,wBACE,kBAAQ,oBAAC,wBAAqB,GACjC,IACE;AAAA,UACH,OACC,oBAAC,GAAG,MAAH,EAAQ,OAAO,EAAE,eAAe,QAAQ,MAAM,EAAE,GAAG,WAAW,GAC5D,oBAAU,UAAU,UAAU,GACjC,IAEA,UAAU,UAAU,UAAU;AAAA;AAAA;AAAA,IAElC;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AACjC,mBAAmB,SAAS;AAE5B,IAAM,uBAA2B,MAC/B,oBAAC,SAAI,SAAQ,qBAAoB,OAAM,OAAM,QAAO,OAClD;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,GAAE;AAAA;AACJ,GACF;AAGF,qBAAqB,cAAc;AACnC,qBAAqB,SAAS;","names":[]}

package/dist/{chunk-7OWUOQZD.mjs → chunk-QPIWG4ZF.mjs}

@@ -2,13 +2,13 @@
 import {
   useAutocomplete,
   useAutocompleteInput
-} from "./chunk-PCQMCEHL.mjs";
+} from "./chunk-OLOU5HFC.mjs";
 import {
   AutocompleteCreate
-} from "./chunk-E3Y2E2TK.mjs";
+} from "./chunk-Q2HZVVOI.mjs";
 import {
   AutocompleteEmpty
-} from "./chunk-CCOWDDFS.mjs";
+} from "./chunk-5GKGL6BL.mjs";
 import {
   AutocompleteList
 } from "./chunk-S53LMDD7.mjs";
@@ -268,4 +268,4 @@ MultiAutocompleteField.__ui__ = "MultiAutocompleteField";
 export {
   MultiAutocomplete
 };
-//# sourceMappingURL=chunk-7OWUOQZD.mjs.map
+//# sourceMappingURL=chunk-QPIWG4ZF.mjs.map

package/dist/{chunk-2WVIW6HR.mjs → chunk-S2HFYJVI.mjs}

@@ -38,7 +38,7 @@ var AutocompleteOption = forwardRef(
         __css: css,
         ...getOptionProps({}, ref),
         children: [
-          icon !== null ? /* @__PURE__ */ jsx(AutocompleteItemIcon, { opacity: isSelected ? 1 : 0, children: icon || /* @__PURE__ */ jsx(CheckIcon, {}) }) : null,
+          icon !== null ? /* @__PURE__ */ jsx(AutocompleteItemIcon, { opacity: isSelected ? 1 : 0, children: icon || /* @__PURE__ */ jsx(AutocompleteCheckIcon, {}) }) : null,
           /* @__PURE__ */ jsx(ui.span, { style: { flex: 1 }, "data-label": true, children })
         ]
       }
@@ -47,17 +47,17 @@ var AutocompleteOption = forwardRef(
 );
 AutocompleteOption.displayName = "AutocompleteOption";
 AutocompleteOption.__ui__ = "AutocompleteOption";
-var CheckIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 14", width: "1em", height: "1em", children: /* @__PURE__ */ jsx(
+var AutocompleteCheckIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 14", width: "1em", height: "1em", children: /* @__PURE__ */ jsx(
   "polygon",
   {
     fill: "currentColor",
     points: "5.5 11.9993304 14 3.49933039 12.5 2 5.5 8.99933039 1.5 4.9968652 0 6.49933039"
   }
 ) });
-CheckIcon.displayName = "CheckIcon";
-CheckIcon.__ui__ = "CheckIcon";
+AutocompleteCheckIcon.displayName = "AutocompleteCheckIcon";
+AutocompleteCheckIcon.__ui__ = "AutocompleteCheckIcon";
 
 export {
   AutocompleteOption
 };
-//# sourceMappingURL=chunk-2WVIW6HR.mjs.map
+//# sourceMappingURL=chunk-S2HFYJVI.mjs.map

package/dist/chunk-S2HFYJVI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/autocomplete-option.tsx"],"sourcesContent":["import type { CSSUIObject, FC } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { ReactElement } from \"react\"\nimport { useAutocompleteContext } from \"./autocomplete-context\"\nimport { AutocompleteItemIcon } from \"./autocomplete-icon\"\nimport type { UseAutocompleteOptionProps } from \"./use-autocomplete-option\"\nimport { useAutocompleteOption } from \"./use-autocomplete-option\"\n\ninterface AutocompleteOptionOptions {\n  /**\n   * The autocomplete option icon to use.\n   */\n  icon?: ReactElement\n}\n\nexport interface AutocompleteOptionProps\n  extends UseAutocompleteOptionProps,\n    AutocompleteOptionOptions {}\n\nexport const AutocompleteOption = forwardRef<AutocompleteOptionProps, \"li\">(\n  ({ className, icon, ...rest }, ref) => {\n    const { styles } = useAutocompleteContext()\n    const { isSelected, customIcon, children, getOptionProps } =\n      useAutocompleteOption(rest)\n\n    icon ??= customIcon\n\n    const css: CSSUIObject = {\n      textDecoration: \"none\",\n      color: \"inherit\",\n      userSelect: \"none\",\n      display: \"flex\",\n      width: \"100%\",\n      alignItems: \"center\",\n      textAlign: \"start\",\n      flex: \"0 0 auto\",\n      outline: 0,\n      gap: \"0.75rem\",\n      ...styles.item,\n    }\n\n    return (\n      <ui.li\n        className={cx(\"ui-autocomplete__item\", className)}\n        __css={css}\n        {...getOptionProps({}, ref)}\n      >\n        {icon !== null ? (\n          <AutocompleteItemIcon opacity={isSelected ? 1 : 0}>\n            {icon || <AutocompleteCheckIcon />}\n          </AutocompleteItemIcon>\n        ) : null}\n\n        <ui.span style={{ flex: 1 }} data-label>\n          {children}\n        </ui.span>\n      </ui.li>\n    )\n  },\n)\n\nAutocompleteOption.displayName = \"AutocompleteOption\"\nAutocompleteOption.__ui__ = \"AutocompleteOption\"\n\nconst AutocompleteCheckIcon: FC = () => (\n  <svg viewBox=\"0 0 14 14\" width=\"1em\" height=\"1em\">\n    <polygon\n      fill=\"currentColor\"\n      points=\"5.5 11.9993304 14 3.49933039 12.5 2 5.5 8.99933039 1.5 4.9968652 0 6.49933039\"\n    />\n  </svg>\n)\n\nAutocompleteCheckIcon.displayName = \"AutocompleteCheckIcon\"\nAutocompleteCheckIcon.__ui__ = \"AutocompleteCheckIcon\"\n"],"mappings":";;;;;;;;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AAyCb,SAOe,KAPf;AAvBC,IAAM,qBAAqB;AAAA,EAChC,CAAC,EAAE,WAAW,MAAM,GAAG,KAAK,GAAG,QAAQ;AACrC,UAAM,EAAE,OAAO,IAAI,uBAAuB;AAC1C,UAAM,EAAE,YAAY,YAAY,UAAU,eAAe,IACvD,sBAAsB,IAAI;AAE5B,iCAAS;AAET,UAAM,MAAmB;AAAA,MACvB,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC,WAAW,GAAG,yBAAyB,SAAS;AAAA,QAChD,OAAO;AAAA,QACN,GAAG,eAAe,CAAC,GAAG,GAAG;AAAA,QAEzB;AAAA,mBAAS,OACR,oBAAC,wBAAqB,SAAS,aAAa,IAAI,GAC7C,kBAAQ,oBAAC,yBAAsB,GAClC,IACE;AAAA,UAEJ,oBAAC,GAAG,MAAH,EAAQ,OAAO,EAAE,MAAM,EAAE,GAAG,cAAU,MACpC,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AACjC,mBAAmB,SAAS;AAE5B,IAAM,wBAA4B,MAChC,oBAAC,SAAI,SAAQ,aAAY,OAAM,OAAM,QAAO,OAC1C;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,QAAO;AAAA;AACT,GACF;AAGF,sBAAsB,cAAc;AACpC,sBAAsB,SAAS;","names":[]}

package/dist/index.js

@@ -362,7 +362,7 @@ var AutocompleteCreate = (0, import_core2.forwardRef)(
         __css: css,
         ...getCreateProps(rest, ref),
         children: [
-          icon !== null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AutocompleteItemIcon, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PlusIcon, {}) }) : null,
+          icon !== null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AutocompleteItemIcon, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AutocompletePlusIcon, {}) }) : null,
           icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.span, { style: { pointerEvents: "none", flex: 1 }, lineClamp: 1, children: (0, import_utils4.runIfFunc)(children, inputValue) }) : (0, import_utils4.runIfFunc)(children, inputValue)
         ]
       }
@@ -371,15 +371,15 @@ var AutocompleteCreate = (0, import_core2.forwardRef)(
 );
 AutocompleteCreate.displayName = "AutocompleteCreate";
 AutocompleteCreate.__ui__ = "AutocompleteCreate";
-var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { viewBox: "0 0 45.402 45.402", width: "1em", height: "1em", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+var AutocompletePlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { viewBox: "0 0 45.402 45.402", width: "1em", height: "1em", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
   "path",
   {
     fill: "currentColor",
     d: "M41.267,18.557H26.832V4.134C26.832,1.851,24.99,0,22.707,0c-2.283,0-4.124,1.851-4.124,4.135v14.432H4.141   c-2.283,0-4.139,1.851-4.138,4.135c-0.001,1.141,0.46,2.187,1.207,2.934c0.748,0.749,1.78,1.222,2.92,1.222h14.453V41.27   c0,1.142,0.453,2.176,1.201,2.922c0.748,0.748,1.777,1.211,2.919,1.211c2.282,0,4.129-1.851,4.129-4.133V26.857h14.435   c2.283,0,4.134-1.867,4.133-4.15C45.399,20.425,43.548,18.557,41.267,18.557z"
   }
 ) });
-PlusIcon.displayName = "PlusIcon";
-PlusIcon.__ui__ = "PlusIcon";
+AutocompletePlusIcon.displayName = "AutocompletePlusIcon";
+AutocompletePlusIcon.__ui__ = "AutocompletePlusIcon";
 
 // src/autocomplete-empty.tsx
 var import_core3 = require("@yamada-ui/core");
@@ -411,7 +411,7 @@ var AutocompleteEmpty = (0, import_core3.forwardRef)(
         __css: css,
         ...getEmptyProps(rest, ref),
         children: [
-          icon !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AutocompleteItemIcon, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MinusIcon, {}) }) : null,
+          icon !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AutocompleteItemIcon, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AutocompleteMinusIcon, {}) }) : null,
           icon ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.ui.span, { style: { pointerEvents: "none", flex: 1 }, lineClamp: 1, children }) : children
         ]
       }
@@ -420,15 +420,15 @@ var AutocompleteEmpty = (0, import_core3.forwardRef)(
 );
 AutocompleteEmpty.displayName = "AutocompleteEmpty";
 AutocompleteEmpty.__ui__ = "AutocompleteEmpty";
-var MinusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 448 512", width: "1em", height: "1em", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var AutocompleteMinusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 448 512", width: "1em", height: "1em", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
   "path",
   {
     fill: "currentColor",
     d: "M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"
   }
 ) });
-MinusIcon.displayName = "MinusIcon";
-MinusIcon.__ui__ = "MinusIcon";
+AutocompleteMinusIcon.displayName = "AutocompleteMinusIcon";
+AutocompleteMinusIcon.__ui__ = "AutocompleteMinusIcon";
 
 // src/autocomplete-list.tsx
 var import_core4 = require("@yamada-ui/core");
@@ -609,7 +609,7 @@ var AutocompleteOption = (0, import_core5.forwardRef)(
         __css: css,
         ...getOptionProps({}, ref),
         children: [
-          icon !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AutocompleteItemIcon, { opacity: isSelected ? 1 : 0, children: icon || /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckIcon, {}) }) : null,
+          icon !== null ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AutocompleteItemIcon, { opacity: isSelected ? 1 : 0, children: icon || /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AutocompleteCheckIcon, {}) }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core5.ui.span, { style: { flex: 1 }, "data-label": true, children })
         ]
       }
@@ -618,15 +618,15 @@ var AutocompleteOption = (0, import_core5.forwardRef)(
 );
 AutocompleteOption.displayName = "AutocompleteOption";
 AutocompleteOption.__ui__ = "AutocompleteOption";
-var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 14 14", width: "1em", height: "1em", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var AutocompleteCheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 14 14", width: "1em", height: "1em", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   "polygon",
   {
     fill: "currentColor",
     points: "5.5 11.9993304 14 3.49933039 12.5 2 5.5 8.99933039 1.5 4.9968652 0 6.49933039"
   }
 ) });
-CheckIcon.displayName = "CheckIcon";
-CheckIcon.__ui__ = "CheckIcon";
+AutocompleteCheckIcon.displayName = "AutocompleteCheckIcon";
+AutocompleteCheckIcon.__ui__ = "AutocompleteCheckIcon";
 
 // src/autocomplete-option-group.tsx
 var import_core7 = require("@yamada-ui/core");