@yamada-ui/react 2.2.2-dev-20260525091318 → 2.2.2-dev-20260525152928

package/dist/cjs/components/accordion/accordion.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_utils_index = require("../../utils/index.cjs");

package/dist/cjs/components/accordion/accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.cjs","names":["createContext","createSlotComponent","accordionStyle","useAccordion","AccordionDescendantsContext","AccordionContext","styled","useAccordionItem","useSplitChildren","AccordionItemContext","useAccordionItemContext","ChevronDownIcon","Children","Collapse"],"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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"}
+{"version":3,"file":"accordion.cjs","names":["createContext","createSlotComponent","accordionStyle","useAccordion","AccordionDescendantsContext","AccordionContext","styled","useAccordionItem","useSplitChildren","AccordionItemContext","useAccordionItemContext","ChevronDownIcon","Children","Collapse"],"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/cjs/components/accordion/accordion.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.style.cjs","names":["defineComponentSlotStyle","nativeAccordionStyle"],"sources":["../../../../src/components/accordion/accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { nativeAccordionStyle } from \"../native-accordion\"\n\nexport const accordionStyle = defineComponentSlotStyle({\n  base: {\n    ...nativeAccordionStyle.base,\n    button: {\n      ...nativeAccordionStyle.base?.button,\n      \"&[aria-disabled=true]\": { cursor: \"default\" },\n    },\n    icon: {\n      ...nativeAccordionStyle.base?.icon,\n      _expanded: { transform: \"rotate(180deg)\" },\n    },\n    panel: { ...nativeAccordionStyle.base?.panel, pb: \"3\" },\n  },\n\n  variants: nativeAccordionStyle.variants,\n\n  defaultProps: {\n    variant: \"plain\",\n  },\n})\n\nexport type AccordionStyle = typeof accordionStyle\n"],"mappings":";;;AAGA,MAAa,iBAAiBA,eAAAA,yBAAyB;CACrD,MAAM;EACJ,GAAGC,+BAAAA,qBAAqB;EACxB,QAAQ;GACN,GAAGA,+BAAAA,qBAAqB,MAAM;GAC9B,yBAAyB,EAAE,QAAQ,WAAW;GAC/C;EACD,MAAM;GACJ,GAAGA,+BAAAA,qBAAqB,MAAM;GAC9B,WAAW,EAAE,WAAW,kBAAkB;GAC3C;EACD,OAAO;GAAE,GAAGA,+BAAAA,qBAAqB,MAAM;GAAO,IAAI;GAAK;EACxD;CAED,UAAUA,+BAAAA,qBAAqB;CAE/B,cAAc,EACZ,SAAS,SACV;CACF,CAAC"}
+{"version":3,"file":"accordion.style.cjs","names":["defineComponentSlotStyle","nativeAccordionStyle"],"sources":["../../../../src/components/accordion/accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { nativeAccordionStyle } from \"../native-accordion\"\n\nexport const accordionStyle = defineComponentSlotStyle({\n  base: {\n    ...nativeAccordionStyle.base,\n    button: {\n      ...nativeAccordionStyle.base?.button,\n      \"&[aria-disabled=true]\": { cursor: \"default\" },\n    },\n    icon: {\n      ...nativeAccordionStyle.base?.icon,\n      _expanded: { transform: \"rotate(180deg)\" },\n    },\n    panel: { ...nativeAccordionStyle.base?.panel, pb: \"3\" },\n  },\n\n  variants: nativeAccordionStyle.variants,\n\n  defaultProps: {\n    variant: \"plain\",\n  },\n})\n\nexport type AccordionStyle = typeof accordionStyle\n"],"mappings":";;;AAGA,MAAa,iBAAiBA,eAAAA,yBAAyB;CACrD,MAAM;EACJ,GAAGC,+BAAAA,qBAAqB;EACxB,QAAQ;GACN,GAAGA,+BAAAA,qBAAqB,MAAM;GAC9B,yBAAyB,EAAE,QAAQ,UAAU;EAC/C;EACA,MAAM;GACJ,GAAGA,+BAAAA,qBAAqB,MAAM;GAC9B,WAAW,EAAE,WAAW,iBAAiB;EAC3C;EACA,OAAO;GAAE,GAAGA,+BAAAA,qBAAqB,MAAM;GAAO,IAAI;EAAI;CACxD;CAEA,UAAUA,+BAAAA,qBAAqB;CAE/B,cAAc,EACZ,SAAS,QACX;AACF,CAAC"}

package/dist/cjs/components/accordion/use-accordion.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_dom = require("../../utils/dom.cjs");
 const require_ref = require("../../utils/ref.cjs");

