@yamada-ui/react 2.3.0-dev-20260723030936 → 2.3.0-dev-20260730075027

package/dist/cjs/index.cjs

@@ -426,7 +426,7 @@ const require_circle_dot_dashed_icon = require("./components/icon/icons/circle-d
 const require_circle_dot_icon = require("./components/icon/icons/circle-dot-icon.cjs");
 const require_circle_ellipsis_icon = require("./components/icon/icons/circle-ellipsis-icon.cjs");
 const require_circle_equal_icon = require("./components/icon/icons/circle-equal-icon.cjs");
-const require_circle_euro_sign_icon = require("./components/icon/icons/circle-euro-sign-icon.cjs");
+const require_circle_euro_icon = require("./components/icon/icons/circle-euro-icon.cjs");
 const require_circle_fading_arrow_up_icon = require("./components/icon/icons/circle-fading-arrow-up-icon.cjs");
 const require_circle_fading_plus_icon = require("./components/icon/icons/circle-fading-plus-icon.cjs");
 const require_circle_gauge_icon = require("./components/icon/icons/circle-gauge-icon.cjs");
@@ -1342,6 +1342,7 @@ const require_scale3d_icon = require("./components/icon/icons/scale3d-icon.cjs")
 const require_scale_icon = require("./components/icon/icons/scale-icon.cjs");
 const require_scaling_icon = require("./components/icon/icons/scaling-icon.cjs");
 const require_scan_barcode_icon = require("./components/icon/icons/scan-barcode-icon.cjs");
+const require_scan_box_icon = require("./components/icon/icons/scan-box-icon.cjs");
 const require_scan_eye_icon = require("./components/icon/icons/scan-eye-icon.cjs");
 const require_scan_face_icon = require("./components/icon/icons/scan-face-icon.cjs");
 const require_scan_heart_icon = require("./components/icon/icons/scan-heart-icon.cjs");
@@ -1374,6 +1375,7 @@ const require_server_cog_icon = require("./components/icon/icons/server-cog-icon
 const require_server_crash_icon = require("./components/icon/icons/server-crash-icon.cjs");
 const require_server_icon = require("./components/icon/icons/server-icon.cjs");
 const require_server_off_icon = require("./components/icon/icons/server-off-icon.cjs");
+const require_server_plus_icon = require("./components/icon/icons/server-plus-icon.cjs");
 const require_settings2_icon = require("./components/icon/icons/settings2-icon.cjs");
 const require_settings_icon = require("./components/icon/icons/settings-icon.cjs");
 const require_shapes_icon = require("./components/icon/icons/shapes-icon.cjs");
@@ -2757,7 +2759,7 @@ var src_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	CircleDotIcon: () => require_circle_dot_icon.CircleDotIcon,
 	CircleEllipsisIcon: () => require_circle_ellipsis_icon.CircleEllipsisIcon,
 	CircleEqualIcon: () => require_circle_equal_icon.CircleEqualIcon,
-	CircleEuroSignIcon: () => require_circle_euro_sign_icon.CircleEuroSignIcon,
+	CircleEuroIcon: () => require_circle_euro_icon.CircleEuroIcon,
 	CircleFadingArrowUpIcon: () => require_circle_fading_arrow_up_icon.CircleFadingArrowUpIcon,
 	CircleFadingPlusIcon: () => require_circle_fading_plus_icon.CircleFadingPlusIcon,
 	CircleGaugeIcon: () => require_circle_gauge_icon.CircleGaugeIcon,
@@ -4031,6 +4033,7 @@ var src_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	ScaleIcon: () => require_scale_icon.ScaleIcon,
 	ScalingIcon: () => require_scaling_icon.ScalingIcon,
 	ScanBarcodeIcon: () => require_scan_barcode_icon.ScanBarcodeIcon,
+	ScanBoxIcon: () => require_scan_box_icon.ScanBoxIcon,
 	ScanEyeIcon: () => require_scan_eye_icon.ScanEyeIcon,
 	ScanFaceIcon: () => require_scan_face_icon.ScanFaceIcon,
 	ScanHeartIcon: () => require_scan_heart_icon.ScanHeartIcon,
@@ -4081,6 +4084,7 @@ var src_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	ServerCrashIcon: () => require_server_crash_icon.ServerCrashIcon,
 	ServerIcon: () => require_server_icon.ServerIcon,
 	ServerOffIcon: () => require_server_off_icon.ServerOffIcon,
+	ServerPlusIcon: () => require_server_plus_icon.ServerPlusIcon,
 	Settings2Icon: () => require_settings2_icon.Settings2Icon,
 	SettingsIcon: () => require_settings_icon.SettingsIcon,
 	ShapesIcon: () => require_shapes_icon.ShapesIcon,
@@ -5921,7 +5925,7 @@ exports.CircleDotDashedIcon = require_circle_dot_dashed_icon.CircleDotDashedIcon
 exports.CircleDotIcon = require_circle_dot_icon.CircleDotIcon;
 exports.CircleEllipsisIcon = require_circle_ellipsis_icon.CircleEllipsisIcon;
 exports.CircleEqualIcon = require_circle_equal_icon.CircleEqualIcon;
-exports.CircleEuroSignIcon = require_circle_euro_sign_icon.CircleEuroSignIcon;
+exports.CircleEuroIcon = require_circle_euro_icon.CircleEuroIcon;
 exports.CircleFadingArrowUpIcon = require_circle_fading_arrow_up_icon.CircleFadingArrowUpIcon;
 exports.CircleFadingPlusIcon = require_circle_fading_plus_icon.CircleFadingPlusIcon;
 exports.CircleGaugeIcon = require_circle_gauge_icon.CircleGaugeIcon;
@@ -7390,6 +7394,7 @@ exports.Scale3dIcon = require_scale3d_icon.Scale3dIcon;
 exports.ScaleIcon = require_scale_icon.ScaleIcon;
 exports.ScalingIcon = require_scaling_icon.ScalingIcon;
 exports.ScanBarcodeIcon = require_scan_barcode_icon.ScanBarcodeIcon;
+exports.ScanBoxIcon = require_scan_box_icon.ScanBoxIcon;
 exports.ScanEyeIcon = require_scan_eye_icon.ScanEyeIcon;
 exports.ScanFaceIcon = require_scan_face_icon.ScanFaceIcon;
 exports.ScanHeartIcon = require_scan_heart_icon.ScanHeartIcon;
@@ -7450,6 +7455,7 @@ exports.ServerCogIcon = require_server_cog_icon.ServerCogIcon;
 exports.ServerCrashIcon = require_server_crash_icon.ServerCrashIcon;
 exports.ServerIcon = require_server_icon.ServerIcon;
 exports.ServerOffIcon = require_server_off_icon.ServerOffIcon;
+exports.ServerPlusIcon = require_server_plus_icon.ServerPlusIcon;
 exports.Settings2Icon = require_settings2_icon.Settings2Icon;
 exports.SettingsIcon = require_settings_icon.SettingsIcon;
 exports.ShapesIcon = require_shapes_icon.ShapesIcon;

package/dist/cjs/providers/ui-provider/ui-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui-provider.cjs","names":["defaultConfig","defaultTheme","EnvironmentProvider","I18nProvider","SystemProvider","config","theme","ThemeProvider","ColorModeProvider","LoadingProvider","NoticeProvider"],"sources":["../../../../src/providers/ui-provider/ui-provider.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type {\n  ColorModeProviderProps,\n  EnvironmentProviderProps,\n  ThemeConfig,\n  ThemeProviderProps,\n  UsageTheme,\n} from \"../../core\"\nimport type { DeepMerge } from \"../../utils\"\nimport type { I18nProviderProps } from \"../i18n-provider\"\nimport { LoadingProvider } from \"../../components/loading\"\nimport { NoticeProvider } from \"../../components/notice\"\nimport {\n  ColorModeProvider,\n  EnvironmentProvider,\n  SystemProvider,\n  ThemeProvider,\n} from \"../../core\"\nimport { config as defaultConfig, theme as defaultTheme } from \"../../theme\"\nimport { merge } from \"../../utils\"\nimport { I18nProvider } from \"../i18n-provider\"\n\nexport interface UIProviderProps\n  extends\n    Omit<ThemeProviderProps, \"storageKey\">,\n    Pick<ColorModeProviderProps, \"colorMode\">,\n    I18nProviderProps {\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  colorModeStorageKey?: string\n  /**\n   * The root node to use.\n   */\n  rootNode?: EnvironmentProviderProps[\"value\"]\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  themeSchemeStorageKey?: string\n}\n\n/**\n * The global provider that must be added to make all Yamada UI components work correctly.\n */\nexport const UIProvider: FC<UIProviderProps> = ({\n  children,\n  colorMode,\n  colorModeStorageKey,\n  config = defaultConfig,\n  cookie,\n  dir,\n  intl,\n  locale,\n  rootNode,\n  storage,\n  theme = defaultTheme,\n  themeSchemeStorageKey,\n}) => {\n  return (\n    <EnvironmentProvider value={rootNode}>\n      <I18nProvider dir={dir} intl={intl} locale={locale}>\n        <SystemProvider config={config} theme={theme}>\n          <ThemeProvider\n            config={config}\n            cookie={cookie}\n            storage={storage}\n            storageKey={themeSchemeStorageKey}\n            theme={theme}\n          >\n            <ColorModeProvider\n              colorMode={colorMode}\n              config={config}\n              cookie={cookie}\n              storage={storage}\n              storageKey={colorModeStorageKey}\n            >\n              <LoadingProvider {...config.loading}>\n                <NoticeProvider {...config.notice}>{children}</NoticeProvider>\n              </LoadingProvider>\n            </ColorModeProvider>\n          </ThemeProvider>\n        </SystemProvider>\n      </I18nProvider>\n    </EnvironmentProvider>\n  )\n}\n\ntype DefaultTheme = typeof defaultTheme\n\nexport const extendTheme = <Y extends UsageTheme>(theme: Y) => {\n  return merge<DeepMerge<DefaultTheme, Y>>(defaultTheme, theme)\n}\n\nexport const extendConfig = (config: ThemeConfig) => {\n  return merge(defaultConfig, config)\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAa,cAAmC,EAC9C,UACA,WACA,qBACA,QAAA,WAASA,eAAAA,QACT,QACA,KACA,MACA,QACA,UACA,SACA,OAAA,UAAQC,oBAAAA,OACR,4BACI;CACJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,qBAAD;EAAqB,OAAO;YAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,cAAD;GAAmB;GAAW;GAAc;aAC1C,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;IAAgB,QAAQC;IAAQ,OAAOC;cACrC,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,eAAD;KACE,QAAQF;KACA;KACC;KACT,YAAY;KACZ,OAAOC;eAEP,iBAAA,GAAA,kBAAA,IAAA,CAACE,4BAAAA,mBAAD;MACa;MACX,QAAQH;MACA;MACC;MACT,YAAY;gBAEZ,iBAAA,GAAA,kBAAA,IAAA,CAACI,yBAAAA,iBAAD;OAAiB,GAAIJ,SAAO;iBAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACK,wBAAAA,gBAAD;QAAgB,GAAIL,SAAO;QAAS;OAAyB,CAAA;MAC9C,CAAA;KACA,CAAA;IACN,CAAA;GACD,CAAA;EACJ,CAAA;CACK,CAAA;AAEzB;AAIA,MAAa,eAAqC,YAAa;CAC7D,QAAA,GAAA,oBAAA,cAAA,MAAA,CAAyCJ,oBAAAA,OAAcK,OAAK;AAC9D;AAEA,MAAa,gBAAgB,aAAwB;CACnD,QAAA,GAAA,oBAAA,cAAA,MAAA,CAAaN,eAAAA,QAAeK,QAAM;AACpC"}
+{"version":3,"file":"ui-provider.cjs","names":["defaultConfig","defaultTheme","EnvironmentProvider","I18nProvider","SystemProvider","config","theme","ThemeProvider","ColorModeProvider","LoadingProvider","NoticeProvider"],"sources":["../../../../src/providers/ui-provider/ui-provider.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type {\n  ColorModeProviderProps,\n  EnvironmentProviderProps,\n  ThemeConfig,\n  ThemeProviderProps,\n  UsageTheme,\n} from \"../../core\"\nimport type { DeepMerge } from \"../../utils\"\nimport type { I18nProviderProps } from \"../i18n-provider\"\nimport { LoadingProvider } from \"../../components/loading\"\nimport { NoticeProvider } from \"../../components/notice\"\nimport {\n  ColorModeProvider,\n  EnvironmentProvider,\n  SystemProvider,\n  ThemeProvider,\n} from \"../../core\"\nimport { config as defaultConfig, theme as defaultTheme } from \"../../theme\"\nimport { merge } from \"../../utils\"\nimport { I18nProvider } from \"../i18n-provider\"\n\nexport interface UIProviderProps\n  extends\n    Omit<ThemeProviderProps, \"storageKey\">,\n    Pick<ColorModeProviderProps, \"colorMode\">,\n    I18nProviderProps {\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  colorModeStorageKey?: string\n  /**\n   * The root node to use.\n   */\n  rootNode?: EnvironmentProviderProps[\"value\"]\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  themeSchemeStorageKey?: string\n}\n\n/**\n * The global provider that must be added to make all Yamada UI components work correctly.\n */\nexport const UIProvider: FC<UIProviderProps> = ({\n  children,\n  colorMode,\n  colorModeStorageKey,\n  config = defaultConfig,\n  cookie,\n  dir,\n  intl,\n  locale,\n  rootNode,\n  storage,\n  theme = defaultTheme,\n  themeSchemeStorageKey,\n}) => {\n  return (\n    <EnvironmentProvider value={rootNode}>\n      <I18nProvider dir={dir} intl={intl} locale={locale}>\n        <SystemProvider config={config} theme={theme}>\n          <ThemeProvider\n            config={config}\n            cookie={cookie}\n            storage={storage}\n            storageKey={themeSchemeStorageKey}\n            theme={theme}\n          >\n            <ColorModeProvider\n              colorMode={colorMode}\n              config={config}\n              cookie={cookie}\n              storage={storage}\n              storageKey={colorModeStorageKey}\n            >\n              <LoadingProvider {...config.loading}>\n                <NoticeProvider {...config.notice}>{children}</NoticeProvider>\n              </LoadingProvider>\n            </ColorModeProvider>\n          </ThemeProvider>\n        </SystemProvider>\n      </I18nProvider>\n    </EnvironmentProvider>\n  )\n}\n\ntype DefaultTheme = typeof defaultTheme\n\nexport const extendTheme = <Y extends UsageTheme>(theme: Y) => {\n  return merge<DeepMerge<DefaultTheme, Y>>(defaultTheme, theme)\n}\n\nexport const extendConfig = (config: ThemeConfig) => {\n  return merge(defaultConfig, config)\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAa,cAAmC,EAC9C,UACA,WACA,qBACA,QAAA,WAASA,eAAAA,QACT,QACA,KACA,MACA,QACA,UACA,SACA,OAAA,UAAQC,oBAAAA,OACR,4BACI;CACJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,qBAAD;EAAqB,OAAO;EAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,cAAD;GAAmB;GAAW;GAAc;GAC1C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;IAAgB,QAAQC;IAAQ,OAAOC;IACrC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,eAAD;KACE,QAAQF;KACA;KACC;KACT,YAAY;KACZ,OAAOC;KAEP,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,4BAAAA,mBAAD;MACa;MACX,QAAQH;MACA;MACC;MACT,YAAY;MAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACI,yBAAAA,iBAAD;OAAiB,GAAIJ,SAAO;OAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACK,wBAAAA,gBAAD;QAAgB,GAAIL,SAAO;QAAS;OAAyB,CAAA;MAC9C,CAAA;KACA,CAAA;IACN,CAAA;GACD,CAAA;EACJ,CAAA;CACK,CAAA;AAEzB;AAIA,MAAa,eAAqC,YAAa;CAC7D,QAAA,GAAA,oBAAA,cAAA,MAAA,CAAyCJ,oBAAAA,OAAcK,OAAK;AAC9D;AAEA,MAAa,gBAAgB,aAAwB;CACnD,QAAA,GAAA,oBAAA,cAAA,MAAA,CAAaN,eAAAA,QAAeK,QAAM;AACpC"}

package/dist/cjs/utils/dom.cjs

@@ -1,6 +1,7 @@
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
+let _yamada_ui_utils = require("@yamada-ui/utils");
 //#region src/utils/dom.ts
 function runKeyAction(ev, actions, { preventDefault = true } = {}) {
 	if (ev.key === " ") ev.key = ev.code;
@@ -32,7 +33,9 @@ function useAttributeObserver(ref, attributeFilter, enabled, func) {
 	});
 }
 function getEventRelatedTarget(ev) {
-	return ev.relatedTarget ?? ev.currentTarget.ownerDocument.activeElement;
+	if (ev.relatedTarget) return ev.relatedTarget;
+	const root = ev.currentTarget.getRootNode?.call(ev.currentTarget);
+	return (root && (0, _yamada_ui_utils.getActiveElement)(root)) ?? ev.currentTarget.ownerDocument.activeElement;
 }
 const visuallyHiddenAttributes = {
 	style: {

package/dist/cjs/utils/dom.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dom.cjs","names":["React"],"sources":["../../../src/utils/dom.ts"],"sourcesContent":["import type { AnyString } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\n\ntype KeyboardNavigationKey =\n  | \"ArrowDown\"\n  | \"ArrowLeft\"\n  | \"ArrowRight\"\n  | \"ArrowUp\"\n  | \"End\"\n  | \"Home\"\n  | \"PageDown\"\n  | \"PageUp\"\n\ntype KeyboardControlKey =\n  | \"Alt\"\n  | \"Backspace\"\n  | \"CapsLock\"\n  | \"Control\"\n  | \"Delete\"\n  | \"Enter\"\n  | \"Escape\"\n  | \"Insert\"\n  | \"Meta\"\n  | \"NumLock\"\n  | \"Pause\"\n  | \"PrintScreen\"\n  | \"ScrollLock\"\n  | \"Shift\"\n  | \"Space\"\n  | \"Tab\"\n\ntype KeyboardFunctionKey = \"Fn\" | \"FnLock\" | `F${number}`\n\ntype KeyboardKey =\n  | AnyString\n  | KeyboardControlKey\n  | KeyboardFunctionKey\n  | KeyboardNavigationKey\n\nexport function runKeyAction<Y>(\n  ev: React.KeyboardEvent<Y>,\n  actions: { [key in KeyboardKey]?: React.KeyboardEventHandler<Y> },\n  { preventDefault = true }: { preventDefault?: boolean } = {},\n) {\n  if (ev.key === \" \") ev.key = ev.code\n  const action = actions[ev.key]\n\n  if (!action) return\n\n  if (preventDefault) ev.preventDefault()\n\n  action(ev)\n}\n\nexport function isComposing(\n  ev: React.ChangeEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n): boolean {\n  if (\"keyCode\" in ev) return ev.nativeEvent.isComposing || ev.keyCode === 229\n  else if (ev.nativeEvent instanceof InputEvent)\n    return ev.nativeEvent.isComposing\n  else return false\n}\n\nexport function useAttributeObserver(\n  ref: React.RefObject<HTMLElement | null>,\n  attributeFilter: string[],\n  enabled: boolean,\n  func: () => void,\n) {\n  React.useEffect(() => {\n    if (!ref.current || !enabled) return\n\n    const ownerDocument = ref.current.ownerDocument.defaultView ?? window\n\n    const observer = new ownerDocument.MutationObserver((changes) => {\n      for (const { type, attributeName } of changes) {\n        if (type !== \"attributes\") continue\n        if (!attributeName) continue\n\n        if (attributeFilter.includes(attributeName)) func()\n      }\n    })\n\n    observer.observe(ref.current, { attributeFilter, attributes: true })\n\n    return () => observer.disconnect()\n  })\n}\n\nexport function getEventRelatedTarget(ev: React.FocusEvent | React.MouseEvent) {\n  return (ev.relatedTarget ??\n    ev.currentTarget.ownerDocument.activeElement) as HTMLElement | null\n}\n\nconst visuallyHiddenStyle = {\n  border: \"0px\",\n  clipPath: \"rect(0px 0px 0px 0px)\",\n  height: \"1px\",\n  margin: \"-1px\",\n  overflow: \"hidden\",\n  padding: \"0px\",\n  position: \"absolute\",\n  whiteSpace: \"nowrap\",\n  width: \"1px\",\n} satisfies React.CSSProperties\n\nexport const visuallyHiddenAttributes = {\n  style: visuallyHiddenStyle,\n  \"aria-hidden\": true,\n  tabIndex: -1,\n} satisfies React.HTMLAttributes<HTMLElement>\n\nexport function* useIds() {\n  const id = React.useId()\n\n  for (let i = 0; ; i++) yield `${id}-${i}`\n}\n"],"mappings":";;;;AAuCA,SAAgB,aACd,IACA,SACA,EAAE,iBAAiB,SAAuC,CAAC,GAC3D;CACA,IAAI,GAAG,QAAQ,KAAK,GAAG,MAAM,GAAG;CAChC,MAAM,SAAS,QAAQ,GAAG;CAE1B,IAAI,CAAC,QAAQ;CAEb,IAAI,gBAAgB,GAAG,eAAe;CAEtC,OAAO,EAAE;AACX;AAEA,SAAgB,YACd,IACS;CACT,IAAI,aAAa,IAAI,OAAO,GAAG,YAAY,eAAe,GAAG,YAAY;MACpE,IAAI,GAAG,uBAAuB,YACjC,OAAO,GAAG,YAAY;MACnB,OAAO;AACd;AAEA,SAAgB,qBACd,KACA,iBACA,SACA,MACA;CACA,MAAM,gBAAgB;EACpB,IAAI,CAAC,IAAI,WAAW,CAAC,SAAS;EAI9B,MAAM,WAAW,KAFK,IAAI,QAAQ,cAAc,eAAe,OAAA,CAE5B,kBAAkB,YAAY;GAC/D,KAAK,MAAM,EAAE,MAAM,mBAAmB,SAAS;IAC7C,IAAI,SAAS,cAAc;IAC3B,IAAI,CAAC,eAAe;IAEpB,IAAI,gBAAgB,SAAS,aAAa,GAAG,KAAK;GACpD;EACF,CAAC;EAED,SAAS,QAAQ,IAAI,SAAS;GAAE;GAAiB,YAAY;EAAK,CAAC;EAEnE,aAAa,SAAS,WAAW;CACnC,CAAC;AACH;AAEA,SAAgB,sBAAsB,IAAyC;CAC7E,OAAQ,GAAG,iBACT,GAAG,cAAc,cAAc;AACnC;AAcA,MAAa,2BAA2B;CACtC,OAAO;EAZP,QAAQ;EACR,UAAU;EACV,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,SAAS;EACT,UAAU;EACV,YAAY;EACZ,OAAO;CAIA;CACP,eAAe;CACf,UAAU;AACZ;AAEA,UAAiB,SAAS;CACxB,MAAM,KAAKA,MAAM,MAAM;CAEvB,KAAK,IAAI,IAAI,IAAK,KAAK,MAAM,GAAG,GAAG,GAAG;AACxC"}
+{"version":3,"file":"dom.cjs","names":["React"],"sources":["../../../src/utils/dom.ts"],"sourcesContent":["import { type AnyString, getActiveElement } from \"@yamada-ui/utils\"\nimport * as React from \"react\"\n\ntype KeyboardNavigationKey =\n  | \"ArrowDown\"\n  | \"ArrowLeft\"\n  | \"ArrowRight\"\n  | \"ArrowUp\"\n  | \"End\"\n  | \"Home\"\n  | \"PageDown\"\n  | \"PageUp\"\n\ntype KeyboardControlKey =\n  | \"Alt\"\n  | \"Backspace\"\n  | \"CapsLock\"\n  | \"Control\"\n  | \"Delete\"\n  | \"Enter\"\n  | \"Escape\"\n  | \"Insert\"\n  | \"Meta\"\n  | \"NumLock\"\n  | \"Pause\"\n  | \"PrintScreen\"\n  | \"ScrollLock\"\n  | \"Shift\"\n  | \"Space\"\n  | \"Tab\"\n\ntype KeyboardFunctionKey = \"Fn\" | \"FnLock\" | `F${number}`\n\ntype KeyboardKey =\n  | AnyString\n  | KeyboardControlKey\n  | KeyboardFunctionKey\n  | KeyboardNavigationKey\n\nexport function runKeyAction<Y>(\n  ev: React.KeyboardEvent<Y>,\n  actions: { [key in KeyboardKey]?: React.KeyboardEventHandler<Y> },\n  { preventDefault = true }: { preventDefault?: boolean } = {},\n) {\n  if (ev.key === \" \") ev.key = ev.code\n  const action = actions[ev.key]\n\n  if (!action) return\n\n  if (preventDefault) ev.preventDefault()\n\n  action(ev)\n}\n\nexport function isComposing(\n  ev: React.ChangeEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n): boolean {\n  if (\"keyCode\" in ev) return ev.nativeEvent.isComposing || ev.keyCode === 229\n  else if (ev.nativeEvent instanceof InputEvent)\n    return ev.nativeEvent.isComposing\n  else return false\n}\n\nexport function useAttributeObserver(\n  ref: React.RefObject<HTMLElement | null>,\n  attributeFilter: string[],\n  enabled: boolean,\n  func: () => void,\n) {\n  React.useEffect(() => {\n    if (!ref.current || !enabled) return\n\n    const ownerDocument = ref.current.ownerDocument.defaultView ?? window\n\n    const observer = new ownerDocument.MutationObserver((changes) => {\n      for (const { type, attributeName } of changes) {\n        if (type !== \"attributes\") continue\n        if (!attributeName) continue\n\n        if (attributeFilter.includes(attributeName)) func()\n      }\n    })\n\n    observer.observe(ref.current, { attributeFilter, attributes: true })\n\n    return () => observer.disconnect()\n  })\n}\n\nexport function getEventRelatedTarget(ev: React.FocusEvent | React.MouseEvent) {\n  if (ev.relatedTarget) return ev.relatedTarget as HTMLElement\n\n  const getRootNode = (\n    ev.currentTarget as unknown as {\n      getRootNode?: () => Document | ShadowRoot\n    }\n  ).getRootNode\n  const root = getRootNode?.call(ev.currentTarget)\n\n  return ((root && getActiveElement(root)) ??\n    ev.currentTarget.ownerDocument.activeElement) as HTMLElement | null\n}\n\nconst visuallyHiddenStyle = {\n  border: \"0px\",\n  clipPath: \"rect(0px 0px 0px 0px)\",\n  height: \"1px\",\n  margin: \"-1px\",\n  overflow: \"hidden\",\n  padding: \"0px\",\n  position: \"absolute\",\n  whiteSpace: \"nowrap\",\n  width: \"1px\",\n} satisfies React.CSSProperties\n\nexport const visuallyHiddenAttributes = {\n  style: visuallyHiddenStyle,\n  \"aria-hidden\": true,\n  tabIndex: -1,\n} satisfies React.HTMLAttributes<HTMLElement>\n\nexport function* useIds() {\n  const id = React.useId()\n\n  for (let i = 0; ; i++) yield `${id}-${i}`\n}\n"],"mappings":";;;;;AAuCA,SAAgB,aACd,IACA,SACA,EAAE,iBAAiB,SAAuC,CAAC,GAC3D;CACA,IAAI,GAAG,QAAQ,KAAK,GAAG,MAAM,GAAG;CAChC,MAAM,SAAS,QAAQ,GAAG;CAE1B,IAAI,CAAC,QAAQ;CAEb,IAAI,gBAAgB,GAAG,eAAe;CAEtC,OAAO,EAAE;AACX;AAEA,SAAgB,YACd,IACS;CACT,IAAI,aAAa,IAAI,OAAO,GAAG,YAAY,eAAe,GAAG,YAAY;MACpE,IAAI,GAAG,uBAAuB,YACjC,OAAO,GAAG,YAAY;MACnB,OAAO;AACd;AAEA,SAAgB,qBACd,KACA,iBACA,SACA,MACA;CACA,MAAM,gBAAgB;EACpB,IAAI,CAAC,IAAI,WAAW,CAAC,SAAS;EAI9B,MAAM,WAAW,KAFK,IAAI,QAAQ,cAAc,eAAe,OAAA,CAE5B,kBAAkB,YAAY;GAC/D,KAAK,MAAM,EAAE,MAAM,mBAAmB,SAAS;IAC7C,IAAI,SAAS,cAAc;IAC3B,IAAI,CAAC,eAAe;IAEpB,IAAI,gBAAgB,SAAS,aAAa,GAAG,KAAK;GACpD;EACF,CAAC;EAED,SAAS,QAAQ,IAAI,SAAS;GAAE;GAAiB,YAAY;EAAK,CAAC;EAEnE,aAAa,SAAS,WAAW;CACnC,CAAC;AACH;AAEA,SAAgB,sBAAsB,IAAyC;CAC7E,IAAI,GAAG,eAAe,OAAO,GAAG;CAOhC,MAAM,OAJJ,GAAG,cAGH,aACwB,KAAK,GAAG,aAAa;CAE/C,QAAS,SAAA,GAAA,iBAAA,iBAAA,CAAyB,IAAI,MACpC,GAAG,cAAc,cAAc;AACnC;AAcA,MAAa,2BAA2B;CACtC,OAAO;EAZP,QAAQ;EACR,UAAU;EACV,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,SAAS;EACT,UAAU;EACV,YAAY;EACZ,OAAO;CAIA;CACP,eAAe;CACf,UAAU;AACZ;AAEA,UAAiB,SAAS;CACxB,MAAM,KAAKA,MAAM,MAAM;CAEvB,KAAK,IAAI,IAAI,IAAK,KAAK,MAAM,GAAG,GAAG,GAAG;AACxC"}

package/dist/cjs/utils/store.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"store.cjs","names":[],"sources":["../../../src/utils/store.ts"],"sourcesContent":["\"use client\"\n\nimport type { Path, Value } from \"@yamada-ui/utils\"\nimport {\n  getMemoizedObject,\n  isArray,\n  isObject,\n  isUndefined,\n  runIfFn,\n  toArray,\n} from \"@yamada-ui/utils\"\nimport { useSyncExternalStore } from \"react\"\n\nconst DEFAULT_IDENTIFIER = \"default\"\n\nexport interface StoreSubscribe {\n  (listener: () => void): () => void\n}\n\nexport interface Store<Y> {\n  queue: Map<string, (() => void)[]>\n  ref: { current: Y }\n  get: () => Y\n  set: (nextState: ((prevState: Y) => Y) | Y, key?: string | string[]) => void\n  update: (key?: string | string[]) => void\n  key?: string\n}\n\ntype IndexOrPath<Y> = Y extends any[]\n  ? number\n  : Y extends object\n    ? Path<Y>\n    : undefined\n\ntype ReturnArrayValue<Y extends any[], D> = D extends number\n  ? undefined | Y[D]\n  : Y\n\ntype ReturnObjectValue<Y extends object, D> = D extends string ? Value<Y, D> : Y\n\ntype ReturnValue<Y, D> = Y extends any[]\n  ? ReturnArrayValue<Y, D>\n  : Y extends object\n    ? ReturnObjectValue<Y, D>\n    : Y\n\nexport interface UseStore<Y> {\n  <D extends IndexOrPath<Y>>(path?: D, key?: string): ReturnValue<Y, D>\n}\n\nexport interface CreateStoreMethod<Y, M extends Function> {\n  (store: Store<Y>): M\n}\n\nexport type StoreMethods<Y, M extends CustomStoreMethods<Y>> = Omit<\n  Store<Y>,\n  \"key\" | \"update\"\n> & {\n  [D in keyof M]: ReturnType<M[D]>\n} & { update: () => void }\n\nexport interface CustomStoreMethods<Y> {\n  [key: string]: CreateStoreMethod<Y, (...args: any[]) => Promise<void> | void>\n}\n\nexport interface CreateStoreOptions<Y> {\n  proxyHandler?: ProxyHandler<{ current: Y }>\n  subscribe?: CreateStoreMethod<Y, StoreSubscribe>\n}\n\nexport function createStore<Y, M extends CustomStoreMethods<Y>>(\n  initialState: (() => Y) | Y,\n  additionalMethods?: M,\n  options: CreateStoreOptions<Y> = {},\n): [UseStore<Y>, StoreMethods<Y, M>] {\n  const queue = new Map<string, (() => void)[]>()\n  const ref = new Proxy(\n    { current: runIfFn(initialState) },\n    { ...options.proxyHandler },\n  )\n\n  function get() {\n    return ref.current\n  }\n\n  function executeQueue(key: string) {\n    const listeners = queue.get(key) ?? []\n\n    if (!listeners.length)\n      console.warn(`createStore: ${key} is not subscribed.`)\n\n    listeners.forEach((listener) => listener())\n  }\n\n  function update(key?: string | string[]) {\n    if (!isUndefined(key)) toArray(key).forEach(executeQueue)\n\n    executeQueue(DEFAULT_IDENTIFIER)\n  }\n\n  function set(nextState: ((prevState: Y) => Y) | Y, key?: string | string[]) {\n    ref.current = runIfFn(nextState, ref.current)\n\n    update(key)\n  }\n\n  const methods = { ref, get, queue, set, update }\n\n  function useStore<D extends IndexOrPath<Y>>(path?: D, key?: string) {\n    const customSubscribe = options.subscribe?.({\n      key,\n      ...methods,\n    })\n\n    const subscribe = function (listener: () => void) {\n      if (key) {\n        const listeners = queue.get(key) ?? []\n\n        if (listeners.length)\n          console.warn(`createStore: ${key} is already subscribed.`)\n\n        queue.set(key, [listener])\n      } else {\n        const listeners = queue.get(DEFAULT_IDENTIFIER) ?? []\n\n        queue.set(DEFAULT_IDENTIFIER, [...listeners, listener])\n      }\n\n      return function () {\n        if (key) {\n          queue.delete(key)\n        } else {\n          const listeners = queue.get(DEFAULT_IDENTIFIER) ?? []\n\n          queue.set(\n            DEFAULT_IDENTIFIER,\n            listeners.filter((fn) => fn !== listener),\n          )\n        }\n      }\n    }\n\n    function getSnapshot<H extends ReturnValue<Y, D>>(): H {\n      if (!isUndefined(path))\n        if (isObject(ref.current)) return getMemoizedObject(ref.current, path)\n        else if (isArray(ref.current)) return ref.current[path as number]\n\n      return ref.current as unknown as H\n    }\n\n    return useSyncExternalStore(\n      customSubscribe ?? subscribe,\n      getSnapshot,\n      getSnapshot,\n    )\n  }\n\n  const customMethods = Object.fromEntries(\n    Object.entries(additionalMethods ?? {}).map(([key, value]) => [\n      key,\n      value(methods),\n    ]),\n  ) as { [D in keyof M]: ReturnType<M[D]> }\n\n  return [useStore, { ...methods, ...customMethods }]\n}\n"],"mappings":";;;;AAaA,MAAM,qBAAqB;AAyD3B,SAAgB,YACd,cACA,mBACA,UAAiC,CAAC,GACC;CACnC,MAAM,wBAAQ,IAAI,IAA4B;CAC9C,MAAM,MAAM,IAAI,MACd,EAAE,UAAA,GAAA,iBAAA,QAAA,CAAiB,YAAY,EAAE,GACjC,EAAE,GAAG,QAAQ,aAAa,CAC5B;CAEA,SAAS,MAAM;EACb,OAAO,IAAI;CACb;CAEA,SAAS,aAAa,KAAa;EACjC,MAAM,YAAY,MAAM,IAAI,GAAG,KAAK,CAAC;EAErC,IAAI,CAAC,UAAU,QACb,QAAQ,KAAK,gBAAgB,IAAI,oBAAoB;EAEvD,UAAU,SAAS,aAAa,SAAS,CAAC;CAC5C;CAEA,SAAS,OAAO,KAAyB;EACvC,IAAI,EAAA,GAAA,iBAAA,YAAA,CAAa,GAAG,GAAG,CAAA,GAAA,iBAAA,QAAA,CAAQ,GAAG,CAAC,CAAC,QAAQ,YAAY;EAExD,aAAa,kBAAkB;CACjC;CAEA,SAAS,IAAI,WAAsC,KAAyB;EAC1E,IAAI,WAAA,GAAA,iBAAA,QAAA,CAAkB,WAAW,IAAI,OAAO;EAE5C,OAAO,GAAG;CACZ;CAEA,MAAM,UAAU;EAAE;EAAK;EAAK;EAAO;EAAK;CAAO;CAE/C,SAAS,SAAmC,MAAU,KAAc;EAClE,MAAM,kBAAkB,QAAQ,YAAY;GAC1C;GACA,GAAG;EACL,CAAC;EAED,MAAM,YAAY,SAAU,UAAsB;GAChD,IAAI,KAAK;IAGP,KAFkB,MAAM,IAAI,GAAG,KAAK,CAAC,EAAA,CAEvB,QACZ,QAAQ,KAAK,gBAAgB,IAAI,wBAAwB;IAE3D,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC;GAC3B,OAAO;IACL,MAAM,YAAY,MAAM,IAAI,kBAAkB,KAAK,CAAC;IAEpD,MAAM,IAAI,oBAAoB,CAAC,GAAG,WAAW,QAAQ,CAAC;GACxD;GAEA,OAAO,WAAY;IACjB,IAAI,KACF,MAAM,OAAO,GAAG;SACX;KACL,MAAM,YAAY,MAAM,IAAI,kBAAkB,KAAK,CAAC;KAEpD,MAAM,IACJ,oBACA,UAAU,QAAQ,OAAO,OAAO,QAAQ,CAC1C;IACF;GACF;EACF;EAEA,SAAS,cAA8C;GACrD,IAAI,EAAA,GAAA,iBAAA,YAAA,CAAa,IAAI;uCACN,IAAI,OAAO,GAAG,QAAA,GAAA,iBAAA,kBAAA,CAAyB,IAAI,SAAS,IAAI;SAChE,KAAA,GAAA,iBAAA,QAAA,CAAY,IAAI,OAAO,GAAG,OAAO,IAAI,QAAQ;GAAA;GAEpD,OAAO,IAAI;EACb;EAEA,QAAA,GAAA,MAAA,qBAAA,CACE,mBAAmB,WACnB,aACA,WACF;CACF;CAEA,MAAM,gBAAgB,OAAO,YAC3B,OAAO,QAAQ,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAC5D,KACA,MAAM,OAAO,CACf,CAAC,CACH;CAEA,OAAO,CAAC,UAAU;EAAE,GAAG;EAAS,GAAG;CAAc,CAAC;AACpD"}
+{"version":3,"file":"store.cjs","names":[],"sources":["../../../src/utils/store.ts"],"sourcesContent":["\"use client\"\n\nimport type { Path, Value } from \"@yamada-ui/utils\"\nimport {\n  getMemoizedObject,\n  isArray,\n  isObject,\n  isUndefined,\n  runIfFn,\n  toArray,\n} from \"@yamada-ui/utils\"\nimport { useSyncExternalStore } from \"react\"\n\nconst DEFAULT_IDENTIFIER = \"default\"\n\nexport interface StoreSubscribe {\n  (listener: () => void): () => void\n}\n\nexport interface Store<Y> {\n  queue: Map<string, (() => void)[]>\n  ref: { current: Y }\n  get: () => Y\n  set: (nextState: ((prevState: Y) => Y) | Y, key?: string | string[]) => void\n  update: (key?: string | string[]) => void\n  key?: string\n}\n\ntype IndexOrPath<Y> = Y extends any[]\n  ? number\n  : Y extends object\n    ? Path<Y>\n    : undefined\n\ntype ReturnArrayValue<Y extends any[], D> = D extends number\n  ? undefined | Y[D]\n  : Y\n\ntype ReturnObjectValue<Y extends object, D> = D extends string ? Value<Y, D> : Y\n\ntype ReturnValue<Y, D> = Y extends any[]\n  ? ReturnArrayValue<Y, D>\n  : Y extends object\n    ? ReturnObjectValue<Y, D>\n    : Y\n\nexport interface UseStore<Y> {\n  <D extends IndexOrPath<Y>>(path?: D, key?: string): ReturnValue<Y, D>\n}\n\nexport interface CreateStoreMethod<Y, M extends Function> {\n  (store: Store<Y>): M\n}\n\nexport type StoreMethods<Y, M extends CustomStoreMethods<Y>> = Omit<\n  Store<Y>,\n  \"key\" | \"update\"\n> & {\n  [D in keyof M]: ReturnType<M[D]>\n} & { update: () => void }\n\nexport interface CustomStoreMethods<Y> {\n  [key: string]: CreateStoreMethod<Y, (...args: any[]) => Promise<void> | void>\n}\n\nexport interface CreateStoreOptions<Y> {\n  proxyHandler?: ProxyHandler<{ current: Y }>\n  subscribe?: CreateStoreMethod<Y, StoreSubscribe>\n}\n\nexport function createStore<Y, M extends CustomStoreMethods<Y>>(\n  initialState: (() => Y) | Y,\n  additionalMethods?: M,\n  options: CreateStoreOptions<Y> = {},\n): [UseStore<Y>, StoreMethods<Y, M>] {\n  const queue = new Map<string, (() => void)[]>()\n  const ref = new Proxy(\n    { current: runIfFn(initialState) },\n    { ...options.proxyHandler },\n  )\n\n  function get() {\n    return ref.current\n  }\n\n  function executeQueue(key: string) {\n    const listeners = queue.get(key) ?? []\n\n    if (!listeners.length)\n      console.warn(`createStore: ${key} is not subscribed.`)\n\n    listeners.forEach((listener) => listener())\n  }\n\n  function update(key?: string | string[]) {\n    if (!isUndefined(key)) toArray(key).forEach(executeQueue)\n\n    executeQueue(DEFAULT_IDENTIFIER)\n  }\n\n  function set(nextState: ((prevState: Y) => Y) | Y, key?: string | string[]) {\n    ref.current = runIfFn(nextState, ref.current)\n\n    update(key)\n  }\n\n  const methods = { ref, get, queue, set, update }\n\n  function useStore<D extends IndexOrPath<Y>>(path?: D, key?: string) {\n    const customSubscribe = options.subscribe?.({\n      key,\n      ...methods,\n    })\n\n    const subscribe = function (listener: () => void) {\n      if (key) {\n        const listeners = queue.get(key) ?? []\n\n        if (listeners.length)\n          console.warn(`createStore: ${key} is already subscribed.`)\n\n        queue.set(key, [listener])\n      } else {\n        const listeners = queue.get(DEFAULT_IDENTIFIER) ?? []\n\n        queue.set(DEFAULT_IDENTIFIER, [...listeners, listener])\n      }\n\n      return function () {\n        if (key) {\n          queue.delete(key)\n        } else {\n          const listeners = queue.get(DEFAULT_IDENTIFIER) ?? []\n\n          queue.set(\n            DEFAULT_IDENTIFIER,\n            listeners.filter((fn) => fn !== listener),\n          )\n        }\n      }\n    }\n\n    function getSnapshot<H extends ReturnValue<Y, D>>(): H {\n      if (!isUndefined(path))\n        if (isObject(ref.current)) return getMemoizedObject(ref.current, path)\n        else if (isArray(ref.current)) return ref.current[path as number]\n\n      return ref.current as unknown as H\n    }\n\n    return useSyncExternalStore(\n      customSubscribe ?? subscribe,\n      getSnapshot,\n      getSnapshot,\n    )\n  }\n\n  const customMethods = Object.fromEntries(\n    Object.entries(additionalMethods ?? {}).map(([key, value]) => [\n      key,\n      value(methods),\n    ]),\n  ) as { [D in keyof M]: ReturnType<M[D]> }\n\n  return [useStore, { ...methods, ...customMethods }]\n}\n"],"mappings":";;;;AAaA,MAAM,qBAAqB;AAyD3B,SAAgB,YACd,cACA,mBACA,UAAiC,CAAC,GACC;CACnC,MAAM,wBAAQ,IAAI,IAA4B;CAC9C,MAAM,MAAM,IAAI,MACd,EAAE,UAAA,GAAA,iBAAA,QAAA,CAAiB,YAAY,EAAE,GACjC,EAAE,GAAG,QAAQ,aAAa,CAC5B;CAEA,SAAS,MAAM;EACb,OAAO,IAAI;CACb;CAEA,SAAS,aAAa,KAAa;EACjC,MAAM,YAAY,MAAM,IAAI,GAAG,KAAK,CAAC;EAErC,IAAI,CAAC,UAAU,QACb,QAAQ,KAAK,gBAAgB,IAAI,oBAAoB;EAEvD,UAAU,SAAS,aAAa,SAAS,CAAC;CAC5C;CAEA,SAAS,OAAO,KAAyB;EACvC,IAAI,EAAA,GAAA,iBAAA,YAAA,CAAa,GAAG,GAAG,CAAA,GAAA,iBAAA,QAAA,CAAQ,GAAG,CAAC,CAAC,QAAQ,YAAY;EAExD,aAAa,kBAAkB;CACjC;CAEA,SAAS,IAAI,WAAsC,KAAyB;EAC1E,IAAI,WAAA,GAAA,iBAAA,QAAA,CAAkB,WAAW,IAAI,OAAO;EAE5C,OAAO,GAAG;CACZ;CAEA,MAAM,UAAU;EAAE;EAAK;EAAK;EAAO;EAAK;CAAO;CAE/C,SAAS,SAAmC,MAAU,KAAc;EAClE,MAAM,kBAAkB,QAAQ,YAAY;GAC1C;GACA,GAAG;EACL,CAAC;EAED,MAAM,YAAY,SAAU,UAAsB;GAChD,IAAI,KAAK;IAGP,KAFkB,MAAM,IAAI,GAAG,KAAK,CAAC,EAAA,CAEvB,QACZ,QAAQ,KAAK,gBAAgB,IAAI,wBAAwB;IAE3D,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC;GAC3B,OAAO;IACL,MAAM,YAAY,MAAM,IAAI,kBAAkB,KAAK,CAAC;IAEpD,MAAM,IAAI,oBAAoB,CAAC,GAAG,WAAW,QAAQ,CAAC;GACxD;GAEA,OAAO,WAAY;IACjB,IAAI,KACF,MAAM,OAAO,GAAG;SACX;KACL,MAAM,YAAY,MAAM,IAAI,kBAAkB,KAAK,CAAC;KAEpD,MAAM,IACJ,oBACA,UAAU,QAAQ,OAAO,OAAO,QAAQ,CAC1C;IACF;GACF;EACF;EAEA,SAAS,cAA8C;GACrD,IAAI,EAAA,GAAA,iBAAA,YAAA,CAAa,IAAI,GACN;SAAA,GAAA,iBAAA,SAAA,CAAA,IAAI,OAAO,GAAG,QAAA,GAAA,iBAAA,kBAAA,CAAyB,IAAI,SAAS,IAAI;SAChE,KAAA,GAAA,iBAAA,QAAA,CAAY,IAAI,OAAO,GAAG,OAAO,IAAI,QAAQ;GAAA;GAEpD,OAAO,IAAI;EACb;EAEA,QAAA,GAAA,MAAA,qBAAA,CACE,mBAAmB,WACnB,aACA,WACF;CACF;CAEA,MAAM,gBAAgB,OAAO,YAC3B,OAAO,QAAQ,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAC5D,KACA,MAAM,OAAO,CACf,CAAC,CACH;CAEA,OAAO,CAAC,UAAU;EAAE,GAAG;EAAS,GAAG;CAAc,CAAC;AACpD"}

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["createContext"],"sources":["../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type { AccordionStyle } from \"./accordion.style\"\nimport type { UseAccordionItemProps, UseAccordionProps } from \"./use-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, isString, runIfFn, useSplitChildren } from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { accordionStyle } from \"./accordion.style\"\nimport {\n  AccordionContext,\n  AccordionDescendantsContext,\n  AccordionItemContext,\n  useAccordion,\n  useAccordionItem,\n  useAccordionItemContext,\n} from \"./use-accordion\"\n\ninterface AccordionCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\nexport interface AccordionItem extends Omit<AccordionItemProps, \"index\"> {}\n\ninterface ComponentContext extends Pick<\n  AccordionRootProps,\n  \"icon\" | \"iconHidden\"\n> {}\n\nexport interface AccordionRootProps\n  extends\n    Omit<HTMLStyledProps, \"onChange\">,\n    ThemeProps<AccordionStyle>,\n    UseAccordionProps {\n  /**\n   * The accordion icon for all items to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * If `true`, hide the accordion icon for all items.\n   *\n   * @default false\n   */\n  iconHidden?: boolean\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: AccordionItem[]\n}\n\ninterface ItemComponentContext extends Pick<AccordionItemProps, \"icon\"> {}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({\n    name: \"ItemComponentContext\",\n  })\n\nconst {\n  ComponentContext,\n  PropsContext: AccordionPropsContext,\n  useComponentContext,\n  usePropsContext: useAccordionPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<AccordionRootProps, AccordionStyle, ComponentContext>(\n  \"accordion\",\n  accordionStyle,\n)\n\nexport { AccordionPropsContext, useAccordionPropsContext }\n\n/**\n * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.\n *\n * @see https://yamada-ui.com/docs/components/accordion\n */\nexport const AccordionRoot = withProvider<\"div\", AccordionRootProps>(\n  ({ children, icon, iconHidden, items, ...props }) => {\n    const {\n      descendants,\n      focusedIndex,\n      index,\n      multiple,\n      setFocusedIndex,\n      setIndex,\n      toggle,\n      getRootProps,\n    } = useAccordion(props)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map((props, index) => (\n        <AccordionItem key={index} index={index} {...props} />\n      ))\n    }, [children, items])\n    const context = useMemo(\n      () => ({\n        focusedIndex,\n        index,\n        multiple,\n        setFocusedIndex,\n        setIndex,\n        toggle,\n      }),\n      [focusedIndex, index, multiple, setFocusedIndex, setIndex, toggle],\n    )\n    const componentContext = useMemo(\n      () => ({ icon, iconHidden }),\n      [icon, iconHidden],\n    )\n\n    return (\n      <AccordionDescendantsContext value={descendants}>\n        <AccordionContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.div {...getRootProps()}>{computedChildren}</styled.div>\n          </ComponentContext>\n        </AccordionContext>\n      </AccordionDescendantsContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface AccordionItemProps\n  extends\n    Omit<HTMLStyledProps, \"children\">,\n    Omit<UseAccordionItemProps, \"children\"> {\n  /**\n   * The accordion button to use.\n   */\n  button?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * The accordion children to use.\n   */\n  children?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n}\n\nexport const AccordionItem = withContext<\"div\", AccordionItemProps>(\n  ({ button, children, icon, ...rest }) => {\n    const {\n      disabled,\n      open,\n      getButtonProps,\n      getIconProps,\n      getItemProps,\n      getPanelProps,\n    } = useAccordionItem(rest)\n    const computedChildren = useMemo(\n      () => runIfFn(children, { disabled, expanded: open }),\n      [children, disabled, open],\n    )\n    const [omittedChildren, customAccordionButton, customAccordionPanel] =\n      useSplitChildren(computedChildren, AccordionButton, AccordionPanel)\n    const context = useMemo(\n      () => ({\n        disabled,\n        icon,\n        open,\n        getButtonProps,\n        getIconProps,\n        getPanelProps,\n      }),\n      [disabled, getButtonProps, getPanelProps, getIconProps, icon, open],\n    )\n    const componentContext = useMemo(() => ({ icon }), [icon])\n\n    return (\n      <AccordionItemContext value={context}>\n        <ItemComponentContext value={componentContext}>\n          <styled.div {...getItemProps()}>\n            {customAccordionButton ?? (\n              <AccordionButton>\n                {runIfFn(button, { disabled, expanded: open })}\n              </AccordionButton>\n            )}\n            {customAccordionPanel ?? (\n              <AccordionPanel>{omittedChildren}</AccordionPanel>\n            )}\n          </styled.div>\n        </ItemComponentContext>\n      </AccordionItemContext>\n    )\n  },\n  \"item\",\n)()\n\nexport interface AccordionButtonProps extends HTMLStyledProps<\"button\"> {\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * Props the container element.\n   */\n  containerProps?: HTMLStyledProps\n}\n\nexport const AccordionButton = withContext<\"button\", AccordionButtonProps>(\n  ({ children, icon: customIcon, containerProps, ...rest }) => {\n    const { icon: rootIcon } = useComponentContext()\n    const { icon: itemIcon } = useItemComponentContext()\n    const { disabled, open, getButtonProps } = useAccordionItemContext()\n    const props = { disabled, expanded: open }\n\n    return (\n      <styled.h3 {...containerProps}>\n        <styled.button {...getButtonProps(rest)}>\n          {children}\n\n          <AccordionIcon>\n            {runIfFn(customIcon, props) ??\n              runIfFn(itemIcon, props) ??\n              runIfFn(rootIcon, props)}\n          </AccordionIcon>\n        </styled.button>\n      </styled.h3>\n    )\n  },\n  \"button\",\n)()\n\ninterface AccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const AccordionIcon = withContext<\"svg\", AccordionIconProps>(\n  ({ children = <ChevronDownIcon />, ...rest }) => {\n    const { iconHidden } = useComponentContext()\n    const { getIconProps } = useAccordionItemContext()\n\n    if (iconHidden) return null\n\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(\n        children,\n        getIconProps({\n          ...rest,\n          ...children.props,\n        }),\n      )\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  \"icon\",\n)()\n\nexport interface AccordionPanelProps\n  extends\n    Omit<HTMLStyledProps, \"transition\">,\n    Pick<\n      CollapseProps,\n      | \"animationOpacity\"\n      | \"endingHeight\"\n      | \"startingHeight\"\n      | keyof WithTransitionProps\n    > {}\n\nexport const AccordionPanel = withContext<\"div\", AccordionPanelProps>(\n  ({\n    animationOpacity,\n    children,\n    delay,\n    duration,\n    endingHeight,\n    startingHeight,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const { open, getPanelProps } = useAccordionItemContext()\n\n    return (\n      <Collapse\n        {...{\n          animationOpacity,\n          delay,\n          duration,\n          endingHeight,\n          open,\n          startingHeight,\n          transition,\n          transitionEnd,\n          unmountOnExit,\n        }}\n      >\n        <styled.div {...getPanelProps(rest)}>\n          {isString(children) ? <styled.p>{children}</styled.p> : children}\n        </styled.div>\n      </Collapse>\n    )\n  },\n  \"panel\",\n)()\n"],"mappings":";;;;;;;;;;;;;AA0DA,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAoC,EAClC,MAAM,uBACR,CAAC;AAEH,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACE,oBACF,aACA,cACF;;;;;;AASA,MAAa,gBAAgB,cAC1B,EAAE,UAAU,MAAM,YAAY,OAAO,GAAG,YAAY;CACnD,MAAM,EACJ,aACA,cACA,OACA,UACA,iBACA,UACA,QACA,iBACE,aAAa,KAAK;CACtB,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,OAAO,KAAK,OAAO,UACxB,oBAAC,eAAD;GAAkC;GAAO,GAAI;EAAQ,GAAjC,KAAiC,CACtD;CACH,GAAG,CAAC,UAAU,KAAK,CAAC;CACpB,MAAM,UAAU,eACP;EACL;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAc;EAAO;EAAU;EAAiB;EAAU;CAAM,CACnE;CACA,MAAM,mBAAmB,eAChB;EAAE;EAAM;CAAW,IAC1B,CAAC,MAAM,UAAU,CACnB;CAEA,OACE,oBAAC,6BAAD;EAA6B,OAAO;YAClC,oBAAC,kBAAD;GAAkB,OAAO;aACvB,oBAAC,kBAAD;IAAkB,OAAO;cACvB,oBAAC,OAAO,KAAR;KAAY,GAAI,aAAa;eAAI;IAA6B,CAAA;GAC9C,CAAA;EACF,CAAA;CACS,CAAA;AAEjC,GACA,MACF,CAAC,CAAC;AAoBF,MAAa,gBAAgB,aAC1B,EAAE,QAAQ,UAAU,MAAM,GAAG,WAAW;CACvC,MAAM,EACJ,UACA,MACA,gBACA,cACA,cACA,kBACE,iBAAiB,IAAI;CAKzB,MAAM,CAAC,iBAAiB,uBAAuB,wBAC7C,iBALuB,eAAA,GAAA,cAAA,QAAA,CACT,UAAU;EAAE;EAAU,UAAU;CAAK,CAAC,GACpD;EAAC;EAAU;EAAU;CAAI,CAGO,GAAG,iBAAiB,cAAc;CACpE,MAAM,UAAU,eACP;EACL;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAU;EAAgB;EAAe;EAAc;EAAM;CAAI,CACpE;CACA,MAAM,mBAAmB,eAAe,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;CAEzD,OACE,oBAAC,sBAAD;EAAsB,OAAO;YAC3B,oBAAC,sBAAD;GAAsB,OAAO;aAC3B,qBAAC,OAAO,KAAR;IAAY,GAAI,aAAa;cAA7B,CACG,yBACC,oBAAC,iBAAD,EAAA,WAAA,GAAA,cAAA,QAAA,CACW,QAAQ;KAAE;KAAU,UAAU;IAAK,CAAC,EAC9B,CAAA,GAElB,wBACC,oBAAC,gBAAD,EAAA,UAAiB,gBAAgC,CAAA,CAEzC;;EACQ,CAAA;CACF,CAAA;AAE1B,GACA,MACF,CAAC,CAAC;AAaF,MAAa,kBAAkB,aAC5B,EAAE,UAAU,MAAM,YAAY,gBAAgB,GAAG,WAAW;CAC3D,MAAM,EAAE,MAAM,aAAa,oBAAoB;CAC/C,MAAM,EAAE,MAAM,aAAa,wBAAwB;CACnD,MAAM,EAAE,UAAU,MAAM,mBAAmB,wBAAwB;CACnE,MAAM,QAAQ;EAAE;EAAU,UAAU;CAAK;CAEzC,OACE,oBAAC,OAAO,IAAR;EAAW,GAAI;YACb,qBAAC,OAAO,QAAR;GAAe,GAAI,eAAe,IAAI;aAAtC,CACG,UAED,oBAAC,eAAD,EAAA,WAAA,GAAA,cAAA,QAAA,CACW,YAAY,KAAK,MAAA,GAAA,cAAA,QAAA,CAChB,UAAU,KAAK,MAAA,GAAA,cAAA,QAAA,CACf,UAAU,KAAK,EACZ,CAAA,CACF;;CACN,CAAA;AAEf,GACA,QACF,CAAC,CAAC;AAIF,MAAa,gBAAgB,aAC1B,EAAE,WAAW,oBAAC,iBAAD,CAAkB,CAAA,GAAG,GAAG,WAAW;CAC/C,MAAM,EAAE,eAAe,oBAAoB;CAC3C,MAAM,EAAE,iBAAiB,wBAAwB;CAEjD,IAAI,YAAY,OAAO;CAEvB,IAAI,eAAiC,QAAQ,GAC3C,OAAO,aACL,UACA,aAAa;EACX,GAAG;EACH,GAAG,SAAS;CACd,CAAC,CACH;CAEF,OAAO,SAAS,MAAM,QAAQ,IAAI,IAAI,SAAS,KAAK,IAAI,IAAI;AAC9D,GACA,MACF,CAAC,CAAC;AAaF,MAAa,iBAAiB,aAC3B,EACC,kBACA,UACA,OACA,UACA,cACA,gBACA,YACA,eACA,eACA,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,kBAAkB,wBAAwB;CAExD,OACE,oBAAC,UAAD;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;YAGF,oBAAC,OAAO,KAAR;GAAY,GAAI,cAAc,IAAI;yCACtB,QAAQ,IAAI,oBAAC,OAAO,GAAR,EAAW,SAAmB,CAAA,IAAI;EAC9C,CAAA;CACJ,CAAA;AAEd,GACA,OACF,CAAC,CAAC"}
+{"version":3,"file":"accordion.js","names":["createContext"],"sources":["../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type { AccordionStyle } from \"./accordion.style\"\nimport type { UseAccordionItemProps, UseAccordionProps } from \"./use-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, isString, runIfFn, useSplitChildren } from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { accordionStyle } from \"./accordion.style\"\nimport {\n  AccordionContext,\n  AccordionDescendantsContext,\n  AccordionItemContext,\n  useAccordion,\n  useAccordionItem,\n  useAccordionItemContext,\n} from \"./use-accordion\"\n\ninterface AccordionCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\nexport interface AccordionItem extends Omit<AccordionItemProps, \"index\"> {}\n\ninterface ComponentContext extends Pick<\n  AccordionRootProps,\n  \"icon\" | \"iconHidden\"\n> {}\n\nexport interface AccordionRootProps\n  extends\n    Omit<HTMLStyledProps, \"onChange\">,\n    ThemeProps<AccordionStyle>,\n    UseAccordionProps {\n  /**\n   * The accordion icon for all items to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * If `true`, hide the accordion icon for all items.\n   *\n   * @default false\n   */\n  iconHidden?: boolean\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: AccordionItem[]\n}\n\ninterface ItemComponentContext extends Pick<AccordionItemProps, \"icon\"> {}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({\n    name: \"ItemComponentContext\",\n  })\n\nconst {\n  ComponentContext,\n  PropsContext: AccordionPropsContext,\n  useComponentContext,\n  usePropsContext: useAccordionPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<AccordionRootProps, AccordionStyle, ComponentContext>(\n  \"accordion\",\n  accordionStyle,\n)\n\nexport { AccordionPropsContext, useAccordionPropsContext }\n\n/**\n * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.\n *\n * @see https://yamada-ui.com/docs/components/accordion\n */\nexport const AccordionRoot = withProvider<\"div\", AccordionRootProps>(\n  ({ children, icon, iconHidden, items, ...props }) => {\n    const {\n      descendants,\n      focusedIndex,\n      index,\n      multiple,\n      setFocusedIndex,\n      setIndex,\n      toggle,\n      getRootProps,\n    } = useAccordion(props)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map((props, index) => (\n        <AccordionItem key={index} index={index} {...props} />\n      ))\n    }, [children, items])\n    const context = useMemo(\n      () => ({\n        focusedIndex,\n        index,\n        multiple,\n        setFocusedIndex,\n        setIndex,\n        toggle,\n      }),\n      [focusedIndex, index, multiple, setFocusedIndex, setIndex, toggle],\n    )\n    const componentContext = useMemo(\n      () => ({ icon, iconHidden }),\n      [icon, iconHidden],\n    )\n\n    return (\n      <AccordionDescendantsContext value={descendants}>\n        <AccordionContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.div {...getRootProps()}>{computedChildren}</styled.div>\n          </ComponentContext>\n        </AccordionContext>\n      </AccordionDescendantsContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface AccordionItemProps\n  extends\n    Omit<HTMLStyledProps, \"children\">,\n    Omit<UseAccordionItemProps, \"children\"> {\n  /**\n   * The accordion button to use.\n   */\n  button?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * The accordion children to use.\n   */\n  children?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n}\n\nexport const AccordionItem = withContext<\"div\", AccordionItemProps>(\n  ({ button, children, icon, ...rest }) => {\n    const {\n      disabled,\n      open,\n      getButtonProps,\n      getIconProps,\n      getItemProps,\n      getPanelProps,\n    } = useAccordionItem(rest)\n    const computedChildren = useMemo(\n      () => runIfFn(children, { disabled, expanded: open }),\n      [children, disabled, open],\n    )\n    const [omittedChildren, customAccordionButton, customAccordionPanel] =\n      useSplitChildren(computedChildren, AccordionButton, AccordionPanel)\n    const context = useMemo(\n      () => ({\n        disabled,\n        icon,\n        open,\n        getButtonProps,\n        getIconProps,\n        getPanelProps,\n      }),\n      [disabled, getButtonProps, getPanelProps, getIconProps, icon, open],\n    )\n    const componentContext = useMemo(() => ({ icon }), [icon])\n\n    return (\n      <AccordionItemContext value={context}>\n        <ItemComponentContext value={componentContext}>\n          <styled.div {...getItemProps()}>\n            {customAccordionButton ?? (\n              <AccordionButton>\n                {runIfFn(button, { disabled, expanded: open })}\n              </AccordionButton>\n            )}\n            {customAccordionPanel ?? (\n              <AccordionPanel>{omittedChildren}</AccordionPanel>\n            )}\n          </styled.div>\n        </ItemComponentContext>\n      </AccordionItemContext>\n    )\n  },\n  \"item\",\n)()\n\nexport interface AccordionButtonProps extends HTMLStyledProps<\"button\"> {\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * Props the container element.\n   */\n  containerProps?: HTMLStyledProps\n}\n\nexport const AccordionButton = withContext<\"button\", AccordionButtonProps>(\n  ({ children, icon: customIcon, containerProps, ...rest }) => {\n    const { icon: rootIcon } = useComponentContext()\n    const { icon: itemIcon } = useItemComponentContext()\n    const { disabled, open, getButtonProps } = useAccordionItemContext()\n    const props = { disabled, expanded: open }\n\n    return (\n      <styled.h3 {...containerProps}>\n        <styled.button {...getButtonProps(rest)}>\n          {children}\n\n          <AccordionIcon>\n            {runIfFn(customIcon, props) ??\n              runIfFn(itemIcon, props) ??\n              runIfFn(rootIcon, props)}\n          </AccordionIcon>\n        </styled.button>\n      </styled.h3>\n    )\n  },\n  \"button\",\n)()\n\ninterface AccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const AccordionIcon = withContext<\"svg\", AccordionIconProps>(\n  ({ children = <ChevronDownIcon />, ...rest }) => {\n    const { iconHidden } = useComponentContext()\n    const { getIconProps } = useAccordionItemContext()\n\n    if (iconHidden) return null\n\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(\n        children,\n        getIconProps({\n          ...rest,\n          ...children.props,\n        }),\n      )\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  \"icon\",\n)()\n\nexport interface AccordionPanelProps\n  extends\n    Omit<HTMLStyledProps, \"transition\">,\n    Pick<\n      CollapseProps,\n      | \"animationOpacity\"\n      | \"endingHeight\"\n      | \"startingHeight\"\n      | keyof WithTransitionProps\n    > {}\n\nexport const AccordionPanel = withContext<\"div\", AccordionPanelProps>(\n  ({\n    animationOpacity,\n    children,\n    delay,\n    duration,\n    endingHeight,\n    startingHeight,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const { open, getPanelProps } = useAccordionItemContext()\n\n    return (\n      <Collapse\n        {...{\n          animationOpacity,\n          delay,\n          duration,\n          endingHeight,\n          open,\n          startingHeight,\n          transition,\n          transitionEnd,\n          unmountOnExit,\n        }}\n      >\n        <styled.div {...getPanelProps(rest)}>\n          {isString(children) ? <styled.p>{children}</styled.p> : children}\n        </styled.div>\n      </Collapse>\n    )\n  },\n  \"panel\",\n)()\n"],"mappings":"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"}