package/dist/cjs/components/accordion/use-accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-accordion.cjs","names":["createDescendants","createContext","useControllableState","mergeProps","mergeRefs"],"sources":["../../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  mergeRefs,\n  runKeyAction,\n} from \"../../utils\"\n\nconst {\n  DescendantsContext: AccordionDescendantsContext,\n  useDescendant: useAccordionDescendant,\n  useDescendants: useAccordionDescendants,\n} = createDescendants<HTMLButtonElement>()\n\nexport {\n  AccordionDescendantsContext,\n  useAccordionDescendant,\n  useAccordionDescendants,\n}\n\ninterface AccordionContext extends Omit<\n  UseAccordionReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [AccordionContext, useAccordionContext] = createContext<AccordionContext>(\n  { name: \"AccordionContext\" },\n)\n\nexport { AccordionContext, useAccordionContext }\n\ninterface AccordionItemContext extends Omit<\n  UseAccordionItemReturn,\n  \"getItemProps\"\n> {}\n\nconst [AccordionItemContext, useAccordionItemContext] =\n  createContext<AccordionItemContext>({\n    name: \"AccordionItemContext\",\n  })\n\nexport { AccordionItemContext, useAccordionItemContext }\n\nexport interface UseAccordionProps extends Omit<HTMLProps, \"onChange\"> {\n  /**\n   * The initial index(es) of the accordion item to expand.\n   */\n  defaultIndex?: number | number[]\n  /**\n   * The index(es) of the accordion item to expand.\n   */\n  index?: number | number[]\n  /**\n   * If `true`, multiple accordion items can be expanded at once.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * If `true`, any expanded accordion item can be collapsed again.\n   *\n   * @default false\n   */\n  toggle?: boolean\n  /**\n   * The callback invoked when accordion items are expanded or collapsed.\n   */\n  onChange?: (index: number | number[]) => void\n}\n\nexport const useAccordion = ({\n  defaultIndex: defaultIndexProp,\n  index: indexProp,\n  multiple,\n  toggle,\n  onChange,\n  ...rest\n}: UseAccordionProps = {}) => {\n  if (\n    (indexProp || defaultIndexProp) != null &&\n    !isArray(indexProp || defaultIndexProp) &&\n    multiple\n  ) {\n    console.warn(\n      `Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`,\n    )\n  }\n\n  if (multiple && toggle) {\n    console.warn(\n      `Accordion: If 'multiple' is passed, 'toggle' will be ignored. Either remove 'toggle' or 'multiple' depending on whether you want multiple accordions visible or not`,\n    )\n  }\n\n  const descendants = useAccordionDescendants()\n\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n\n  const [index, setIndex] = useControllableState({\n    defaultValue: () =>\n      multiple ? (defaultIndexProp ?? []) : (defaultIndexProp ?? -1),\n    value: indexProp,\n    onChange,\n  })\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  useEffect(() => {\n    return () => setFocusedIndex(-1)\n  }, [])\n\n  return {\n    descendants,\n    focusedIndex,\n    index,\n    multiple,\n    setFocusedIndex,\n    setIndex,\n    toggle,\n    getRootProps,\n  }\n}\n\nexport type UseAccordionReturn = ReturnType<typeof useAccordion>\n\nexport interface UseAccordionItemProps extends HTMLProps {\n  /**\n   * The index of the accordion item.\n   */\n  index: number\n  /**\n   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useAccordionItem = ({\n  disabled,\n  index,\n  ...rest\n}: UseAccordionItemProps) => {\n  const itemId = useId()\n  const panelId = useId()\n  const {\n    index: selectedIndex,\n    multiple,\n    setFocusedIndex,\n    setIndex,\n    toggle,\n  } = useAccordionContext()\n  const { descendants, register } = useAccordionDescendant({ disabled })\n  const open =\n    index !== -1\n      ? isArray(selectedIndex)\n        ? selectedIndex.includes(index)\n        : selectedIndex === index\n      : false\n\n  if (open && disabled)\n    console.warn(`Accordion: Cannot open a disabled accordion item`)\n\n  const onChange = useCallback(\n    (open: boolean) => {\n      if (index === -1) return\n\n      if (multiple && isArray(selectedIndex)) {\n        setIndex(\n          open\n            ? selectedIndex.concat(index)\n            : selectedIndex.filter((i) => i !== index),\n        )\n      } else if (open) {\n        setIndex(index)\n      } else if (toggle) {\n        setIndex(-1)\n      }\n    },\n    [multiple, toggle, index, selectedIndex, setIndex],\n  )\n\n  const onFocus = useCallback(() => {\n    setFocusedIndex(index)\n  }, [setFocusedIndex, index])\n\n  const onClick = useCallback(() => {\n    onChange(!open)\n    setFocusedIndex(index)\n    descendants.value(index)?.node.focus()\n  }, [index, setFocusedIndex, open, onChange, descendants])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLButtonElement>) => {\n      runKeyAction(ev, {\n        ArrowDown: () => {\n          const next = descendants.enabledNextValue(index)\n\n          next?.node.focus()\n        },\n        ArrowUp: () => {\n          const prev = descendants.enabledPrevValue(index)\n\n          prev?.node.focus()\n        },\n        End: () => {\n          const last = descendants.enabledLastValue()\n\n          last?.node.focus()\n        },\n        Home: () => {\n          const first = descendants.enabledFirstValue()\n\n          first?.node.focus()\n        },\n      })\n    },\n    [descendants, index],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps({ \"data-expanded\": dataAttr(open) }, rest, props)(),\n    [open, rest],\n  )\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: itemId,\n      type: \"button\",\n      \"aria-controls\": panelId,\n      \"aria-disabled\": ariaAttr((!multiple && !toggle && open) || disabled),\n      \"aria-expanded\": open,\n      tabIndex: 0,\n      ...props,\n      ref: mergeRefs(register, ref),\n      disabled,\n      onClick: handlerAll(props.onClick, onClick),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      itemId,\n      open,\n      panelId,\n      multiple,\n      toggle,\n      disabled,\n      register,\n      onClick,\n      onFocus,\n      onKeyDown,\n    ],\n  )\n\n  const getPanelProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: panelId,\n      \"aria-labelledby\": cx(ariaLabelledby, itemId),\n      role: \"region\",\n      ...props,\n    }),\n    [itemId, panelId],\n  )\n\n  const getIconProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr((!multiple && !toggle && open) || disabled),\n      \"aria-expanded\": open,\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [multiple, toggle, open, disabled],\n  )\n\n  return {\n    disabled,\n    open,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  }\n}\n\nexport type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>\n"],"mappings":"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"}
+{"version":3,"file":"use-accordion.cjs","names":["createDescendants","createContext","useControllableState","mergeProps","mergeRefs"],"sources":["../../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  mergeRefs,\n  runKeyAction,\n} from \"../../utils\"\n\nconst {\n  DescendantsContext: AccordionDescendantsContext,\n  useDescendant: useAccordionDescendant,\n  useDescendants: useAccordionDescendants,\n} = createDescendants<HTMLButtonElement>()\n\nexport {\n  AccordionDescendantsContext,\n  useAccordionDescendant,\n  useAccordionDescendants,\n}\n\ninterface AccordionContext extends Omit<\n  UseAccordionReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [AccordionContext, useAccordionContext] = createContext<AccordionContext>(\n  { name: \"AccordionContext\" },\n)\n\nexport { AccordionContext, useAccordionContext }\n\ninterface AccordionItemContext extends Omit<\n  UseAccordionItemReturn,\n  \"getItemProps\"\n> {}\n\nconst [AccordionItemContext, useAccordionItemContext] =\n  createContext<AccordionItemContext>({\n    name: \"AccordionItemContext\",\n  })\n\nexport { AccordionItemContext, useAccordionItemContext }\n\nexport interface UseAccordionProps extends Omit<HTMLProps, \"onChange\"> {\n  /**\n   * The initial index(es) of the accordion item to expand.\n   */\n  defaultIndex?: number | number[]\n  /**\n   * The index(es) of the accordion item to expand.\n   */\n  index?: number | number[]\n  /**\n   * If `true`, multiple accordion items can be expanded at once.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * If `true`, any expanded accordion item can be collapsed again.\n   *\n   * @default false\n   */\n  toggle?: boolean\n  /**\n   * The callback invoked when accordion items are expanded or collapsed.\n   */\n  onChange?: (index: number | number[]) => void\n}\n\nexport const useAccordion = ({\n  defaultIndex: defaultIndexProp,\n  index: indexProp,\n  multiple,\n  toggle,\n  onChange,\n  ...rest\n}: UseAccordionProps = {}) => {\n  if (\n    (indexProp || defaultIndexProp) != null &&\n    !isArray(indexProp || defaultIndexProp) &&\n    multiple\n  ) {\n    console.warn(\n      `Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`,\n    )\n  }\n\n  if (multiple && toggle) {\n    console.warn(\n      `Accordion: If 'multiple' is passed, 'toggle' will be ignored. Either remove 'toggle' or 'multiple' depending on whether you want multiple accordions visible or not`,\n    )\n  }\n\n  const descendants = useAccordionDescendants()\n\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n\n  const [index, setIndex] = useControllableState({\n    defaultValue: () =>\n      multiple ? (defaultIndexProp ?? []) : (defaultIndexProp ?? -1),\n    value: indexProp,\n    onChange,\n  })\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  useEffect(() => {\n    return () => setFocusedIndex(-1)\n  }, [])\n\n  return {\n    descendants,\n    focusedIndex,\n    index,\n    multiple,\n    setFocusedIndex,\n    setIndex,\n    toggle,\n    getRootProps,\n  }\n}\n\nexport type UseAccordionReturn = ReturnType<typeof useAccordion>\n\nexport interface UseAccordionItemProps extends HTMLProps {\n  /**\n   * The index of the accordion item.\n   */\n  index: number\n  /**\n   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useAccordionItem = ({\n  disabled,\n  index,\n  ...rest\n}: UseAccordionItemProps) => {\n  const itemId = useId()\n  const panelId = useId()\n  const {\n    index: selectedIndex,\n    multiple,\n    setFocusedIndex,\n    setIndex,\n    toggle,\n  } = useAccordionContext()\n  const { descendants, register } = useAccordionDescendant({ disabled })\n  const open =\n    index !== -1\n      ? isArray(selectedIndex)\n        ? selectedIndex.includes(index)\n        : selectedIndex === index\n      : false\n\n  if (open && disabled)\n    console.warn(`Accordion: Cannot open a disabled accordion item`)\n\n  const onChange = useCallback(\n    (open: boolean) => {\n      if (index === -1) return\n\n      if (multiple && isArray(selectedIndex)) {\n        setIndex(\n          open\n            ? selectedIndex.concat(index)\n            : selectedIndex.filter((i) => i !== index),\n        )\n      } else if (open) {\n        setIndex(index)\n      } else if (toggle) {\n        setIndex(-1)\n      }\n    },\n    [multiple, toggle, index, selectedIndex, setIndex],\n  )\n\n  const onFocus = useCallback(() => {\n    setFocusedIndex(index)\n  }, [setFocusedIndex, index])\n\n  const onClick = useCallback(() => {\n    onChange(!open)\n    setFocusedIndex(index)\n    descendants.value(index)?.node.focus()\n  }, [index, setFocusedIndex, open, onChange, descendants])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLButtonElement>) => {\n      runKeyAction(ev, {\n        ArrowDown: () => {\n          const next = descendants.enabledNextValue(index)\n\n          next?.node.focus()\n        },\n        ArrowUp: () => {\n          const prev = descendants.enabledPrevValue(index)\n\n          prev?.node.focus()\n        },\n        End: () => {\n          const last = descendants.enabledLastValue()\n\n          last?.node.focus()\n        },\n        Home: () => {\n          const first = descendants.enabledFirstValue()\n\n          first?.node.focus()\n        },\n      })\n    },\n    [descendants, index],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps({ \"data-expanded\": dataAttr(open) }, rest, props)(),\n    [open, rest],\n  )\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: itemId,\n      type: \"button\",\n      \"aria-controls\": panelId,\n      \"aria-disabled\": ariaAttr((!multiple && !toggle && open) || disabled),\n      \"aria-expanded\": open,\n      tabIndex: 0,\n      ...props,\n      ref: mergeRefs(register, ref),\n      disabled,\n      onClick: handlerAll(props.onClick, onClick),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      itemId,\n      open,\n      panelId,\n      multiple,\n      toggle,\n      disabled,\n      register,\n      onClick,\n      onFocus,\n      onKeyDown,\n    ],\n  )\n\n  const getPanelProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: panelId,\n      \"aria-labelledby\": cx(ariaLabelledby, itemId),\n      role: \"region\",\n      ...props,\n    }),\n    [itemId, panelId],\n  )\n\n  const getIconProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr((!multiple && !toggle && open) || disabled),\n      \"aria-expanded\": open,\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [multiple, toggle, open, disabled],\n  )\n\n  return {\n    disabled,\n    open,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  }\n}\n\nexport type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>\n"],"mappings":"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"}

package/dist/cjs/components/action-bar/action-bar.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_factory = require("../../core/system/factory.cjs");

package/dist/cjs/components/action-bar/action-bar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"action-bar.cjs","names":["createSlotComponent","actionBarStyle","useValue","useSplitChildren","useActionBar","AnimatePresence","Portal","styled","usePopupAnimationProps","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,iBACEA,yBAAAA,oBACF,cACAC,yBAAAA,eACD;;;;;;AASD,MAAa,gBAAgB,cAK1B,EACC,iBACA,UACA,SAAS,aACT,UACA,WAAW,eACX,SACA,aACA,iBACA,GAAG,WACC;CACJ,MAAM,YAAYC,8BAAAA,SAAS,cAAc;CAEzC,oBAAoB,WAAW,WAAW,QAAQ,GAC9C,gBACA;CAEJ,MAAM,CAAC,iBAAiB,aAAa,WAAWC,iBAAAA,iBAC9C,UACA,sBACA,iBACD;CACD,MAAM,EACJ,MACA,sBACA,iBACA,qBACA,iBACEC,uBAAAA,aAAa,KAAK;CACtB,MAAM,oBAAoB,UACxB,iBAAA,GAAA,kBAAA,KAAC,sBAAD,EAAA,UAAuB,SAA+B,CAAA,GACpD;CACJ,MAAM,gBAAgB,cACpB,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAA,UAAmB,aAA+B,CAAA,GAChD;CAkBJ,OACE,iBAAA,GAAA,kBAAA,MAAC,kBAAD;EAAkB,QAAA,GAAA,MAAA,gBAjBX;GACL;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACD,CAI+B;YAAhC,CACG,eAAe,mBAEhB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD;GAAiB,gBAAgB;aAC9B,OACC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;IAAQ,GAAI;cACV,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;KAAY,GAAI,cAAc;eAC3B,WAAW,iBAAiB;KAClB,CAAA;IACN,CAAA,GACP;GACY,CAAA,CACD;;GAGvB,QACA,EAAE,eAAe,CAAC,YAAY,EAAE,CACjC,EAAE;AAIH,MAAa,uBAAuB,YAGlC,UAAU;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,OAAO;CAAE,CAAC,CAC7D,KAAA,IACC,UAAU;CACT,MAAM,EAAE,wBAAwB,qBAAqB;CAErD,OAAO;EAAE,SAAS;EAAM,GAAG,oBAAoB,MAAM;EAAE;EAE1D;AAID,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,QAAQ;CAAE,CAAC,CAC/D,KAAA,IACC,UAAU;CACT,MAAM,EAAE,yBAAyB,qBAAqB;CAEtD,OAAO;EAAE,SAAS;EAAM,GAAG,qBAAqB,MAAM;EAAE;EAE3D;AAKD,MAAa,mBAAmB,aAC7B,UAAU;CACT,MAAM,EAAE,iBAAiB,UAAU,oBAAoB,qBAAqB;CAC5E,MAAM,sBAAsBC,gBAAAA,uBAAuB;EACjD;EACA;EACD,CAAC;CAEF,OACE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,OAAO,SAAR;EACE,GAAI;EACJ,IAAA,GAAA,oBAAA,cAAA,MACE,iBAAA,GAAA,oBAAA,cAAA,MAA2C,MAAM,CAAC,CACnD;EACD,CAAA;GAGN,UACD,EAAE;AAIH,MAAa,qBAAqB,YAChC,OACA,YACD,EAAE"}
+{"version":3,"file":"action-bar.cjs","names":["createSlotComponent","actionBarStyle","useValue","useSplitChildren","useActionBar","AnimatePresence","Portal","styled","usePopupAnimationProps","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,iBACEA,yBAAAA,oBACF,cACAC,yBAAAA,cACF;;;;;;AASA,MAAa,gBAAgB,cAK1B,EACC,iBACA,UACA,SAAS,aACT,UACA,WAAW,eACX,SACA,aACA,iBACA,GAAG,WACC;CACJ,MAAM,YAAYC,8BAAAA,SAAS,aAAa;CAExC,oBAAoB,WAAW,WAAW,OAAO,IAC7C,gBACA;CAEJ,MAAM,CAAC,iBAAiB,aAAa,WAAWC,iBAAAA,iBAC9C,UACA,sBACA,gBACF;CACA,MAAM,EACJ,MACA,sBACA,iBACA,qBACA,iBACEC,uBAAAA,aAAa,IAAI;CACrB,MAAM,oBAAoB,UACxB,iBAAA,GAAA,kBAAA,KAAC,sBAAD,EAAA,UAAuB,QAA8B,CAAA,IACnD;CACJ,MAAM,gBAAgB,cACpB,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAA,UAAmB,YAA8B,CAAA,IAC/C;CAkBJ,OACE,iBAAA,GAAA,kBAAA,MAAC,kBAAD;EAAkB,QAAA,GAAA,MAAA,gBAjBX;GACL;GACA;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;EACF,CAI+B;YAA/B,CACG,eAAe,mBAEhB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD;GAAiB,gBAAgB;aAC9B,OACC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;IAAQ,GAAI;cACV,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,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,EAAE;AAIF,MAAa,uBAAuB,YAGlC,UAAU;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,MAAM;AAAE,CAAC,EAC5D,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,EAC9D,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,sBAAsBC,gBAAAA,uBAAuB;EACjD;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,OAAO,SAAR;EACE,GAAI;EACJ,IAAA,GAAA,oBAAA,cAAA,MACE,iBAAA,GAAA,oBAAA,cAAA,MAA2C,KAAK,CAAC,CACnD;CACD,CAAA;AAEL,GACA,SACF,EAAE;AAIF,MAAa,qBAAqB,YAChC,OACA,WACF,EAAE"}

package/dist/cjs/components/action-bar/action-bar.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"action-bar.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/action-bar/action-bar.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const actionBarStyle = defineComponentSlotStyle({\n  base: {\n    content: {\n      alignItems: \"center\",\n      bg: \"bg.float\",\n      borderColor: \"border\",\n      borderWidth: \"1px\",\n      boxShadow: \"lg\",\n      display: \"flex\",\n      gap: \"2\",\n      px: \"2\",\n      py: \"2\",\n      rounded: \"l4\",\n    },\n    root: {\n      position: \"fixed\",\n      zIndex: \"burter\",\n    },\n    separator: { bg: \"border.emphasized\", h: \"8\", w: \"px\" },\n  },\n\n  props: {\n    /**\n     * The placement of the action bar.\n     *\n     * @default 'end-center'\n     */\n    placement: {\n      \"end-center\": {\n        root: { bottom: \"lg\", left: \"50%\", transform: \"translateX(-50%)\" },\n      },\n      \"end-end\": {\n        root: { bottom: \"lg\", right: \"lg\" },\n      },\n      \"end-start\": {\n        root: { bottom: \"lg\", left: \"lg\" },\n      },\n      \"start-center\": {\n        root: { left: \"50%\", top: \"lg\", transform: \"translateX(-50%)\" },\n      },\n      \"start-end\": {\n        root: { right: \"lg\", top: \"lg\" },\n      },\n      \"start-start\": {\n        root: { left: \"lg\", top: \"lg\" },\n      },\n    },\n  },\n\n  defaultProps: {\n    placement: \"end-center\",\n  },\n})\n\nexport type ActionBarStyle = typeof actionBarStyle\n"],"mappings":";AAEA,MAAa,wDAAiBA,CAAAA,yBAAyB;CACrD,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,WAAW;GACX,SAAS;GACT,KAAK;GACL,IAAI;GACJ,IAAI;GACJ,SAAS;GACV;EACD,MAAM;GACJ,UAAU;GACV,QAAQ;GACT;EACD,WAAW;GAAE,IAAI;GAAqB,GAAG;GAAK,GAAG;GAAM;EACxD;CAED,OAAO;;;;;;AAML,WAAW;EACT,cAAc,EACZ,MAAM;GAAE,QAAQ;GAAM,MAAM;GAAO,WAAW;GAAoB,EACnE;EACD,WAAW,EACT,MAAM;GAAE,QAAQ;GAAM,OAAO;GAAM,EACpC;EACD,aAAa,EACX,MAAM;GAAE,QAAQ;GAAM,MAAM;GAAM,EACnC;EACD,gBAAgB,EACd,MAAM;GAAE,MAAM;GAAO,KAAK;GAAM,WAAW;GAAoB,EAChE;EACD,aAAa,EACX,MAAM;GAAE,OAAO;GAAM,KAAK;GAAM,EACjC;EACD,eAAe,EACb,MAAM;GAAE,MAAM;GAAM,KAAK;GAAM,EAChC;EACF,EACF;CAED,cAAc,EACZ,WAAW,cACZ;CACF,CAAC"}
+{"version":3,"file":"action-bar.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/action-bar/action-bar.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const actionBarStyle = defineComponentSlotStyle({\n  base: {\n    content: {\n      alignItems: \"center\",\n      bg: \"bg.float\",\n      borderColor: \"border\",\n      borderWidth: \"1px\",\n      boxShadow: \"lg\",\n      display: \"flex\",\n      gap: \"2\",\n      px: \"2\",\n      py: \"2\",\n      rounded: \"l4\",\n    },\n    root: {\n      position: \"fixed\",\n      zIndex: \"burter\",\n    },\n    separator: { bg: \"border.emphasized\", h: \"8\", w: \"px\" },\n  },\n\n  props: {\n    /**\n     * The placement of the action bar.\n     *\n     * @default 'end-center'\n     */\n    placement: {\n      \"end-center\": {\n        root: { bottom: \"lg\", left: \"50%\", transform: \"translateX(-50%)\" },\n      },\n      \"end-end\": {\n        root: { bottom: \"lg\", right: \"lg\" },\n      },\n      \"end-start\": {\n        root: { bottom: \"lg\", left: \"lg\" },\n      },\n      \"start-center\": {\n        root: { left: \"50%\", top: \"lg\", transform: \"translateX(-50%)\" },\n      },\n      \"start-end\": {\n        root: { right: \"lg\", top: \"lg\" },\n      },\n      \"start-start\": {\n        root: { left: \"lg\", top: \"lg\" },\n      },\n    },\n  },\n\n  defaultProps: {\n    placement: \"end-center\",\n  },\n})\n\nexport type ActionBarStyle = typeof actionBarStyle\n"],"mappings":";AAEA,MAAa,uDAAiBA,EAAAA,yBAAyB;CACrD,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,WAAW;GACX,SAAS;GACT,KAAK;GACL,IAAI;GACJ,IAAI;GACJ,SAAS;EACX;EACA,MAAM;GACJ,UAAU;GACV,QAAQ;EACV;EACA,WAAW;GAAE,IAAI;GAAqB,GAAG;GAAK,GAAG;EAAK;CACxD;CAEA,OAAO;;;;;;AAML,WAAW;EACT,cAAc,EACZ,MAAM;GAAE,QAAQ;GAAM,MAAM;GAAO,WAAW;EAAmB,EACnE;EACA,WAAW,EACT,MAAM;GAAE,QAAQ;GAAM,OAAO;EAAK,EACpC;EACA,aAAa,EACX,MAAM;GAAE,QAAQ;GAAM,MAAM;EAAK,EACnC;EACA,gBAAgB,EACd,MAAM;GAAE,MAAM;GAAO,KAAK;GAAM,WAAW;EAAmB,EAChE;EACA,aAAa,EACX,MAAM;GAAE,OAAO;GAAM,KAAK;EAAK,EACjC;EACA,eAAe,EACb,MAAM;GAAE,MAAM;GAAM,KAAK;EAAK,EAChC;CACF,EACF;CAEA,cAAc,EACZ,WAAW,aACb;AACF,CAAC"}