package/dist/esm/components/action-bar/action-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-bar.js","names":["motion"],"sources":["../../../../src/components/action-bar/action-bar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HTMLMotionPropsWithoutAs } from \"../motion\"\nimport type { UsePopupAnimationProps } from \"../popover\"\nimport type { ActionBarStyle } from \"./action-bar.style\"\nimport type { UseActionBarProps, UseActionBarReturn } from \"./use-action-bar\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, useSplitChildren } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { usePopupAnimationProps } from \"../popover\"\nimport { Portal, type PortalProps } from \"../portal\"\nimport { actionBarStyle } from \"./action-bar.style\"\nimport { useActionBar } from \"./use-action-bar\"\n\ninterface ComponentContext\n  extends\n    Pick<\n      UseActionBarReturn,\n      \"getCloseTriggerProps\" | \"getContentProps\" | \"getOpenTriggerProps\"\n    >,\n    Pick<ActionBarRootProps, \"animationScheme\" | \"duration\"> {}\n\nexport interface ActionBarRootProps\n  extends\n    Omit<HTMLStyledProps, \"content\">,\n    ThemeProps<ActionBarStyle>,\n    UseActionBarProps,\n    UsePopupAnimationProps {\n  /**\n   * The action bar content to use.\n   */\n  content?: ReactNode\n  /**\n   * The action bar trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback function to run side effects after the action bar has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nconst {\n  ComponentContext,\n  PropsContext: ActionBarPropsContext,\n  useComponentContext,\n  usePropsContext: useActionBarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ActionBarRootProps, ActionBarStyle, ComponentContext>(\n  \"action-bar\",\n  actionBarStyle,\n)\n\nexport { ActionBarPropsContext, useActionBarPropsContext }\n\n/**\n * `ActionBar` is a component that is used to display a bottom action bar with a set of actions.\n *\n * @see https://yamada-ui.com/docs/components/action-bar\n */\nexport const ActionBarRoot = withProvider<\n  \"div\",\n  ActionBarRootProps,\n  \"placement\"\n>(\n  ({\n    animationScheme,\n    children,\n    content: contentProp,\n    duration,\n    placement: placementProp,\n    trigger,\n    portalProps,\n    onCloseComplete,\n    ...rest\n  }) => {\n    const placement = useValue(placementProp)\n\n    animationScheme ??= placement?.startsWith(\"start\")\n      ? \"block-start\"\n      : \"block-end\"\n\n    const [omittedChildren, openTrigger, content] = useSplitChildren(\n      children,\n      ActionBarOpenTrigger,\n      ActionBarContent,\n    )\n    const {\n      open,\n      getCloseTriggerProps,\n      getContentProps,\n      getOpenTriggerProps,\n      getRootProps,\n    } = useActionBar(rest)\n    const customOpenTrigger = trigger ? (\n      <ActionBarOpenTrigger>{trigger}</ActionBarOpenTrigger>\n    ) : null\n    const customContent = contentProp ? (\n      <ActionBarContent>{contentProp}</ActionBarContent>\n    ) : null\n    const context = useMemo(\n      () => ({\n        animationScheme,\n        duration,\n        getCloseTriggerProps,\n        getContentProps,\n        getOpenTriggerProps,\n      }),\n      [\n        animationScheme,\n        duration,\n        getCloseTriggerProps,\n        getContentProps,\n        getOpenTriggerProps,\n      ],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <styled.div {...getRootProps()}>\n                {content ?? customContent ?? omittedChildren}\n              </styled.div>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"placement\"] },\n)()\n\nexport interface ActionBarOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ActionBarOpenTrigger = withContext<\n  \"button\",\n  ActionBarOpenTriggerProps\n>(\"button\", { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] })(\n  undefined,\n  (props) => {\n    const { getOpenTriggerProps } = useComponentContext()\n\n    return { asChild: true, ...getOpenTriggerProps(props) }\n  },\n)\n\nexport interface ActionBarCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ActionBarCloseTrigger = withContext<\n  \"button\",\n  ActionBarCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  undefined,\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return { asChild: true, ...getCloseTriggerProps(props) }\n  },\n)\n\nexport interface ActionBarContentProps\n  extends Omit<HTMLStyledProps<\"section\">, \"children\">, PropsWithChildren {}\n\nexport const ActionBarContent = withContext<\"section\", ActionBarContentProps>(\n  (props) => {\n    const { animationScheme, duration, getContentProps } = useComponentContext()\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <motion.section\n        {...popupAnimationProps}\n        {...cast<HTMLMotionPropsWithoutAs<\"section\">>(\n          getContentProps(cast<HTMLProps<\"section\">>(props)),\n        )}\n      />\n    )\n  },\n  \"content\",\n)()\n\nexport interface ActionBarSeparatorProps extends HTMLStyledProps {}\n\nexport const ActionBarSeparator = withContext<\"div\", ActionBarSeparatorProps>(\n  \"div\",\n  \"separator\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;AAmDA,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACE,oBACF,cACA,cACF;;;;;;AASA,MAAa,gBAAgB,cAK1B,EACC,iBACA,UACA,SAAS,aACT,UACA,WAAW,eACX,SACA,aACA,iBACA,GAAG,WACC;CACJ,MAAM,YAAY,SAAS,aAAa;CAExC,oBAAoB,WAAW,WAAW,OAAO,IAC7C,gBACA;CAEJ,MAAM,CAAC,iBAAiB,aAAa,WAAW,iBAC9C,UACA,sBACA,gBACF;CACA,MAAM,EACJ,MACA,sBACA,iBACA,qBACA,iBACE,aAAa,IAAI;CACrB,MAAM,oBAAoB,UACxB,oBAAC,sBAAD,EAAA,UAAuB,QAA8B,CAAA,IACnD;CACJ,MAAM,gBAAgB,cACpB,oBAAC,kBAAD,EAAA,UAAmB,YAA8B,CAAA,IAC/C;CACJ,MAAM,UAAU,eACP;EACL;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,qBAAC,kBAAD;EAAkB,OAAO;YAAzB,CACG,eAAe,mBAEhB,oBAAC,iBAAD;GAAiB,gBAAgB;aAC9B,OACC,oBAAC,QAAD;IAAQ,GAAI;cACV,oBAAC,OAAO,KAAR;KAAY,GAAI,aAAa;eAC1B,WAAW,iBAAiB;IACnB,CAAA;GACN,CAAA,IACN;EACW,CAAA,CACD;;AAEtB,GACA,QACA,EAAE,eAAe,CAAC,WAAW,EAAE,CACjC,CAAC,CAAC;AAIF,MAAa,uBAAuB,YAGlC,UAAU;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,MAAM;AAAE,CAAC,CAAC,CAC7D,KAAA,IACC,UAAU;CACT,MAAM,EAAE,wBAAwB,oBAAoB;CAEpD,OAAO;EAAE,SAAS;EAAM,GAAG,oBAAoB,KAAK;CAAE;AACxD,CACF;AAIA,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,OAAO;AAAE,CAAC,CAAC,CAC/D,KAAA,IACC,UAAU;CACT,MAAM,EAAE,yBAAyB,oBAAoB;CAErD,OAAO;EAAE,SAAS;EAAM,GAAG,qBAAqB,KAAK;CAAE;AACzD,CACF;AAKA,MAAa,mBAAmB,aAC7B,UAAU;CACT,MAAM,EAAE,iBAAiB,UAAU,oBAAoB,oBAAoB;CAC3E,MAAM,sBAAsB,uBAAuB;EACjD;EACA;CACF,CAAC;CAED,OACE,oBAACA,SAAO,SAAR;EACE,GAAI;EACJ,IAAA,GAAA,cAAA,KAAA,CACE,iBAAA,GAAA,cAAA,KAAA,CAA2C,KAAK,CAAC,CACnD;CACD,CAAA;AAEL,GACA,SACF,CAAC,CAAC;AAIF,MAAa,qBAAqB,YAChC,OACA,WACF,CAAC,CAAC"}
+{"version":3,"file":"action-bar.js","names":["motion"],"sources":["../../../../src/components/action-bar/action-bar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HTMLMotionPropsWithoutAs } from \"../motion\"\nimport type { UsePopupAnimationProps } from \"../popover\"\nimport type { ActionBarStyle } from \"./action-bar.style\"\nimport type { UseActionBarProps, UseActionBarReturn } from \"./use-action-bar\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, useSplitChildren } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { usePopupAnimationProps } from \"../popover\"\nimport { Portal, type PortalProps } from \"../portal\"\nimport { actionBarStyle } from \"./action-bar.style\"\nimport { useActionBar } from \"./use-action-bar\"\n\ninterface ComponentContext\n  extends\n    Pick<\n      UseActionBarReturn,\n      \"getCloseTriggerProps\" | \"getContentProps\" | \"getOpenTriggerProps\"\n    >,\n    Pick<ActionBarRootProps, \"animationScheme\" | \"duration\"> {}\n\nexport interface ActionBarRootProps\n  extends\n    Omit<HTMLStyledProps, \"content\">,\n    ThemeProps<ActionBarStyle>,\n    UseActionBarProps,\n    UsePopupAnimationProps {\n  /**\n   * The action bar content to use.\n   */\n  content?: ReactNode\n  /**\n   * The action bar trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback function to run side effects after the action bar has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nconst {\n  ComponentContext,\n  PropsContext: ActionBarPropsContext,\n  useComponentContext,\n  usePropsContext: useActionBarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ActionBarRootProps, ActionBarStyle, ComponentContext>(\n  \"action-bar\",\n  actionBarStyle,\n)\n\nexport { ActionBarPropsContext, useActionBarPropsContext }\n\n/**\n * `ActionBar` is a component that is used to display a bottom action bar with a set of actions.\n *\n * @see https://yamada-ui.com/docs/components/action-bar\n */\nexport const ActionBarRoot = withProvider<\n  \"div\",\n  ActionBarRootProps,\n  \"placement\"\n>(\n  ({\n    animationScheme,\n    children,\n    content: contentProp,\n    duration,\n    placement: placementProp,\n    trigger,\n    portalProps,\n    onCloseComplete,\n    ...rest\n  }) => {\n    const placement = useValue(placementProp)\n\n    animationScheme ??= placement?.startsWith(\"start\")\n      ? \"block-start\"\n      : \"block-end\"\n\n    const [omittedChildren, openTrigger, content] = useSplitChildren(\n      children,\n      ActionBarOpenTrigger,\n      ActionBarContent,\n    )\n    const {\n      open,\n      getCloseTriggerProps,\n      getContentProps,\n      getOpenTriggerProps,\n      getRootProps,\n    } = useActionBar(rest)\n    const customOpenTrigger = trigger ? (\n      <ActionBarOpenTrigger>{trigger}</ActionBarOpenTrigger>\n    ) : null\n    const customContent = contentProp ? (\n      <ActionBarContent>{contentProp}</ActionBarContent>\n    ) : null\n    const context = useMemo(\n      () => ({\n        animationScheme,\n        duration,\n        getCloseTriggerProps,\n        getContentProps,\n        getOpenTriggerProps,\n      }),\n      [\n        animationScheme,\n        duration,\n        getCloseTriggerProps,\n        getContentProps,\n        getOpenTriggerProps,\n      ],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <styled.div {...getRootProps()}>\n                {content ?? customContent ?? omittedChildren}\n              </styled.div>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"placement\"] },\n)()\n\nexport interface ActionBarOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ActionBarOpenTrigger = withContext<\n  \"button\",\n  ActionBarOpenTriggerProps\n>(\"button\", { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] })(\n  undefined,\n  (props) => {\n    const { getOpenTriggerProps } = useComponentContext()\n\n    return { asChild: true, ...getOpenTriggerProps(props) }\n  },\n)\n\nexport interface ActionBarCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ActionBarCloseTrigger = withContext<\n  \"button\",\n  ActionBarCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  undefined,\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return { asChild: true, ...getCloseTriggerProps(props) }\n  },\n)\n\nexport interface ActionBarContentProps\n  extends Omit<HTMLStyledProps<\"section\">, \"children\">, PropsWithChildren {}\n\nexport const ActionBarContent = withContext<\"section\", ActionBarContentProps>(\n  (props) => {\n    const { animationScheme, duration, getContentProps } = useComponentContext()\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <motion.section\n        {...popupAnimationProps}\n        {...cast<HTMLMotionPropsWithoutAs<\"section\">>(\n          getContentProps(cast<HTMLProps<\"section\">>(props)),\n        )}\n      />\n    )\n  },\n  \"content\",\n)()\n\nexport interface ActionBarSeparatorProps extends HTMLStyledProps {}\n\nexport const ActionBarSeparator = withContext<\"div\", ActionBarSeparatorProps>(\n  \"div\",\n  \"separator\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;AAmDA,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACE,oBACF,cACA,cACF;;;;;;AASA,MAAa,gBAAgB,cAK1B,EACC,iBACA,UACA,SAAS,aACT,UACA,WAAW,eACX,SACA,aACA,iBACA,GAAG,WACC;CACJ,MAAM,YAAY,SAAS,aAAa;CAExC,oBAAoB,WAAW,WAAW,OAAO,IAC7C,gBACA;CAEJ,MAAM,CAAC,iBAAiB,aAAa,WAAW,iBAC9C,UACA,sBACA,gBACF;CACA,MAAM,EACJ,MACA,sBACA,iBACA,qBACA,iBACE,aAAa,IAAI;CACrB,MAAM,oBAAoB,UACxB,oBAAC,sBAAD,EAAA,UAAuB,QAA8B,CAAA,IACnD;CACJ,MAAM,gBAAgB,cACpB,oBAAC,kBAAD,EAAA,UAAmB,YAA8B,CAAA,IAC/C;CACJ,MAAM,UAAU,eACP;EACL;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,qBAAC,kBAAD;EAAkB,OAAO;EAAzB,UAAA,CACG,eAAe,mBAEhB,oBAAC,iBAAD;GAAiB,gBAAgB;GAC9B,UAAA,OACC,oBAAC,QAAD;IAAQ,GAAI;IACV,UAAA,oBAAC,OAAO,KAAR;KAAY,GAAI,aAAa;KAC1B,UAAA,WAAW,iBAAiB;IACnB,CAAA;GACN,CAAA,IACN;EACW,CAAA,CACD;;AAEtB,GACA,QACA,EAAE,eAAe,CAAC,WAAW,EAAE,CACjC,CAAC,CAAC;AAIF,MAAa,uBAAuB,YAGlC,UAAU;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,MAAM;AAAE,CAAC,CAAC,CAC7D,KAAA,IACC,UAAU;CACT,MAAM,EAAE,wBAAwB,oBAAoB;CAEpD,OAAO;EAAE,SAAS;EAAM,GAAG,oBAAoB,KAAK;CAAE;AACxD,CACF;AAIA,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,OAAO;AAAE,CAAC,CAAC,CAC/D,KAAA,IACC,UAAU;CACT,MAAM,EAAE,yBAAyB,oBAAoB;CAErD,OAAO;EAAE,SAAS;EAAM,GAAG,qBAAqB,KAAK;CAAE;AACzD,CACF;AAKA,MAAa,mBAAmB,aAC7B,UAAU;CACT,MAAM,EAAE,iBAAiB,UAAU,oBAAoB,oBAAoB;CAC3E,MAAM,sBAAsB,uBAAuB;EACjD;EACA;CACF,CAAC;CAED,OACE,oBAACA,SAAO,SAAR;EACE,GAAI;EACJ,IAAA,GAAA,cAAA,KAAA,CACE,iBAAA,GAAA,cAAA,KAAA,CAA2C,KAAK,CAAC,CACnD;CACD,CAAA;AAEL,GACA,SACF,CAAC,CAAC;AAIF,MAAa,qBAAqB,YAChC,OACA,WACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"airy.js","names":["motion"],"sources":["../../../../src/components/airy/airy.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { AiryStyle } from \"./airy.style\"\nimport { useAnimation } from \"motion/react\"\nimport { useCallback } from \"react\"\nimport {\n  createComponent,\n  useInjectVarsIntoCss,\n  useInjectVarsIntoProps,\n} from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { airyStyle } from \"./airy.style\"\n\nexport interface AiryProps\n  extends Omit<HTMLMotionProps<\"button\">, \"onChange\">, ThemeProps<AiryStyle> {\n  /**\n   * Passing React elements to \"from\" is required.\n   */\n  from: ReactNode\n  /**\n   * Passing React elements to \"to\" is required.\n   */\n  to: ReactNode\n  /**\n   * You can set the initial state.\n   *\n   * @default 'from'\n   */\n  defaultValue?: KeyframeIdent\n  /**\n   * The animation delay.\n   *\n   * @default 0\n   */\n  delay?: number\n  /**\n   * If `true`, the component is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The animation duration.\n   *\n   * @default 0.2\n   */\n  duration?: number\n  /**\n   * If `true`, the component is readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * Use this when you want to control the animation from outside the component.\n   */\n  value?: KeyframeIdent\n  /**\n   * This is a callback function that is called when the animation state changes.\n   */\n  onChange?: (value: KeyframeIdent) => void\n}\n\nconst {\n  PropsContext: AiryPropsContext,\n  usePropsContext: useAiryPropsContext,\n  withContext,\n} = createComponent<AiryProps, AiryStyle>(\"airy\", airyStyle)\n\nexport { AiryPropsContext, useAiryPropsContext }\n\n/**\n * `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.\n *\n * @see https://yamada-ui.com/docs/components/airy\n */\nexport const Airy = withContext<\"button\", AiryProps>(\n  ({\n    defaultValue = \"from\",\n    delay = 0,\n    disabled,\n    duration = 0.2,\n    from,\n    readOnly,\n    to,\n    value: valueProp,\n    onChange,\n    onClick: onClickProp,\n    ...rest\n  }) => {\n    const opacity = \"var(--opacity)\"\n    const animate = useAnimation()\n    const [value, setValue] = useControllableState<KeyframeIdent>({\n      defaultValue,\n      value: valueProp,\n      onChange,\n    })\n\n    const onClick = useCallback(async () => {\n      if (readOnly) return\n\n      await animate.start({ opacity: 0, transition: { delay, duration } })\n\n      setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n\n      await animate.start({ opacity, transition: { duration } })\n    }, [animate, setValue, readOnly, opacity, duration, delay])\n\n    return (\n      <motion.button\n        type=\"button\"\n        data-disabled={dataAttr(disabled)}\n        data-readonly={dataAttr(readOnly)}\n        data-value={value}\n        animate={animate}\n        disabled={disabled}\n        initial={{ opacity }}\n        onClick={handlerAll(onClickProp, onClick)}\n        {...rest}\n      >\n        {value === \"from\" ? from : to}\n      </motion.button>\n    )\n  },\n)(undefined, (props) => {\n  const css = useInjectVarsIntoCss(props.css, { opacity: \"opacity\" })\n  const rest = useInjectVarsIntoProps(props, { opacity: \"opacity\" })\n\n  return { ...rest, css, opacity: \"{opacity}\" }\n})\n"],"mappings":";;;;;;;;;;;AAoEA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACE,gBAAsC,QAAQ,SAAS;;;;;;AAS3D,MAAa,OAAO,aACjB,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,UACA,IACA,OAAO,WACP,UACA,SAAS,aACT,GAAG,WACC;CACJ,MAAM,UAAU;CAChB,MAAM,UAAU,aAAa;CAC7B,MAAM,CAAC,OAAO,YAAY,qBAAoC;EAC5D;EACA,OAAO;EACP;CACF,CAAC;CAED,MAAM,UAAU,YAAY,YAAY;EACtC,IAAI,UAAU;EAEd,MAAM,QAAQ,MAAM;GAAE,SAAS;GAAG,YAAY;IAAE;IAAO;GAAS;EAAE,CAAC;EAEnE,UAAU,SAAU,SAAS,SAAS,OAAO,MAAO;EAEpD,MAAM,QAAQ,MAAM;GAAE;GAAS,YAAY,EAAE,SAAS;EAAE,CAAC;CAC3D,GAAG;EAAC;EAAS;EAAU;EAAU;EAAS;EAAU;CAAK,CAAC;CAE1D,OACE,oBAACA,SAAO,QAAR;EACE,MAAK;EACL,kBAAA,GAAA,cAAA,SAAA,CAAwB,QAAQ;EAChC,kBAAA,GAAA,cAAA,SAAA,CAAwB,QAAQ;EAChC,cAAY;EACH;EACC;EACV,SAAS,EAAE,QAAQ;EACnB,UAAA,GAAA,cAAA,WAAA,CAAoB,aAAa,OAAO;EACxC,GAAI;YAEH,UAAU,SAAS,OAAO;CACd,CAAA;AAEnB,CACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,MAAM,qBAAqB,MAAM,KAAK,EAAE,SAAS,UAAU,CAAC;CAGlE,OAAO;EAAE,GAFI,uBAAuB,OAAO,EAAE,SAAS,UAAU,CAEjD;EAAG;EAAK,SAAS;CAAY;AAC9C,CAAC"}
+{"version":3,"file":"airy.js","names":["motion"],"sources":["../../../../src/components/airy/airy.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { AiryStyle } from \"./airy.style\"\nimport { useAnimation } from \"motion/react\"\nimport { useCallback } from \"react\"\nimport {\n  createComponent,\n  useInjectVarsIntoCss,\n  useInjectVarsIntoProps,\n} from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { airyStyle } from \"./airy.style\"\n\nexport interface AiryProps\n  extends Omit<HTMLMotionProps<\"button\">, \"onChange\">, ThemeProps<AiryStyle> {\n  /**\n   * Passing React elements to \"from\" is required.\n   */\n  from: ReactNode\n  /**\n   * Passing React elements to \"to\" is required.\n   */\n  to: ReactNode\n  /**\n   * You can set the initial state.\n   *\n   * @default 'from'\n   */\n  defaultValue?: KeyframeIdent\n  /**\n   * The animation delay.\n   *\n   * @default 0\n   */\n  delay?: number\n  /**\n   * If `true`, the component is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The animation duration.\n   *\n   * @default 0.2\n   */\n  duration?: number\n  /**\n   * If `true`, the component is readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * Use this when you want to control the animation from outside the component.\n   */\n  value?: KeyframeIdent\n  /**\n   * This is a callback function that is called when the animation state changes.\n   */\n  onChange?: (value: KeyframeIdent) => void\n}\n\nconst {\n  PropsContext: AiryPropsContext,\n  usePropsContext: useAiryPropsContext,\n  withContext,\n} = createComponent<AiryProps, AiryStyle>(\"airy\", airyStyle)\n\nexport { AiryPropsContext, useAiryPropsContext }\n\n/**\n * `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.\n *\n * @see https://yamada-ui.com/docs/components/airy\n */\nexport const Airy = withContext<\"button\", AiryProps>(\n  ({\n    defaultValue = \"from\",\n    delay = 0,\n    disabled,\n    duration = 0.2,\n    from,\n    readOnly,\n    to,\n    value: valueProp,\n    onChange,\n    onClick: onClickProp,\n    ...rest\n  }) => {\n    const opacity = \"var(--opacity)\"\n    const animate = useAnimation()\n    const [value, setValue] = useControllableState<KeyframeIdent>({\n      defaultValue,\n      value: valueProp,\n      onChange,\n    })\n\n    const onClick = useCallback(async () => {\n      if (readOnly) return\n\n      await animate.start({ opacity: 0, transition: { delay, duration } })\n\n      setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n\n      await animate.start({ opacity, transition: { duration } })\n    }, [animate, setValue, readOnly, opacity, duration, delay])\n\n    return (\n      <motion.button\n        type=\"button\"\n        data-disabled={dataAttr(disabled)}\n        data-readonly={dataAttr(readOnly)}\n        data-value={value}\n        animate={animate}\n        disabled={disabled}\n        initial={{ opacity }}\n        onClick={handlerAll(onClickProp, onClick)}\n        {...rest}\n      >\n        {value === \"from\" ? from : to}\n      </motion.button>\n    )\n  },\n)(undefined, (props) => {\n  const css = useInjectVarsIntoCss(props.css, { opacity: \"opacity\" })\n  const rest = useInjectVarsIntoProps(props, { opacity: \"opacity\" })\n\n  return { ...rest, css, opacity: \"{opacity}\" }\n})\n"],"mappings":";;;;;;;;;;;AAoEA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACE,gBAAsC,QAAQ,SAAS;;;;;;AAS3D,MAAa,OAAO,aACjB,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,UACA,IACA,OAAO,WACP,UACA,SAAS,aACT,GAAG,WACC;CACJ,MAAM,UAAU;CAChB,MAAM,UAAU,aAAa;CAC7B,MAAM,CAAC,OAAO,YAAY,qBAAoC;EAC5D;EACA,OAAO;EACP;CACF,CAAC;CAED,MAAM,UAAU,YAAY,YAAY;EACtC,IAAI,UAAU;EAEd,MAAM,QAAQ,MAAM;GAAE,SAAS;GAAG,YAAY;IAAE;IAAO;GAAS;EAAE,CAAC;EAEnE,UAAU,SAAU,SAAS,SAAS,OAAO,MAAO;EAEpD,MAAM,QAAQ,MAAM;GAAE;GAAS,YAAY,EAAE,SAAS;EAAE,CAAC;CAC3D,GAAG;EAAC;EAAS;EAAU;EAAU;EAAS;EAAU;CAAK,CAAC;CAE1D,OACE,oBAACA,SAAO,QAAR;EACE,MAAK;EACL,kBAAA,GAAA,cAAA,SAAA,CAAwB,QAAQ;EAChC,kBAAA,GAAA,cAAA,SAAA,CAAwB,QAAQ;EAChC,cAAY;EACH;EACC;EACV,SAAS,EAAE,QAAQ;EACnB,UAAA,GAAA,cAAA,WAAA,CAAoB,aAAa,OAAO;EACxC,GAAI;EAEH,UAAA,UAAU,SAAS,OAAO;CACd,CAAA;AAEnB,CACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,MAAM,qBAAqB,MAAM,KAAK,EAAE,SAAS,UAAU,CAAC;CAGlE,OAAO;EAAE,GAFI,uBAAuB,OAAO,EAAE,SAAS,UAAU,CAEjD;EAAG;EAAK,SAAS;CAAY;AAC9C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../../../src/components/alert/alert.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { IconProps } from \"../icon\"\nimport type { Loading } from \"../loading\"\nimport type { StatusScheme } from \"../status\"\nimport type { AlertStyle } from \"./alert.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n  CircleCheckBigIcon,\n  InfoIcon,\n  OctagonAlertIcon,\n  TriangleAlertIcon,\n} from \"../icon\"\nimport { useLoadingComponent } from \"../loading\"\nimport { alertStyle } from \"./alert.style\"\n\nconst icons = {\n  error: OctagonAlertIcon,\n  info: InfoIcon,\n  success: CircleCheckBigIcon,\n  warning: TriangleAlertIcon,\n} as const\n\ninterface ComponentContext {\n  status: StatusScheme\n}\n\nexport interface AlertRootProps\n  extends HTMLStyledProps, ThemeProps<AlertStyle> {\n  /**\n   * The status of the alert.\n   *\n   * @default 'info'\n   */\n  status?: StatusScheme\n}\n\nconst {\n  ComponentContext,\n  PropsContext: AlertPropsContext,\n  useComponentContext,\n  usePropsContext: useAlertPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<AlertRootProps, AlertStyle, ComponentContext>(\n  \"alert\",\n  alertStyle,\n)\n\nexport { AlertPropsContext, useAlertPropsContext }\n\n/**\n * `Alert` is a component that conveys information to the user.\n *\n * @see https://yamada-ui.com/docs/components/alert\n */\nexport const AlertRoot = withProvider<\"div\", AlertRootProps>(\n  ({ status, colorScheme = status, ...props }) => {\n    const context = useMemo(() => ({ status: status! }), [status])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.div colorScheme={colorScheme} role=\"alert\" {...props} />\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)({ status: \"info\" })\n\nexport interface AlertIconProps extends IconProps {}\n\nexport const AlertIcon = withContext<\"svg\", AlertIconProps>(\n  ({ as, ...rest }) => {\n    const { status } = useComponentContext()\n    const Icon = as || icons[status]\n\n    return <Icon {...rest} />\n  },\n  \"icon\",\n)()\n\nexport interface AlertLoadingProps extends Loading.Props {\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n}\n\nexport const AlertLoading = withContext<\"svg\", AlertLoadingProps>(\n  ({ loadingScheme = \"oval\", ...rest }) => {\n    const Component = useLoadingComponent(loadingScheme)\n\n    return <Component {...rest} />\n  },\n  [\"icon\", \"loading\"],\n)()\n\nexport interface AlertTitleProps extends HTMLStyledProps<\"p\"> {}\n\nexport const AlertTitle = withContext<\"p\", AlertTitleProps>(\"p\", \"title\")()\n\nexport interface AlertDescriptionProps extends HTMLStyledProps<\"span\"> {}\n\nexport const AlertDescription = withContext<\"span\", AlertDescriptionProps>(\n  \"span\",\n  \"description\",\n)()\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAM,QAAQ;CACZ,OAAO;CACP,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAgBA,MAAM,EACJ,kBACA,cAAc,mBACd,qBACA,iBAAiB,sBACjB,aACA,iBACE,oBACF,SACA,UACF;;;;;;AASA,MAAa,YAAY,cACtB,EAAE,QAAQ,cAAc,QAAQ,GAAG,YAAY;CAC9C,MAAM,UAAU,eAAe,EAAU,OAAQ,IAAI,CAAC,MAAM,CAAC;CAE7D,OACE,oBAAC,kBAAD;EAAkB,OAAO;YACvB,oBAAC,OAAO,KAAR;GAAyB;GAAa,MAAK;GAAQ,GAAI;EAAQ,CAAA;CAC/C,CAAA;AAEtB,GACA,MACF,CAAC,CAAC,EAAE,QAAQ,OAAO,CAAC;AAIpB,MAAa,YAAY,aACtB,EAAE,IAAI,GAAG,WAAW;CACnB,MAAM,EAAE,WAAW,oBAAoB;CAGvC,OAAO,oBAFM,MAAM,MAAM,SAElB,EAAM,GAAI,KAAO,CAAA;AAC1B,GACA,MACF,CAAC,CAAC;AAWF,MAAa,eAAe,aACzB,EAAE,gBAAgB,QAAQ,GAAG,WAAW;CAGvC,OAAO,oBAFW,oBAAoB,aAEtB,GAAT,EAAW,GAAI,KAAO,CAAA;AAC/B,GACA,CAAC,QAAQ,SAAS,CACpB,CAAC,CAAC;AAIF,MAAa,aAAa,YAAkC,KAAK,OAAO,CAAC,CAAC;AAI1E,MAAa,mBAAmB,YAC9B,QACA,aACF,CAAC,CAAC"}
+{"version":3,"file":"alert.js","names":[],"sources":["../../../../src/components/alert/alert.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { IconProps } from \"../icon\"\nimport type { Loading } from \"../loading\"\nimport type { StatusScheme } from \"../status\"\nimport type { AlertStyle } from \"./alert.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n  CircleCheckBigIcon,\n  InfoIcon,\n  OctagonAlertIcon,\n  TriangleAlertIcon,\n} from \"../icon\"\nimport { useLoadingComponent } from \"../loading\"\nimport { alertStyle } from \"./alert.style\"\n\nconst icons = {\n  error: OctagonAlertIcon,\n  info: InfoIcon,\n  success: CircleCheckBigIcon,\n  warning: TriangleAlertIcon,\n} as const\n\ninterface ComponentContext {\n  status: StatusScheme\n}\n\nexport interface AlertRootProps\n  extends HTMLStyledProps, ThemeProps<AlertStyle> {\n  /**\n   * The status of the alert.\n   *\n   * @default 'info'\n   */\n  status?: StatusScheme\n}\n\nconst {\n  ComponentContext,\n  PropsContext: AlertPropsContext,\n  useComponentContext,\n  usePropsContext: useAlertPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<AlertRootProps, AlertStyle, ComponentContext>(\n  \"alert\",\n  alertStyle,\n)\n\nexport { AlertPropsContext, useAlertPropsContext }\n\n/**\n * `Alert` is a component that conveys information to the user.\n *\n * @see https://yamada-ui.com/docs/components/alert\n */\nexport const AlertRoot = withProvider<\"div\", AlertRootProps>(\n  ({ status, colorScheme = status, ...props }) => {\n    const context = useMemo(() => ({ status: status! }), [status])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.div colorScheme={colorScheme} role=\"alert\" {...props} />\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)({ status: \"info\" })\n\nexport interface AlertIconProps extends IconProps {}\n\nexport const AlertIcon = withContext<\"svg\", AlertIconProps>(\n  ({ as, ...rest }) => {\n    const { status } = useComponentContext()\n    const Icon = as || icons[status]\n\n    return <Icon {...rest} />\n  },\n  \"icon\",\n)()\n\nexport interface AlertLoadingProps extends Loading.Props {\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n}\n\nexport const AlertLoading = withContext<\"svg\", AlertLoadingProps>(\n  ({ loadingScheme = \"oval\", ...rest }) => {\n    const Component = useLoadingComponent(loadingScheme)\n\n    return <Component {...rest} />\n  },\n  [\"icon\", \"loading\"],\n)()\n\nexport interface AlertTitleProps extends HTMLStyledProps<\"p\"> {}\n\nexport const AlertTitle = withContext<\"p\", AlertTitleProps>(\"p\", \"title\")()\n\nexport interface AlertDescriptionProps extends HTMLStyledProps<\"span\"> {}\n\nexport const AlertDescription = withContext<\"span\", AlertDescriptionProps>(\n  \"span\",\n  \"description\",\n)()\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAM,QAAQ;CACZ,OAAO;CACP,MAAM;CACN,SAAS;CACT,SAAS;AACX;AAgBA,MAAM,EACJ,kBACA,cAAc,mBACd,qBACA,iBAAiB,sBACjB,aACA,iBACE,oBACF,SACA,UACF;;;;;;AASA,MAAa,YAAY,cACtB,EAAE,QAAQ,cAAc,QAAQ,GAAG,YAAY;CAC9C,MAAM,UAAU,eAAe,EAAU,OAAQ,IAAI,CAAC,MAAM,CAAC;CAE7D,OACE,oBAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,oBAAC,OAAO,KAAR;GAAyB;GAAa,MAAK;GAAQ,GAAI;EAAQ,CAAA;CAC/C,CAAA;AAEtB,GACA,MACF,CAAC,CAAC,EAAE,QAAQ,OAAO,CAAC;AAIpB,MAAa,YAAY,aACtB,EAAE,IAAI,GAAG,WAAW;CACnB,MAAM,EAAE,WAAW,oBAAoB;CAGvC,OAAO,oBAFM,MAAM,MAAM,SAElB,EAAM,GAAI,KAAO,CAAA;AAC1B,GACA,MACF,CAAC,CAAC;AAWF,MAAa,eAAe,aACzB,EAAE,gBAAgB,QAAQ,GAAG,WAAW;CAGvC,OAAO,oBAFW,oBAAoB,aAEtB,GAAT,EAAW,GAAI,KAAO,CAAA;AAC/B,GACA,CAAC,QAAQ,SAAS,CACpB,CAAC,CAAC;AAIF,MAAa,aAAa,YAAkC,KAAK,OAAO,CAAC,CAAC;AAI1E,MAAa,mBAAmB,YAC9B,QACA,aACF,CAAC,CAAC"}

package/dist/esm/components/alpha-slider/alpha-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha-slider.js","names":["HueSlider.Root","HueSlider.Overlay","HueSlider.Track","HueSlider.Thumb"],"sources":["../../../../src/components/alpha-slider/alpha-slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { WithoutThemeProps } from \"../../core\"\nimport type { AlphaSliderStyle } from \"./alpha-slider.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { alphaToHex, convertColor } from \"../../utils\"\nimport { checkersProps } from \"../color-swatch\"\nimport { HueSlider } from \"../hue-slider\"\nimport { alphaSliderStyle } from \"./alpha-slider.style\"\n\ninterface ComponentContext extends Pick<\n  Required<AlphaSliderRootProps>,\n  \"color\" | \"max\" | \"min\" | \"orientation\"\n> {}\n\nexport const getAriaValueText = (alpha: number) => `${alpha * 100}%`\n\nexport interface AlphaSliderRootProps extends WithoutThemeProps<\n  Omit<\n    HueSlider.RootProps,\n    \"color\" | \"max\" | \"step\" | \"thumbProps\" | \"trackProps\"\n  >,\n  AlphaSliderStyle\n> {\n  /**\n   * The color used for the slider.\n   */\n  color: string\n  /**\n   * The maximum allowed value of the slider. Cannot be less than min.\n   *\n   * @default 1\n   */\n  max?: number\n  /**\n   * The step in which increments or decrements have to be made.\n   *\n   * @default 0.01\n   */\n  step?: number\n  /**\n   * Props for the overlay element.\n   */\n  overlayProps?: AlphaSliderOverlayProps\n  /**\n   * Props for the thumb element.\n   */\n  thumbProps?: AlphaSliderThumbProps\n  /**\n   * Props for the track element.\n   */\n  trackProps?: AlphaSliderTrackProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: AlphaSliderPropsContext,\n  useComponentContext,\n  usePropsContext: useAlphaSliderPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  AlphaSliderRootProps,\n  AlphaSliderStyle,\n  ComponentContext\n>(\"alpha-slider\", alphaSliderStyle)\n\nexport { AlphaSliderPropsContext, useAlphaSliderPropsContext }\n\n/**\n * `AlphaSlider` is a component used to allow the user to select color transparency.\n *\n * @see https://yamada-ui.com/docs/components/alpha-slider\n */\nexport const AlphaSliderRoot = withProvider<\"input\", AlphaSliderRootProps>(\n  ({\n    children,\n    color,\n    max = 1,\n    min = 0,\n    orientation: orientationProp = \"horizontal\",\n    overlayProps,\n    thumbProps,\n    trackProps,\n    ...rest\n  }) => {\n    const orientation = useValue(orientationProp)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <AlphaSliderTrack {...trackProps}>\n          <AlphaSliderThumb {...thumbProps} />\n\n          <AlphaSliderOverlay {...overlayProps} />\n        </AlphaSliderTrack>\n      )\n    }, [children, overlayProps, thumbProps, trackProps])\n    const context = useMemo(\n      () => ({ color, max, min, orientation }),\n      [color, min, max, orientation],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <HueSlider.Root max={max} min={min} orientation={orientation} {...rest}>\n          {computedChildren}\n        </HueSlider.Root>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)({ getAriaValueText, step: 0.01 })\n\nexport interface AlphaSliderOverlayProps extends HueSlider.OverlayProps {}\n\nexport const AlphaSliderOverlay = withContext<\"div\", AlphaSliderOverlayProps>(\n  HueSlider.Overlay,\n  \"overlay\",\n)(undefined, ({ layers, ...rest }) => {\n  const { color, max, min, orientation } = useComponentContext()\n\n  layers ??= [\n    checkersProps,\n    {\n      bgGradient: `linear(${[\n        orientation === \"horizontal\" ? \"to-r\" : \"to-t\",\n        convertColor(color)(\"hex\") + alphaToHex(min),\n        convertColor(color)(\"hex\") + alphaToHex(max),\n      ].join(\", \")})`,\n      boxShadow: \"inner\",\n    },\n  ]\n\n  return { layers, ...rest }\n})\n\nexport interface AlphaSliderTrackProps extends HueSlider.TrackProps {}\n\nexport const AlphaSliderTrack = withContext<\"div\", AlphaSliderTrackProps>(\n  HueSlider.Track,\n  \"track\",\n)()\n\nexport interface AlphaSliderThumbProps extends HueSlider.ThumbProps {}\n\nexport const AlphaSliderThumb = withContext<\"div\", AlphaSliderThumbProps>(\n  HueSlider.Thumb,\n  \"thumb\",\n)()\n"],"mappings":";;;;;;;;;;AAiBA,MAAa,oBAAoB,UAAkB,GAAG,QAAQ,IAAI;AAuClE,MAAM,EACJ,kBACA,cAAc,yBACd,qBACA,iBAAiB,4BACjB,aACA,iBACE,oBAIF,gBAAgB,gBAAgB;;;;;;AASlC,MAAa,kBAAkB,cAC5B,EACC,UACA,OACA,MAAM,GACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,cAAc,SAAS,eAAe;CAC5C,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,qBAAC,kBAAD;GAAkB,GAAI;aAAtB,CACE,oBAAC,kBAAD,EAAkB,GAAI,WAAa,CAAA,GAEnC,oBAAC,oBAAD,EAAoB,GAAI,aAAe,CAAA,CACvB;;CAEtB,GAAG;EAAC;EAAU;EAAc;EAAY;CAAU,CAAC;CACnD,MAAM,UAAU,eACP;EAAE;EAAO;EAAK;EAAK;CAAY,IACtC;EAAC;EAAO;EAAK;EAAK;CAAW,CAC/B;CAEA,OACE,oBAAC,kBAAD;EAAkB,OAAO;YACvB,oBAACA,eAAD;GAAqB;GAAU;GAAkB;GAAa,GAAI;aAC/D;EACa,CAAA;CACA,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;CAAE;CAAkB,MAAM;AAAK,CAAC;AAIlC,MAAa,qBAAqB,YAChCC,kBACA,SACF,CAAC,CAAC,KAAA,IAAY,EAAE,QAAQ,GAAG,WAAW;CACpC,MAAM,EAAE,OAAO,KAAK,KAAK,gBAAgB,oBAAoB;CAE7D,WAAW,CACT,eACA;EACE,YAAY,UAAU;GACpB,gBAAgB,eAAe,SAAS;mCAC3B,KAAK,CAAC,CAAC,KAAK,KAAA,GAAA,cAAA,WAAA,CAAe,GAAG;mCAC9B,KAAK,CAAC,CAAC,KAAK,KAAA,GAAA,cAAA,WAAA,CAAe,GAAG;EAC7C,CAAC,CAAC,KAAK,IAAI,EAAE;EACb,WAAW;CACb,CACF;CAEA,OAAO;EAAE;EAAQ,GAAG;CAAK;AAC3B,CAAC;AAID,MAAa,mBAAmB,YAC9BC,gBACA,OACF,CAAC,CAAC;AAIF,MAAa,mBAAmB,YAC9BC,gBACA,OACF,CAAC,CAAC"}
+{"version":3,"file":"alpha-slider.js","names":["HueSlider.Root","HueSlider.Overlay","HueSlider.Track","HueSlider.Thumb"],"sources":["../../../../src/components/alpha-slider/alpha-slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { WithoutThemeProps } from \"../../core\"\nimport type { AlphaSliderStyle } from \"./alpha-slider.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { alphaToHex, convertColor } from \"../../utils\"\nimport { checkersProps } from \"../color-swatch\"\nimport { HueSlider } from \"../hue-slider\"\nimport { alphaSliderStyle } from \"./alpha-slider.style\"\n\ninterface ComponentContext extends Pick<\n  Required<AlphaSliderRootProps>,\n  \"color\" | \"max\" | \"min\" | \"orientation\"\n> {}\n\nexport const getAriaValueText = (alpha: number) => `${alpha * 100}%`\n\nexport interface AlphaSliderRootProps extends WithoutThemeProps<\n  Omit<\n    HueSlider.RootProps,\n    \"color\" | \"max\" | \"step\" | \"thumbProps\" | \"trackProps\"\n  >,\n  AlphaSliderStyle\n> {\n  /**\n   * The color used for the slider.\n   */\n  color: string\n  /**\n   * The maximum allowed value of the slider. Cannot be less than min.\n   *\n   * @default 1\n   */\n  max?: number\n  /**\n   * The step in which increments or decrements have to be made.\n   *\n   * @default 0.01\n   */\n  step?: number\n  /**\n   * Props for the overlay element.\n   */\n  overlayProps?: AlphaSliderOverlayProps\n  /**\n   * Props for the thumb element.\n   */\n  thumbProps?: AlphaSliderThumbProps\n  /**\n   * Props for the track element.\n   */\n  trackProps?: AlphaSliderTrackProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: AlphaSliderPropsContext,\n  useComponentContext,\n  usePropsContext: useAlphaSliderPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  AlphaSliderRootProps,\n  AlphaSliderStyle,\n  ComponentContext\n>(\"alpha-slider\", alphaSliderStyle)\n\nexport { AlphaSliderPropsContext, useAlphaSliderPropsContext }\n\n/**\n * `AlphaSlider` is a component used to allow the user to select color transparency.\n *\n * @see https://yamada-ui.com/docs/components/alpha-slider\n */\nexport const AlphaSliderRoot = withProvider<\"input\", AlphaSliderRootProps>(\n  ({\n    children,\n    color,\n    max = 1,\n    min = 0,\n    orientation: orientationProp = \"horizontal\",\n    overlayProps,\n    thumbProps,\n    trackProps,\n    ...rest\n  }) => {\n    const orientation = useValue(orientationProp)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <AlphaSliderTrack {...trackProps}>\n          <AlphaSliderThumb {...thumbProps} />\n\n          <AlphaSliderOverlay {...overlayProps} />\n        </AlphaSliderTrack>\n      )\n    }, [children, overlayProps, thumbProps, trackProps])\n    const context = useMemo(\n      () => ({ color, max, min, orientation }),\n      [color, min, max, orientation],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <HueSlider.Root max={max} min={min} orientation={orientation} {...rest}>\n          {computedChildren}\n        </HueSlider.Root>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)({ getAriaValueText, step: 0.01 })\n\nexport interface AlphaSliderOverlayProps extends HueSlider.OverlayProps {}\n\nexport const AlphaSliderOverlay = withContext<\"div\", AlphaSliderOverlayProps>(\n  HueSlider.Overlay,\n  \"overlay\",\n)(undefined, ({ layers, ...rest }) => {\n  const { color, max, min, orientation } = useComponentContext()\n\n  layers ??= [\n    checkersProps,\n    {\n      bgGradient: `linear(${[\n        orientation === \"horizontal\" ? \"to-r\" : \"to-t\",\n        convertColor(color)(\"hex\") + alphaToHex(min),\n        convertColor(color)(\"hex\") + alphaToHex(max),\n      ].join(\", \")})`,\n      boxShadow: \"inner\",\n    },\n  ]\n\n  return { layers, ...rest }\n})\n\nexport interface AlphaSliderTrackProps extends HueSlider.TrackProps {}\n\nexport const AlphaSliderTrack = withContext<\"div\", AlphaSliderTrackProps>(\n  HueSlider.Track,\n  \"track\",\n)()\n\nexport interface AlphaSliderThumbProps extends HueSlider.ThumbProps {}\n\nexport const AlphaSliderThumb = withContext<\"div\", AlphaSliderThumbProps>(\n  HueSlider.Thumb,\n  \"thumb\",\n)()\n"],"mappings":";;;;;;;;;;AAiBA,MAAa,oBAAoB,UAAkB,GAAG,QAAQ,IAAI;AAuClE,MAAM,EACJ,kBACA,cAAc,yBACd,qBACA,iBAAiB,4BACjB,aACA,iBACE,oBAIF,gBAAgB,gBAAgB;;;;;;AASlC,MAAa,kBAAkB,cAC5B,EACC,UACA,OACA,MAAM,GACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,cAAc,SAAS,eAAe;CAC5C,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,qBAAC,kBAAD;GAAkB,GAAI;GAAtB,UAAA,CACE,oBAAC,kBAAD,EAAkB,GAAI,WAAa,CAAA,GAEnC,oBAAC,oBAAD,EAAoB,GAAI,aAAe,CAAA,CACvB;;CAEtB,GAAG;EAAC;EAAU;EAAc;EAAY;CAAU,CAAC;CACnD,MAAM,UAAU,eACP;EAAE;EAAO;EAAK;EAAK;CAAY,IACtC;EAAC;EAAO;EAAK;EAAK;CAAW,CAC/B;CAEA,OACE,oBAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,oBAACA,eAAD;GAAqB;GAAU;GAAkB;GAAa,GAAI;GAC/D,UAAA;EACa,CAAA;CACA,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;CAAE;CAAkB,MAAM;AAAK,CAAC;AAIlC,MAAa,qBAAqB,YAChCC,kBACA,SACF,CAAC,CAAC,KAAA,IAAY,EAAE,QAAQ,GAAG,WAAW;CACpC,MAAM,EAAE,OAAO,KAAK,KAAK,gBAAgB,oBAAoB;CAE7D,WAAW,CACT,eACA;EACE,YAAY,UAAU;GACpB,gBAAgB,eAAe,SAAS;IAC3B,GAAA,cAAA,aAAA,CAAA,KAAK,CAAC,CAAC,KAAK,KAAA,GAAA,cAAA,WAAA,CAAe,GAAG;IAC9B,GAAA,cAAA,aAAA,CAAA,KAAK,CAAC,CAAC,KAAK,KAAA,GAAA,cAAA,WAAA,CAAe,GAAG;EAC7C,CAAC,CAAC,KAAK,IAAI,EAAE;EACb,WAAW;CACb,CACF;CAEA,OAAO;EAAE;EAAQ,GAAG;CAAK;AAC3B,CAAC;AAID,MAAa,mBAAmB,YAC9BC,gBACA,OACF,CAAC,CAAC;AAIF,MAAa,mBAAmB,YAC9BC,gBACA,OACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","names":["Popover.Root","InputGroup.Root","Popover.Trigger","InputGroup.Element","Popover.Content"],"sources":["../../../../src/components/autocomplete/autocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type {\n  ComboboxItem,\n  UseComboboxGroupProps,\n} from \"../../hooks/use-combobox\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UsePopoverStyleProps, UsePopupAnimationProps } from \"../popover\"\nimport type { AutocompleteStyle } from \"./autocomplete.style\"\nimport type {\n  UseAutocompleteOptionProps,\n  UseAutocompleteProps,\n  UseAutocompleteReturn,\n} from \"./use-autocomplete\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n  ComboboxContext,\n  ComboboxDescendantsContext,\n  ComboboxGroupContext,\n  createComboboxChildren,\n  createComboboxItem,\n  useComboboxGroup,\n  useComboboxGroupContext,\n} from \"../../hooks/use-combobox\"\nimport { cast, isArray } from \"../../utils\"\nimport { useGroupItemProps } from \"../group\"\nimport { CheckIcon, ChevronDownIcon, MinusIcon, XIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { Popover, usePopoverStyleProps } from \"../popover\"\nimport { autocompleteStyle } from \"./autocomplete.style\"\nimport {\n  AutocompleteContext,\n  useAutocomplete,\n  useAutocompleteOption,\n} from \"./use-autocomplete\"\n\ninterface ComponentContext\n  extends\n    Pick<UseAutocompleteReturn, \"getInputProps\" | \"getSeparatorProps\">,\n    Pick<\n      AutocompleteRootProps,\n      \"emptyIcon\" | \"emptyProps\" | \"groupProps\" | \"inputProps\" | \"optionProps\"\n    > {}\n\nexport interface AutocompleteRootProps<Multiple extends boolean = false>\n  extends\n    Omit<\n      HTMLStyledProps,\n      \"defaultValue\" | \"filter\" | \"offset\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    Merge<UseAutocompleteProps<Multiple>, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<AutocompleteStyle>,\n    UseInputBorderProps {\n  /**\n   * If `true`, display the clear icon.\n   *\n   * @default true\n   */\n  clearable?: boolean\n  /**\n   * The icon to be used in the clear button.\n   */\n  clearIcon?: ReactNode\n  /**\n   * The icon to be used in the empty element.\n   */\n  emptyIcon?: ReactNode\n  /**\n   * The icon to be used in the autocomplete.\n   */\n  icon?: ReactNode\n  /**\n   * Props for content element.\n   */\n  contentProps?: AutocompleteContentProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * Props for empty element.\n   */\n  emptyProps?: AutocompleteEmptyProps\n  /**\n   * Props for group element.\n   */\n  groupProps?: Omit<AutocompleteGroupProps, \"children\" | \"label\">\n  /**\n   * Props for icon element.\n   */\n  iconProps?: AutocompleteIconProps\n  /**\n   * The props for the input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for option element.\n   */\n  optionProps?: Omit<AutocompleteOptionProps, \"children\" | \"value\">\n  /**\n   * Props for root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: AutocompletePropsContext,\n  useComponentContext,\n  usePropsContext: useAutocompletePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  AutocompleteRootProps,\n  AutocompleteStyle,\n  ComponentContext\n>(\"autocomplete\", autocompleteStyle)\n\nexport { AutocompletePropsContext, useAutocompletePropsContext }\n\n/**\n * `Autocomplete` is a component used to display suggestions in response to user text input.\n *\n * @see https://yamada-ui.com/docs/components/autocomplete\n */\nexport const AutocompleteRoot = withProvider(\n  <Multiple extends boolean = false>(\n    props: AutocompleteRootProps<Multiple>,\n  ) => {\n    const [\n      groupItemProps,\n      {\n        className,\n        css,\n        colorScheme,\n        animationScheme = \"block-start\",\n        children,\n        clearable = true,\n        clearIcon = <XIcon />,\n        duration,\n        emptyIcon,\n        errorBorderColor,\n        focusBorderColor,\n        icon,\n        items: itemsProp,\n        contentProps,\n        elementProps,\n        emptyProps,\n        groupProps,\n        iconProps,\n        inputProps,\n        optionProps,\n        rootProps,\n        ...rest\n      },\n    ] = useGroupItemProps(props)\n    const popoverStyleProps = usePopoverStyleProps(rest)\n    const items = useMemo<ComboboxItem[]>(() => {\n      if (itemsProp) return itemsProp\n\n      return createComboboxItem(children, {\n        Group: AutocompleteGroup,\n        Label: AutocompleteLabel,\n        Option: AutocompleteOption,\n      })\n    }, [itemsProp, children])\n    const {\n      children: fieldChildren,\n      descendants,\n      items: computedItems,\n      max,\n      value,\n      getClearIconProps,\n      getContentProps,\n      getFieldProps,\n      getIconProps,\n      getInputProps,\n      getRootProps,\n      getSeparatorProps,\n      popoverProps,\n      onActiveDescendant,\n      onClose,\n      onSelect,\n    } = useAutocomplete({ items, ...rest, ...popoverStyleProps })\n    const mergedPopoverProps = useMemo<Popover.RootProps>(\n      () => ({\n        animationScheme,\n        duration,\n        ...popoverProps,\n      }),\n      [animationScheme, duration, popoverProps],\n    )\n    const computedChildren = useMemo(\n      () =>\n        createComboboxChildren(computedItems, {\n          Empty: AutocompleteEmpty,\n          Group: AutocompleteGroup,\n          Option: AutocompleteOption,\n        }),\n      [computedItems],\n    )\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const comboboxContext = useMemo(\n      () => ({ onActiveDescendant, onClose, onSelect }),\n      [onActiveDescendant, onClose, onSelect],\n    )\n    const autocompleteContext = useMemo(() => ({ max, value }), [value, max])\n    const componentContext = useMemo(\n      () => ({\n        emptyIcon,\n        emptyProps,\n        getInputProps,\n        getSeparatorProps,\n        groupProps,\n        inputProps,\n        optionProps,\n      }),\n      [\n        emptyIcon,\n        emptyProps,\n        getInputProps,\n        getSeparatorProps,\n        groupProps,\n        inputProps,\n        optionProps,\n      ],\n    )\n    const hasValue = isArray(value) ? !!value.length : !!value\n\n    return (\n      <ComboboxDescendantsContext value={descendants}>\n        <ComboboxContext value={comboboxContext}>\n          <AutocompleteContext value={autocompleteContext}>\n            <ComponentContext value={componentContext}>\n              <Popover.Root {...mergedPopoverProps}>\n                <InputGroup.Root\n                  colorScheme={colorScheme}\n                  {...mergeProps(\n                    { className, css },\n                    getRootProps(groupItemProps),\n                    rootProps,\n                  )()}\n                >\n                  <Popover.Trigger>\n                    <AutocompleteField {...getFieldProps({ ...varProps })}>\n                      {fieldChildren}\n                    </AutocompleteField>\n                  </Popover.Trigger>\n\n                  <InputGroup.Element\n                    {...{ clickable: clearable && hasValue, ...elementProps }}\n                  >\n                    {clearable && hasValue ? (\n                      <AutocompleteIcon\n                        icon={clearIcon}\n                        {...getClearIconProps(iconProps)}\n                      />\n                    ) : (\n                      <AutocompleteIcon\n                        icon={icon}\n                        {...getIconProps(iconProps)}\n                      />\n                    )}\n                  </InputGroup.Element>\n                </InputGroup.Root>\n\n                <AutocompleteContent\n                  {...cast<AutocompleteContentProps>(\n                    getContentProps(cast<HTMLProps>(contentProps)),\n                  )}\n                >\n                  {computedChildren}\n                </AutocompleteContent>\n              </Popover.Root>\n            </ComponentContext>\n          </AutocompleteContext>\n        </ComboboxContext>\n      </ComboboxDescendantsContext>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n}) as GenericsComponent<{\n  <Multiple extends boolean = false>(\n    props: AutocompleteRootProps<Multiple>,\n  ): ReactElement\n}>\n\ninterface AutocompleteFieldProps extends HTMLStyledProps {}\n\nconst AutocompleteField = withContext<\"div\", AutocompleteFieldProps>(\n  \"div\",\n  \"field\",\n)({ \"data-group-propagate\": \"\" }, ({ children, ...rest }) => {\n  const { getInputProps, inputProps } = useComponentContext()\n\n  return {\n    ...rest,\n    children: (\n      <>\n        {children}\n        <AutocompleteInput {...getInputProps(inputProps)} />\n      </>\n    ),\n  }\n})\n\ninterface AutocompleteInputProps extends HTMLStyledProps<\"input\"> {}\n\nconst AutocompleteInput = withContext<\"input\", AutocompleteInputProps>(\n  \"input\",\n  \"input\",\n)()\n\ninterface AutocompleteIconProps extends HTMLStyledProps {\n  icon?: ReactNode\n}\n\nconst AutocompleteIcon = withContext<\"div\", AutocompleteIconProps>(\n  \"div\",\n  \"icon\",\n)(undefined, ({ children, icon, ...rest }) => ({\n  children: icon || children || <ChevronDownIcon />,\n  ...rest,\n}))\n\ninterface AutocompleteContentProps extends Popover.ContentProps {}\n\nconst AutocompleteContent = withContext<\"div\", AutocompleteContentProps>(\n  Popover.Content,\n  \"content\",\n)()\n\nexport interface AutocompleteLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const AutocompleteLabel = withContext<\"span\", AutocompleteLabelProps>(\n  \"span\",\n  \"label\",\n)(undefined, (props) => {\n  const { getLabelProps } = useComboboxGroupContext()\n\n  return getLabelProps(props)\n})\n\nexport interface AutocompleteGroupProps\n  extends UseComboboxGroupProps, HTMLStyledProps {\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the label component.\n   */\n  labelProps?: AutocompleteLabelProps\n}\n\nexport const AutocompleteGroup = withContext<\"div\", AutocompleteGroupProps>(\n  ({ children, label, labelProps, ...rest }) => {\n    const { groupProps } = useComponentContext()\n    const { getGroupProps, getLabelProps } = useComboboxGroup(\n      mergeProps(groupProps, rest)(),\n    )\n    const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n    return (\n      <ComboboxGroupContext value={context}>\n        <styled.div {...getGroupProps()}>\n          {label ? (\n            <AutocompleteLabel {...labelProps}>{label}</AutocompleteLabel>\n          ) : null}\n          {children}\n        </styled.div>\n      </ComboboxGroupContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface AutocompleteOptionProps\n  extends UseAutocompleteOptionProps, HTMLStyledProps {\n  /**\n   * The icon to be used in the autocomplete option.\n   */\n  icon?: ReactNode\n}\n\nexport const AutocompleteOption = withContext<\"div\", AutocompleteOptionProps>(\n  ({ children, icon: iconProp, ...rest }) => {\n    const { optionProps: { icon, ...optionProps } = {} } = useComponentContext()\n    const { getIndicatorProps, getOptionProps } = useAutocompleteOption(\n      mergeProps(optionProps, rest)(),\n    )\n\n    return (\n      <styled.div {...getOptionProps()}>\n        <AutocompleteIndicator {...getIndicatorProps()}>\n          {iconProp ?? icon ?? <CheckIcon />}\n        </AutocompleteIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  \"option\",\n)()\n\ninterface AutocompleteEmptyProps extends HTMLStyledProps {\n  /**\n   * The icon to be used in the autocomplete option.\n   */\n  icon?: ReactNode\n}\n\nconst AutocompleteEmpty = withContext<\"div\", AutocompleteEmptyProps>(\n  ({ children, icon, ...rest }) => {\n    const { emptyIcon, emptyProps } = useComponentContext()\n\n    return (\n      <styled.div {...mergeProps(emptyProps, rest)()}>\n        <AutocompleteIndicator>\n          {icon ?? emptyIcon ?? <MinusIcon />}\n        </AutocompleteIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  \"empty\",\n)()\n\ninterface AutocompleteIndicatorProps extends HTMLStyledProps {}\n\nconst AutocompleteIndicator = withContext<\"div\", AutocompleteIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmHA,MAAM,EACJ,kBACA,cAAc,0BACd,qBACA,iBAAiB,6BACjB,aACA,iBACE,oBAIF,gBAAgB,iBAAiB;;;;;;AASnC,MAAa,mBAAmB,cAE5B,UACG;CACH,MAAM,CACJ,gBACA,EACE,WACA,KACA,aACA,kBAAkB,eAClB,UACA,YAAY,MACZ,YAAY,oBAAC,OAAD,CAAQ,CAAA,GACpB,UACA,WACA,kBACA,kBACA,MACA,OAAO,WACP,cACA,cACA,YACA,YACA,WACA,YACA,aACA,WACA,GAAG,UAEH,kBAAkB,KAAK;CAC3B,MAAM,oBAAoB,qBAAqB,IAAI;CAUnD,MAAM,EACJ,UAAU,eACV,aACA,OAAO,eACP,KACA,OACA,mBACA,iBACA,eACA,cACA,eACA,cACA,mBACA,cACA,oBACA,SACA,aACE,gBAAgB;EAAE,OA1BR,cAA8B;GAC1C,IAAI,WAAW,OAAO;GAEtB,OAAO,mBAAmB,UAAU;IAClC,OAAO;IACP,OAAO;IACP,QAAQ;GACV,CAAC;EACH,GAAG,CAAC,WAAW,QAAQ,CAkBG;EAAG,GAAG;EAAM,GAAG;CAAkB,CAAC;CAC5D,MAAM,qBAAqB,eAClB;EACL;EACA;EACA,GAAG;CACL,IACA;EAAC;EAAiB;EAAU;CAAY,CAC1C;CACA,MAAM,mBAAmB,cAErB,uBAAuB,eAAe;EACpC,OAAO;EACP,OAAO;EACP,QAAQ;CACV,CAAC,GACH,CAAC,aAAa,CAChB;CACA,MAAM,WAAW,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,kBAAkB,eACf;EAAE;EAAoB;EAAS;CAAS,IAC/C;EAAC;EAAoB;EAAS;CAAQ,CACxC;CACA,MAAM,sBAAsB,eAAe;EAAE;EAAK;CAAM,IAAI,CAAC,OAAO,GAAG,CAAC;CACxE,MAAM,mBAAmB,eAChB;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,YAAA,GAAA,cAAA,QAAA,CAAmB,KAAK,IAAI,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC;CAErD,OACE,oBAAC,4BAAD;EAA4B,OAAO;YACjC,oBAAC,iBAAD;GAAiB,OAAO;aACtB,oBAAC,qBAAD;IAAqB,OAAO;cAC1B,oBAAC,kBAAD;KAAkB,OAAO;eACvB,qBAACA,aAAD;MAAc,GAAI;gBAAlB,CACE,qBAACC,gBAAD;OACe;OACb,GAAI,WACF;QAAE;QAAW;OAAI,GACjB,aAAa,cAAc,GAC3B,SACF,CAAC,CAAC;iBANJ,CAQE,oBAACC,gBAAD,EAAA,UACE,oBAAC,mBAAD;QAAmB,GAAI,cAAc,EAAE,GAAG,SAAS,CAAC;kBACjD;OACgB,CAAA,EACJ,CAAA,GAEjB,oBAACC,cAAD;QACQ,WAAW,aAAa;QAAU,GAAG;kBAE1C,aAAa,WACZ,oBAAC,kBAAD;SACE,MAAM;SACN,GAAI,kBAAkB,SAAS;QAChC,CAAA,IAED,oBAAC,kBAAD;SACQ;SACN,GAAI,aAAa,SAAS;QAC3B,CAAA;OAEe,CAAA,CACL;UAEjB,oBAAC,qBAAD;OACE,IAAA,GAAA,cAAA,KAAA,CACE,iBAAA,GAAA,cAAA,KAAA,CAAgC,YAAY,CAAC,CAC/C;iBAEC;MACkB,CAAA,CACT;;IACE,CAAA;GACC,CAAA;EACN,CAAA;CACS,CAAA;AAEhC,GACA,MACF,CAAC,EAAE,UAAU;CAGX,OAAO,WAFS,qBAEQ,GAAG,KAAK,CAAC,CAAC;AACpC,CAAC;AAQD,MAAM,oBAAoB,YACxB,OACA,OACF,CAAC,CAAC,EAAE,wBAAwB,GAAG,IAAI,EAAE,UAAU,GAAG,WAAW;CAC3D,MAAM,EAAE,eAAe,eAAe,oBAAoB;CAE1D,OAAO;EACL,GAAG;EACH,UACE,qBAAA,YAAA,EAAA,UAAA,CACG,UACD,oBAAC,mBAAD,EAAmB,GAAI,cAAc,UAAU,EAAI,CAAA,CACnD,EAAA,CAAA;CAEN;AACF,CAAC;AAID,MAAM,oBAAoB,YACxB,SACA,OACF,CAAC,CAAC;AAMF,MAAM,mBAAmB,YACvB,OACA,MACF,CAAC,CAAC,KAAA,IAAY,EAAE,UAAU,MAAM,GAAG,YAAY;CAC7C,UAAU,QAAQ,YAAY,oBAAC,iBAAD,CAAkB,CAAA;CAChD,GAAG;AACL,EAAE;AAIF,MAAM,sBAAsB,YAC1BC,gBACA,SACF,CAAC,CAAC;AAIF,MAAa,oBAAoB,YAC/B,QACA,OACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,kBAAkB,wBAAwB;CAElD,OAAO,cAAc,KAAK;AAC5B,CAAC;AAcD,MAAa,oBAAoB,aAC9B,EAAE,UAAU,OAAO,YAAY,GAAG,WAAW;CAC5C,MAAM,EAAE,eAAe,oBAAoB;CAC3C,MAAM,EAAE,eAAe,kBAAkB,iBACvC,WAAW,YAAY,IAAI,CAAC,CAAC,CAC/B;CAGA,OACE,oBAAC,sBAAD;EAAsB,OAHR,eAAe,EAAE,cAAc,IAAI,CAAC,aAAa,CAG5B;YACjC,qBAAC,OAAO,KAAR;GAAY,GAAI,cAAc;aAA9B,CACG,QACC,oBAAC,mBAAD;IAAmB,GAAI;cAAa;GAAyB,CAAA,IAC3D,MACH,QACS;;CACQ,CAAA;AAE1B,GACA,OACF,CAAC,CAAC;AAUF,MAAa,qBAAqB,aAC/B,EAAE,UAAU,MAAM,UAAU,GAAG,WAAW;CACzC,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,gBAAgB,CAAC,MAAM,oBAAoB;CAC3E,MAAM,EAAE,mBAAmB,mBAAmB,sBAC5C,WAAW,aAAa,IAAI,CAAC,CAAC,CAChC;CAEA,OACE,qBAAC,OAAO,KAAR;EAAY,GAAI,eAAe;YAA/B,CACE,oBAAC,uBAAD;GAAuB,GAAI,kBAAkB;aAC1C,YAAY,QAAQ,oBAAC,WAAD,CAAY,CAAA;EACZ,CAAA,GACtB,QACS;;AAEhB,GACA,QACF,CAAC,CAAC;AASF,MAAM,oBAAoB,aACvB,EAAE,UAAU,MAAM,GAAG,WAAW;CAC/B,MAAM,EAAE,WAAW,eAAe,oBAAoB;CAEtD,OACE,qBAAC,OAAO,KAAR;EAAY,GAAI,WAAW,YAAY,IAAI,CAAC,CAAC;YAA7C,CACE,oBAAC,uBAAD,EAAA,UACG,QAAQ,aAAa,oBAAC,WAAD,CAAY,CAAA,EACb,CAAA,GACtB,QACS;;AAEhB,GACA,OACF,CAAC,CAAC;AAIF,MAAM,wBAAwB,YAC5B,OACA,WACF,CAAC,CAAC"}
+{"version":3,"file":"autocomplete.js","names":["Popover.Root","InputGroup.Root","Popover.Trigger","InputGroup.Element","Popover.Content"],"sources":["../../../../src/components/autocomplete/autocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type {\n  ComboboxItem,\n  UseComboboxGroupProps,\n} from \"../../hooks/use-combobox\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UsePopoverStyleProps, UsePopupAnimationProps } from \"../popover\"\nimport type { AutocompleteStyle } from \"./autocomplete.style\"\nimport type {\n  UseAutocompleteOptionProps,\n  UseAutocompleteProps,\n  UseAutocompleteReturn,\n} from \"./use-autocomplete\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n  ComboboxContext,\n  ComboboxDescendantsContext,\n  ComboboxGroupContext,\n  createComboboxChildren,\n  createComboboxItem,\n  useComboboxGroup,\n  useComboboxGroupContext,\n} from \"../../hooks/use-combobox\"\nimport { cast, isArray } from \"../../utils\"\nimport { useGroupItemProps } from \"../group\"\nimport { CheckIcon, ChevronDownIcon, MinusIcon, XIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { Popover, usePopoverStyleProps } from \"../popover\"\nimport { autocompleteStyle } from \"./autocomplete.style\"\nimport {\n  AutocompleteContext,\n  useAutocomplete,\n  useAutocompleteOption,\n} from \"./use-autocomplete\"\n\ninterface ComponentContext\n  extends\n    Pick<UseAutocompleteReturn, \"getInputProps\" | \"getSeparatorProps\">,\n    Pick<\n      AutocompleteRootProps,\n      \"emptyIcon\" | \"emptyProps\" | \"groupProps\" | \"inputProps\" | \"optionProps\"\n    > {}\n\nexport interface AutocompleteRootProps<Multiple extends boolean = false>\n  extends\n    Omit<\n      HTMLStyledProps,\n      \"defaultValue\" | \"filter\" | \"offset\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    Merge<UseAutocompleteProps<Multiple>, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<AutocompleteStyle>,\n    UseInputBorderProps {\n  /**\n   * If `true`, display the clear icon.\n   *\n   * @default true\n   */\n  clearable?: boolean\n  /**\n   * The icon to be used in the clear button.\n   */\n  clearIcon?: ReactNode\n  /**\n   * The icon to be used in the empty element.\n   */\n  emptyIcon?: ReactNode\n  /**\n   * The icon to be used in the autocomplete.\n   */\n  icon?: ReactNode\n  /**\n   * Props for content element.\n   */\n  contentProps?: AutocompleteContentProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * Props for empty element.\n   */\n  emptyProps?: AutocompleteEmptyProps\n  /**\n   * Props for group element.\n   */\n  groupProps?: Omit<AutocompleteGroupProps, \"children\" | \"label\">\n  /**\n   * Props for icon element.\n   */\n  iconProps?: AutocompleteIconProps\n  /**\n   * The props for the input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for option element.\n   */\n  optionProps?: Omit<AutocompleteOptionProps, \"children\" | \"value\">\n  /**\n   * Props for root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: AutocompletePropsContext,\n  useComponentContext,\n  usePropsContext: useAutocompletePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  AutocompleteRootProps,\n  AutocompleteStyle,\n  ComponentContext\n>(\"autocomplete\", autocompleteStyle)\n\nexport { AutocompletePropsContext, useAutocompletePropsContext }\n\n/**\n * `Autocomplete` is a component used to display suggestions in response to user text input.\n *\n * @see https://yamada-ui.com/docs/components/autocomplete\n */\nexport const AutocompleteRoot = withProvider(\n  <Multiple extends boolean = false>(\n    props: AutocompleteRootProps<Multiple>,\n  ) => {\n    const [\n      groupItemProps,\n      {\n        className,\n        css,\n        colorScheme,\n        animationScheme = \"block-start\",\n        children,\n        clearable = true,\n        clearIcon = <XIcon />,\n        duration,\n        emptyIcon,\n        errorBorderColor,\n        focusBorderColor,\n        icon,\n        items: itemsProp,\n        contentProps,\n        elementProps,\n        emptyProps,\n        groupProps,\n        iconProps,\n        inputProps,\n        optionProps,\n        rootProps,\n        ...rest\n      },\n    ] = useGroupItemProps(props)\n    const popoverStyleProps = usePopoverStyleProps(rest)\n    const items = useMemo<ComboboxItem[]>(() => {\n      if (itemsProp) return itemsProp\n\n      return createComboboxItem(children, {\n        Group: AutocompleteGroup,\n        Label: AutocompleteLabel,\n        Option: AutocompleteOption,\n      })\n    }, [itemsProp, children])\n    const {\n      children: fieldChildren,\n      descendants,\n      items: computedItems,\n      max,\n      value,\n      getClearIconProps,\n      getContentProps,\n      getFieldProps,\n      getIconProps,\n      getInputProps,\n      getRootProps,\n      getSeparatorProps,\n      popoverProps,\n      onActiveDescendant,\n      onClose,\n      onSelect,\n    } = useAutocomplete({ items, ...rest, ...popoverStyleProps })\n    const mergedPopoverProps = useMemo<Popover.RootProps>(\n      () => ({\n        animationScheme,\n        duration,\n        ...popoverProps,\n      }),\n      [animationScheme, duration, popoverProps],\n    )\n    const computedChildren = useMemo(\n      () =>\n        createComboboxChildren(computedItems, {\n          Empty: AutocompleteEmpty,\n          Group: AutocompleteGroup,\n          Option: AutocompleteOption,\n        }),\n      [computedItems],\n    )\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const comboboxContext = useMemo(\n      () => ({ onActiveDescendant, onClose, onSelect }),\n      [onActiveDescendant, onClose, onSelect],\n    )\n    const autocompleteContext = useMemo(() => ({ max, value }), [value, max])\n    const componentContext = useMemo(\n      () => ({\n        emptyIcon,\n        emptyProps,\n        getInputProps,\n        getSeparatorProps,\n        groupProps,\n        inputProps,\n        optionProps,\n      }),\n      [\n        emptyIcon,\n        emptyProps,\n        getInputProps,\n        getSeparatorProps,\n        groupProps,\n        inputProps,\n        optionProps,\n      ],\n    )\n    const hasValue = isArray(value) ? !!value.length : !!value\n\n    return (\n      <ComboboxDescendantsContext value={descendants}>\n        <ComboboxContext value={comboboxContext}>\n          <AutocompleteContext value={autocompleteContext}>\n            <ComponentContext value={componentContext}>\n              <Popover.Root {...mergedPopoverProps}>\n                <InputGroup.Root\n                  colorScheme={colorScheme}\n                  {...mergeProps(\n                    { className, css },\n                    getRootProps(groupItemProps),\n                    rootProps,\n                  )()}\n                >\n                  <Popover.Trigger>\n                    <AutocompleteField {...getFieldProps({ ...varProps })}>\n                      {fieldChildren}\n                    </AutocompleteField>\n                  </Popover.Trigger>\n\n                  <InputGroup.Element\n                    {...{ clickable: clearable && hasValue, ...elementProps }}\n                  >\n                    {clearable && hasValue ? (\n                      <AutocompleteIcon\n                        icon={clearIcon}\n                        {...getClearIconProps(iconProps)}\n                      />\n                    ) : (\n                      <AutocompleteIcon\n                        icon={icon}\n                        {...getIconProps(iconProps)}\n                      />\n                    )}\n                  </InputGroup.Element>\n                </InputGroup.Root>\n\n                <AutocompleteContent\n                  {...cast<AutocompleteContentProps>(\n                    getContentProps(cast<HTMLProps>(contentProps)),\n                  )}\n                >\n                  {computedChildren}\n                </AutocompleteContent>\n              </Popover.Root>\n            </ComponentContext>\n          </AutocompleteContext>\n        </ComboboxContext>\n      </ComboboxDescendantsContext>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n}) as GenericsComponent<{\n  <Multiple extends boolean = false>(\n    props: AutocompleteRootProps<Multiple>,\n  ): ReactElement\n}>\n\ninterface AutocompleteFieldProps extends HTMLStyledProps {}\n\nconst AutocompleteField = withContext<\"div\", AutocompleteFieldProps>(\n  \"div\",\n  \"field\",\n)({ \"data-group-propagate\": \"\" }, ({ children, ...rest }) => {\n  const { getInputProps, inputProps } = useComponentContext()\n\n  return {\n    ...rest,\n    children: (\n      <>\n        {children}\n        <AutocompleteInput {...getInputProps(inputProps)} />\n      </>\n    ),\n  }\n})\n\ninterface AutocompleteInputProps extends HTMLStyledProps<\"input\"> {}\n\nconst AutocompleteInput = withContext<\"input\", AutocompleteInputProps>(\n  \"input\",\n  \"input\",\n)()\n\ninterface AutocompleteIconProps extends HTMLStyledProps {\n  icon?: ReactNode\n}\n\nconst AutocompleteIcon = withContext<\"div\", AutocompleteIconProps>(\n  \"div\",\n  \"icon\",\n)(undefined, ({ children, icon, ...rest }) => ({\n  children: icon || children || <ChevronDownIcon />,\n  ...rest,\n}))\n\ninterface AutocompleteContentProps extends Popover.ContentProps {}\n\nconst AutocompleteContent = withContext<\"div\", AutocompleteContentProps>(\n  Popover.Content,\n  \"content\",\n)()\n\nexport interface AutocompleteLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const AutocompleteLabel = withContext<\"span\", AutocompleteLabelProps>(\n  \"span\",\n  \"label\",\n)(undefined, (props) => {\n  const { getLabelProps } = useComboboxGroupContext()\n\n  return getLabelProps(props)\n})\n\nexport interface AutocompleteGroupProps\n  extends UseComboboxGroupProps, HTMLStyledProps {\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the label component.\n   */\n  labelProps?: AutocompleteLabelProps\n}\n\nexport const AutocompleteGroup = withContext<\"div\", AutocompleteGroupProps>(\n  ({ children, label, labelProps, ...rest }) => {\n    const { groupProps } = useComponentContext()\n    const { getGroupProps, getLabelProps } = useComboboxGroup(\n      mergeProps(groupProps, rest)(),\n    )\n    const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n    return (\n      <ComboboxGroupContext value={context}>\n        <styled.div {...getGroupProps()}>\n          {label ? (\n            <AutocompleteLabel {...labelProps}>{label}</AutocompleteLabel>\n          ) : null}\n          {children}\n        </styled.div>\n      </ComboboxGroupContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface AutocompleteOptionProps\n  extends UseAutocompleteOptionProps, HTMLStyledProps {\n  /**\n   * The icon to be used in the autocomplete option.\n   */\n  icon?: ReactNode\n}\n\nexport const AutocompleteOption = withContext<\"div\", AutocompleteOptionProps>(\n  ({ children, icon: iconProp, ...rest }) => {\n    const { optionProps: { icon, ...optionProps } = {} } = useComponentContext()\n    const { getIndicatorProps, getOptionProps } = useAutocompleteOption(\n      mergeProps(optionProps, rest)(),\n    )\n\n    return (\n      <styled.div {...getOptionProps()}>\n        <AutocompleteIndicator {...getIndicatorProps()}>\n          {iconProp ?? icon ?? <CheckIcon />}\n        </AutocompleteIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  \"option\",\n)()\n\ninterface AutocompleteEmptyProps extends HTMLStyledProps {\n  /**\n   * The icon to be used in the autocomplete option.\n   */\n  icon?: ReactNode\n}\n\nconst AutocompleteEmpty = withContext<\"div\", AutocompleteEmptyProps>(\n  ({ children, icon, ...rest }) => {\n    const { emptyIcon, emptyProps } = useComponentContext()\n\n    return (\n      <styled.div {...mergeProps(emptyProps, rest)()}>\n        <AutocompleteIndicator>\n          {icon ?? emptyIcon ?? <MinusIcon />}\n        </AutocompleteIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  \"empty\",\n)()\n\ninterface AutocompleteIndicatorProps extends HTMLStyledProps {}\n\nconst AutocompleteIndicator = withContext<\"div\", AutocompleteIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"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        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 return prev\n        else return selectedValue as MaybeValue\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 return component\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)) onClose()\n      else if (runIfFn(openOnChange, ev)) onOpen()\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) onSelect(item.items[0]?.value)\n              else onSelect(item.value)\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 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    [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        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 return prev\n        else return selectedValue as MaybeValue\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 return component\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)) onClose()\n      else if (runIfFn(openOnChange, ev)) onOpen()\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) onSelect(item.items[0]?.value)\n              else onSelect(item.value)\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 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    [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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"}