package/dist/cjs/components/action-bar/use-action-bar.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_dom = require("../../utils/dom.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_environment_provider = require("../../core/system/environment-provider.cjs");

package/dist/cjs/components/action-bar/use-action-bar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-action-bar.cjs","names":["useEnvironment","useDisclosure","useIds","useI18n","mergeProps"],"sources":["../../../../src/components/action-bar/use-action-bar.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { mergeProps, useEnvironment } from \"../../core\"\nimport {\n  useDisclosure,\n  type UseDisclosureProps,\n} from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, useIds } from \"../../utils\"\n\nexport interface UseActionBarProps\n  extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the action bar will close when the `Esc` key is pressed.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n}\n\nexport const useActionBar = ({\n  closeOnEsc = true,\n  defaultOpen,\n  open: openProp,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseActionBarProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const [contentId] = useIds()\n  const { t } = useI18n(\"actionBar\")\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      if (!closeOnEsc) return\n\n      ev.stopPropagation()\n      onClose()\n    },\n    [closeOnEsc, onClose],\n  )\n\n  useEventListener(getDocument(), \"keydown\", onKeyDown)\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      \"aria-label\": t(\"Open action bar\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onOpen),\n    }),\n    [contentId, onOpen, open, t],\n  )\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-label\": t(\"Close action bar\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onClose),\n    }),\n    [onClose, t],\n  )\n\n  const getContentProps: PropGetter<\"section\"> = useCallback(\n    (props = {}) => ({\n      id: contentId,\n      role: \"dialog\",\n      ...props,\n    }),\n    [contentId],\n  )\n\n  return {\n    open,\n    getCloseTriggerProps,\n    getContentProps,\n    getOpenTriggerProps,\n    getRootProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UseActionBarReturn = ReturnType<typeof useActionBar>\n"],"mappings":";;;;;;;;;;;AAuBA,MAAa,gBAAgB,EAC3B,aAAa,MACb,aACA,MAAM,UACN,SAAS,aACT,QAAQ,YACR,GAAG,SACkB,EAAE,KAAK;CAC5B,MAAM,EAAE,gBAAgBA,6BAAAA,gBAAgB;CACxC,MAAM,EAAE,MAAM,SAAS,WAAWC,uBAAAA,cAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;EACT,CAAC;CACF,MAAM,CAAC,aAAaC,YAAAA,QAAQ;CAC5B,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,YAAY;CAElC,MAAM,aAAA,GAAA,MAAA,cACH,OAAsB;EACrB,IAAI,GAAG,QAAQ,UAAU;EAEzB,IAAI,CAAC,YAAY;EAEjB,GAAG,iBAAiB;EACpB,SAAS;IAEX,CAAC,YAAY,QAAQ,CACtB;CAED,uCAAA,iBAAiB,aAAa,EAAE,WAAW,UAAU;CAErD,MAAM,gBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,KAAKC,cAAAA,WAAW,MAAM,MAAM,EAAE,EACzC,CAAC,KAAK,CACP;CAED,MAAM,uBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,MAAM;EACf,iBAAiB,OAAO,YAAY,KAAA;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,kBAAkB;EAClC,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,OAAO;EAC3C,GACD;EAAC;EAAW;EAAQ;EAAM;EAAE,CAC7B;CAoBD,OAAO;EACL;EACA,uBAAA,GAAA,MAAA,cAnBC,QAAQ,EAAE,MAAM;GACf,cAAc,EAAE,mBAAmB;GACnC,GAAG;GACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,QAAQ;GAC5C,GACD,CAAC,SAAS,EAAE,CAcQ;EACpB,kBAAA,GAAA,MAAA,cAXC,QAAQ,EAAE,MAAM;GACf,IAAI;GACJ,MAAM;GACN,GAAG;GACJ,GACD,CAAC,UAAU,CAMI;EACf;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"use-action-bar.cjs","names":["useEnvironment","useDisclosure","useIds","useI18n","mergeProps"],"sources":["../../../../src/components/action-bar/use-action-bar.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { mergeProps, useEnvironment } from \"../../core\"\nimport {\n  useDisclosure,\n  type UseDisclosureProps,\n} from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, useIds } from \"../../utils\"\n\nexport interface UseActionBarProps\n  extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the action bar will close when the `Esc` key is pressed.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n}\n\nexport const useActionBar = ({\n  closeOnEsc = true,\n  defaultOpen,\n  open: openProp,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseActionBarProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const [contentId] = useIds()\n  const { t } = useI18n(\"actionBar\")\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      if (!closeOnEsc) return\n\n      ev.stopPropagation()\n      onClose()\n    },\n    [closeOnEsc, onClose],\n  )\n\n  useEventListener(getDocument(), \"keydown\", onKeyDown)\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      \"aria-label\": t(\"Open action bar\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onOpen),\n    }),\n    [contentId, onOpen, open, t],\n  )\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-label\": t(\"Close action bar\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onClose),\n    }),\n    [onClose, t],\n  )\n\n  const getContentProps: PropGetter<\"section\"> = useCallback(\n    (props = {}) => ({\n      id: contentId,\n      role: \"dialog\",\n      ...props,\n    }),\n    [contentId],\n  )\n\n  return {\n    open,\n    getCloseTriggerProps,\n    getContentProps,\n    getOpenTriggerProps,\n    getRootProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UseActionBarReturn = ReturnType<typeof useActionBar>\n"],"mappings":";;;;;;;;;;AAuBA,MAAa,gBAAgB,EAC3B,aAAa,MACb,aACA,MAAM,UACN,SAAS,aACT,QAAQ,YACR,GAAG,SACkB,CAAC,MAAM;CAC5B,MAAM,EAAE,gBAAgBA,6BAAAA,eAAe;CACvC,MAAM,EAAE,MAAM,SAAS,WAAWC,uBAAAA,cAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;CACV,CAAC;CACD,MAAM,CAAC,aAAaC,YAAAA,OAAO;CAC3B,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,WAAW;CAEjC,MAAM,aAAA,GAAA,MAAA,cACH,OAAsB;EACrB,IAAI,GAAG,QAAQ,UAAU;EAEzB,IAAI,CAAC,YAAY;EAEjB,GAAG,gBAAgB;EACnB,QAAQ;CACV,GACA,CAAC,YAAY,OAAO,CACtB;CAEA,uCAAA,iBAAiB,YAAY,GAAG,WAAW,SAAS;CAEpD,MAAM,gBAAA,GAAA,MAAA,cACH,QAAQ,CAAC,MAAMC,cAAAA,WAAW,MAAM,KAAK,EAAE,GACxC,CAAC,IAAI,CACP;CAEA,MAAM,uBAAA,GAAA,MAAA,cACH,QAAQ,CAAC,OAAO;EACf,iBAAiB,OAAO,YAAY,KAAA;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,iBAAiB;EACjC,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,MAAM;CAC3C,IACA;EAAC;EAAW;EAAQ;EAAM;CAAC,CAC7B;CAoBA,OAAO;EACL;EACA,uBAAA,GAAA,MAAA,cAnBC,QAAQ,CAAC,OAAO;GACf,cAAc,EAAE,kBAAkB;GAClC,GAAG;GACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,OAAO;EAC5C,IACA,CAAC,SAAS,CAAC,CAcQ;EACnB,kBAAA,GAAA,MAAA,cAXC,QAAQ,CAAC,OAAO;GACf,IAAI;GACJ,MAAM;GACN,GAAG;EACL,IACA,CAAC,SAAS,CAMI;EACd;EACA;EACA;EACA;CACF;AACF"}

package/dist/cjs/components/airy/airy.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_use_inject_vars = require("../../core/css/use-inject-vars.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");

package/dist/cjs/components/airy/airy.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"airy.cjs","names":["createComponent","airyStyle","useControllableState","motion","useInjectVarsIntoCss","useInjectVarsIntoProps"],"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,gBACEA,yBAAAA,gBAAsC,QAAQC,mBAAAA,UAAU;;;;;;AAS5D,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,WAAA,GAAA,aAAA,eAAwB;CAC9B,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAAoC;EAC5D;EACA,OAAO;EACP;EACD,CAAC;CAEF,MAAM,WAAA,GAAA,MAAA,aAAsB,YAAY;EACtC,IAAI,UAAU;EAEd,MAAM,QAAQ,MAAM;GAAE,SAAS;GAAG,YAAY;IAAE;IAAO;IAAU;GAAE,CAAC;EAEpE,UAAU,SAAU,SAAS,SAAS,OAAO,OAAQ;EAErD,MAAM,QAAQ,MAAM;GAAE;GAAS,YAAY,EAAE,UAAU;GAAE,CAAC;IACzD;EAAC;EAAS;EAAU;EAAU;EAAS;EAAU;EAAM,CAAC;CAE3D,OACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,QAAR;EACE,MAAK;EACL,kBAAA,GAAA,oBAAA,cAAA,UAAwB,SAAS;EACjC,kBAAA,GAAA,oBAAA,cAAA,UAAwB,SAAS;EACjC,cAAY;EACH;EACC;EACV,SAAS,EAAE,SAAS;EACpB,UAAA,GAAA,oBAAA,cAAA,YAAoB,aAAa,QAAQ;EACzC,GAAI;YAEH,UAAU,SAAS,OAAO;EACb,CAAA;EAGrB,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,MAAMC,wBAAAA,qBAAqB,MAAM,KAAK,EAAE,SAAS,WAAW,CAAC;CAGnE,OAAO;EAAE,GAFIC,wBAAAA,uBAAuB,OAAO,EAAE,SAAS,WAAW,CAEjD;EAAE;EAAK,SAAS;EAAa;EAC7C"}
+{"version":3,"file":"airy.cjs","names":["createComponent","airyStyle","useControllableState","motion","useInjectVarsIntoCss","useInjectVarsIntoProps"],"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,gBACEA,yBAAAA,gBAAsC,QAAQC,mBAAAA,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,WAAA,GAAA,aAAA,cAAuB;CAC7B,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAAoC;EAC5D;EACA,OAAO;EACP;CACF,CAAC;CAED,MAAM,WAAA,GAAA,MAAA,aAAsB,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,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,QAAR;EACE,MAAK;EACL,kBAAA,GAAA,oBAAA,cAAA,UAAwB,QAAQ;EAChC,kBAAA,GAAA,oBAAA,cAAA,UAAwB,QAAQ;EAChC,cAAY;EACH;EACC;EACV,SAAS,EAAE,QAAQ;EACnB,UAAA,GAAA,oBAAA,cAAA,YAAoB,aAAa,OAAO;EACxC,GAAI;YAEH,UAAU,SAAS,OAAO;CACd,CAAA;AAEnB,CACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,MAAMC,wBAAAA,qBAAqB,MAAM,KAAK,EAAE,SAAS,UAAU,CAAC;CAGlE,OAAO;EAAE,GAFIC,wBAAAA,uBAAuB,OAAO,EAAE,SAAS,UAAU,CAEjD;EAAG;EAAK,SAAS;CAAY;AAC9C,CAAC"}

package/dist/cjs/components/airy/airy.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"airy.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/airy/airy.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const airyStyle = defineComponentStyle({\n  base: {\n    opacity: 1,\n    rounded: \"l1\",\n    userSelect: \"none\",\n    width: \"fit-content\",\n    _readOnly: {\n      layerStyle: \"readOnly\",\n    },\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n  },\n})\n\nexport type AiryStyle = typeof airyStyle\n"],"mappings":";AAEA,MAAa,mDAAYA,CAAAA,qBAAqB,EAC5C,MAAM;CACJ,SAAS;CACT,SAAS;CACT,YAAY;CACZ,OAAO;CACP,WAAW,EACT,YAAY,YACb;CACD,WAAW,EACT,YAAY,YACb;CACF,EACF,CAAC"}
+{"version":3,"file":"airy.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/airy/airy.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const airyStyle = defineComponentStyle({\n  base: {\n    opacity: 1,\n    rounded: \"l1\",\n    userSelect: \"none\",\n    width: \"fit-content\",\n    _readOnly: {\n      layerStyle: \"readOnly\",\n    },\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n  },\n})\n\nexport type AiryStyle = typeof airyStyle\n"],"mappings":";AAEA,MAAa,kDAAYA,EAAAA,qBAAqB,EAC5C,MAAM;CACJ,SAAS;CACT,SAAS;CACT,YAAY;CACZ,OAAO;CACP,WAAW,EACT,YAAY,WACd;CACA,WAAW,EACT,YAAY,WACd;AACF,EACF,CAAC"}

package/dist/cjs/components/alert/alert.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_circle_check_big_icon = require("../icon/icons/circle-check-big-icon.cjs");

package/dist/cjs/components/alert/alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.cjs","names":["OctagonAlertIcon","InfoIcon","CircleCheckBigIcon","TriangleAlertIcon","createSlotComponent","alertStyle","styled","useLoadingComponent"],"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,OAAOA,2BAAAA;CACP,MAAMC,kBAAAA;CACN,SAASC,8BAAAA;CACT,SAASC,4BAAAA;CACV;AAgBD,MAAM,EACJ,kBACA,cAAc,mBACd,qBACA,iBAAiB,sBACjB,aACA,iBACEC,yBAAAA,oBACF,SACAC,oBAAAA,WACD;;;;;;AASD,MAAa,YAAY,cACtB,EAAE,QAAQ,cAAc,QAAQ,GAAG,YAAY;CAG9C,OACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EAAkB,QAAA,GAAA,MAAA,gBAHW,EAAU,QAAS,GAAG,CAAC,OAAO,CAG3B;YAC9B,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;GAAyB;GAAa,MAAK;GAAQ,GAAI;GAAS,CAAA;EAC/C,CAAA;GAGvB,OACD,CAAC,EAAE,QAAQ,QAAQ,CAAC;AAIrB,MAAa,YAAY,aACtB,EAAE,IAAI,GAAG,WAAW;CACnB,MAAM,EAAE,WAAW,qBAAqB;CAGxC,OAAO,iBAAA,GAAA,kBAAA,KAFM,MAAM,MAAM,SAElB,EAAM,GAAI,MAAQ,CAAA;GAE3B,OACD,EAAE;AAWH,MAAa,eAAe,aACzB,EAAE,gBAAgB,QAAQ,GAAG,WAAW;CAGvC,OAAO,iBAAA,GAAA,kBAAA,KAFWC,8BAAAA,oBAAoB,cAErB,EAAV,EAAW,GAAI,MAAQ,CAAA;GAEhC,CAAC,QAAQ,UAAU,CACpB,EAAE;AAIH,MAAa,aAAa,YAAkC,KAAK,QAAQ,EAAE;AAI3E,MAAa,mBAAmB,YAC9B,QACA,cACD,EAAE"}
+{"version":3,"file":"alert.cjs","names":["OctagonAlertIcon","InfoIcon","CircleCheckBigIcon","TriangleAlertIcon","createSlotComponent","alertStyle","styled","useLoadingComponent"],"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,OAAOA,2BAAAA;CACP,MAAMC,kBAAAA;CACN,SAASC,8BAAAA;CACT,SAASC,4BAAAA;AACX;AAgBA,MAAM,EACJ,kBACA,cAAc,mBACd,qBACA,iBAAiB,sBACjB,aACA,iBACEC,yBAAAA,oBACF,SACAC,oBAAAA,UACF;;;;;;AASA,MAAa,YAAY,cACtB,EAAE,QAAQ,cAAc,QAAQ,GAAG,YAAY;CAG9C,OACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EAAkB,QAAA,GAAA,MAAA,gBAHW,EAAU,OAAQ,IAAI,CAAC,MAAM,CAG3B;YAC7B,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;GAAyB;GAAa,MAAK;GAAQ,GAAI;EAAQ,CAAA;CAC/C,CAAA;AAEtB,GACA,MACF,EAAE,EAAE,QAAQ,OAAO,CAAC;AAIpB,MAAa,YAAY,aACtB,EAAE,IAAI,GAAG,WAAW;CACnB,MAAM,EAAE,WAAW,oBAAoB;CAGvC,OAAO,iBAAA,GAAA,kBAAA,KAFM,MAAM,MAAM,SAElB,EAAM,GAAI,KAAO,CAAA;AAC1B,GACA,MACF,EAAE;AAWF,MAAa,eAAe,aACzB,EAAE,gBAAgB,QAAQ,GAAG,WAAW;CAGvC,OAAO,iBAAA,GAAA,kBAAA,KAFWC,8BAAAA,oBAAoB,aAEtB,GAAT,EAAW,GAAI,KAAO,CAAA;AAC/B,GACA,CAAC,QAAQ,SAAS,CACpB,EAAE;AAIF,MAAa,aAAa,YAAkC,KAAK,OAAO,EAAE;AAI1E,MAAa,mBAAmB,YAC9B,QACA,aACF,EAAE"}

package/dist/cjs/components/alert/alert.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/alert/alert.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const alertStyle = defineComponentSlotStyle({\n  base: {\n    description: {\n      lineHeight: \"shorter\",\n    },\n    icon: {\n      boxSize: \"5\",\n      flexShrink: 0,\n      fontSize: \"xl\",\n      me: \"3\",\n    },\n    loading: {\n      flexShrink: 0,\n      fontSize: \"xl\",\n      me: \"3\",\n    },\n    root: {\n      alignItems: \"start\",\n      display: \"flex\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      px: \"4\",\n      py: \"3\",\n      rounded: \"l2\",\n      w: \"full\",\n    },\n    title: {\n      display: \"block\",\n      lineHeight: \"shorter\",\n      me: \"2\",\n    },\n  },\n\n  variants: {\n    island: {\n      description: {\n        color: \"fg.muted\",\n      },\n      icon: { color: \"colorScheme.solid\" },\n      root: {\n        layerStyle: \"panel\",\n        pl: 7,\n        _before: {\n          bg: \"colorScheme.solid\",\n          h: \"calc(100% - {sizes.5})\",\n          left: \"3\",\n          position: \"absolute\",\n          rounded: \"full\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n          w: 1,\n        },\n      },\n    },\n    plain: {\n      description: {\n        color: \"fg.muted\",\n      },\n      icon: {\n        color: \"colorScheme.solid\",\n      },\n      root: {\n        layerStyle: \"panel\",\n      },\n    },\n    solid: {\n      icon: {\n        textStyle: \"solid\",\n      },\n      root: {\n        layerStyle: \"solid\",\n      },\n    },\n    subtle: {\n      icon: {\n        textStyle: \"subtle\",\n      },\n      root: {\n        layerStyle: \"subtle\",\n      },\n    },\n    surface: {\n      icon: {\n        textStyle: \"surface\",\n      },\n      root: {\n        layerStyle: \"surface\",\n      },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        icon: {\n          color: [\"colorScheme.600\", \"colorScheme.400\"],\n        },\n      },\n      colorScheme: [\"secondary\", \"gray\"],\n      variant: \"plain\",\n    },\n  ],\n\n  defaultProps: {\n    variant: \"plain\",\n  },\n})\n\nexport type AlertStyle = typeof alertStyle\n"],"mappings":";AAEA,MAAa,oDAAaA,CAAAA,yBAAyB;CACjD,MAAM;EACJ,aAAa,EACX,YAAY,WACb;EACD,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,UAAU;GACV,IAAI;GACL;EACD,SAAS;GACP,YAAY;GACZ,UAAU;GACV,IAAI;GACL;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,UAAU;GACV,UAAU;GACV,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,GAAG;GACJ;EACD,OAAO;GACL,SAAS;GACT,YAAY;GACZ,IAAI;GACL;EACF;CAED,UAAU;EACR,QAAQ;GACN,aAAa,EACX,OAAO,YACR;GACD,MAAM,EAAE,OAAO,qBAAqB;GACpC,MAAM;IACJ,YAAY;IACZ,IAAI;IACJ,SAAS;KACP,IAAI;KACJ,GAAG;KACH,MAAM;KACN,UAAU;KACV,SAAS;KACT,KAAK;KACL,WAAW;KACX,GAAG;KACJ;IACF;GACF;EACD,OAAO;GACL,aAAa,EACX,OAAO,YACR;GACD,MAAM,EACJ,OAAO,qBACR;GACD,MAAM,EACJ,YAAY,SACb;GACF;EACD,OAAO;GACL,MAAM,EACJ,WAAW,SACZ;GACD,MAAM,EACJ,YAAY,SACb;GACF;EACD,QAAQ;GACN,MAAM,EACJ,WAAW,UACZ;GACD,MAAM,EACJ,YAAY,UACb;GACF;EACD,SAAS;GACP,MAAM,EACJ,WAAW,WACZ;GACD,MAAM,EACJ,YAAY,WACb;GACF;EACF;CAED,WAAW,CACT;EACE,KAAK,EACH,MAAM,EACJ,OAAO,CAAC,mBAAmB,kBAAkB,EAC9C,EACF;EACD,aAAa,CAAC,aAAa,OAAO;EAClC,SAAS;EACV,CACF;CAED,cAAc,EACZ,SAAS,SACV;CACF,CAAC"}
+{"version":3,"file":"alert.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/alert/alert.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const alertStyle = defineComponentSlotStyle({\n  base: {\n    description: {\n      lineHeight: \"shorter\",\n    },\n    icon: {\n      boxSize: \"5\",\n      flexShrink: 0,\n      fontSize: \"xl\",\n      me: \"3\",\n    },\n    loading: {\n      flexShrink: 0,\n      fontSize: \"xl\",\n      me: \"3\",\n    },\n    root: {\n      alignItems: \"start\",\n      display: \"flex\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      px: \"4\",\n      py: \"3\",\n      rounded: \"l2\",\n      w: \"full\",\n    },\n    title: {\n      display: \"block\",\n      lineHeight: \"shorter\",\n      me: \"2\",\n    },\n  },\n\n  variants: {\n    island: {\n      description: {\n        color: \"fg.muted\",\n      },\n      icon: { color: \"colorScheme.solid\" },\n      root: {\n        layerStyle: \"panel\",\n        pl: 7,\n        _before: {\n          bg: \"colorScheme.solid\",\n          h: \"calc(100% - {sizes.5})\",\n          left: \"3\",\n          position: \"absolute\",\n          rounded: \"full\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n          w: 1,\n        },\n      },\n    },\n    plain: {\n      description: {\n        color: \"fg.muted\",\n      },\n      icon: {\n        color: \"colorScheme.solid\",\n      },\n      root: {\n        layerStyle: \"panel\",\n      },\n    },\n    solid: {\n      icon: {\n        textStyle: \"solid\",\n      },\n      root: {\n        layerStyle: \"solid\",\n      },\n    },\n    subtle: {\n      icon: {\n        textStyle: \"subtle\",\n      },\n      root: {\n        layerStyle: \"subtle\",\n      },\n    },\n    surface: {\n      icon: {\n        textStyle: \"surface\",\n      },\n      root: {\n        layerStyle: \"surface\",\n      },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        icon: {\n          color: [\"colorScheme.600\", \"colorScheme.400\"],\n        },\n      },\n      colorScheme: [\"secondary\", \"gray\"],\n      variant: \"plain\",\n    },\n  ],\n\n  defaultProps: {\n    variant: \"plain\",\n  },\n})\n\nexport type AlertStyle = typeof alertStyle\n"],"mappings":";AAEA,MAAa,mDAAaA,EAAAA,yBAAyB;CACjD,MAAM;EACJ,aAAa,EACX,YAAY,UACd;EACA,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,UAAU;GACV,IAAI;EACN;EACA,SAAS;GACP,YAAY;GACZ,UAAU;GACV,IAAI;EACN;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,UAAU;GACV,UAAU;GACV,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,GAAG;EACL;EACA,OAAO;GACL,SAAS;GACT,YAAY;GACZ,IAAI;EACN;CACF;CAEA,UAAU;EACR,QAAQ;GACN,aAAa,EACX,OAAO,WACT;GACA,MAAM,EAAE,OAAO,oBAAoB;GACnC,MAAM;IACJ,YAAY;IACZ,IAAI;IACJ,SAAS;KACP,IAAI;KACJ,GAAG;KACH,MAAM;KACN,UAAU;KACV,SAAS;KACT,KAAK;KACL,WAAW;KACX,GAAG;IACL;GACF;EACF;EACA,OAAO;GACL,aAAa,EACX,OAAO,WACT;GACA,MAAM,EACJ,OAAO,oBACT;GACA,MAAM,EACJ,YAAY,QACd;EACF;EACA,OAAO;GACL,MAAM,EACJ,WAAW,QACb;GACA,MAAM,EACJ,YAAY,QACd;EACF;EACA,QAAQ;GACN,MAAM,EACJ,WAAW,SACb;GACA,MAAM,EACJ,YAAY,SACd;EACF;EACA,SAAS;GACP,MAAM,EACJ,WAAW,UACb;GACA,MAAM,EACJ,YAAY,UACd;EACF;CACF;CAEA,WAAW,CACT;EACE,KAAK,EACH,MAAM,EACJ,OAAO,CAAC,mBAAmB,iBAAiB,EAC9C,EACF;EACA,aAAa,CAAC,aAAa,MAAM;EACjC,SAAS;CACX,CACF;CAEA,cAAc,EACZ,SAAS,QACX;AACF,CAAC"}

package/dist/cjs/components/alpha-slider/alpha-slider.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_hooks_use_value_index = require("../../hooks/use-value/index.cjs");

package/dist/cjs/components/alpha-slider/alpha-slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alpha-slider.cjs","names":["createSlotComponent","alphaSliderStyle","useValue","checkersProps"],"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,iBACEA,yBAAAA,oBAIF,gBAAgBC,2BAAAA,iBAAiB;;;;;;AASnC,MAAa,kBAAkB,cAC5B,EACC,UACA,OACA,MAAM,GACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,cAAcC,8BAAAA,SAAS,gBAAgB;CAC7C,MAAM,oBAAA,GAAA,MAAA,eAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,iBAAA,GAAA,kBAAA,MAAC,kBAAD;GAAkB,GAAI;aAAtB,CACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAkB,GAAI,YAAc,CAAA,EAEpC,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAoB,GAAI,cAAgB,CAAA,CACvB;;IAEpB;EAAC;EAAU;EAAc;EAAY;EAAW,CAAC;CAMpD,OACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EAAkB,QAAA,GAAA,MAAA,gBALX;GAAE;GAAO;GAAK;GAAK;GAAa,GACvC;GAAC;GAAO;GAAK;GAAK;GAAY,CAIE;YAC9B,iBAAA,GAAA,kBAAA,KAAA,mBAAA,eAAA;GAAqB;GAAU;GAAkB;GAAa,GAAI;aAC/D;GACc,CAAA;EACA,CAAA;GAGvB,OACD,CAAC;CAAE;CAAkB,MAAM;CAAM,CAAC;AAInC,MAAa,qBAAqB,YAAA,mBAAA,kBAEhC,UACD,CAAC,KAAA,IAAY,EAAE,QAAQ,GAAG,WAAW;CACpC,MAAM,EAAE,OAAO,KAAK,KAAK,gBAAgB,qBAAqB;CAE9D,WAAW,CACTC,qBAAAA,eACA;EACE,YAAY,UAAU;GACpB,gBAAgB,eAAe,SAAS;uDAC3B,MAAM,CAAC,MAAM,IAAA,GAAA,oBAAA,cAAA,YAAc,IAAI;uDAC/B,MAAM,CAAC,MAAM,IAAA,GAAA,oBAAA,cAAA,YAAc,IAAI;GAC7C,CAAC,KAAK,KAAK,CAAC;EACb,WAAW;EACZ,CACF;CAED,OAAO;EAAE;EAAQ,GAAG;EAAM;EAC1B;AAIF,MAAa,mBAAmB,YAAA,mBAAA,gBAE9B,QACD,EAAE;AAIH,MAAa,mBAAmB,YAAA,mBAAA,gBAE9B,QACD,EAAE"}
+{"version":3,"file":"alpha-slider.cjs","names":["createSlotComponent","alphaSliderStyle","useValue","checkersProps"],"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,iBACEA,yBAAAA,oBAIF,gBAAgBC,2BAAAA,gBAAgB;;;;;;AASlC,MAAa,kBAAkB,cAC5B,EACC,UACA,OACA,MAAM,GACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,cAAcC,8BAAAA,SAAS,eAAe;CAC5C,MAAM,oBAAA,GAAA,MAAA,eAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,iBAAA,GAAA,kBAAA,MAAC,kBAAD;GAAkB,GAAI;aAAtB,CACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAkB,GAAI,WAAa,CAAA,GAEnC,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAoB,GAAI,aAAe,CAAA,CACvB;;CAEtB,GAAG;EAAC;EAAU;EAAc;EAAY;CAAU,CAAC;CAMnD,OACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EAAkB,QAAA,GAAA,MAAA,gBALX;GAAE;GAAO;GAAK;GAAK;EAAY,IACtC;GAAC;GAAO;GAAK;GAAK;EAAW,CAIE;YAC7B,iBAAA,GAAA,kBAAA,KAAA,mBAAA,eAAA;GAAqB;GAAU;GAAkB;GAAa,GAAI;aAC/D;EACa,CAAA;CACA,CAAA;AAEtB,GACA,MACF,EAAE;CAAE;CAAkB,MAAM;AAAK,CAAC;AAIlC,MAAa,qBAAqB,YAAA,mBAAA,kBAEhC,SACF,EAAE,KAAA,IAAY,EAAE,QAAQ,GAAG,WAAW;CACpC,MAAM,EAAE,OAAO,KAAK,KAAK,gBAAgB,oBAAoB;CAE7D,WAAW,CACTC,qBAAAA,eACA;EACE,YAAY,UAAU;GACpB,gBAAgB,eAAe,SAAS;uDAC3B,KAAK,EAAE,KAAK,KAAA,GAAA,oBAAA,cAAA,YAAe,GAAG;uDAC9B,KAAK,EAAE,KAAK,KAAA,GAAA,oBAAA,cAAA,YAAe,GAAG;EAC7C,EAAE,KAAK,IAAI,EAAE;EACb,WAAW;CACb,CACF;CAEA,OAAO;EAAE;EAAQ,GAAG;CAAK;AAC3B,CAAC;AAID,MAAa,mBAAmB,YAAA,mBAAA,gBAE9B,OACF,EAAE;AAIF,MAAa,mBAAmB,YAAA,mBAAA,gBAE9B,OACF,EAAE"}

package/dist/cjs/components/alpha-slider/alpha-slider.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alpha-slider.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/alpha-slider/alpha-slider.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const alphaSliderStyle = defineComponentSlotStyle({\n  base: {\n    root: {\n      \"--checkers-bg\": [\"colors.whiteAlpha.500\", \"colors.blackAlpha.500\"],\n      \"--checkers-fg\": [\"colors.blackAlpha.300\", \"colors.whiteAlpha.300\"],\n    },\n  },\n})\n\nexport type AlphaSliderStyle = typeof alphaSliderStyle\n"],"mappings":";AAEA,MAAa,0DAAmBA,CAAAA,yBAAyB,EACvD,MAAM,EACJ,MAAM;CACJ,iBAAiB,CAAC,yBAAyB,wBAAwB;CACnE,iBAAiB,CAAC,yBAAyB,wBAAwB;CACpE,EACF,EACF,CAAC"}
+{"version":3,"file":"alpha-slider.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/alpha-slider/alpha-slider.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const alphaSliderStyle = defineComponentSlotStyle({\n  base: {\n    root: {\n      \"--checkers-bg\": [\"colors.whiteAlpha.500\", \"colors.blackAlpha.500\"],\n      \"--checkers-fg\": [\"colors.blackAlpha.300\", \"colors.whiteAlpha.300\"],\n    },\n  },\n})\n\nexport type AlphaSliderStyle = typeof alphaSliderStyle\n"],"mappings":";AAEA,MAAa,yDAAmBA,EAAAA,yBAAyB,EACvD,MAAM,EACJ,MAAM;CACJ,iBAAiB,CAAC,yBAAyB,uBAAuB;CAClE,iBAAiB,CAAC,yBAAyB,uBAAuB;AACpE,EACF,EACF,CAAC"}

package/dist/cjs/components/aspect-ratio/aspect-ratio.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_aspect_ratio_style = require("./aspect-ratio.style.cjs");

package/dist/cjs/components/aspect-ratio/aspect-ratio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.cjs","names":["createComponent","aspectRatioStyle","Children"],"sources":["../../../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { AspectRatioStyle } from \"./aspect-ratio.style\"\nimport { Children } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { aspectRatioStyle } from \"./aspect-ratio.style\"\n\nexport interface AspectRatioProps extends HTMLStyledProps {\n  /**\n   * The aspect ratio of the Box.\n   *\n   * @default '4 / 3'\n   */\n  ratio?: StyleValue<number>\n}\n\nconst {\n  PropsContext: AspectRatioPropsContext,\n  usePropsContext: useAspectRatioPropsContext,\n  withContext,\n} = createComponent<AspectRatioProps, AspectRatioStyle>(\n  \"aspect-ratio\",\n  aspectRatioStyle,\n)\n\nexport { AspectRatioPropsContext, useAspectRatioPropsContext }\n\n/**\n * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.\n *\n * @see https://yamada-ui.com/docs/components/aspect-ratio\n */\nexport const AspectRatio = withContext(\"div\")(\n  undefined,\n  ({ children, ratio = 4 / 3, ...rest }) => {\n    const child = Children.only(children)\n\n    return {\n      ...rest,\n      children: child,\n      _before: {\n        display: \"block\",\n        h: 0,\n        pb: replaceObject(ratio, (r) => `${(1 / r) * 100}%`),\n      },\n    }\n  },\n)\n"],"mappings":";;;;;;;AAkBA,MAAM,EACJ,cAAc,yBACd,iBAAiB,4BACjB,gBACEA,yBAAAA,gBACF,gBACAC,2BAAAA,iBACD;;;;;;AASD,MAAa,cAAc,YAAY,MAAM,CAC3C,KAAA,IACC,EAAE,UAAU,QAAQ,IAAI,GAAG,GAAG,WAAW;CACxC,MAAM,QAAQC,MAAAA,SAAS,KAAK,SAAS;CAErC,OAAO;EACL,GAAG;EACH,UAAU;EACV,SAAS;GACP,SAAS;GACT,GAAG;GACH,KAAA,GAAA,oBAAA,cAAA,eAAkB,QAAQ,MAAM,GAAI,IAAI,IAAK,IAAI,GAAG;GACrD;EACF;EAEJ"}
+{"version":3,"file":"aspect-ratio.cjs","names":["createComponent","aspectRatioStyle","Children"],"sources":["../../../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { AspectRatioStyle } from \"./aspect-ratio.style\"\nimport { Children } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { aspectRatioStyle } from \"./aspect-ratio.style\"\n\nexport interface AspectRatioProps extends HTMLStyledProps {\n  /**\n   * The aspect ratio of the Box.\n   *\n   * @default '4 / 3'\n   */\n  ratio?: StyleValue<number>\n}\n\nconst {\n  PropsContext: AspectRatioPropsContext,\n  usePropsContext: useAspectRatioPropsContext,\n  withContext,\n} = createComponent<AspectRatioProps, AspectRatioStyle>(\n  \"aspect-ratio\",\n  aspectRatioStyle,\n)\n\nexport { AspectRatioPropsContext, useAspectRatioPropsContext }\n\n/**\n * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.\n *\n * @see https://yamada-ui.com/docs/components/aspect-ratio\n */\nexport const AspectRatio = withContext(\"div\")(\n  undefined,\n  ({ children, ratio = 4 / 3, ...rest }) => {\n    const child = Children.only(children)\n\n    return {\n      ...rest,\n      children: child,\n      _before: {\n        display: \"block\",\n        h: 0,\n        pb: replaceObject(ratio, (r) => `${(1 / r) * 100}%`),\n      },\n    }\n  },\n)\n"],"mappings":";;;;;;AAkBA,MAAM,EACJ,cAAc,yBACd,iBAAiB,4BACjB,gBACEA,yBAAAA,gBACF,gBACAC,2BAAAA,gBACF;;;;;;AASA,MAAa,cAAc,YAAY,KAAK,EAC1C,KAAA,IACC,EAAE,UAAU,QAAQ,IAAI,GAAG,GAAG,WAAW;CACxC,MAAM,QAAQC,MAAAA,SAAS,KAAK,QAAQ;CAEpC,OAAO;EACL,GAAG;EACH,UAAU;EACV,SAAS;GACP,SAAS;GACT,GAAG;GACH,KAAA,GAAA,oBAAA,cAAA,eAAkB,QAAQ,MAAM,GAAI,IAAI,IAAK,IAAI,EAAE;EACrD;CACF;AACF,CACF"}

package/dist/cjs/components/aspect-ratio/aspect-ratio.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/aspect-ratio/aspect-ratio.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const aspectRatioStyle = defineComponentStyle({\n  base: {\n    \"& > *:not(style)\": {\n      alignItems: \"center\",\n      bottom: \"0\",\n      display: \"flex\",\n      h: \"100%\",\n      justifyContent: \"center\",\n      left: \"0\",\n      overflow: \"hidden\",\n      position: \"absolute\",\n      right: \"0\",\n      top: \"0\",\n      w: \"100%\",\n    },\n    \"& > img, & > video\": {\n      objectFit: \"cover\",\n    },\n    position: \"relative\",\n  },\n})\n\nexport type AspectRatioStyle = typeof aspectRatioStyle\n"],"mappings":";AAEA,MAAa,0DAAmBA,CAAAA,qBAAqB,EACnD,MAAM;CACJ,oBAAoB;EAClB,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,GAAG;EACH,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,UAAU;EACV,OAAO;EACP,KAAK;EACL,GAAG;EACJ;CACD,sBAAsB,EACpB,WAAW,SACZ;CACD,UAAU;CACX,EACF,CAAC"}
+{"version":3,"file":"aspect-ratio.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/aspect-ratio/aspect-ratio.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const aspectRatioStyle = defineComponentStyle({\n  base: {\n    \"& > *:not(style)\": {\n      alignItems: \"center\",\n      bottom: \"0\",\n      display: \"flex\",\n      h: \"100%\",\n      justifyContent: \"center\",\n      left: \"0\",\n      overflow: \"hidden\",\n      position: \"absolute\",\n      right: \"0\",\n      top: \"0\",\n      w: \"100%\",\n    },\n    \"& > img, & > video\": {\n      objectFit: \"cover\",\n    },\n    position: \"relative\",\n  },\n})\n\nexport type AspectRatioStyle = typeof aspectRatioStyle\n"],"mappings":";AAEA,MAAa,yDAAmBA,EAAAA,qBAAqB,EACnD,MAAM;CACJ,oBAAoB;EAClB,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,GAAG;EACH,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,UAAU;EACV,OAAO;EACP,KAAK;EACL,GAAG;CACL;CACA,sBAAsB,EACpB,WAAW,QACb;CACA,UAAU;AACZ,EACF,CAAC"}

package/dist/cjs/components/autocomplete/autocomplete.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_props = require("../../core/components/props.cjs");

package/dist/cjs/components/autocomplete/autocomplete.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.cjs","names":["createSlotComponent","autocompleteStyle","XIcon","useGroupItemProps","usePopoverStyleProps","useAutocomplete","createComboboxItem","createComboboxChildren","useInputBorder","ComboboxDescendantsContext","ComboboxContext","AutocompleteContext","mergeProps","useInputPropsContext","ChevronDownIcon","useComboboxGroupContext","useComboboxGroup","ComboboxGroupContext","styled","useAutocompleteOption","CheckIcon","MinusIcon"],"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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"}
+{"version":3,"file":"autocomplete.cjs","names":["createSlotComponent","autocompleteStyle","XIcon","useGroupItemProps","usePopoverStyleProps","useAutocomplete","createComboboxItem","createComboboxChildren","useInputBorder","ComboboxDescendantsContext","ComboboxContext","AutocompleteContext","mergeProps","useInputPropsContext","ChevronDownIcon","useComboboxGroupContext","useComboboxGroup","ComboboxGroupContext","styled","useAutocompleteOption","CheckIcon","MinusIcon"],"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/cjs/components/autocomplete/autocomplete.style.cjs.map

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

package/dist/cjs/components/autocomplete/use-autocomplete.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_dom = require("../../utils/dom.cjs");
 const require_effect = require("../../utils/effect.cjs");