@yamada-ui/react 2.2.2-dev-20260525160901 → 2.2.2-dev-20260609113509

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

@@ -1 +1 @@
-{"version":3,"file":"native-accordion.cjs","names":["createContext","createSlotComponent","nativeAccordionStyle","useNativeAccordion","NativeAccordionContext","styled","useNativeAccordionItem","useSplitChildren","ChevronDownIcon","Children"],"sources":["../../../../src/components/native-accordion/native-accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { NativeAccordionStyle } from \"./native-accordion.style\"\nimport type {\n  UseNativeAccordionItemProps,\n  UseNativeAccordionItemReturn,\n  UseNativeAccordionProps,\n} from \"./use-native-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, useSplitChildren } from \"../../utils\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { nativeAccordionStyle } from \"./native-accordion.style\"\nimport {\n  NativeAccordionContext,\n  useNativeAccordion,\n  useNativeAccordionItem,\n} from \"./use-native-accordion\"\n\nexport interface NativeAccordionItem extends NativeAccordionItemProps {}\n\ninterface ComponentContext extends Pick<\n  NativeAccordionRootProps,\n  \"icon\" | \"iconHidden\"\n> {}\n\nexport interface NativeAccordionRootProps\n  extends\n    Omit<HTMLStyledProps, \"onChange\">,\n    ThemeProps<NativeAccordionStyle>,\n    UseNativeAccordionProps {\n  /**\n   * The accordion icon for all items to use.\n   */\n  icon?: ReactNode\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?: NativeAccordionItem[]\n}\n\ninterface ItemComponentContext\n  extends\n    Pick<NativeAccordionItemProps, \"icon\">,\n    Omit<UseNativeAccordionItemReturn, \"getItemProps\"> {}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({\n    name: \"ItemComponentContext\",\n  })\n\nconst {\n  ComponentContext,\n  PropsContext: NativeAccordionPropsContext,\n  useComponentContext,\n  usePropsContext: useNativeAccordionPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  NativeAccordionRootProps,\n  NativeAccordionStyle,\n  ComponentContext\n>(\"native-accordion\", nativeAccordionStyle)\n\nexport { NativeAccordionPropsContext, useNativeAccordionPropsContext }\n\n/**\n * `NativeAccordion` is a component for a list that displays information in an expandable or collapsible manner using the native HTML details element.\n *\n * @see https://yamada-ui.com/docs/components/native-accordion\n */\nexport const NativeAccordionRoot = withProvider<\n  \"div\",\n  NativeAccordionRootProps\n>(({ children, icon, iconHidden, items, ...props }) => {\n  const { name, getRootProps } = useNativeAccordion(props)\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return items?.map((props, index) => (\n      <NativeAccordionItem key={index} {...props} />\n    ))\n  }, [children, items])\n  const context = useMemo(() => ({ name }), [name])\n  const componentContext = useMemo(\n    () => ({ icon, iconHidden }),\n    [icon, iconHidden],\n  )\n\n  return (\n    <NativeAccordionContext value={context}>\n      <ComponentContext value={componentContext}>\n        <styled.div {...getRootProps()}>{computedChildren}</styled.div>\n      </ComponentContext>\n    </NativeAccordionContext>\n  )\n}, \"root\")()\n\nexport interface NativeAccordionItemProps\n  extends HTMLStyledProps<\"details\">, UseNativeAccordionItemProps {\n  /**\n   * The accordion button to use.\n   */\n  button?: ReactNode\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNode\n}\n\nexport const NativeAccordionItem = withContext<\n  \"details\",\n  NativeAccordionItemProps\n>(({ button, children, icon, ...rest }) => {\n  const {\n    disabled,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  } = useNativeAccordionItem(rest)\n  const [omittedChildren, customAccordionButton, customAccordionPanel] =\n    useSplitChildren(children, NativeAccordionButton, NativeAccordionPanel)\n  const context = useMemo(\n    () => ({\n      disabled,\n      icon,\n      getButtonProps,\n      getIconProps,\n      getPanelProps,\n    }),\n    [disabled, getIconProps, getPanelProps, getButtonProps, icon],\n  )\n\n  return (\n    <ItemComponentContext value={context}>\n      <styled.details {...getItemProps()}>\n        {customAccordionButton ?? (\n          <NativeAccordionButton>{button}</NativeAccordionButton>\n        )}\n        {customAccordionPanel ?? (\n          <NativeAccordionPanel>{omittedChildren}</NativeAccordionPanel>\n        )}\n      </styled.details>\n    </ItemComponentContext>\n  )\n}, \"item\")()\n\nexport interface NativeAccordionButtonProps extends HTMLStyledProps<\"summary\"> {\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNode\n}\n\nexport const NativeAccordionButton = withContext<\n  \"summary\",\n  NativeAccordionButtonProps\n>(({ children, icon: customIcon, ...rest }) => {\n  const { icon: rootIcon } = useComponentContext()\n  const { icon: itemIcon, getButtonProps } = useItemComponentContext()\n\n  return (\n    <styled.summary {...getButtonProps(rest)}>\n      {children}\n\n      <NativeAccordionIcon>\n        {customIcon ?? itemIcon ?? rootIcon}\n      </NativeAccordionIcon>\n    </styled.summary>\n  )\n}, \"button\")()\n\nexport interface NativeAccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const NativeAccordionIcon = withContext<\"svg\", NativeAccordionIconProps>(\n  ({ children = <ChevronDownIcon />, ...rest }) => {\n    const { iconHidden } = useComponentContext()\n    const { getIconProps } = useItemComponentContext()\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 NativeAccordionPanelProps extends HTMLStyledProps {}\n\nexport const NativeAccordionPanel = withContext<\n  \"div\",\n  NativeAccordionPanelProps\n>(({ children, ...rest }) => {\n  const { getPanelProps } = useItemComponentContext()\n\n  return (\n    <styled.div {...getPanelProps(rest)}>\n      <styled.div>{children}</styled.div>\n    </styled.div>\n  )\n}, \"panel\")()\n"],"mappings":"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"}
+{"version":3,"file":"native-accordion.cjs","names":["createContext","createSlotComponent","nativeAccordionStyle","useNativeAccordion","NativeAccordionContext","styled","useNativeAccordionItem","useSplitChildren","ChevronDownIcon","Children"],"sources":["../../../../src/components/native-accordion/native-accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { NativeAccordionStyle } from \"./native-accordion.style\"\nimport type {\n  UseNativeAccordionItemProps,\n  UseNativeAccordionItemReturn,\n  UseNativeAccordionProps,\n} from \"./use-native-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, useSplitChildren } from \"../../utils\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { nativeAccordionStyle } from \"./native-accordion.style\"\nimport {\n  NativeAccordionContext,\n  useNativeAccordion,\n  useNativeAccordionItem,\n} from \"./use-native-accordion\"\n\nexport interface NativeAccordionItem extends NativeAccordionItemProps {}\n\ninterface ComponentContext extends Pick<\n  NativeAccordionRootProps,\n  \"icon\" | \"iconHidden\"\n> {}\n\nexport interface NativeAccordionRootProps\n  extends\n    Omit<HTMLStyledProps, \"onChange\">,\n    ThemeProps<NativeAccordionStyle>,\n    UseNativeAccordionProps {\n  /**\n   * The accordion icon for all items to use.\n   */\n  icon?: ReactNode\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?: NativeAccordionItem[]\n}\n\ninterface ItemComponentContext\n  extends\n    Pick<NativeAccordionItemProps, \"icon\">,\n    Omit<UseNativeAccordionItemReturn, \"getItemProps\"> {}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({\n    name: \"ItemComponentContext\",\n  })\n\nconst {\n  ComponentContext,\n  PropsContext: NativeAccordionPropsContext,\n  useComponentContext,\n  usePropsContext: useNativeAccordionPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  NativeAccordionRootProps,\n  NativeAccordionStyle,\n  ComponentContext\n>(\"native-accordion\", nativeAccordionStyle)\n\nexport { NativeAccordionPropsContext, useNativeAccordionPropsContext }\n\n/**\n * `NativeAccordion` is a component for a list that displays information in an expandable or collapsible manner using the native HTML details element.\n *\n * @see https://yamada-ui.com/docs/components/native-accordion\n */\nexport const NativeAccordionRoot = withProvider<\n  \"div\",\n  NativeAccordionRootProps\n>(({ children, icon, iconHidden, items, ...props }) => {\n  const { name, getRootProps } = useNativeAccordion(props)\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return items?.map((props, index) => (\n      <NativeAccordionItem key={index} {...props} />\n    ))\n  }, [children, items])\n  const context = useMemo(() => ({ name }), [name])\n  const componentContext = useMemo(\n    () => ({ icon, iconHidden }),\n    [icon, iconHidden],\n  )\n\n  return (\n    <NativeAccordionContext value={context}>\n      <ComponentContext value={componentContext}>\n        <styled.div {...getRootProps()}>{computedChildren}</styled.div>\n      </ComponentContext>\n    </NativeAccordionContext>\n  )\n}, \"root\")()\n\nexport interface NativeAccordionItemProps\n  extends HTMLStyledProps<\"details\">, UseNativeAccordionItemProps {\n  /**\n   * The accordion button to use.\n   */\n  button?: ReactNode\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNode\n}\n\nexport const NativeAccordionItem = withContext<\n  \"details\",\n  NativeAccordionItemProps\n>(({ button, children, icon, ...rest }) => {\n  const {\n    disabled,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  } = useNativeAccordionItem(rest)\n  const [omittedChildren, customAccordionButton, customAccordionPanel] =\n    useSplitChildren(children, NativeAccordionButton, NativeAccordionPanel)\n  const context = useMemo(\n    () => ({\n      disabled,\n      icon,\n      getButtonProps,\n      getIconProps,\n      getPanelProps,\n    }),\n    [disabled, getIconProps, getPanelProps, getButtonProps, icon],\n  )\n\n  return (\n    <ItemComponentContext value={context}>\n      <styled.details {...getItemProps()}>\n        {customAccordionButton ?? (\n          <NativeAccordionButton>{button}</NativeAccordionButton>\n        )}\n        {customAccordionPanel ?? (\n          <NativeAccordionPanel>{omittedChildren}</NativeAccordionPanel>\n        )}\n      </styled.details>\n    </ItemComponentContext>\n  )\n}, \"item\")()\n\nexport interface NativeAccordionButtonProps extends HTMLStyledProps<\"summary\"> {\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNode\n}\n\nexport const NativeAccordionButton = withContext<\n  \"summary\",\n  NativeAccordionButtonProps\n>(({ children, icon: customIcon, ...rest }) => {\n  const { icon: rootIcon } = useComponentContext()\n  const { icon: itemIcon, getButtonProps } = useItemComponentContext()\n\n  return (\n    <styled.summary {...getButtonProps(rest)}>\n      {children}\n\n      <NativeAccordionIcon>\n        {customIcon ?? itemIcon ?? rootIcon}\n      </NativeAccordionIcon>\n    </styled.summary>\n  )\n}, \"button\")()\n\nexport interface NativeAccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const NativeAccordionIcon = withContext<\"svg\", NativeAccordionIconProps>(\n  ({ children = <ChevronDownIcon />, ...rest }) => {\n    const { iconHidden } = useComponentContext()\n    const { getIconProps } = useItemComponentContext()\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 NativeAccordionPanelProps extends HTMLStyledProps {}\n\nexport const NativeAccordionPanel = withContext<\n  \"div\",\n  NativeAccordionPanelProps\n>(({ children, ...rest }) => {\n  const { getPanelProps } = useItemComponentContext()\n\n  return (\n    <styled.div {...getPanelProps(rest)}>\n      <styled.div>{children}</styled.div>\n    </styled.div>\n  )\n}, \"panel\")()\n"],"mappings":"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"}

package/dist/cjs/components/native-accordion/native-accordion.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"native-accordion.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-accordion/native-accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeAccordionStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      display: \"inline-flex\",\n      focusVisibleRing: \"inside\",\n      listStyle: \"none\",\n      px: \"4\",\n      py: \"3\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    icon: {\n      color: \"fg.subtle\",\n      fontSize: \"xl\",\n      ml: \"auto\",\n      transformOrigin: \"center\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"transform\",\n      _groupOpen: { transform: \"rotate(180deg)\" },\n    },\n    item: { overflowAnchor: \"none\" },\n    panel: { px: \"4\", _groupOpen: { pb: \"3\" } },\n    root: { w: \"full\" },\n  },\n\n  props: {\n    /**\n     * If `true`, animate the accordion items when they are expanded or collapsed.\n     *\n     * @default true\n     */\n    animate: {\n      true: {\n        item: {\n          _detailsContent: {\n            transition: \"content-visibility 0.4s allow-discrete\",\n          },\n        },\n        panel: {\n          \"& > div\": { overflow: \"hidden\" },\n          display: \"grid\",\n          gridTemplateRows: \"0fr\",\n          transitionDuration: \"slow\",\n          transitionProperty: \"grid-template-rows\",\n          _groupOpen: {\n            gridTemplateRows: \"1fr\",\n            _startingStyle: { gridTemplateRows: \"0fr\" },\n          },\n        },\n      },\n    },\n  },\n\n  variants: {\n    panel: {\n      button: { rounded: \"l2\" },\n      item: { layerStyle: \"panel\", rounded: \"l2\", _notFirst: { mt: \"md\" } },\n    },\n    plain: {\n      item: { borderTopWidth: \"1px\", _last: { borderBottomWidth: \"1px\" } },\n    },\n  },\n\n  defaultProps: {\n    variant: \"plain\",\n    animate: true,\n  },\n})\n\nexport type NativeAccordionStyle = typeof nativeAccordionStyle\n"],"mappings":";AAEA,MAAa,6DAAuBA,EAAAA,yBAAyB;CAC3D,MAAM;EACJ,QAAQ;GACN,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,kBAAkB;GAClB,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,MAAM;GACJ,OAAO;GACP,UAAU;GACV,IAAI;GACJ,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY,EAAE,WAAW,iBAAiB;EAC5C;EACA,MAAM,EAAE,gBAAgB,OAAO;EAC/B,OAAO;GAAE,IAAI;GAAK,YAAY,EAAE,IAAI,IAAI;EAAE;EAC1C,MAAM,EAAE,GAAG,OAAO;CACpB;CAEA,OAAO;;;;;;AAML,SAAS,EACP,MAAM;EACJ,MAAM,EACJ,iBAAiB,EACf,YAAY,yCACd,EACF;EACA,OAAO;GACL,WAAW,EAAE,UAAU,SAAS;GAChC,SAAS;GACT,kBAAkB;GAClB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY;IACV,kBAAkB;IAClB,gBAAgB,EAAE,kBAAkB,MAAM;GAC5C;EACF;CACF,EACF,EACF;CAEA,UAAU;EACR,OAAO;GACL,QAAQ,EAAE,SAAS,KAAK;GACxB,MAAM;IAAE,YAAY;IAAS,SAAS;IAAM,WAAW,EAAE,IAAI,KAAK;GAAE;EACtE;EACA,OAAO,EACL,MAAM;GAAE,gBAAgB;GAAO,OAAO,EAAE,mBAAmB,MAAM;EAAE,EACrE;CACF;CAEA,cAAc;EACZ,SAAS;EACT,SAAS;CACX;AACF,CAAC"}
+{"version":3,"file":"native-accordion.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-accordion/native-accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeAccordionStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      display: \"inline-flex\",\n      focusVisibleRing: \"inside\",\n      listStyle: \"none\",\n      px: \"4\",\n      py: \"3\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    icon: {\n      color: \"fg.subtle\",\n      fontSize: \"xl\",\n      ml: \"auto\",\n      transformOrigin: \"center\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"transform\",\n      _groupOpen: { transform: \"rotate(180deg)\" },\n    },\n    item: { overflowAnchor: \"none\" },\n    panel: { px: \"4\", _groupOpen: { pb: \"3\" } },\n    root: { w: \"full\" },\n  },\n\n  props: {\n    /**\n     * If `true`, animate the accordion items when they are expanded or collapsed.\n     *\n     * @default true\n     */\n    animate: {\n      true: {\n        item: {\n          _detailsContent: {\n            transition: \"content-visibility 0.4s allow-discrete\",\n          },\n        },\n        panel: {\n          \"& > div\": { overflow: \"hidden\" },\n          display: \"grid\",\n          gridTemplateRows: \"0fr\",\n          transitionDuration: \"slow\",\n          transitionProperty: \"grid-template-rows\",\n          _groupOpen: {\n            gridTemplateRows: \"1fr\",\n            _startingStyle: { gridTemplateRows: \"0fr\" },\n          },\n        },\n      },\n    },\n  },\n\n  variants: {\n    panel: {\n      button: { rounded: \"l2\" },\n      item: { layerStyle: \"panel\", rounded: \"l2\", _notFirst: { mt: \"md\" } },\n    },\n    plain: {\n      item: { borderTopWidth: \"1px\", _last: { borderBottomWidth: \"1px\" } },\n    },\n  },\n\n  defaultProps: {\n    variant: \"plain\",\n    animate: true,\n  },\n})\n\nexport type NativeAccordionStyle = typeof nativeAccordionStyle\n"],"mappings":";AAEA,MAAa,6DAAuBA,CAAAA,CAAAA,yBAAyB;CAC3D,MAAM;EACJ,QAAQ;GACN,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,kBAAkB;GAClB,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,MAAM;GACJ,OAAO;GACP,UAAU;GACV,IAAI;GACJ,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY,EAAE,WAAW,iBAAiB;EAC5C;EACA,MAAM,EAAE,gBAAgB,OAAO;EAC/B,OAAO;GAAE,IAAI;GAAK,YAAY,EAAE,IAAI,IAAI;EAAE;EAC1C,MAAM,EAAE,GAAG,OAAO;CACpB;CAEA,OAAO;;;;;;AAML,SAAS,EACP,MAAM;EACJ,MAAM,EACJ,iBAAiB,EACf,YAAY,yCACd,EACF;EACA,OAAO;GACL,WAAW,EAAE,UAAU,SAAS;GAChC,SAAS;GACT,kBAAkB;GAClB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY;IACV,kBAAkB;IAClB,gBAAgB,EAAE,kBAAkB,MAAM;GAC5C;EACF;CACF,EACF,EACF;CAEA,UAAU;EACR,OAAO;GACL,QAAQ,EAAE,SAAS,KAAK;GACxB,MAAM;IAAE,YAAY;IAAS,SAAS;IAAM,WAAW,EAAE,IAAI,KAAK;GAAE;EACtE;EACA,OAAO,EACL,MAAM;GAAE,gBAAgB;GAAO,OAAO,EAAE,mBAAmB,MAAM;EAAE,EACrE;CACF;CAEA,cAAc;EACZ,SAAS;EACT,SAAS;CACX;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-native-accordion.cjs","names":["createContext","mergeProps","mergeRefs"],"sources":["../../../../src/components/native-accordion/use-native-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport {\n  ariaAttr,\n  createContext,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n} from \"../../utils\"\n\ninterface NativeAccordionContext extends Pick<\n  UseNativeAccordionReturn,\n  \"name\"\n> {}\n\nconst [NativeAccordionContext, useNativeAccordionContext] =\n  createContext<NativeAccordionContext>({\n    name: \"NativeAccordionContext\",\n  })\n\nexport { NativeAccordionContext, useNativeAccordionContext }\n\nexport interface UseNativeAccordionProps extends HTMLProps {\n  /**\n   * If `true`, multiple accordion items can be expanded at once.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n}\n\nexport const useNativeAccordion = ({\n  name,\n  multiple = false,\n  ...rest\n}: UseNativeAccordionProps = {}) => {\n  const generatedName = useId()\n  const { ref: restRef, ...restProps } = rest\n\n  const getRootProps: PropGetter = ({ ref, ...props } = {}) =>\n    mergeProps(props, restProps, {\n      ref: mergeRefs(ref, restRef),\n    })()\n\n  return {\n    name: multiple ? undefined : (name ?? generatedName),\n    getRootProps,\n  }\n}\n\nexport type UseNativeAccordionReturn = ReturnType<typeof useNativeAccordion>\n\nexport interface UseNativeAccordionItemProps extends HTMLProps<\"details\"> {\n  /**\n   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useNativeAccordionItem = ({\n  disabled,\n  ...rest\n}: UseNativeAccordionItemProps) => {\n  const { name } = useNativeAccordionContext()\n  const { ref: restRef, ...restProps } = rest\n\n  const getItemProps: PropGetter<\"details\"> = ({ ref, ...props } = {}) =>\n    mergeProps(\n      {\n        name: props.name ?? restProps.name ?? name,\n        \"data-group\": \"\",\n      },\n      restProps,\n      props,\n      {\n        ref: mergeRefs(ref, restRef),\n      },\n    )()\n\n  const getButtonProps: PropGetter<\"summary\"> = useCallback(\n    (props = {}) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"data-disabled\": dataAttr(disabled),\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        if (!disabled) return\n\n        ev.preventDefault()\n      }),\n    }),\n    [disabled],\n  )\n\n  const getPanelProps: PropGetter = useCallback((props = {}) => props, [])\n\n  const getIconProps: PropGetter<\"svg\"> = useCallback(\n    (props = {}) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled],\n  )\n\n  return {\n    disabled,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  }\n}\n\nexport type UseNativeAccordionItemReturn = ReturnType<\n  typeof useNativeAccordionItem\n>\n"],"mappings":";;;;;;;AAkBA,MAAM,CAAC,wBAAwB,6BAC7BA,gBAAAA,cAAsC,EACpC,MAAM,yBACR,CAAC;AAiBH,MAAa,sBAAsB,EACjC,MACA,WAAW,OACX,GAAG,SACwB,CAAC,MAAM;CAClC,MAAM,iBAAA,GAAA,MAAA,OAAsB;CAC5B,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;CAEvC,MAAM,gBAA4B,EAAE,KAAK,GAAG,UAAU,CAAC,MACrDC,cAAAA,WAAW,OAAO,WAAW,EAC3B,KAAKC,YAAAA,UAAU,KAAK,OAAO,EAC7B,CAAC,EAAE;CAEL,OAAO;EACL,MAAM,WAAW,KAAA,IAAa,QAAQ;EACtC;CACF;AACF;AAaA,MAAa,0BAA0B,EACrC,UACA,GAAG,WAC8B;CACjC,MAAM,EAAE,SAAS,0BAA0B;CAC3C,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;CAEvC,MAAM,gBAAuC,EAAE,KAAK,GAAG,UAAU,CAAC,MAChED,cAAAA,WACE;EACE,MAAM,MAAM,QAAQ,UAAU,QAAQ;EACtC,cAAc;CAChB,GACA,WACA,OACA,EACE,KAAKC,YAAAA,UAAU,KAAK,OAAO,EAC7B,CACF,EAAE;CAEJ,MAAM,kBAAA,GAAA,MAAA,cACH,QAAQ,CAAC,OAAO;EACf,kBAAA,GAAA,oBAAA,cAAA,UAA0B,QAAQ;EAClC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,QAAQ;EAClC,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,UAAU,OAAO;GACzC,IAAI,CAAC,UAAU;GAEf,GAAG,eAAe;EACpB,CAAC;CACH,IACA,CAAC,QAAQ,CACX;CAEA,MAAM,iBAAA,GAAA,MAAA,cAAyC,QAAQ,CAAC,MAAM,OAAO,CAAC,CAAC;CAYvE,OAAO;EACL;EACA;EACA,eAAA,GAAA,MAAA,cAZC,QAAQ,CAAC,OAAO;GACf,kBAAA,GAAA,oBAAA,cAAA,UAA0B,QAAQ;GAClC,eAAe;GACf,MAAM;GACN,GAAG;EACL,IACA,CAAC,QAAQ,CAME;EACX;EACA;CACF;AACF"}
+{"version":3,"file":"use-native-accordion.cjs","names":["createContext","mergeProps","mergeRefs"],"sources":["../../../../src/components/native-accordion/use-native-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport {\n  ariaAttr,\n  createContext,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n} from \"../../utils\"\n\ninterface NativeAccordionContext extends Pick<\n  UseNativeAccordionReturn,\n  \"name\"\n> {}\n\nconst [NativeAccordionContext, useNativeAccordionContext] =\n  createContext<NativeAccordionContext>({\n    name: \"NativeAccordionContext\",\n  })\n\nexport { NativeAccordionContext, useNativeAccordionContext }\n\nexport interface UseNativeAccordionProps extends HTMLProps {\n  /**\n   * If `true`, multiple accordion items can be expanded at once.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n}\n\nexport const useNativeAccordion = ({\n  name,\n  multiple = false,\n  ...rest\n}: UseNativeAccordionProps = {}) => {\n  const generatedName = useId()\n  const { ref: restRef, ...restProps } = rest\n\n  const getRootProps: PropGetter = ({ ref, ...props } = {}) =>\n    mergeProps(props, restProps, {\n      ref: mergeRefs(ref, restRef),\n    })()\n\n  return {\n    name: multiple ? undefined : (name ?? generatedName),\n    getRootProps,\n  }\n}\n\nexport type UseNativeAccordionReturn = ReturnType<typeof useNativeAccordion>\n\nexport interface UseNativeAccordionItemProps extends HTMLProps<\"details\"> {\n  /**\n   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useNativeAccordionItem = ({\n  disabled,\n  ...rest\n}: UseNativeAccordionItemProps) => {\n  const { name } = useNativeAccordionContext()\n  const { ref: restRef, ...restProps } = rest\n\n  const getItemProps: PropGetter<\"details\"> = ({ ref, ...props } = {}) =>\n    mergeProps(\n      {\n        name: props.name ?? restProps.name ?? name,\n        \"data-group\": \"\",\n      },\n      restProps,\n      props,\n      {\n        ref: mergeRefs(ref, restRef),\n      },\n    )()\n\n  const getButtonProps: PropGetter<\"summary\"> = useCallback(\n    (props = {}) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"data-disabled\": dataAttr(disabled),\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        if (!disabled) return\n\n        ev.preventDefault()\n      }),\n    }),\n    [disabled],\n  )\n\n  const getPanelProps: PropGetter = useCallback((props = {}) => props, [])\n\n  const getIconProps: PropGetter<\"svg\"> = useCallback(\n    (props = {}) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled],\n  )\n\n  return {\n    disabled,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  }\n}\n\nexport type UseNativeAccordionItemReturn = ReturnType<\n  typeof useNativeAccordionItem\n>\n"],"mappings":";;;;;;;AAkBA,MAAM,CAAC,wBAAwB,6BAC7BA,gBAAAA,cAAsC,EACpC,MAAM,yBACR,CAAC;AAiBH,MAAa,sBAAsB,EACjC,MACA,WAAW,OACX,GAAG,SACwB,CAAC,MAAM;CAClC,MAAM,iBAAA,GAAA,MAAA,MAAA,CAAsB;CAC5B,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;CAEvC,MAAM,gBAA4B,EAAE,KAAK,GAAG,UAAU,CAAC,MACrDC,cAAAA,WAAW,OAAO,WAAW,EAC3B,KAAKC,YAAAA,UAAU,KAAK,OAAO,EAC7B,CAAC,CAAC,CAAC;CAEL,OAAO;EACL,MAAM,WAAW,KAAA,IAAa,QAAQ;EACtC;CACF;AACF;AAaA,MAAa,0BAA0B,EACrC,UACA,GAAG,WAC8B;CACjC,MAAM,EAAE,SAAS,0BAA0B;CAC3C,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;CAEvC,MAAM,gBAAuC,EAAE,KAAK,GAAG,UAAU,CAAC,MAChED,cAAAA,WACE;EACE,MAAM,MAAM,QAAQ,UAAU,QAAQ;EACtC,cAAc;CAChB,GACA,WACA,OACA,EACE,KAAKC,YAAAA,UAAU,KAAK,OAAO,EAC7B,CACF,CAAC,CAAC;CAEJ,MAAM,kBAAA,GAAA,MAAA,YAAA,EACH,QAAQ,CAAC,OAAO;EACf,kBAAA,GAAA,oBAAA,cAAA,SAAA,CAA0B,QAAQ;EAClC,kBAAA,GAAA,oBAAA,cAAA,SAAA,CAA0B,QAAQ;EAClC,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,WAAA,CAAoB,MAAM,UAAU,OAAO;GACzC,IAAI,CAAC,UAAU;GAEf,GAAG,eAAe;EACpB,CAAC;CACH,IACA,CAAC,QAAQ,CACX;CAEA,MAAM,iBAAA,GAAA,MAAA,YAAA,EAAyC,QAAQ,CAAC,MAAM,OAAO,CAAC,CAAC;CAYvE,OAAO;EACL;EACA;EACA,eAAA,GAAA,MAAA,YAAA,EAZC,QAAQ,CAAC,OAAO;GACf,kBAAA,GAAA,oBAAA,cAAA,SAAA,CAA0B,QAAQ;GAClC,eAAe;GACf,MAAM;GACN,GAAG;EACL,IACA,CAAC,QAAQ,CAME;EACX;EACA;CACF;AACF"}

package/dist/cjs/components/native-popover/native-popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"native-popover.cjs","names":["createSlotComponent","nativePopoverStyle","useNativePopover","styled"],"sources":["../../../../src/components/native-popover/native-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { NativePopoverStyle } from \"./native-popover.style\"\nimport type {\n  UseNativePopoverProps,\n  UseNativePopoverReturn,\n} from \"./use-native-popover\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { cast } from \"../../utils\"\nimport { nativePopoverStyle } from \"./native-popover.style\"\nimport { useNativePopover } from \"./use-native-popover\"\n\ninterface ComponentContext extends Pick<\n  UseNativePopoverReturn,\n  | \"getAnchorProps\"\n  | \"getBodyProps\"\n  | \"getCloseTriggerProps\"\n  | \"getContentProps\"\n  | \"getFooterProps\"\n  | \"getHeaderProps\"\n  | \"getPositionerProps\"\n  | \"getTriggerProps\"\n> {}\n\nexport interface NativePopoverRootProps\n  extends\n    UseNativePopoverProps,\n    ThemeProps<NativePopoverStyle>,\n    PropsWithChildren {}\n\nconst {\n  ComponentContext,\n  PropsContext: NativePopoverPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: useNativePopoverPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<\n  NativePopoverRootProps,\n  NativePopoverStyle,\n  ComponentContext\n>(\"native-popover\", nativePopoverStyle)\n\nexport { NativePopoverPropsContext, useNativePopoverPropsContext }\n\n/**\n * `NativePopover` is a component that floats around an element to display information using the native HTML Popover API.\n *\n * @see https://yamada-ui.com/docs/components/native-popover\n */\nexport const NativePopoverRoot: FC<NativePopoverRootProps> = (props) => {\n  const [styleContext, { children, ...rest }] = useRootComponentProps(props)\n  const {\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n  } = useNativePopover(rest)\n  const componentContext = useMemo(\n    () => ({\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    }),\n    [\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <ComponentContext value={componentContext}>{children}</ComponentContext>\n    </StyleContext>\n  )\n}\n\nexport interface NativePopoverTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const NativePopoverTrigger = withContext<\n  \"button\",\n  NativePopoverTriggerProps\n>(\"button\", \"trigger\")({ asChild: true }, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return getTriggerProps(props)\n})\n\nexport interface NativePopoverAnchorProps extends HTMLStyledProps {}\n\nexport const NativePopoverAnchor = withContext<\"div\", NativePopoverAnchorProps>(\n  \"div\",\n  \"anchor\",\n)({ asChild: true }, (props) => {\n  const { getAnchorProps } = useComponentContext()\n\n  return getAnchorProps(props)\n})\n\ninterface NativePopoverPositionerProps extends HTMLStyledProps {}\n\nconst NativePopoverPositioner = withContext<\n  \"div\",\n  NativePopoverPositionerProps\n>(\"div\", \"positioner\")({ asChild: true }, (props) => {\n  const { getPositionerProps } = useComponentContext()\n\n  return getPositionerProps(props)\n})\n\nexport interface NativePopoverCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const NativePopoverCloseTrigger = withContext<\n  \"button\",\n  NativePopoverCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  { asChild: true },\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return getCloseTriggerProps(props)\n  },\n)\n\nexport interface NativePopoverContentProps\n  extends HTMLStyledProps, PropsWithChildren {}\n\nexport const NativePopoverContent = withContext<\n  \"div\",\n  NativePopoverContentProps\n>(({ children, ...rest }) => {\n  const { getContentProps } = useComponentContext()\n\n  return (\n    <NativePopoverPositioner>\n      <styled.div {...getContentProps(cast<HTMLStyledProps>(rest))}>\n        {children}\n      </styled.div>\n    </NativePopoverPositioner>\n  )\n}, \"content\")({\n  suppressHydrationWarning: true,\n})\n\nexport interface NativePopoverHeaderProps extends HTMLStyledProps {}\n\nexport const NativePopoverHeader = withContext<\"div\", NativePopoverHeaderProps>(\n  \"div\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return getHeaderProps(props)\n})\n\nexport interface NativePopoverBodyProps extends HTMLStyledProps {}\n\nexport const NativePopoverBody = withContext<\"div\", NativePopoverBodyProps>(\n  \"div\",\n  \"body\",\n)(undefined, (props) => {\n  const { getBodyProps } = useComponentContext()\n\n  return getBodyProps(props)\n})\n\nexport interface NativePopoverFooterProps extends HTMLStyledProps {}\n\nexport const NativePopoverFooter = withContext<\"div\", NativePopoverFooterProps>(\n  \"div\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return getFooterProps(props)\n})\n"],"mappings":";;;;;;;;;AAiCA,MAAM,EACJ,kBACA,cAAc,2BACd,cACA,qBACA,iBAAiB,8BACjB,aACA,0BACEA,yBAAAA,oBAIF,kBAAkBC,6BAAAA,kBAAkB;;;;;;AAStC,MAAa,qBAAiD,UAAU;CACtE,MAAM,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,sBAAsB,KAAK;CACzE,MAAM,EACJ,gBACA,cACA,sBACA,iBACA,gBACA,gBACA,oBACA,oBACEC,2BAAAA,iBAAiB,IAAI;CAwBzB,OACE,iBAAA,GAAA,kBAAA,KAAC,cAAD;EAAc,OAAO;YACnB,iBAAA,GAAA,kBAAA,KAAC,kBAAD;GAAkB,QAAA,GAAA,MAAA,gBAxBb;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,IACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAK0C;GAAI;EAA2B,CAAA;CAC3D,CAAA;AAElB;AAIA,MAAa,uBAAuB,YAGlC,UAAU,SAAS,EAAE,EAAE,SAAS,KAAK,IAAI,UAAU;CACnD,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO,gBAAgB,KAAK;AAC9B,CAAC;AAID,MAAa,sBAAsB,YACjC,OACA,QACF,EAAE,EAAE,SAAS,KAAK,IAAI,UAAU;CAC9B,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC;AAID,MAAM,0BAA0B,YAG9B,OAAO,YAAY,EAAE,EAAE,SAAS,KAAK,IAAI,UAAU;CACnD,MAAM,EAAE,uBAAuB,oBAAoB;CAEnD,OAAO,mBAAmB,KAAK;AACjC,CAAC;AAID,MAAa,4BAA4B,YAGvC,UAAU;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,OAAO;AAAE,CAAC,EAC9D,EAAE,SAAS,KAAK,IACf,UAAU;CACT,MAAM,EAAE,yBAAyB,oBAAoB;CAErD,OAAO,qBAAqB,KAAK;AACnC,CACF;AAKA,MAAa,uBAAuB,aAGjC,EAAE,UAAU,GAAG,WAAW;CAC3B,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OACE,iBAAA,GAAA,kBAAA,KAAC,yBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;EAAY,GAAI,iBAAA,GAAA,oBAAA,cAAA,MAAsC,IAAI,CAAC;EACxD;CACS,CAAA,EACW,CAAA;AAE7B,GAAG,SAAS,EAAE,EACZ,0BAA0B,KAC5B,CAAC;AAID,MAAa,sBAAsB,YACjC,OACA,QACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC;AAID,MAAa,oBAAoB,YAC/B,OACA,MACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,iBAAiB,oBAAoB;CAE7C,OAAO,aAAa,KAAK;AAC3B,CAAC;AAID,MAAa,sBAAsB,YACjC,OACA,QACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC"}
+{"version":3,"file":"native-popover.cjs","names":["createSlotComponent","nativePopoverStyle","useNativePopover","styled"],"sources":["../../../../src/components/native-popover/native-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { NativePopoverStyle } from \"./native-popover.style\"\nimport type {\n  UseNativePopoverProps,\n  UseNativePopoverReturn,\n} from \"./use-native-popover\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { cast } from \"../../utils\"\nimport { nativePopoverStyle } from \"./native-popover.style\"\nimport { useNativePopover } from \"./use-native-popover\"\n\ninterface ComponentContext extends Pick<\n  UseNativePopoverReturn,\n  | \"getAnchorProps\"\n  | \"getBodyProps\"\n  | \"getCloseTriggerProps\"\n  | \"getContentProps\"\n  | \"getFooterProps\"\n  | \"getHeaderProps\"\n  | \"getPositionerProps\"\n  | \"getTriggerProps\"\n> {}\n\nexport interface NativePopoverRootProps\n  extends\n    UseNativePopoverProps,\n    ThemeProps<NativePopoverStyle>,\n    PropsWithChildren {}\n\nconst {\n  ComponentContext,\n  PropsContext: NativePopoverPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: useNativePopoverPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<\n  NativePopoverRootProps,\n  NativePopoverStyle,\n  ComponentContext\n>(\"native-popover\", nativePopoverStyle)\n\nexport { NativePopoverPropsContext, useNativePopoverPropsContext }\n\n/**\n * `NativePopover` is a component that floats around an element to display information using the native HTML Popover API.\n *\n * @see https://yamada-ui.com/docs/components/native-popover\n */\nexport const NativePopoverRoot: FC<NativePopoverRootProps> = (props) => {\n  const [styleContext, { children, ...rest }] = useRootComponentProps(props)\n  const {\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n  } = useNativePopover(rest)\n  const componentContext = useMemo(\n    () => ({\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    }),\n    [\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <ComponentContext value={componentContext}>{children}</ComponentContext>\n    </StyleContext>\n  )\n}\n\nexport interface NativePopoverTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const NativePopoverTrigger = withContext<\n  \"button\",\n  NativePopoverTriggerProps\n>(\"button\", \"trigger\")({ asChild: true }, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return getTriggerProps(props)\n})\n\nexport interface NativePopoverAnchorProps extends HTMLStyledProps {}\n\nexport const NativePopoverAnchor = withContext<\"div\", NativePopoverAnchorProps>(\n  \"div\",\n  \"anchor\",\n)({ asChild: true }, (props) => {\n  const { getAnchorProps } = useComponentContext()\n\n  return getAnchorProps(props)\n})\n\ninterface NativePopoverPositionerProps extends HTMLStyledProps {}\n\nconst NativePopoverPositioner = withContext<\n  \"div\",\n  NativePopoverPositionerProps\n>(\"div\", \"positioner\")({ asChild: true }, (props) => {\n  const { getPositionerProps } = useComponentContext()\n\n  return getPositionerProps(props)\n})\n\nexport interface NativePopoverCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const NativePopoverCloseTrigger = withContext<\n  \"button\",\n  NativePopoverCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  { asChild: true },\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return getCloseTriggerProps(props)\n  },\n)\n\nexport interface NativePopoverContentProps\n  extends HTMLStyledProps, PropsWithChildren {}\n\nexport const NativePopoverContent = withContext<\n  \"div\",\n  NativePopoverContentProps\n>(({ children, ...rest }) => {\n  const { getContentProps } = useComponentContext()\n\n  return (\n    <NativePopoverPositioner>\n      <styled.div {...getContentProps(cast<HTMLStyledProps>(rest))}>\n        {children}\n      </styled.div>\n    </NativePopoverPositioner>\n  )\n}, \"content\")({\n  suppressHydrationWarning: true,\n})\n\nexport interface NativePopoverHeaderProps extends HTMLStyledProps {}\n\nexport const NativePopoverHeader = withContext<\"div\", NativePopoverHeaderProps>(\n  \"div\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return getHeaderProps(props)\n})\n\nexport interface NativePopoverBodyProps extends HTMLStyledProps {}\n\nexport const NativePopoverBody = withContext<\"div\", NativePopoverBodyProps>(\n  \"div\",\n  \"body\",\n)(undefined, (props) => {\n  const { getBodyProps } = useComponentContext()\n\n  return getBodyProps(props)\n})\n\nexport interface NativePopoverFooterProps extends HTMLStyledProps {}\n\nexport const NativePopoverFooter = withContext<\"div\", NativePopoverFooterProps>(\n  \"div\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return getFooterProps(props)\n})\n"],"mappings":";;;;;;;;;AAiCA,MAAM,EACJ,kBACA,cAAc,2BACd,cACA,qBACA,iBAAiB,8BACjB,aACA,0BACEA,yBAAAA,oBAIF,kBAAkBC,6BAAAA,kBAAkB;;;;;;AAStC,MAAa,qBAAiD,UAAU;CACtE,MAAM,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,sBAAsB,KAAK;CACzE,MAAM,EACJ,gBACA,cACA,sBACA,iBACA,gBACA,gBACA,oBACA,oBACEC,2BAAAA,iBAAiB,IAAI;CAwBzB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;EAAc,OAAO;YACnB,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;GAAkB,QAAA,GAAA,MAAA,QAAA,QAxBb;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,IACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAK0C;GAAI;EAA2B,CAAA;CAC3D,CAAA;AAElB;AAIA,MAAa,uBAAuB,YAGlC,UAAU,SAAS,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,UAAU;CACnD,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO,gBAAgB,KAAK;AAC9B,CAAC;AAID,MAAa,sBAAsB,YACjC,OACA,QACF,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,UAAU;CAC9B,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC;AAID,MAAM,0BAA0B,YAG9B,OAAO,YAAY,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,UAAU;CACnD,MAAM,EAAE,uBAAuB,oBAAoB;CAEnD,OAAO,mBAAmB,KAAK;AACjC,CAAC;AAID,MAAa,4BAA4B,YAGvC,UAAU;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,OAAO;AAAE,CAAC,CAAC,CAC/D,EAAE,SAAS,KAAK,IACf,UAAU;CACT,MAAM,EAAE,yBAAyB,oBAAoB;CAErD,OAAO,qBAAqB,KAAK;AACnC,CACF;AAKA,MAAa,uBAAuB,aAGjC,EAAE,UAAU,GAAG,WAAW;CAC3B,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EAAY,GAAI,iBAAA,GAAA,oBAAA,cAAA,KAAA,CAAsC,IAAI,CAAC;EACxD;CACS,CAAA,EACW,CAAA;AAE7B,GAAG,SAAS,CAAC,CAAC,EACZ,0BAA0B,KAC5B,CAAC;AAID,MAAa,sBAAsB,YACjC,OACA,QACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC;AAID,MAAa,oBAAoB,YAC/B,OACA,MACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,iBAAiB,oBAAoB;CAE7C,OAAO,aAAa,KAAK;AAC3B,CAAC;AAID,MAAa,sBAAsB,YACjC,OACA,QACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC"}

package/dist/cjs/components/native-popover/native-popover.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"native-popover.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-popover/native-popover.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativePopoverStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{gap}\",\n    },\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.muted\",\n      borderWidth: \"1px\",\n      boxShadow: \"sm\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      focusVisibleRing: \"none\",\n      gap: \"{gap}\",\n      p: \"{padding}\",\n      rounded: \"l2\",\n    },\n    footer: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n    header: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"semibold\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n  },\n\n  sizes: {\n    xs: {\n      content: {\n        \"--gap\": \"spaces.1\",\n        \"--padding\": \"spaces.2\",\n        fontSize: \"xs\",\n      },\n    },\n    sm: {\n      content: {\n        \"--gap\": \"spaces.2\",\n        \"--padding\": \"spaces.3\",\n        fontSize: \"sm\",\n      },\n    },\n    md: {\n      content: {\n        \"--gap\": \"spaces.3\",\n        \"--padding\": \"spaces.4\",\n        fontSize: \"md\",\n      },\n    },\n    lg: {\n      content: {\n        \"--gap\": \"spaces.4\",\n        \"--padding\": \"spaces.5\",\n        fontSize: \"md\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type NativePopoverStyle = typeof nativePopoverStyle\n"],"mappings":";AAEA,MAAa,2DAAqBA,EAAAA,yBAAyB;CACzD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;EACP;EACA,SAAS;GACP,IAAI;GACJ,aAAa;GACb,aAAa;GACb,WAAW;GACX,SAAS;GACT,eAAe;GACf,kBAAkB;GAClB,KAAK;GACL,GAAG;GACH,SAAS;EACX;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;EAClB;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;EAClB;CACF;CAEA,OAAO;EACL,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"native-popover.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-popover/native-popover.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativePopoverStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{gap}\",\n    },\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.muted\",\n      borderWidth: \"1px\",\n      boxShadow: \"sm\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      focusVisibleRing: \"none\",\n      gap: \"{gap}\",\n      p: \"{padding}\",\n      rounded: \"l2\",\n    },\n    footer: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n    header: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"semibold\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n  },\n\n  sizes: {\n    xs: {\n      content: {\n        \"--gap\": \"spaces.1\",\n        \"--padding\": \"spaces.2\",\n        fontSize: \"xs\",\n      },\n    },\n    sm: {\n      content: {\n        \"--gap\": \"spaces.2\",\n        \"--padding\": \"spaces.3\",\n        fontSize: \"sm\",\n      },\n    },\n    md: {\n      content: {\n        \"--gap\": \"spaces.3\",\n        \"--padding\": \"spaces.4\",\n        fontSize: \"md\",\n      },\n    },\n    lg: {\n      content: {\n        \"--gap\": \"spaces.4\",\n        \"--padding\": \"spaces.5\",\n        fontSize: \"md\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type NativePopoverStyle = typeof nativePopoverStyle\n"],"mappings":";AAEA,MAAa,2DAAqBA,CAAAA,CAAAA,yBAAyB;CACzD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;EACP;EACA,SAAS;GACP,IAAI;GACJ,aAAa;GACb,aAAa;GACb,WAAW;GACX,SAAS;GACT,eAAe;GACf,kBAAkB;GAClB,KAAK;GACL,GAAG;GACH,SAAS;EACX;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;EAClB;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;EAClB;CACF;CAEA,OAAO;EACL,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}

package/dist/cjs/components/native-popover/use-native-popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-native-popover.cjs","names":["useEnvironment","usePopper","mergeRefs"],"sources":["../../../../src/components/native-popover/use-native-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent, RefObject } from \"react\"\nimport type { PropGetter } from \"../../core\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  cx,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n} from \"../../utils\"\n\nexport interface UseNativePopoverProps extends UsePopperProps<\"button\"> {\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: UsePopperProps[\"placement\"]\n  /**\n   * The mode of the popover.\n   *\n   * @default 'auto'\n   */\n  popover?: \"\" | \"auto\" | \"hint\" | \"manual\" | true\n  /**\n   * The target element ID for the popover trigger.\n   * If not provided, a generated ID will be used.\n   */\n  popoverTarget?: string\n  /**\n   * The action for the popover target.\n   *\n   * @default 'toggle'\n   */\n  popoverTargetAction?: \"hide\" | \"show\" | \"toggle\"\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const useNativePopover = ({\n  autoUpdate,\n  disabled = false,\n  elements,\n  flip,\n  gutter,\n  matchWidth,\n  middleware,\n  offset,\n  placement = \"end\",\n  platform,\n  popover = \"auto\",\n  popoverTarget,\n  popoverTargetAction = \"toggle\",\n  preventOverflow,\n  strategy,\n  transform,\n  updateRef,\n  whileElementsMounted,\n}: UseNativePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const generatedContentId = useId()\n  const contentId = popoverTarget ?? generatedContentId\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLButtonElement>) => {\n      if (!disabled) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [disabled],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      return {\n        type: \"button\",\n        \"aria-controls\": contentId,\n        \"aria-disabled\": ariaAttr(disabled),\n        \"aria-haspopup\": \"dialog\",\n        popoverTarget: contentId,\n        popoverTargetAction,\n        role: \"button\",\n        ...props,\n        ref: mergeRefs(ref, triggerRef, (node) => {\n          if (anchorRef.current == null) refs.setReference(node)\n        }),\n        onClick: handlerAll(props.onClick, onClick),\n      }\n    },\n    [contentId, disabled, onClick, popoverTargetAction, refs],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => getPopperProps(props),\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => {\n      const hasHeader = !!getDocument()?.getElementById(headerId)\n      const hasBody = !!getDocument()?.getElementById(bodyId)\n\n      return {\n        id: contentId,\n        \"aria-describedby\": cx(ariaDescribedby, hasBody ? bodyId : undefined),\n        \"aria-labelledby\": cx(ariaLabelledby, hasHeader ? headerId : undefined),\n        \"data-popup\": dataAttr(true),\n        popover: popover === true ? \"\" : popover,\n        role: \"dialog\",\n        tabIndex: -1,\n        ...props,\n        ref: mergeRefs(ref, contentRef),\n      }\n    },\n    [getDocument, headerId, bodyId, contentId, popover],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({ id: headerId, ...props }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => {\n      return {\n        popoverTarget: contentId,\n        popoverTargetAction: \"hide\",\n        ...props,\n      }\n    },\n    [contentId],\n  )\n\n  return {\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n  }\n}\n\nexport type UseNativePopoverReturn = ReturnType<typeof useNativePopover>\n"],"mappings":"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"}
+{"version":3,"file":"use-native-popover.cjs","names":["useEnvironment","usePopper","mergeRefs"],"sources":["../../../../src/components/native-popover/use-native-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent, RefObject } from \"react\"\nimport type { PropGetter } from \"../../core\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  cx,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n} from \"../../utils\"\n\nexport interface UseNativePopoverProps extends UsePopperProps<\"button\"> {\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: UsePopperProps[\"placement\"]\n  /**\n   * The mode of the popover.\n   *\n   * @default 'auto'\n   */\n  popover?: \"\" | \"auto\" | \"hint\" | \"manual\" | true\n  /**\n   * The target element ID for the popover trigger.\n   * If not provided, a generated ID will be used.\n   */\n  popoverTarget?: string\n  /**\n   * The action for the popover target.\n   *\n   * @default 'toggle'\n   */\n  popoverTargetAction?: \"hide\" | \"show\" | \"toggle\"\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const useNativePopover = ({\n  autoUpdate,\n  disabled = false,\n  elements,\n  flip,\n  gutter,\n  matchWidth,\n  middleware,\n  offset,\n  placement = \"end\",\n  platform,\n  popover = \"auto\",\n  popoverTarget,\n  popoverTargetAction = \"toggle\",\n  preventOverflow,\n  strategy,\n  transform,\n  updateRef,\n  whileElementsMounted,\n}: UseNativePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const generatedContentId = useId()\n  const contentId = popoverTarget ?? generatedContentId\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLButtonElement>) => {\n      if (!disabled) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [disabled],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      return {\n        type: \"button\",\n        \"aria-controls\": contentId,\n        \"aria-disabled\": ariaAttr(disabled),\n        \"aria-haspopup\": \"dialog\",\n        popoverTarget: contentId,\n        popoverTargetAction,\n        role: \"button\",\n        ...props,\n        ref: mergeRefs(ref, triggerRef, (node) => {\n          if (anchorRef.current == null) refs.setReference(node)\n        }),\n        onClick: handlerAll(props.onClick, onClick),\n      }\n    },\n    [contentId, disabled, onClick, popoverTargetAction, refs],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => getPopperProps(props),\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => {\n      const hasHeader = !!getDocument()?.getElementById(headerId)\n      const hasBody = !!getDocument()?.getElementById(bodyId)\n\n      return {\n        id: contentId,\n        \"aria-describedby\": cx(ariaDescribedby, hasBody ? bodyId : undefined),\n        \"aria-labelledby\": cx(ariaLabelledby, hasHeader ? headerId : undefined),\n        \"data-popup\": dataAttr(true),\n        popover: popover === true ? \"\" : popover,\n        role: \"dialog\",\n        tabIndex: -1,\n        ...props,\n        ref: mergeRefs(ref, contentRef),\n      }\n    },\n    [getDocument, headerId, bodyId, contentId, popover],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({ id: headerId, ...props }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => {\n      return {\n        popoverTarget: contentId,\n        popoverTargetAction: \"hide\",\n        ...props,\n      }\n    },\n    [contentId],\n  )\n\n  return {\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n  }\n}\n\nexport type UseNativePopoverReturn = ReturnType<typeof useNativePopover>\n"],"mappings":"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"}

package/dist/cjs/components/native-select/native-select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"native-select.cjs","names":["createSlotComponent","nativeSelectStyle","useGroupItemProps","useNativeSelect","useInputBorder","mergeProps","useInputPropsContext","ChevronDownIcon"],"sources":["../../../../src/components/native-select/native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { NativeSelectStyle } from \"./native-select.style\"\nimport type { UseNativeSelectProps } from \"./use-native-select\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { nativeSelectStyle } from \"./native-select.style\"\nimport { useNativeSelect } from \"./use-native-select\"\n\nexport interface NativeSelectRootProps\n  extends\n    Omit<HTMLStyledProps<\"select\">, \"size\">,\n    UseNativeSelectProps,\n    ThemeProps<NativeSelectStyle>,\n    FieldProps,\n    UseInputBorderProps {\n  /**\n   * The icon to be used in the select.\n   */\n  icon?: ReactNode\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * Props for icon element.\n   */\n  iconProps?: NativeSelectIconProps\n  /**\n   * Props for root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  component,\n  PropsContext: NativeSelectPropsContext,\n  usePropsContext: useNativeSelectPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NativeSelectRootProps, NativeSelectStyle>(\n  \"native-select\",\n  nativeSelectStyle,\n)\n\nexport { NativeSelectPropsContext, useNativeSelectPropsContext }\n\n/**\n * `NativeSelect` is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).\n *\n * @see https://yamada-ui.com/docs/components/native-select\n */\nexport const NativeSelectRoot = withProvider<\"select\", NativeSelectRootProps>(\n  (props) => {\n    const [\n      groupItemProps,\n      {\n        className,\n        css,\n        colorScheme,\n        errorBorderColor,\n        focusBorderColor,\n        icon,\n        elementProps,\n        iconProps,\n        rootProps,\n        ...rest\n      },\n    ] = useGroupItemProps(props)\n    const { getFieldProps, getIconProps, getRootProps } = useNativeSelect(rest)\n    const varProps = useInputBorder({\n      errorBorderColor,\n      focusBorderColor,\n    })\n\n    return (\n      <InputGroup.Root\n        {...mergeProps(\n          { className, css, colorScheme },\n          getRootProps(groupItemProps),\n          rootProps,\n        )()}\n      >\n        <NativeSelectField {...getFieldProps({ ...varProps })} />\n\n        <InputGroup.Element {...elementProps}>\n          <NativeSelectIcon icon={icon} {...getIconProps(iconProps)} />\n        </InputGroup.Element>\n      </InputGroup.Root>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n})\n\ninterface NativeSelectFieldProps extends HTMLStyledProps<\"select\"> {}\n\nconst NativeSelectField = withContext<\"select\", NativeSelectFieldProps>(\n  \"select\",\n  \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface NativeSelectIconProps extends HTMLStyledProps {\n  icon?: ReactNode\n}\n\nconst NativeSelectIcon = withContext<\"div\", NativeSelectIconProps>(\n  \"div\",\n  \"icon\",\n)(undefined, ({ children, icon, ...rest }) => ({\n  children: icon || children || <ChevronDownIcon />,\n  ...rest,\n}))\n\nexport interface NativeSelectGroupProps extends HTMLProps<\"optgroup\"> {}\n\nexport const NativeSelectGroup = component<\"optgroup\", NativeSelectGroupProps>(\n  \"optgroup\",\n  \"group\",\n)()\n\nexport interface NativeSelectOptionProps extends HTMLProps<\"option\"> {}\n\nexport const NativeSelectOption = component<\"option\", NativeSelectOptionProps>(\n  \"option\",\n  \"option\",\n)()\n\nexport interface NativeSelectSeparatorProps extends HTMLProps<\"hr\"> {}\n\nexport const NativeSelectSeparator = component<\n  \"hr\",\n  NativeSelectSeparatorProps\n>(\"hr\", \"separator\")()\n"],"mappings":";;;;;;;;;;;;;AAwCA,MAAM,EACJ,WACA,cAAc,0BACd,iBAAiB,6BACjB,aACA,iBACEA,yBAAAA,oBACF,iBACAC,4BAAAA,iBACF;;;;;;AASA,MAAa,mBAAmB,cAC7B,UAAU;CACT,MAAM,CACJ,gBACA,EACE,WACA,KACA,aACA,kBACA,kBACA,MACA,cACA,WACA,WACA,GAAG,UAEHC,kBAAAA,kBAAkB,KAAK;CAC3B,MAAM,EAAE,eAAe,cAAc,iBAAiBC,0BAAAA,gBAAgB,IAAI;CAC1E,MAAM,WAAWC,yBAAAA,eAAe;EAC9B;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,MAAA,oBAAA,gBAAA;EACE,GAAIC,cAAAA,WACF;GAAE;GAAW;GAAK;EAAY,GAC9B,aAAa,cAAc,GAC3B,SACF,EAAE;YALJ,CAOE,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAmB,GAAI,cAAc,EAAE,GAAG,SAAS,CAAC,EAAI,CAAA,GAExD,iBAAA,GAAA,kBAAA,KAAA,sBAAA,cAAA;GAAoB,GAAI;aACtB,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAwB;IAAM,GAAI,aAAa,SAAS;GAAI,CAAA;EAC1C,CAAA,CACL;;AAErB,GACA,MACF,GAAG,UAAU;CAGX,OAAOA,cAAAA,WAFSC,cAAAA,qBAEQ,GAAG,KAAK,EAAE;AACpC,CAAC;AAID,MAAM,oBAAoB,YACxB,UACA,OACF,EAAE,EAAE,wBAAwB,GAAG,CAAC;AAMhC,MAAM,mBAAmB,YACvB,OACA,MACF,EAAE,KAAA,IAAY,EAAE,UAAU,MAAM,GAAG,YAAY;CAC7C,UAAU,QAAQ,YAAY,iBAAA,GAAA,kBAAA,KAACC,0BAAAA,iBAAD,CAAkB,CAAA;CAChD,GAAG;AACL,EAAE;AAIF,MAAa,oBAAoB,UAC/B,YACA,OACF,EAAE;AAIF,MAAa,qBAAqB,UAChC,UACA,QACF,EAAE;AAIF,MAAa,wBAAwB,UAGnC,MAAM,WAAW,EAAE"}
+{"version":3,"file":"native-select.cjs","names":["createSlotComponent","nativeSelectStyle","useGroupItemProps","useNativeSelect","useInputBorder","mergeProps","useInputPropsContext","ChevronDownIcon"],"sources":["../../../../src/components/native-select/native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { NativeSelectStyle } from \"./native-select.style\"\nimport type { UseNativeSelectProps } from \"./use-native-select\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { nativeSelectStyle } from \"./native-select.style\"\nimport { useNativeSelect } from \"./use-native-select\"\n\nexport interface NativeSelectRootProps\n  extends\n    Omit<HTMLStyledProps<\"select\">, \"size\">,\n    UseNativeSelectProps,\n    ThemeProps<NativeSelectStyle>,\n    FieldProps,\n    UseInputBorderProps {\n  /**\n   * The icon to be used in the select.\n   */\n  icon?: ReactNode\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * Props for icon element.\n   */\n  iconProps?: NativeSelectIconProps\n  /**\n   * Props for root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  component,\n  PropsContext: NativeSelectPropsContext,\n  usePropsContext: useNativeSelectPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NativeSelectRootProps, NativeSelectStyle>(\n  \"native-select\",\n  nativeSelectStyle,\n)\n\nexport { NativeSelectPropsContext, useNativeSelectPropsContext }\n\n/**\n * `NativeSelect` is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).\n *\n * @see https://yamada-ui.com/docs/components/native-select\n */\nexport const NativeSelectRoot = withProvider<\"select\", NativeSelectRootProps>(\n  (props) => {\n    const [\n      groupItemProps,\n      {\n        className,\n        css,\n        colorScheme,\n        errorBorderColor,\n        focusBorderColor,\n        icon,\n        elementProps,\n        iconProps,\n        rootProps,\n        ...rest\n      },\n    ] = useGroupItemProps(props)\n    const { getFieldProps, getIconProps, getRootProps } = useNativeSelect(rest)\n    const varProps = useInputBorder({\n      errorBorderColor,\n      focusBorderColor,\n    })\n\n    return (\n      <InputGroup.Root\n        {...mergeProps(\n          { className, css, colorScheme },\n          getRootProps(groupItemProps),\n          rootProps,\n        )()}\n      >\n        <NativeSelectField {...getFieldProps({ ...varProps })} />\n\n        <InputGroup.Element {...elementProps}>\n          <NativeSelectIcon icon={icon} {...getIconProps(iconProps)} />\n        </InputGroup.Element>\n      </InputGroup.Root>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n})\n\ninterface NativeSelectFieldProps extends HTMLStyledProps<\"select\"> {}\n\nconst NativeSelectField = withContext<\"select\", NativeSelectFieldProps>(\n  \"select\",\n  \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface NativeSelectIconProps extends HTMLStyledProps {\n  icon?: ReactNode\n}\n\nconst NativeSelectIcon = withContext<\"div\", NativeSelectIconProps>(\n  \"div\",\n  \"icon\",\n)(undefined, ({ children, icon, ...rest }) => ({\n  children: icon || children || <ChevronDownIcon />,\n  ...rest,\n}))\n\nexport interface NativeSelectGroupProps extends HTMLProps<\"optgroup\"> {}\n\nexport const NativeSelectGroup = component<\"optgroup\", NativeSelectGroupProps>(\n  \"optgroup\",\n  \"group\",\n)()\n\nexport interface NativeSelectOptionProps extends HTMLProps<\"option\"> {}\n\nexport const NativeSelectOption = component<\"option\", NativeSelectOptionProps>(\n  \"option\",\n  \"option\",\n)()\n\nexport interface NativeSelectSeparatorProps extends HTMLProps<\"hr\"> {}\n\nexport const NativeSelectSeparator = component<\n  \"hr\",\n  NativeSelectSeparatorProps\n>(\"hr\", \"separator\")()\n"],"mappings":";;;;;;;;;;;;;AAwCA,MAAM,EACJ,WACA,cAAc,0BACd,iBAAiB,6BACjB,aACA,iBACEA,yBAAAA,oBACF,iBACAC,4BAAAA,iBACF;;;;;;AASA,MAAa,mBAAmB,cAC7B,UAAU;CACT,MAAM,CACJ,gBACA,EACE,WACA,KACA,aACA,kBACA,kBACA,MACA,cACA,WACA,WACA,GAAG,UAEHC,kBAAAA,kBAAkB,KAAK;CAC3B,MAAM,EAAE,eAAe,cAAc,iBAAiBC,0BAAAA,gBAAgB,IAAI;CAC1E,MAAM,WAAWC,yBAAAA,eAAe;EAC9B;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,oBAAA,gBAAA;EACE,GAAIC,cAAAA,WACF;GAAE;GAAW;GAAK;EAAY,GAC9B,aAAa,cAAc,GAC3B,SACF,CAAC,CAAC;YALJ,CAOE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD,EAAmB,GAAI,cAAc,EAAE,GAAG,SAAS,CAAC,EAAI,CAAA,GAExD,iBAAA,GAAA,kBAAA,IAAA,CAAA,sBAAA,cAAA;GAAoB,GAAI;aACtB,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;IAAwB;IAAM,GAAI,aAAa,SAAS;GAAI,CAAA;EAC1C,CAAA,CACL;;AAErB,GACA,MACF,CAAC,EAAE,UAAU;CAGX,OAAOA,cAAAA,WAFSC,cAAAA,qBAEQ,GAAG,KAAK,CAAC,CAAC;AACpC,CAAC;AAID,MAAM,oBAAoB,YACxB,UACA,OACF,CAAC,CAAC,EAAE,wBAAwB,GAAG,CAAC;AAMhC,MAAM,mBAAmB,YACvB,OACA,MACF,CAAC,CAAC,KAAA,IAAY,EAAE,UAAU,MAAM,GAAG,YAAY;CAC7C,UAAU,QAAQ,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,iBAAD,CAAkB,CAAA;CAChD,GAAG;AACL,EAAE;AAIF,MAAa,oBAAoB,UAC/B,YACA,OACF,CAAC,CAAC;AAIF,MAAa,qBAAqB,UAChC,UACA,QACF,CAAC,CAAC;AAIF,MAAa,wBAAwB,UAGnC,MAAM,WAAW,CAAC,CAAC"}

package/dist/cjs/components/native-select/use-native-select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-native-select.cjs","names":["useFieldProps","mergeProps"],"sources":["../../../../src/components/native-select/use-native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { cloneElement, useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { ariaAttr } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface NativeSelectSharedItem extends Omit<\n  HTMLProps<\"option\">,\n  \"children\" | \"label\" | \"value\"\n> {\n  label: string\n}\n\ninterface NativeSelectItemWithValue extends NativeSelectSharedItem {\n  value?: HTMLProps<\"option\">[\"value\"]\n}\n\ninterface NativeSelectItemWithItems extends NativeSelectSharedItem {\n  items: NativeSelectItemWithValue[]\n}\n\nexport type NativeSelectItem =\n  | NativeSelectItemWithItems\n  | NativeSelectItemWithValue\n\nexport interface UseNativeSelectProps extends HTMLProps<\"select\">, FieldProps {\n  /**\n   * If `true`, include placeholder in options.\n   *\n   * @default true\n   */\n  includePlaceholder?: boolean\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: NativeSelectItem[]\n  /**\n   * The placeholder for select.\n   */\n  placeholder?: string\n}\n\nexport const useNativeSelect = (props: UseNativeSelectProps = {}) => {\n  const {\n    props: {\n      children,\n      disabled,\n      includePlaceholder = true,\n      items = [],\n      placeholder,\n      readOnly,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n\n  const computedChildren = useMemo(() => {\n    let computedChildren: ReactNode = null\n\n    if (children) {\n      computedChildren = children\n    } else if (items.length) {\n      computedChildren = items.map((item, index) => {\n        if (\"items\" in item) {\n          const { items, label, ...rest } = item\n\n          return cloneElement(<optgroup />, {\n            key: index,\n            children: items.map(({ label, ...rest }, index) =>\n              cloneElement(<option aria-label={label} />, {\n                key: index,\n                children: label,\n                ...rest,\n              }),\n            ),\n            label,\n            ...rest,\n          })\n        } else {\n          const { label, ...rest } = item\n\n          return cloneElement(<option aria-label={label} />, {\n            key: index,\n            children: label,\n            ...rest,\n          })\n        }\n      })\n    }\n\n    return (\n      <>\n        {placeholder ? (\n          <option hidden={!includePlaceholder} value=\"\">\n            {placeholder}\n          </option>\n        ) : null}\n\n        {computedChildren}\n      </>\n    )\n  }, [children, items, placeholder, includePlaceholder])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter<\"select\"> = useCallback(\n    ({ ref, ...props } = {}) =>\n      mergeProps(\n        {\n          disabled,\n          readOnly,\n          tabIndex: interactive ? undefined : -1,\n          ...ariaProps,\n          ...dataProps,\n          \"aria-disabled\": ariaAttr(!interactive),\n          \"aria-label\": placeholder,\n        },\n        {\n          onBlur: eventProps.onBlur,\n          onFocus: eventProps.onFocus,\n        },\n        rest,\n        props,\n        {\n          ref,\n          children: props.children ?? computedChildren,\n        },\n      )(),\n    [\n      interactive,\n      ariaProps,\n      computedChildren,\n      dataProps,\n      eventProps,\n      rest,\n      placeholder,\n      disabled,\n      readOnly,\n    ],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  return { getFieldProps, getIconProps, getRootProps }\n}\n\nexport type UseNativeSelectReturn = ReturnType<typeof useNativeSelect>\n"],"mappings":";;;;;;;AAgDA,MAAa,mBAAmB,QAA8B,CAAC,MAAM;CACnE,MAAM,EACJ,OAAO,EACL,UACA,UACA,qBAAqB,MACrB,QAAQ,CAAC,GACT,aACA,UACA,GAAG,QAEL,WACA,WACA,eACEA,wBAAAA,cAAc,KAAK;CACvB,MAAM,cAAc,EAAE,YAAY;CAElC,MAAM,oBAAA,GAAA,MAAA,eAAiC;EACrC,IAAI,mBAA8B;EAElC,IAAI,UACF,mBAAmB;OACd,IAAI,MAAM,QACf,mBAAmB,MAAM,KAAK,MAAM,UAAU;GAC5C,IAAI,WAAW,MAAM;IACnB,MAAM,EAAE,OAAO,OAAO,GAAG,SAAS;IAElC,QAAA,GAAA,MAAA,cAAoB,iBAAA,GAAA,kBAAA,KAAC,YAAD,CAAW,CAAA,GAAG;KAChC,KAAK;KACL,UAAU,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,WAAA,GAAA,MAAA,cAC1B,iBAAA,GAAA,kBAAA,KAAC,UAAD,EAAQ,cAAY,MAAQ,CAAA,GAAG;MAC1C,KAAK;MACL,UAAU;MACV,GAAG;KACL,CAAC,CACH;KACA;KACA,GAAG;IACL,CAAC;GACH,OAAO;IACL,MAAM,EAAE,OAAO,GAAG,SAAS;IAE3B,QAAA,GAAA,MAAA,cAAoB,iBAAA,GAAA,kBAAA,KAAC,UAAD,EAAQ,cAAY,MAAQ,CAAA,GAAG;KACjD,KAAK;KACL,UAAU;KACV,GAAG;IACL,CAAC;GACH;EACF,CAAC;EAGH,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,cACC,iBAAA,GAAA,kBAAA,KAAC,UAAD;GAAQ,QAAQ,CAAC;GAAoB,OAAM;aACxC;EACK,CAAA,IACN,MAEH,gBACD,EAAA,CAAA;CAEN,GAAG;EAAC;EAAU;EAAO;EAAa;CAAkB,CAAC;CAErD,MAAM,gBAAA,GAAA,MAAA,cACH,WAAW;EAAE,GAAG;EAAW,GAAG;CAAM,IACrC,CAAC,SAAS,CACZ;CA2CA,OAAO;EAAE,gBAAA,GAAA,MAAA,cAxCN,EAAE,KAAK,GAAG,UAAU,CAAC,MACpBC,cAAAA,WACE;GACE;GACA;GACA,UAAU,cAAc,KAAA,IAAY;GACpC,GAAG;GACH,GAAG;GACH,kBAAA,GAAA,oBAAA,cAAA,UAA0B,CAAC,WAAW;GACtC,cAAc;EAChB,GACA;GACE,QAAQ,WAAW;GACnB,SAAS,WAAW;EACtB,GACA,MACA,OACA;GACE;GACA,UAAU,MAAM,YAAY;EAC9B,CACF,EAAE,GACJ;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAQmB;EAAG,eAAA,GAAA,MAAA,cAJrB,WAAW;GAAE,GAAG;GAAW,GAAG;EAAM,IACrC,CAAC,SAAS,CAGuB;EAAG;CAAa;AACrD"}
+{"version":3,"file":"use-native-select.cjs","names":["useFieldProps","mergeProps"],"sources":["../../../../src/components/native-select/use-native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { cloneElement, useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { ariaAttr } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface NativeSelectSharedItem extends Omit<\n  HTMLProps<\"option\">,\n  \"children\" | \"label\" | \"value\"\n> {\n  label: string\n}\n\ninterface NativeSelectItemWithValue extends NativeSelectSharedItem {\n  value?: HTMLProps<\"option\">[\"value\"]\n}\n\ninterface NativeSelectItemWithItems extends NativeSelectSharedItem {\n  items: NativeSelectItemWithValue[]\n}\n\nexport type NativeSelectItem =\n  | NativeSelectItemWithItems\n  | NativeSelectItemWithValue\n\nexport interface UseNativeSelectProps extends HTMLProps<\"select\">, FieldProps {\n  /**\n   * If `true`, include placeholder in options.\n   *\n   * @default true\n   */\n  includePlaceholder?: boolean\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: NativeSelectItem[]\n  /**\n   * The placeholder for select.\n   */\n  placeholder?: string\n}\n\nexport const useNativeSelect = (props: UseNativeSelectProps = {}) => {\n  const {\n    props: {\n      children,\n      disabled,\n      includePlaceholder = true,\n      items = [],\n      placeholder,\n      readOnly,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n\n  const computedChildren = useMemo(() => {\n    let computedChildren: ReactNode = null\n\n    if (children) {\n      computedChildren = children\n    } else if (items.length) {\n      computedChildren = items.map((item, index) => {\n        if (\"items\" in item) {\n          const { items, label, ...rest } = item\n\n          return cloneElement(<optgroup />, {\n            key: index,\n            children: items.map(({ label, ...rest }, index) =>\n              cloneElement(<option aria-label={label} />, {\n                key: index,\n                children: label,\n                ...rest,\n              }),\n            ),\n            label,\n            ...rest,\n          })\n        } else {\n          const { label, ...rest } = item\n\n          return cloneElement(<option aria-label={label} />, {\n            key: index,\n            children: label,\n            ...rest,\n          })\n        }\n      })\n    }\n\n    return (\n      <>\n        {placeholder ? (\n          <option hidden={!includePlaceholder} value=\"\">\n            {placeholder}\n          </option>\n        ) : null}\n\n        {computedChildren}\n      </>\n    )\n  }, [children, items, placeholder, includePlaceholder])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter<\"select\"> = useCallback(\n    ({ ref, ...props } = {}) =>\n      mergeProps(\n        {\n          disabled,\n          readOnly,\n          tabIndex: interactive ? undefined : -1,\n          ...ariaProps,\n          ...dataProps,\n          \"aria-disabled\": ariaAttr(!interactive),\n          \"aria-label\": placeholder,\n        },\n        {\n          onBlur: eventProps.onBlur,\n          onFocus: eventProps.onFocus,\n        },\n        rest,\n        props,\n        {\n          ref,\n          children: props.children ?? computedChildren,\n        },\n      )(),\n    [\n      interactive,\n      ariaProps,\n      computedChildren,\n      dataProps,\n      eventProps,\n      rest,\n      placeholder,\n      disabled,\n      readOnly,\n    ],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  return { getFieldProps, getIconProps, getRootProps }\n}\n\nexport type UseNativeSelectReturn = ReturnType<typeof useNativeSelect>\n"],"mappings":";;;;;;;AAgDA,MAAa,mBAAmB,QAA8B,CAAC,MAAM;CACnE,MAAM,EACJ,OAAO,EACL,UACA,UACA,qBAAqB,MACrB,QAAQ,CAAC,GACT,aACA,UACA,GAAG,QAEL,WACA,WACA,eACEA,wBAAAA,cAAc,KAAK;CACvB,MAAM,cAAc,EAAE,YAAY;CAElC,MAAM,oBAAA,GAAA,MAAA,QAAA,OAAiC;EACrC,IAAI,mBAA8B;EAElC,IAAI,UACF,mBAAmB;OACd,IAAI,MAAM,QACf,mBAAmB,MAAM,KAAK,MAAM,UAAU;GAC5C,IAAI,WAAW,MAAM;IACnB,MAAM,EAAE,OAAO,OAAO,GAAG,SAAS;IAElC,QAAA,GAAA,MAAA,aAAA,CAAoB,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD,CAAW,CAAA,GAAG;KAChC,KAAK;KACL,UAAU,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,WAAA,GAAA,MAAA,aAAA,CAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAQ,cAAY,MAAQ,CAAA,GAAG;MAC1C,KAAK;MACL,UAAU;MACV,GAAG;KACL,CAAC,CACH;KACA;KACA,GAAG;IACL,CAAC;GACH,OAAO;IACL,MAAM,EAAE,OAAO,GAAG,SAAS;IAE3B,QAAA,GAAA,MAAA,aAAA,CAAoB,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAQ,cAAY,MAAQ,CAAA,GAAG;KACjD,KAAK;KACL,UAAU;KACV,GAAG;IACL,CAAC;GACH;EACF,CAAC;EAGH,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,cACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAQ,QAAQ,CAAC;GAAoB,OAAM;aACxC;EACK,CAAA,IACN,MAEH,gBACD,EAAA,CAAA;CAEN,GAAG;EAAC;EAAU;EAAO;EAAa;CAAkB,CAAC;CAErD,MAAM,gBAAA,GAAA,MAAA,YAAA,EACH,WAAW;EAAE,GAAG;EAAW,GAAG;CAAM,IACrC,CAAC,SAAS,CACZ;CA2CA,OAAO;EAAE,gBAAA,GAAA,MAAA,YAAA,EAxCN,EAAE,KAAK,GAAG,UAAU,CAAC,MACpBC,cAAAA,WACE;GACE;GACA;GACA,UAAU,cAAc,KAAA,IAAY;GACpC,GAAG;GACH,GAAG;GACH,kBAAA,GAAA,oBAAA,cAAA,SAAA,CAA0B,CAAC,WAAW;GACtC,cAAc;EAChB,GACA;GACE,QAAQ,WAAW;GACnB,SAAS,WAAW;EACtB,GACA,MACA,OACA;GACE;GACA,UAAU,MAAM,YAAY;EAC9B,CACF,CAAC,CAAC,GACJ;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAQmB;EAAG,eAAA,GAAA,MAAA,YAAA,EAJrB,WAAW;GAAE,GAAG;GAAW,GAAG;EAAM,IACrC,CAAC,SAAS,CAGuB;EAAG;CAAa;AACrD"}

package/dist/cjs/components/native-table/native-table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"native-table.cjs","names":["createSlotComponent","nativeTableStyle","styled"],"sources":["../../../../src/components/native-table/native-table.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  CSSProps,\n  HTMLStyledProps,\n  SimpleDirection,\n  ThemeProps,\n} from \"../../core\"\nimport type { NativeTableStyle } from \"./native-table.style\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { nativeTableStyle } from \"./native-table.style\"\n\nexport interface NativeTableRootProps\n  extends HTMLStyledProps<\"table\">, ThemeProps<NativeTableStyle> {\n  /**\n   * The CSS `table-layout` property.\n   */\n  layout?: CSSProps[\"tableLayout\"]\n  /**\n   * Whether to enable the scroll area.\n   *\n   * @default false\n   */\n  withScrollArea?: boolean\n  /**\n   * The props for the scroll area.\n   */\n  scrollAreaProps?: NativeTableAreaProps\n}\n\nconst {\n  PropsContext: NativeTablePropsContext,\n  usePropsContext: useNativeTablePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NativeTableRootProps, NativeTableStyle>(\n  \"native-table\",\n  nativeTableStyle,\n)\n\nexport { NativeTablePropsContext, useNativeTablePropsContext }\n\n/**\n * `NativeTable` is a component for efficiently organizing and displaying data.\n *\n * @see https://yamada-ui.com/docs/components/native-table\n */\nexport const NativeTableRoot = withProvider(\n  ({ withScrollArea, scrollAreaProps, ...rest }) => {\n    if (withScrollArea) {\n      return (\n        <NativeTableScrollArea {...scrollAreaProps}>\n          <styled.table {...rest} />\n        </NativeTableScrollArea>\n      )\n    } else {\n      return <styled.table {...rest} />\n    }\n  },\n  \"root\",\n)(undefined, ({ layout: tableLayout, ...rest }) => ({\n  tableLayout,\n  ...rest,\n}))\n\ninterface NativeTableAreaProps\n  extends HTMLStyledProps, ThemeProps<NativeTableStyle> {}\n\nconst NativeTableScrollArea = withContext<\"div\", NativeTableAreaProps>(\n  \"div\",\n  \"scrollArea\",\n)({ tabIndex: 0 })\n\nexport interface CaptionProps extends HTMLStyledProps<\"caption\"> {\n  /**\n   * The placement of the table caption.\n   *\n   * @default 'end'\n   */\n  placement?: SimpleDirection\n}\n\nexport const Caption = withContext<\"caption\", CaptionProps>(\n  \"caption\",\n  \"caption\",\n)(undefined, ({ placement = \"end\", ...rest }) => ({\n  \"data-placement\": placement,\n  captionSide: placement === \"end\" ? \"bottom\" : \"top\",\n  ...rest,\n}))\n\nexport interface TheadProps extends HTMLStyledProps<\"thead\"> {}\n\nexport const Thead = withContext<\"thead\", TheadProps>(\"thead\", \"thead\")()\n\nexport interface TbodyProps extends HTMLStyledProps<\"tbody\"> {}\n\nexport const Tbody = withContext<\"tbody\", TbodyProps>(\"tbody\", \"tbody\")()\n\nexport interface TfootProps extends HTMLStyledProps<\"tfoot\"> {}\n\nexport const Tfoot = withContext<\"tfoot\", TfootProps>(\"tfoot\", \"tfoot\")()\n\nexport interface ColgroupProps extends HTMLStyledProps<\"colgroup\"> {}\n\nexport const Colgroup = withContext<\"colgroup\", ColgroupProps>(\n  \"colgroup\",\n  \"colgroup\",\n)()\n\nexport interface ColProps extends HTMLStyledProps<\"col\"> {}\n\nexport const Col = withContext<\"col\", ColProps>(\"col\", \"col\")()\n\nexport interface TrProps extends HTMLStyledProps<\"tr\"> {}\n\nexport const Tr = withContext<\"tr\", TrProps>(\"tr\", \"tr\")()\n\nexport interface ThProps extends HTMLStyledProps<\"th\"> {\n  /**\n   * Aligns the cell content to the right.\n   *\n   * @default false\n   */\n  numeric?: boolean\n}\n\nexport const Th = withContext<\"th\", ThProps>(\"th\", \"th\")(\n  undefined,\n  ({ numeric, ...rest }) => ({\n    \"data-numeric\": numeric,\n    ...rest,\n  }),\n)\n\nexport interface TdProps extends HTMLStyledProps<\"td\"> {\n  /**\n   * Aligns the cell content to the right.\n   *\n   * @default false\n   */\n  numeric?: boolean\n}\n\nexport const Td = withContext<\"td\", TdProps>(\"td\", \"td\")(\n  undefined,\n  ({ numeric, ...rest }) => ({\n    \"data-numeric\": numeric,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;;;AA8BA,MAAM,EACJ,cAAc,yBACd,iBAAiB,4BACjB,aACA,iBACEA,yBAAAA,oBACF,gBACAC,2BAAAA,gBACF;;;;;;AASA,MAAa,kBAAkB,cAC5B,EAAE,gBAAgB,iBAAiB,GAAG,WAAW;CAChD,IAAI,gBACF,OACE,iBAAA,GAAA,kBAAA,KAAC,uBAAD;EAAuB,GAAI;YACzB,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,OAAR,EAAc,GAAI,KAAO,CAAA;CACJ,CAAA;MAGzB,OAAO,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,OAAO,OAAR,EAAc,GAAI,KAAO,CAAA;AAEpC,GACA,MACF,EAAE,KAAA,IAAY,EAAE,QAAQ,aAAa,GAAG,YAAY;CAClD;CACA,GAAG;AACL,EAAE;AAKF,MAAM,wBAAwB,YAC5B,OACA,YACF,EAAE,EAAE,UAAU,EAAE,CAAC;AAWjB,MAAa,UAAU,YACrB,WACA,SACF,EAAE,KAAA,IAAY,EAAE,YAAY,OAAO,GAAG,YAAY;CAChD,kBAAkB;CAClB,aAAa,cAAc,QAAQ,WAAW;CAC9C,GAAG;AACL,EAAE;AAIF,MAAa,QAAQ,YAAiC,SAAS,OAAO,EAAE;AAIxE,MAAa,QAAQ,YAAiC,SAAS,OAAO,EAAE;AAIxE,MAAa,QAAQ,YAAiC,SAAS,OAAO,EAAE;AAIxE,MAAa,WAAW,YACtB,YACA,UACF,EAAE;AAIF,MAAa,MAAM,YAA6B,OAAO,KAAK,EAAE;AAI9D,MAAa,KAAK,YAA2B,MAAM,IAAI,EAAE;AAWzD,MAAa,KAAK,YAA2B,MAAM,IAAI,EACrD,KAAA,IACC,EAAE,SAAS,GAAG,YAAY;CACzB,gBAAgB;CAChB,GAAG;AACL,EACF;AAWA,MAAa,KAAK,YAA2B,MAAM,IAAI,EACrD,KAAA,IACC,EAAE,SAAS,GAAG,YAAY;CACzB,gBAAgB;CAChB,GAAG;AACL,EACF"}
+{"version":3,"file":"native-table.cjs","names":["createSlotComponent","nativeTableStyle","styled"],"sources":["../../../../src/components/native-table/native-table.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  CSSProps,\n  HTMLStyledProps,\n  SimpleDirection,\n  ThemeProps,\n} from \"../../core\"\nimport type { NativeTableStyle } from \"./native-table.style\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { nativeTableStyle } from \"./native-table.style\"\n\nexport interface NativeTableRootProps\n  extends HTMLStyledProps<\"table\">, ThemeProps<NativeTableStyle> {\n  /**\n   * The CSS `table-layout` property.\n   */\n  layout?: CSSProps[\"tableLayout\"]\n  /**\n   * Whether to enable the scroll area.\n   *\n   * @default false\n   */\n  withScrollArea?: boolean\n  /**\n   * The props for the scroll area.\n   */\n  scrollAreaProps?: NativeTableAreaProps\n}\n\nconst {\n  PropsContext: NativeTablePropsContext,\n  usePropsContext: useNativeTablePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NativeTableRootProps, NativeTableStyle>(\n  \"native-table\",\n  nativeTableStyle,\n)\n\nexport { NativeTablePropsContext, useNativeTablePropsContext }\n\n/**\n * `NativeTable` is a component for efficiently organizing and displaying data.\n *\n * @see https://yamada-ui.com/docs/components/native-table\n */\nexport const NativeTableRoot = withProvider(\n  ({ withScrollArea, scrollAreaProps, ...rest }) => {\n    if (withScrollArea) {\n      return (\n        <NativeTableScrollArea {...scrollAreaProps}>\n          <styled.table {...rest} />\n        </NativeTableScrollArea>\n      )\n    } else {\n      return <styled.table {...rest} />\n    }\n  },\n  \"root\",\n)(undefined, ({ layout: tableLayout, ...rest }) => ({\n  tableLayout,\n  ...rest,\n}))\n\ninterface NativeTableAreaProps\n  extends HTMLStyledProps, ThemeProps<NativeTableStyle> {}\n\nconst NativeTableScrollArea = withContext<\"div\", NativeTableAreaProps>(\n  \"div\",\n  \"scrollArea\",\n)({ tabIndex: 0 })\n\nexport interface CaptionProps extends HTMLStyledProps<\"caption\"> {\n  /**\n   * The placement of the table caption.\n   *\n   * @default 'end'\n   */\n  placement?: SimpleDirection\n}\n\nexport const Caption = withContext<\"caption\", CaptionProps>(\n  \"caption\",\n  \"caption\",\n)(undefined, ({ placement = \"end\", ...rest }) => ({\n  \"data-placement\": placement,\n  captionSide: placement === \"end\" ? \"bottom\" : \"top\",\n  ...rest,\n}))\n\nexport interface TheadProps extends HTMLStyledProps<\"thead\"> {}\n\nexport const Thead = withContext<\"thead\", TheadProps>(\"thead\", \"thead\")()\n\nexport interface TbodyProps extends HTMLStyledProps<\"tbody\"> {}\n\nexport const Tbody = withContext<\"tbody\", TbodyProps>(\"tbody\", \"tbody\")()\n\nexport interface TfootProps extends HTMLStyledProps<\"tfoot\"> {}\n\nexport const Tfoot = withContext<\"tfoot\", TfootProps>(\"tfoot\", \"tfoot\")()\n\nexport interface ColgroupProps extends HTMLStyledProps<\"colgroup\"> {}\n\nexport const Colgroup = withContext<\"colgroup\", ColgroupProps>(\n  \"colgroup\",\n  \"colgroup\",\n)()\n\nexport interface ColProps extends HTMLStyledProps<\"col\"> {}\n\nexport const Col = withContext<\"col\", ColProps>(\"col\", \"col\")()\n\nexport interface TrProps extends HTMLStyledProps<\"tr\"> {}\n\nexport const Tr = withContext<\"tr\", TrProps>(\"tr\", \"tr\")()\n\nexport interface ThProps extends HTMLStyledProps<\"th\"> {\n  /**\n   * Aligns the cell content to the right.\n   *\n   * @default false\n   */\n  numeric?: boolean\n}\n\nexport const Th = withContext<\"th\", ThProps>(\"th\", \"th\")(\n  undefined,\n  ({ numeric, ...rest }) => ({\n    \"data-numeric\": numeric,\n    ...rest,\n  }),\n)\n\nexport interface TdProps extends HTMLStyledProps<\"td\"> {\n  /**\n   * Aligns the cell content to the right.\n   *\n   * @default false\n   */\n  numeric?: boolean\n}\n\nexport const Td = withContext<\"td\", TdProps>(\"td\", \"td\")(\n  undefined,\n  ({ numeric, ...rest }) => ({\n    \"data-numeric\": numeric,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;;;AA8BA,MAAM,EACJ,cAAc,yBACd,iBAAiB,4BACjB,aACA,iBACEA,yBAAAA,oBACF,gBACAC,2BAAAA,gBACF;;;;;;AASA,MAAa,kBAAkB,cAC5B,EAAE,gBAAgB,iBAAiB,GAAG,WAAW;CAChD,IAAI,gBACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;EAAuB,GAAI;YACzB,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,OAAR,EAAc,GAAI,KAAO,CAAA;CACJ,CAAA;MAGzB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,OAAR,EAAc,GAAI,KAAO,CAAA;AAEpC,GACA,MACF,CAAC,CAAC,KAAA,IAAY,EAAE,QAAQ,aAAa,GAAG,YAAY;CAClD;CACA,GAAG;AACL,EAAE;AAKF,MAAM,wBAAwB,YAC5B,OACA,YACF,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC;AAWjB,MAAa,UAAU,YACrB,WACA,SACF,CAAC,CAAC,KAAA,IAAY,EAAE,YAAY,OAAO,GAAG,YAAY;CAChD,kBAAkB;CAClB,aAAa,cAAc,QAAQ,WAAW;CAC9C,GAAG;AACL,EAAE;AAIF,MAAa,QAAQ,YAAiC,SAAS,OAAO,CAAC,CAAC;AAIxE,MAAa,QAAQ,YAAiC,SAAS,OAAO,CAAC,CAAC;AAIxE,MAAa,QAAQ,YAAiC,SAAS,OAAO,CAAC,CAAC;AAIxE,MAAa,WAAW,YACtB,YACA,UACF,CAAC,CAAC;AAIF,MAAa,MAAM,YAA6B,OAAO,KAAK,CAAC,CAAC;AAI9D,MAAa,KAAK,YAA2B,MAAM,IAAI,CAAC,CAAC;AAWzD,MAAa,KAAK,YAA2B,MAAM,IAAI,CAAC,CACtD,KAAA,IACC,EAAE,SAAS,GAAG,YAAY;CACzB,gBAAgB;CAChB,GAAG;AACL,EACF;AAWA,MAAa,KAAK,YAA2B,MAAM,IAAI,CAAC,CACtD,KAAA,IACC,EAAE,SAAS,GAAG,YAAY;CACzB,gBAAgB;CAChB,GAAG;AACL,EACF"}

package/dist/cjs/components/native-table/native-table.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"native-table.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-table/native-table.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeTableStyle = defineComponentSlotStyle({\n  base: {\n    caption: {\n      \"&[data-placement='end']\": {\n        mt: \"sm\",\n      },\n      \"&[data-placement='start']\": {\n        mb: \"sm\",\n      },\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n      fontWeight: \"medium\",\n      textAlign: \"center\",\n    },\n    col: {},\n    colgroup: {},\n    root: {\n      borderCollapse: \"collapse\",\n      fontVariantNumeric: \"lining-nums tabular-nums\",\n      h: \"full\",\n      w: \"full\",\n    },\n    scrollArea: {\n      display: \"block\",\n      maxW: \"full\",\n      overflow: \"auto\",\n      WebkitOverflowScrolling: \"touch\",\n      whiteSpace: \"nowrap\",\n    },\n    tbody: {},\n    td: {\n      px: \"{space-x}\",\n      py: \"{space-y}\",\n      verticalAlign: \"top\",\n      _numeric: {\n        textAlign: \"end\",\n      },\n    },\n    tfoot: {\n      \"& td\": {\n        fontWeight: \"medium\",\n        textAlign: \"start\",\n        verticalAlign: \"middle\",\n      },\n    },\n    th: {\n      fontWeight: \"medium\",\n      px: \"{space-x}\",\n      py: \"{space-y}\",\n      textAlign: \"start\",\n      verticalAlign: \"middle\",\n      _numeric: {\n        textAlign: \"end\",\n      },\n    },\n    thead: {},\n    tr: {\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n  },\n\n  props: {\n    /**\n     * If `true`, highlight the row when the table row is hovered.\n     *\n     * @default false\n     */\n    highlightOnHover: {\n      true: {\n        tbody: {\n          \"& tr\": {\n            transitionDuration: \"moderate\",\n            transitionProperty: \"common\",\n            _hover: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, highlight the row when the table row is selected.\n     *\n     * @default false\n     */\n    highlightOnSelected: {\n      true: {\n        tbody: {\n          \"& tr\": {\n            transitionDuration: \"moderate\",\n            transitionProperty: \"common\",\n            _selected: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display the sticky footer.\n     *\n     * @default false\n     */\n    stickyFooter: {\n      true: {\n        tfoot: {\n          \"& tr\": {\n            bottom: \"0\",\n            position: \"sticky\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display the sticky header.\n     *\n     * @default false\n     */\n    stickyHeader: {\n      true: {\n        thead: {\n          \"& tr\": {\n            position: \"sticky\",\n            top: \"0\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display striped rows.\n     *\n     * @default false\n     */\n    striped: {\n      true: {},\n    },\n    /**\n     * If `true`, display the outer border of the table.\n     *\n     * @default false\n     */\n    withBorder: {\n      true: {\n        root: { borderWidth: \"1px\" },\n      },\n    },\n    /**\n     * If `true`, display line on the columns of the table.\n     *\n     * @default false\n     */\n    withColumnBorders: {\n      true: {\n        tr: { \"& th, td\": { borderRightWidth: \"1px\" } },\n      },\n    },\n  },\n\n  variants: {\n    line: {\n      tbody: {\n        \"& tr:not(:first-of-type)\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n        \"& tr:only-child\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      tfoot: {\n        \"& tr\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      thead: {\n        \"& tr\": { \"& th, td\": { borderBottomWidth: \"1px\" } },\n      },\n    },\n    outline: {\n      root: {\n        borderWidth: \"1px\",\n      },\n      scrollArea: {\n        borderWidth: \"1px\",\n      },\n      tbody: {\n        \"& tr:not(:first-of-type)\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n        \"& tr:only-child\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      tfoot: {\n        \"& tr\": {\n          \"&:first-of-type\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n          bg: \"colorScheme.bg\",\n        },\n      },\n      thead: {\n        \"& tr\": {\n          \"&:last-of-type\": { \"& th, td\": { borderBottomWidth: \"1px\" } },\n          bg: \"colorScheme.bg\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      root: { fontSize: \"xs\" },\n      td: { \"--space-x\": \"spaces.2\", \"--space-y\": \"spaces.1\" },\n      th: { \"--space-x\": \"spaces.2\", \"--space-y\": \"spaces.1\" },\n    },\n    md: {\n      root: { fontSize: \"sm\" },\n      td: { \"--space-x\": \"spaces.3\", \"--space-y\": \"spaces.2\" },\n      th: { \"--space-x\": \"spaces.3\", \"--space-y\": \"spaces.2\" },\n    },\n    lg: {\n      root: { fontSize: \"md\" },\n      td: { \"--space-x\": \"spaces.4\", \"--space-y\": \"spaces.3\" },\n      th: { \"--space-x\": \"spaces.4\", \"--space-y\": \"spaces.3\" },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        tbody: {\n          \"& tr\": {\n            _odd: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n      variant: \"line\",\n      layer: \"props\",\n      striped: true,\n    },\n    {\n      css: {\n        tbody: {\n          \"& tr\": {\n            _even: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n      variant: \"outline\",\n      layer: \"props\",\n      striped: true,\n    },\n    {\n      css: {\n        root: {\n          borderWidth: \"0\",\n        },\n      },\n      variant: \"outline\",\n      withScrollArea: true,\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"line\",\n  },\n})\n\nexport type NativeTableStyle = typeof nativeTableStyle\n"],"mappings":"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"}
+{"version":3,"file":"native-table.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-table/native-table.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeTableStyle = defineComponentSlotStyle({\n  base: {\n    caption: {\n      \"&[data-placement='end']\": {\n        mt: \"sm\",\n      },\n      \"&[data-placement='start']\": {\n        mb: \"sm\",\n      },\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n      fontWeight: \"medium\",\n      textAlign: \"center\",\n    },\n    col: {},\n    colgroup: {},\n    root: {\n      borderCollapse: \"collapse\",\n      fontVariantNumeric: \"lining-nums tabular-nums\",\n      h: \"full\",\n      w: \"full\",\n    },\n    scrollArea: {\n      display: \"block\",\n      maxW: \"full\",\n      overflow: \"auto\",\n      WebkitOverflowScrolling: \"touch\",\n      whiteSpace: \"nowrap\",\n    },\n    tbody: {},\n    td: {\n      px: \"{space-x}\",\n      py: \"{space-y}\",\n      verticalAlign: \"top\",\n      _numeric: {\n        textAlign: \"end\",\n      },\n    },\n    tfoot: {\n      \"& td\": {\n        fontWeight: \"medium\",\n        textAlign: \"start\",\n        verticalAlign: \"middle\",\n      },\n    },\n    th: {\n      fontWeight: \"medium\",\n      px: \"{space-x}\",\n      py: \"{space-y}\",\n      textAlign: \"start\",\n      verticalAlign: \"middle\",\n      _numeric: {\n        textAlign: \"end\",\n      },\n    },\n    thead: {},\n    tr: {\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n  },\n\n  props: {\n    /**\n     * If `true`, highlight the row when the table row is hovered.\n     *\n     * @default false\n     */\n    highlightOnHover: {\n      true: {\n        tbody: {\n          \"& tr\": {\n            transitionDuration: \"moderate\",\n            transitionProperty: \"common\",\n            _hover: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, highlight the row when the table row is selected.\n     *\n     * @default false\n     */\n    highlightOnSelected: {\n      true: {\n        tbody: {\n          \"& tr\": {\n            transitionDuration: \"moderate\",\n            transitionProperty: \"common\",\n            _selected: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display the sticky footer.\n     *\n     * @default false\n     */\n    stickyFooter: {\n      true: {\n        tfoot: {\n          \"& tr\": {\n            bottom: \"0\",\n            position: \"sticky\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display the sticky header.\n     *\n     * @default false\n     */\n    stickyHeader: {\n      true: {\n        thead: {\n          \"& tr\": {\n            position: \"sticky\",\n            top: \"0\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display striped rows.\n     *\n     * @default false\n     */\n    striped: {\n      true: {},\n    },\n    /**\n     * If `true`, display the outer border of the table.\n     *\n     * @default false\n     */\n    withBorder: {\n      true: {\n        root: { borderWidth: \"1px\" },\n      },\n    },\n    /**\n     * If `true`, display line on the columns of the table.\n     *\n     * @default false\n     */\n    withColumnBorders: {\n      true: {\n        tr: { \"& th, td\": { borderRightWidth: \"1px\" } },\n      },\n    },\n  },\n\n  variants: {\n    line: {\n      tbody: {\n        \"& tr:not(:first-of-type)\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n        \"& tr:only-child\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      tfoot: {\n        \"& tr\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      thead: {\n        \"& tr\": { \"& th, td\": { borderBottomWidth: \"1px\" } },\n      },\n    },\n    outline: {\n      root: {\n        borderWidth: \"1px\",\n      },\n      scrollArea: {\n        borderWidth: \"1px\",\n      },\n      tbody: {\n        \"& tr:not(:first-of-type)\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n        \"& tr:only-child\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n      },\n      tfoot: {\n        \"& tr\": {\n          \"&:first-of-type\": { \"& th, td\": { borderTopWidth: \"1px\" } },\n          bg: \"colorScheme.bg\",\n        },\n      },\n      thead: {\n        \"& tr\": {\n          \"&:last-of-type\": { \"& th, td\": { borderBottomWidth: \"1px\" } },\n          bg: \"colorScheme.bg\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      root: { fontSize: \"xs\" },\n      td: { \"--space-x\": \"spaces.2\", \"--space-y\": \"spaces.1\" },\n      th: { \"--space-x\": \"spaces.2\", \"--space-y\": \"spaces.1\" },\n    },\n    md: {\n      root: { fontSize: \"sm\" },\n      td: { \"--space-x\": \"spaces.3\", \"--space-y\": \"spaces.2\" },\n      th: { \"--space-x\": \"spaces.3\", \"--space-y\": \"spaces.2\" },\n    },\n    lg: {\n      root: { fontSize: \"md\" },\n      td: { \"--space-x\": \"spaces.4\", \"--space-y\": \"spaces.3\" },\n      th: { \"--space-x\": \"spaces.4\", \"--space-y\": \"spaces.3\" },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        tbody: {\n          \"& tr\": {\n            _odd: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n      variant: \"line\",\n      layer: \"props\",\n      striped: true,\n    },\n    {\n      css: {\n        tbody: {\n          \"& tr\": {\n            _even: {\n              bg: \"colorScheme.bg\",\n            },\n          },\n        },\n      },\n      variant: \"outline\",\n      layer: \"props\",\n      striped: true,\n    },\n    {\n      css: {\n        root: {\n          borderWidth: \"0\",\n        },\n      },\n      variant: \"outline\",\n      withScrollArea: true,\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"line\",\n  },\n})\n\nexport type NativeTableStyle = typeof nativeTableStyle\n"],"mappings":"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"}

package/dist/cjs/components/notice/notice-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"notice-provider.cjs","names":["Portal","PLACEMENT_MAP","NoticeRoot"],"sources":["../../../../src/components/notice/notice-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, RefObject } from \"react\"\nimport type {\n  HTMLStyledProps,\n  NoticeConfig,\n  NoticePlacement,\n  ThemeProps,\n} from \"../../core\"\nimport type { NoticeStyle } from \"./notice.style\"\nimport { createContext, createRef, use, useId, useMemo, useRef } from \"react\"\nimport { Portal } from \"../portal\"\nimport { NoticeRoot, PLACEMENT_MAP } from \"./notice\"\n\nexport interface NoticeProviderProps\n  extends HTMLStyledProps, NoticeConfig, ThemeProps<NoticeStyle> {\n  /**\n   * Container ref for the portal.\n   */\n  containerRef?: RefObject<HTMLElement>\n}\n\ninterface NoticeState {\n  limit: number\n  placement: NoticePlacement\n}\n\nexport interface NoticeMethods {\n  getId: (placement: NoticePlacement) => string\n  getLimit: (placement: NoticePlacement) => number\n  updateLimit: (state: NoticeState) => void\n}\n\ninterface NoticeContext extends NoticeMethods {}\n\nconst NoticeContext = createContext({} as NoticeContext)\n\nexport type Controller = ReturnType<typeof createController>\n\nconst createController = () => ({\n  getLimit: createRef<NoticeMethods[\"getLimit\"]>(),\n  updateLimit: createRef<NoticeMethods[\"updateLimit\"]>(),\n})\n\nconst createMethods = (\n  id: string,\n  refs: {\n    [K in NoticePlacement]?: RefObject<Controller>\n  },\n  defaultLimit: number,\n): NoticeMethods => ({\n  getId: (placement) => {\n    return `${id}-${placement}`\n  },\n  getLimit: (placement) => {\n    const method = refs[placement]?.current.getLimit.current\n\n    return method?.(placement) ?? defaultLimit\n  },\n  updateLimit: (state) => {\n    const { placement } = state\n    const method = refs[placement]?.current.updateLimit.current\n\n    method?.(state)\n  },\n})\n\nexport const NoticeProvider: FC<NoticeProviderProps> = ({\n  children,\n  containerRef,\n  expand = false,\n  limit = 3,\n}) => {\n  const placementMap = useRef<{\n    [K in NoticePlacement]?: RefObject<Controller>\n  }>({})\n  const id = useId()\n\n  const value = useMemo(\n    () => ({ ...createMethods(id, placementMap.current, limit) }),\n    [id, limit],\n  )\n\n  const components = useMemo(() => {\n    return (Object.keys(PLACEMENT_MAP) as NoticePlacement[]).map(\n      (placement) => {\n        if (!placementMap.current[placement])\n          placementMap.current[placement] = { current: createController() }\n\n        return (\n          <NoticeRoot\n            key={placement}\n            ref={placementMap.current[placement]}\n            expand={expand}\n            limit={limit}\n            placement={placement}\n          />\n        )\n      },\n    )\n  }, [limit, expand])\n\n  return (\n    <NoticeContext value={value}>\n      {children}\n      <Portal containerRef={containerRef}>{components}</Portal>\n    </NoticeContext>\n  )\n}\n\nexport const useNoticeContext = (): NoticeContext => {\n  const context = use(NoticeContext)\n\n  return context\n}\n"],"mappings":";;;;;;AAmCA,MAAM,iBAAA,GAAA,MAAA,eAA8B,CAAC,CAAkB;AAIvD,MAAM,0BAA0B;CAC9B,WAAA,GAAA,MAAA,WAA+C;CAC/C,cAAA,GAAA,MAAA,WAAqD;AACvD;AAEA,MAAM,iBACJ,IACA,MAGA,kBACmB;CACnB,QAAQ,cAAc;EACpB,OAAO,GAAG,GAAG,GAAG;CAClB;CACA,WAAW,cAAc;EACvB,MAAM,SAAS,KAAK,YAAY,QAAQ,SAAS;EAEjD,OAAO,SAAS,SAAS,KAAK;CAChC;CACA,cAAc,UAAU;EACtB,MAAM,EAAE,cAAc;EACtB,MAAM,SAAS,KAAK,YAAY,QAAQ,YAAY;EAEpD,SAAS,KAAK;CAChB;AACF;AAEA,MAAa,kBAA2C,EACtD,UACA,cACA,SAAS,OACT,QAAQ,QACJ;CACJ,MAAM,gBAAA,GAAA,MAAA,QAEH,CAAC,CAAC;CACL,MAAM,MAAA,GAAA,MAAA,OAAW;CA0BjB,OACE,iBAAA,GAAA,kBAAA,MAAC,eAAD;EAAe,QAAA,GAAA,MAAA,gBAxBR,EAAE,GAAG,cAAc,IAAI,aAAa,SAAS,KAAK,EAAE,IAC3D,CAAC,IAAI,KAAK,CAuBgB;YAA1B,CACG,UACD,iBAAA,GAAA,kBAAA,KAACA,eAAAA,QAAD;GAAsB;sCAtBO;IAC/B,OAAQ,OAAO,KAAKC,eAAAA,aAAa,EAAwB,KACtD,cAAc;KACb,IAAI,CAAC,aAAa,QAAQ,YACxB,aAAa,QAAQ,aAAa,EAAE,SAAS,iBAAiB,EAAE;KAElE,OACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,YAAD;MAEE,KAAK,aAAa,QAAQ;MAClB;MACD;MACI;KACZ,GALM,SAKN;IAEL,CACF;GACF,GAAG,CAAC,OAAO,MAAM,CAKiC;EAAU,CAAA,CAC3C;;AAEnB;AAEA,MAAa,yBAAwC;CAGnD,QAAA,GAAA,MAAA,KAFoB,aAEP;AACf"}
+{"version":3,"file":"notice-provider.cjs","names":["Portal","PLACEMENT_MAP","NoticeRoot"],"sources":["../../../../src/components/notice/notice-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, RefObject } from \"react\"\nimport type {\n  HTMLStyledProps,\n  NoticeConfig,\n  NoticePlacement,\n  ThemeProps,\n} from \"../../core\"\nimport type { NoticeStyle } from \"./notice.style\"\nimport { createContext, createRef, use, useId, useMemo, useRef } from \"react\"\nimport { Portal } from \"../portal\"\nimport { NoticeRoot, PLACEMENT_MAP } from \"./notice\"\n\nexport interface NoticeProviderProps\n  extends HTMLStyledProps, NoticeConfig, ThemeProps<NoticeStyle> {\n  /**\n   * Container ref for the portal.\n   */\n  containerRef?: RefObject<HTMLElement>\n}\n\ninterface NoticeState {\n  limit: number\n  placement: NoticePlacement\n}\n\nexport interface NoticeMethods {\n  getId: (placement: NoticePlacement) => string\n  getLimit: (placement: NoticePlacement) => number\n  updateLimit: (state: NoticeState) => void\n}\n\ninterface NoticeContext extends NoticeMethods {}\n\nconst NoticeContext = createContext({} as NoticeContext)\n\nexport type Controller = ReturnType<typeof createController>\n\nconst createController = () => ({\n  getLimit: createRef<NoticeMethods[\"getLimit\"]>(),\n  updateLimit: createRef<NoticeMethods[\"updateLimit\"]>(),\n})\n\nconst createMethods = (\n  id: string,\n  refs: {\n    [K in NoticePlacement]?: RefObject<Controller>\n  },\n  defaultLimit: number,\n): NoticeMethods => ({\n  getId: (placement) => {\n    return `${id}-${placement}`\n  },\n  getLimit: (placement) => {\n    const method = refs[placement]?.current.getLimit.current\n\n    return method?.(placement) ?? defaultLimit\n  },\n  updateLimit: (state) => {\n    const { placement } = state\n    const method = refs[placement]?.current.updateLimit.current\n\n    method?.(state)\n  },\n})\n\nexport const NoticeProvider: FC<NoticeProviderProps> = ({\n  children,\n  containerRef,\n  expand = false,\n  limit = 3,\n}) => {\n  const placementMap = useRef<{\n    [K in NoticePlacement]?: RefObject<Controller>\n  }>({})\n  const id = useId()\n\n  const value = useMemo(\n    () => ({ ...createMethods(id, placementMap.current, limit) }),\n    [id, limit],\n  )\n\n  const components = useMemo(() => {\n    return (Object.keys(PLACEMENT_MAP) as NoticePlacement[]).map(\n      (placement) => {\n        if (!placementMap.current[placement])\n          placementMap.current[placement] = { current: createController() }\n\n        return (\n          <NoticeRoot\n            key={placement}\n            ref={placementMap.current[placement]}\n            expand={expand}\n            limit={limit}\n            placement={placement}\n          />\n        )\n      },\n    )\n  }, [limit, expand])\n\n  return (\n    <NoticeContext value={value}>\n      {children}\n      <Portal containerRef={containerRef}>{components}</Portal>\n    </NoticeContext>\n  )\n}\n\nexport const useNoticeContext = (): NoticeContext => {\n  const context = use(NoticeContext)\n\n  return context\n}\n"],"mappings":";;;;;;AAmCA,MAAM,iBAAA,GAAA,MAAA,cAAA,CAA8B,CAAC,CAAkB;AAIvD,MAAM,0BAA0B;CAC9B,WAAA,GAAA,MAAA,UAAA,CAA+C;CAC/C,cAAA,GAAA,MAAA,UAAA,CAAqD;AACvD;AAEA,MAAM,iBACJ,IACA,MAGA,kBACmB;CACnB,QAAQ,cAAc;EACpB,OAAO,GAAG,GAAG,GAAG;CAClB;CACA,WAAW,cAAc;EACvB,MAAM,SAAS,KAAK,UAAU,EAAE,QAAQ,SAAS;EAEjD,OAAO,SAAS,SAAS,KAAK;CAChC;CACA,cAAc,UAAU;EACtB,MAAM,EAAE,cAAc;EACtB,MAAM,SAAS,KAAK,UAAU,EAAE,QAAQ,YAAY;EAEpD,SAAS,KAAK;CAChB;AACF;AAEA,MAAa,kBAA2C,EACtD,UACA,cACA,SAAS,OACT,QAAQ,QACJ;CACJ,MAAM,gBAAA,GAAA,MAAA,OAAA,CAEH,CAAC,CAAC;CACL,MAAM,MAAA,GAAA,MAAA,MAAA,CAAW;CA0BjB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAD;EAAe,QAAA,GAAA,MAAA,QAAA,QAxBR,EAAE,GAAG,cAAc,IAAI,aAAa,SAAS,KAAK,EAAE,IAC3D,CAAC,IAAI,KAAK,CAuBgB;YAA1B,CACG,UACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;GAAsB;sCAtBO;IAC/B,OAAQ,OAAO,KAAKC,eAAAA,aAAa,CAAC,CAAuB,KACtD,cAAc;KACb,IAAI,CAAC,aAAa,QAAQ,YACxB,aAAa,QAAQ,aAAa,EAAE,SAAS,iBAAiB,EAAE;KAElE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,YAAD;MAEE,KAAK,aAAa,QAAQ;MAClB;MACD;MACI;KACZ,GALM,SAKN;IAEL,CACF;GACF,GAAG,CAAC,OAAO,MAAM,CAKiC;EAAU,CAAA,CAC3C;;AAEnB;AAEA,MAAa,yBAAwC;CAGnD,QAAA,GAAA,MAAA,IAAA,CAFoB,aAEP;AACf"}

package/dist/cjs/components/notice/notice.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"notice.cjs","names":["createSlotComponent","noticeStyle","useNoticeContext","styled","Toaster","toast","CloseButton"],"sources":["../../../../src/components/notice/notice.tsx"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { ToasterProps } from \"sonner\"\nimport type {\n  HTMLStyledProps,\n  NoticeCloseStrategy,\n  NoticeConfig,\n  NoticePlacement,\n} from \"../../core\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { Controller, NoticeMethods } from \"./notice-provider\"\nimport type { NoticeStyle } from \"./notice.style\"\nimport type { UseNoticeOptions } from \"./use-notice\"\nimport { useCallback, useMemo, useState } from \"react\"\nimport { toast, Toaster } from \"sonner\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { assignRef, dataAttr, handlerAll, noop } from \"../../utils\"\nimport { Alert } from \"../alert\"\nimport { CloseButton } from \"../close-button\"\nimport { useNoticeContext } from \"./notice-provider\"\nimport { noticeStyle } from \"./notice.style\"\n\ntype ToasterPosition = Required<ToasterProps>[\"position\"]\n\nexport const PLACEMENT_MAP: {\n  [key in NoticePlacement]: ToasterPosition\n} = {\n  end: \"bottom-center\",\n  \"end-center\": \"bottom-center\",\n  \"end-end\": \"bottom-right\",\n  \"end-start\": \"bottom-left\",\n  start: \"top-center\",\n  \"start-center\": \"top-center\",\n  \"start-end\": \"top-right\",\n  \"start-start\": \"top-left\",\n}\n\nexport interface NoticeRootProps extends Pick<\n  Required<NoticeConfig>,\n  \"expand\" | \"limit\" | \"placement\"\n> {\n  ref: RefObject<Controller>\n}\n\nconst {\n  PropsContext: NoticePropsContext,\n  usePropsContext: useNoticePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NoticeRootProps, NoticeStyle>(\"notice\", noticeStyle)\n\nexport { NoticePropsContext, useNoticePropsContext }\n\nexport const NoticeRoot = withProvider<\"fragment\", NoticeRootProps>(\n  ({ ref, expand, limit, placement, ...rest }) => {\n    const { getId } = useNoticeContext()\n    const position = useMemo(() => PLACEMENT_MAP[placement], [placement])\n    const [updatedLimit, setUpdatedLimit] = useState(limit)\n\n    const getLimit = useCallback<NoticeMethods[\"getLimit\"]>(\n      (target) => {\n        if (target === placement && updatedLimit !== limit) {\n          return updatedLimit\n        } else {\n          return limit\n        }\n      },\n      [placement, limit, updatedLimit],\n    )\n\n    const updateLimit = useCallback<NoticeMethods[\"updateLimit\"]>(\n      ({ limit, placement: target }) => {\n        if (target === placement) setUpdatedLimit(limit)\n      },\n      [placement],\n    )\n\n    assignRef(ref.current.updateLimit, updateLimit)\n    assignRef(ref.current.getLimit, getLimit)\n\n    return (\n      <styled.div {...rest}>\n        <Toaster\n          id={getId(placement)}\n          containerAriaLabel=\"\"\n          expand={expand}\n          gap={16}\n          hotkey={[\"\"]}\n          mobileOffset=\"var(--mobile-offset)\"\n          offset=\"var(--offset)\"\n          position={position}\n          visibleToasts={updatedLimit}\n        />\n      </styled.div>\n    )\n  },\n  \"root\",\n)()\n\nexport interface NoticeItemProps\n  extends UseNoticeOptions, Omit<HTMLStyledProps, \"id\" | \"title\"> {\n  closeStrategies?: NoticeCloseStrategy[]\n}\n\nexport const NoticeItem = withContext<\"div\", NoticeItemProps>(\n  ({\n    id,\n    variant = \"plain\",\n    closable,\n    closeStrategies = [\"click\", \"drag\"],\n    description,\n    loadingScheme,\n    status,\n    title,\n    withIcon = true,\n    closeButtonProps,\n    contentProps,\n    descriptionProps,\n    iconProps,\n    loadingProps,\n    titleProps,\n    onClick,\n    ...rest\n  }) => {\n    const onClose = useCallback(() => toast.dismiss(id), [id])\n\n    return (\n      <Alert.Root\n        variant={variant}\n        status={status}\n        {...rest}\n        onClick={handlerAll(\n          onClick,\n          closable && closeStrategies.includes(\"click\") ? onClose : noop,\n        )}\n      >\n        {withIcon ? (\n          loadingScheme ? (\n            <Alert.Loading loadingScheme={loadingScheme} {...loadingProps} />\n          ) : (\n            <Alert.Icon {...iconProps} />\n          )\n        ) : null}\n\n        <NoticeContent\n          data-close-button={dataAttr(\n            closable && closeStrategies.includes(\"button\"),\n          )}\n          {...contentProps}\n        >\n          {title ? (\n            <Alert.Title me=\"0\" {...titleProps}>\n              {title}\n            </Alert.Title>\n          ) : null}\n          {description ? (\n            <Alert.Description lineClamp={2} {...descriptionProps}>\n              {description}\n            </Alert.Description>\n          ) : null}\n        </NoticeContent>\n\n        {closable && closeStrategies.includes(\"button\") ? (\n          <NoticeCloseButton\n            data-variant={variant}\n            {...closeButtonProps}\n            onClick={handlerAll(closeButtonProps?.onClick, onClose)}\n          />\n        ) : null}\n      </Alert.Root>\n    )\n  },\n  \"item\",\n)()\n\nexport interface NoticeContentProps extends HTMLStyledProps {}\n\nexport const NoticeContent = withContext<\"div\", NoticeContentProps>(\n  \"div\",\n  \"content\",\n)()\n\nexport interface NoticeCloseButtonProps extends CloseButtonProps {}\n\nexport const NoticeCloseButton = withContext<\"button\", NoticeCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)()\n"],"mappings":"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"}
+{"version":3,"file":"notice.cjs","names":["createSlotComponent","noticeStyle","useNoticeContext","styled","Toaster","toast","CloseButton"],"sources":["../../../../src/components/notice/notice.tsx"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { ToasterProps } from \"sonner\"\nimport type {\n  HTMLStyledProps,\n  NoticeCloseStrategy,\n  NoticeConfig,\n  NoticePlacement,\n} from \"../../core\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { Controller, NoticeMethods } from \"./notice-provider\"\nimport type { NoticeStyle } from \"./notice.style\"\nimport type { UseNoticeOptions } from \"./use-notice\"\nimport { useCallback, useMemo, useState } from \"react\"\nimport { toast, Toaster } from \"sonner\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { assignRef, dataAttr, handlerAll, noop } from \"../../utils\"\nimport { Alert } from \"../alert\"\nimport { CloseButton } from \"../close-button\"\nimport { useNoticeContext } from \"./notice-provider\"\nimport { noticeStyle } from \"./notice.style\"\n\ntype ToasterPosition = Required<ToasterProps>[\"position\"]\n\nexport const PLACEMENT_MAP: {\n  [key in NoticePlacement]: ToasterPosition\n} = {\n  end: \"bottom-center\",\n  \"end-center\": \"bottom-center\",\n  \"end-end\": \"bottom-right\",\n  \"end-start\": \"bottom-left\",\n  start: \"top-center\",\n  \"start-center\": \"top-center\",\n  \"start-end\": \"top-right\",\n  \"start-start\": \"top-left\",\n}\n\nexport interface NoticeRootProps extends Pick<\n  Required<NoticeConfig>,\n  \"expand\" | \"limit\" | \"placement\"\n> {\n  ref: RefObject<Controller>\n}\n\nconst {\n  PropsContext: NoticePropsContext,\n  usePropsContext: useNoticePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NoticeRootProps, NoticeStyle>(\"notice\", noticeStyle)\n\nexport { NoticePropsContext, useNoticePropsContext }\n\nexport const NoticeRoot = withProvider<\"fragment\", NoticeRootProps>(\n  ({ ref, expand, limit, placement, ...rest }) => {\n    const { getId } = useNoticeContext()\n    const position = useMemo(() => PLACEMENT_MAP[placement], [placement])\n    const [updatedLimit, setUpdatedLimit] = useState(limit)\n\n    const getLimit = useCallback<NoticeMethods[\"getLimit\"]>(\n      (target) => {\n        if (target === placement && updatedLimit !== limit) {\n          return updatedLimit\n        } else {\n          return limit\n        }\n      },\n      [placement, limit, updatedLimit],\n    )\n\n    const updateLimit = useCallback<NoticeMethods[\"updateLimit\"]>(\n      ({ limit, placement: target }) => {\n        if (target === placement) setUpdatedLimit(limit)\n      },\n      [placement],\n    )\n\n    assignRef(ref.current.updateLimit, updateLimit)\n    assignRef(ref.current.getLimit, getLimit)\n\n    return (\n      <styled.div {...rest}>\n        <Toaster\n          id={getId(placement)}\n          containerAriaLabel=\"\"\n          expand={expand}\n          gap={16}\n          hotkey={[\"\"]}\n          mobileOffset=\"var(--mobile-offset)\"\n          offset=\"var(--offset)\"\n          position={position}\n          visibleToasts={updatedLimit}\n        />\n      </styled.div>\n    )\n  },\n  \"root\",\n)()\n\nexport interface NoticeItemProps\n  extends UseNoticeOptions, Omit<HTMLStyledProps, \"id\" | \"title\"> {\n  closeStrategies?: NoticeCloseStrategy[]\n}\n\nexport const NoticeItem = withContext<\"div\", NoticeItemProps>(\n  ({\n    id,\n    variant = \"plain\",\n    closable,\n    closeStrategies = [\"click\", \"drag\"],\n    description,\n    loadingScheme,\n    status,\n    title,\n    withIcon = true,\n    closeButtonProps,\n    contentProps,\n    descriptionProps,\n    iconProps,\n    loadingProps,\n    titleProps,\n    onClick,\n    ...rest\n  }) => {\n    const onClose = useCallback(() => toast.dismiss(id), [id])\n\n    return (\n      <Alert.Root\n        variant={variant}\n        status={status}\n        {...rest}\n        onClick={handlerAll(\n          onClick,\n          closable && closeStrategies.includes(\"click\") ? onClose : noop,\n        )}\n      >\n        {withIcon ? (\n          loadingScheme ? (\n            <Alert.Loading loadingScheme={loadingScheme} {...loadingProps} />\n          ) : (\n            <Alert.Icon {...iconProps} />\n          )\n        ) : null}\n\n        <NoticeContent\n          data-close-button={dataAttr(\n            closable && closeStrategies.includes(\"button\"),\n          )}\n          {...contentProps}\n        >\n          {title ? (\n            <Alert.Title me=\"0\" {...titleProps}>\n              {title}\n            </Alert.Title>\n          ) : null}\n          {description ? (\n            <Alert.Description lineClamp={2} {...descriptionProps}>\n              {description}\n            </Alert.Description>\n          ) : null}\n        </NoticeContent>\n\n        {closable && closeStrategies.includes(\"button\") ? (\n          <NoticeCloseButton\n            data-variant={variant}\n            {...closeButtonProps}\n            onClick={handlerAll(closeButtonProps?.onClick, onClose)}\n          />\n        ) : null}\n      </Alert.Root>\n    )\n  },\n  \"item\",\n)()\n\nexport interface NoticeContentProps extends HTMLStyledProps {}\n\nexport const NoticeContent = withContext<\"div\", NoticeContentProps>(\n  \"div\",\n  \"content\",\n)()\n\nexport interface NoticeCloseButtonProps extends CloseButtonProps {}\n\nexport const NoticeCloseButton = withContext<\"button\", NoticeCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)()\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"notice.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/notice/notice.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const noticeStyle = defineComponentSlotStyle({\n  base: {\n    closeButton: {\n      \"&:is([data-variant='plain'], [data-variant='island'])\": {\n        colorScheme: \"mono!\",\n      },\n      \"&:is([data-variant='solid'])\": {\n        color: \"colorScheme.contrast!\",\n        _hover: { bg: \"colorScheme.solid!\" },\n      },\n      fontSize: \"md!\",\n      minBoxSize: \"6!\",\n      position: \"absolute\",\n      right: \"3\",\n      top: \"2.5\",\n    },\n    content: {\n      \"&[data-close-button]\": { pe: \"6\" },\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"1\",\n    },\n    item: {\n      minW: \"sm\",\n      position: \"relative\",\n    },\n    root: {\n      \"--mobile-offset\": \"{spaces.md}\",\n      \"--offset\": \"{spaces.lg}\",\n    },\n  },\n})\n\nexport type NoticeStyle = typeof noticeStyle\n"],"mappings":";AAEA,MAAa,oDAAcA,EAAAA,yBAAyB,EAClD,MAAM;CACJ,aAAa;EACX,yDAAyD,EACvD,aAAa,QACf;EACA,gCAAgC;GAC9B,OAAO;GACP,QAAQ,EAAE,IAAI,qBAAqB;EACrC;EACA,UAAU;EACV,YAAY;EACZ,UAAU;EACV,OAAO;EACP,KAAK;CACP;CACA,SAAS;EACP,wBAAwB,EAAE,IAAI,IAAI;EAClC,SAAS;EACT,MAAM;EACN,eAAe;EACf,KAAK;CACP;CACA,MAAM;EACJ,MAAM;EACN,UAAU;CACZ;CACA,MAAM;EACJ,mBAAmB;EACnB,YAAY;CACd;AACF,EACF,CAAC"}
+{"version":3,"file":"notice.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/notice/notice.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const noticeStyle = defineComponentSlotStyle({\n  base: {\n    closeButton: {\n      \"&:is([data-variant='plain'], [data-variant='island'])\": {\n        colorScheme: \"mono!\",\n      },\n      \"&:is([data-variant='solid'])\": {\n        color: \"colorScheme.contrast!\",\n        _hover: { bg: \"colorScheme.solid!\" },\n      },\n      fontSize: \"md!\",\n      minBoxSize: \"6!\",\n      position: \"absolute\",\n      right: \"3\",\n      top: \"2.5\",\n    },\n    content: {\n      \"&[data-close-button]\": { pe: \"6\" },\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"1\",\n    },\n    item: {\n      minW: \"sm\",\n      position: \"relative\",\n    },\n    root: {\n      \"--mobile-offset\": \"{spaces.md}\",\n      \"--offset\": \"{spaces.lg}\",\n    },\n  },\n})\n\nexport type NoticeStyle = typeof noticeStyle\n"],"mappings":";AAEA,MAAa,oDAAcA,CAAAA,CAAAA,yBAAyB,EAClD,MAAM;CACJ,aAAa;EACX,yDAAyD,EACvD,aAAa,QACf;EACA,gCAAgC;GAC9B,OAAO;GACP,QAAQ,EAAE,IAAI,qBAAqB;EACrC;EACA,UAAU;EACV,YAAY;EACZ,UAAU;EACV,OAAO;EACP,KAAK;CACP;CACA,SAAS;EACP,wBAAwB,EAAE,IAAI,IAAI;EAClC,SAAS;EACT,MAAM;EACN,eAAe;EACf,KAAK;CACP;CACA,MAAM;EACJ,MAAM;EACN,UAAU;CACZ;CACA,MAAM;EACJ,mBAAmB;EACnB,YAAY;CACd;AACF,EACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-notice.cjs","names":["useNoticeContext","useSystem","toast","NoticeItem"],"sources":["../../../../src/components/notice/use-notice.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, NoticeConfig } from \"../../core\"\nimport type { Alert } from \"../alert\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { StatusScheme } from \"../status\"\nimport { useCallback, useMemo } from \"react\"\nimport { toast } from \"sonner\"\nimport { useSystem } from \"../../core\"\nimport { isArray, omitObject } from \"../../utils\"\nimport { NoticeItem } from \"./notice\"\nimport { useNoticeContext } from \"./notice-provider\"\n\nexport interface UseNoticeOptions\n  extends\n    Omit<NoticeConfig, \"expand\">,\n    Omit<Alert.RootProps, \"direction\" | \"id\" | \"status\" | \"title\">,\n    Pick<Alert.LoadingProps, \"loadingScheme\"> {\n  /**\n   * The description of the notice.\n   */\n  description?: ReactNode\n  /**\n   * Unique identifier for the notice.\n   */\n  id?: number | string\n  /**\n   * The status of the notice.\n   */\n  status?: StatusScheme\n  /**\n   * The title of the notice.\n   */\n  title?: ReactNode\n  /**\n   * If `true`, shows an icon.\n   */\n  withIcon?: boolean\n  /**\n   * Props for the close button.\n   */\n  closeButtonProps?: CloseButtonProps\n  /**\n   * Props for the content container.\n   */\n  contentProps?: HTMLStyledProps\n  /**\n   * Props for the description.\n   */\n  descriptionProps?: Alert.DescriptionProps\n  /**\n   * Props for the icon.\n   */\n  iconProps?: Alert.IconProps\n  /**\n   * Props for the loading component.\n   */\n  loadingProps?: Alert.LoadingProps\n  /**\n   * Props for the title.\n   */\n  titleProps?: Alert.TitleProps\n}\n\nexport interface NoticeComponentProps {\n  onClose: () => void\n}\n\n/**\n * `useNotice` is a custom hook that controls the notifications of the application using Sonner.\n *\n * @see https://yamada-ui.com/docs/hooks/use-notice\n */\nexport const useNotice = (options: UseNoticeOptions = {}) => {\n  const { getId, getLimit, updateLimit } = useNoticeContext()\n  const { config } = useSystem()\n\n  const systemOptions = useMemo(\n    () => omitObject(config.notice ?? {}, [\"expand\"]),\n    [config],\n  )\n  const defaultOptions = useMemo(\n    () => ({ ...systemOptions, ...options }),\n    [options, systemOptions],\n  )\n\n  const getOptions = useCallback(\n    (options: UseNoticeOptions) => ({ ...defaultOptions, ...options }),\n    [defaultOptions],\n  )\n\n  return useMemo(() => {\n    const notice = (options: UseNoticeOptions = {}) => {\n      options = getOptions(options)\n\n      const {\n        closable = true,\n        closeStrategy = [\"click\", \"drag\"],\n        duration,\n        limit = 3,\n        placement = \"start\",\n        ...props\n      } = options\n\n      if (limit) {\n        const currentLimit = getLimit(placement)\n\n        if (currentLimit !== limit) updateLimit({ limit, placement })\n      }\n\n      const closeStrategies = isArray(closeStrategy)\n        ? closeStrategy\n        : [closeStrategy]\n\n      const resolvedOptions = {\n        dismissible: closeStrategies.includes(\"drag\") && closable,\n        duration: duration ?? Number.POSITIVE_INFINITY,\n        toasterId: getId(placement),\n      }\n\n      return toast.custom(\n        (id) => (\n          <NoticeItem\n            {...props}\n            id={id}\n            closable={closable}\n            closeStrategies={closeStrategies}\n          />\n        ),\n        resolvedOptions,\n      )\n    }\n\n    notice.close = (id: number | string) => toast.dismiss(id)\n\n    notice.closeAll = () => toast.dismiss()\n\n    notice.update = (id: number | string, options: UseNoticeOptions) => {\n      toast.dismiss(id)\n\n      return notice(options)\n    }\n\n    return notice\n  }, [getLimit, getOptions, getId, updateLimit])\n}\n\nexport type UseNoticeReturn = ReturnType<typeof useNotice>\n"],"mappings":";;;;;;;;;;;;;;AA0EA,MAAa,aAAa,UAA4B,CAAC,MAAM;CAC3D,MAAM,EAAE,OAAO,UAAU,gBAAgBA,wBAAAA,iBAAiB;CAC1D,MAAM,EAAE,WAAWC,wBAAAA,UAAU;CAE7B,MAAM,iBAAA,GAAA,MAAA,gBAAA,GAAA,oBAAA,cAAA,YACa,OAAO,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,GAChD,CAAC,MAAM,CACT;CACA,MAAM,kBAAA,GAAA,MAAA,gBACG;EAAE,GAAG;EAAe,GAAG;CAAQ,IACtC,CAAC,SAAS,aAAa,CACzB;CAEA,MAAM,cAAA,GAAA,MAAA,cACH,aAA+B;EAAE,GAAG;EAAgB,GAAG;CAAQ,IAChE,CAAC,cAAc,CACjB;CAEA,QAAA,GAAA,MAAA,eAAqB;EACnB,MAAM,UAAU,UAA4B,CAAC,MAAM;GACjD,UAAU,WAAW,OAAO;GAE5B,MAAM,EACJ,WAAW,MACX,gBAAgB,CAAC,SAAS,MAAM,GAChC,UACA,QAAQ,GACR,YAAY,SACZ,GAAG,UACD;GAEJ,IAAI;QACmB,SAAS,SAEf,MAAM,OAAO,YAAY;KAAE;KAAO;IAAU,CAAC;GAAA;GAG9D,MAAM,mBAAA,GAAA,oBAAA,cAAA,SAA0B,aAAa,IACzC,gBACA,CAAC,aAAa;GAElB,MAAM,kBAAkB;IACtB,aAAa,gBAAgB,SAAS,MAAM,KAAK;IACjD,UAAU,YAAY,OAAO;IAC7B,WAAW,MAAM,SAAS;GAC5B;GAEA,OAAOC,OAAAA,MAAM,QACV,OACC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,YAAD;IACE,GAAI;IACA;IACM;IACO;GAClB,CAAA,GAEH,eACF;EACF;EAEA,OAAO,SAAS,OAAwBD,OAAAA,MAAM,QAAQ,EAAE;EAExD,OAAO,iBAAiBA,OAAAA,MAAM,QAAQ;EAEtC,OAAO,UAAU,IAAqB,YAA8B;GAClE,OAAA,MAAM,QAAQ,EAAE;GAEhB,OAAO,OAAO,OAAO;EACvB;EAEA,OAAO;CACT,GAAG;EAAC;EAAU;EAAY;EAAO;CAAW,CAAC;AAC/C"}
+{"version":3,"file":"use-notice.cjs","names":["useNoticeContext","useSystem","toast","NoticeItem"],"sources":["../../../../src/components/notice/use-notice.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, NoticeConfig } from \"../../core\"\nimport type { Alert } from \"../alert\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { StatusScheme } from \"../status\"\nimport { useCallback, useMemo } from \"react\"\nimport { toast } from \"sonner\"\nimport { useSystem } from \"../../core\"\nimport { isArray, omitObject } from \"../../utils\"\nimport { NoticeItem } from \"./notice\"\nimport { useNoticeContext } from \"./notice-provider\"\n\nexport interface UseNoticeOptions\n  extends\n    Omit<NoticeConfig, \"expand\">,\n    Omit<Alert.RootProps, \"direction\" | \"id\" | \"status\" | \"title\">,\n    Pick<Alert.LoadingProps, \"loadingScheme\"> {\n  /**\n   * The description of the notice.\n   */\n  description?: ReactNode\n  /**\n   * Unique identifier for the notice.\n   */\n  id?: number | string\n  /**\n   * The status of the notice.\n   */\n  status?: StatusScheme\n  /**\n   * The title of the notice.\n   */\n  title?: ReactNode\n  /**\n   * If `true`, shows an icon.\n   */\n  withIcon?: boolean\n  /**\n   * Props for the close button.\n   */\n  closeButtonProps?: CloseButtonProps\n  /**\n   * Props for the content container.\n   */\n  contentProps?: HTMLStyledProps\n  /**\n   * Props for the description.\n   */\n  descriptionProps?: Alert.DescriptionProps\n  /**\n   * Props for the icon.\n   */\n  iconProps?: Alert.IconProps\n  /**\n   * Props for the loading component.\n   */\n  loadingProps?: Alert.LoadingProps\n  /**\n   * Props for the title.\n   */\n  titleProps?: Alert.TitleProps\n}\n\nexport interface NoticeComponentProps {\n  onClose: () => void\n}\n\n/**\n * `useNotice` is a custom hook that controls the notifications of the application using Sonner.\n *\n * @see https://yamada-ui.com/docs/hooks/use-notice\n */\nexport const useNotice = (options: UseNoticeOptions = {}) => {\n  const { getId, getLimit, updateLimit } = useNoticeContext()\n  const { config } = useSystem()\n\n  const systemOptions = useMemo(\n    () => omitObject(config.notice ?? {}, [\"expand\"]),\n    [config],\n  )\n  const defaultOptions = useMemo(\n    () => ({ ...systemOptions, ...options }),\n    [options, systemOptions],\n  )\n\n  const getOptions = useCallback(\n    (options: UseNoticeOptions) => ({ ...defaultOptions, ...options }),\n    [defaultOptions],\n  )\n\n  return useMemo(() => {\n    const notice = (options: UseNoticeOptions = {}) => {\n      options = getOptions(options)\n\n      const {\n        closable = true,\n        closeStrategy = [\"click\", \"drag\"],\n        duration,\n        limit = 3,\n        placement = \"start\",\n        ...props\n      } = options\n\n      if (limit) {\n        const currentLimit = getLimit(placement)\n\n        if (currentLimit !== limit) updateLimit({ limit, placement })\n      }\n\n      const closeStrategies = isArray(closeStrategy)\n        ? closeStrategy\n        : [closeStrategy]\n\n      const resolvedOptions = {\n        dismissible: closeStrategies.includes(\"drag\") && closable,\n        duration: duration ?? Number.POSITIVE_INFINITY,\n        toasterId: getId(placement),\n      }\n\n      return toast.custom(\n        (id) => (\n          <NoticeItem\n            {...props}\n            id={id}\n            closable={closable}\n            closeStrategies={closeStrategies}\n          />\n        ),\n        resolvedOptions,\n      )\n    }\n\n    notice.close = (id: number | string) => toast.dismiss(id)\n\n    notice.closeAll = () => toast.dismiss()\n\n    notice.update = (id: number | string, options: UseNoticeOptions) => {\n      toast.dismiss(id)\n\n      return notice(options)\n    }\n\n    return notice\n  }, [getLimit, getOptions, getId, updateLimit])\n}\n\nexport type UseNoticeReturn = ReturnType<typeof useNotice>\n"],"mappings":";;;;;;;;;;;;;;AA0EA,MAAa,aAAa,UAA4B,CAAC,MAAM;CAC3D,MAAM,EAAE,OAAO,UAAU,gBAAgBA,wBAAAA,iBAAiB;CAC1D,MAAM,EAAE,WAAWC,wBAAAA,UAAU;CAE7B,MAAM,iBAAA,GAAA,MAAA,QAAA,QAAA,GAAA,oBAAA,cAAA,WAAA,CACa,OAAO,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,GAChD,CAAC,MAAM,CACT;CACA,MAAM,kBAAA,GAAA,MAAA,QAAA,QACG;EAAE,GAAG;EAAe,GAAG;CAAQ,IACtC,CAAC,SAAS,aAAa,CACzB;CAEA,MAAM,cAAA,GAAA,MAAA,YAAA,EACH,aAA+B;EAAE,GAAG;EAAgB,GAAG;CAAQ,IAChE,CAAC,cAAc,CACjB;CAEA,QAAA,GAAA,MAAA,QAAA,OAAqB;EACnB,MAAM,UAAU,UAA4B,CAAC,MAAM;GACjD,UAAU,WAAW,OAAO;GAE5B,MAAM,EACJ,WAAW,MACX,gBAAgB,CAAC,SAAS,MAAM,GAChC,UACA,QAAQ,GACR,YAAY,SACZ,GAAG,UACD;GAEJ,IAAI;QACmB,SAAS,SAEf,MAAM,OAAO,YAAY;KAAE;KAAO;IAAU,CAAC;GAAA;GAG9D,MAAM,mBAAA,GAAA,oBAAA,cAAA,QAAA,CAA0B,aAAa,IACzC,gBACA,CAAC,aAAa;GAElB,MAAM,kBAAkB;IACtB,aAAa,gBAAgB,SAAS,MAAM,KAAK;IACjD,UAAU,YAAY,OAAO;IAC7B,WAAW,MAAM,SAAS;GAC5B;GAEA,OAAOC,OAAAA,MAAM,QACV,OACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,YAAD;IACE,GAAI;IACA;IACM;IACO;GAClB,CAAA,GAEH,eACF;EACF;EAEA,OAAO,SAAS,OAAwBD,OAAAA,MAAM,QAAQ,EAAE;EAExD,OAAO,iBAAiBA,OAAAA,MAAM,QAAQ;EAEtC,OAAO,UAAU,IAAqB,YAA8B;GAClE,OAAA,MAAM,QAAQ,EAAE;GAEhB,OAAO,OAAO,OAAO;EACvB;EAEA,OAAO;CACT,GAAG;EAAC;EAAU;EAAY;EAAO;CAAW,CAAC;AAC/C"}

package/dist/cjs/components/number-input/number-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.cjs","names":["createSlotComponent","numberInputStyle","useGroupItemProps","useNumberInput","mergeProps","useInputPropsContext","Input","ChevronUpIcon","ChevronDownIcon"],"sources":["../../../../src/components/number-input/number-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { InputProps } from \"../input\"\nimport type { NumberInputStyle } from \"./number-input.style\"\nimport type { UseNumberInputProps } from \"./use-number-input\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"../icon\"\nimport { Input, InputGroup, useInputPropsContext } from \"../input\"\nimport { numberInputStyle } from \"./number-input.style\"\nimport { useNumberInput } from \"./use-number-input\"\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      WithoutThemeProps<InputProps, NumberInputStyle>,\n      keyof UseNumberInputProps\n    >,\n    ThemeProps<NumberInputStyle>,\n    UseNumberInputProps {\n  /**\n   * The props for the control element.\n   */\n  controlProps?: NumberInputControlProps\n  /**\n   * The props for the decrement button element.\n   */\n  decrementProps?: NumberInputDecrementButtonProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * The props for the increment button element.\n   */\n  incrementProps?: NumberInputIncrementButtonProps\n  /**\n   * The props for the root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  PropsContext: NumberInputPropsContext,\n  usePropsContext: useNumberInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NumberInputProps, NumberInputStyle>(\n  \"number-input\",\n  numberInputStyle,\n)\n\nexport { NumberInputPropsContext, useNumberInputPropsContext }\n\n/**\n * `NumberInput` is a component used to obtain numeric input from the user.\n *\n * @see https://yamada-ui.com/docs/components/number-input\n */\nexport const NumberInput = withProvider<\"input\", NumberInputProps>(\n  ({\n    className,\n    css,\n    colorScheme,\n    controlProps,\n    decrementProps,\n    elementProps,\n    incrementProps,\n    rootProps,\n    ...props\n  }) => {\n    const [groupItemProps, rest] = useGroupItemProps(props)\n    const { getDecrementProps, getIncrementProps, getInputProps } =\n      useNumberInput(rest)\n\n    return (\n      <InputGroup.Root\n        className={className}\n        css={css}\n        colorScheme={colorScheme}\n        {...mergeProps(groupItemProps, rootProps)()}\n      >\n        <NumberInputField {...getInputProps()} />\n\n        <InputGroup.Element clickable {...elementProps}>\n          <NumberInputControl {...controlProps}>\n            <NumberInputIncrementButton\n              {...getIncrementProps(incrementProps)}\n            />\n            <NumberInputDecrementButton\n              {...getDecrementProps(decrementProps)}\n            />\n          </NumberInputControl>\n        </InputGroup.Element>\n      </InputGroup.Root>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n})\n\ninterface NumberInputFieldProps extends InputProps {}\n\nconst NumberInputField = withContext<\"input\", NumberInputFieldProps>(\n  Input,\n  \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface NumberInputControlProps extends InputGroup.AddonProps {}\n\nconst NumberInputControl = withContext<\"div\", NumberInputControlProps>(\n  \"div\",\n  \"control\",\n)()\n\ntype NumberInputIncrementButtonProps = HTMLStyledProps<\"button\">\n\nconst NumberInputIncrementButton = withContext<\n  \"button\",\n  NumberInputIncrementButtonProps\n>(\"button\", [\"button\", \"increment\"])(({ children, ...rest }) => ({\n  children: children ?? <ChevronUpIcon />,\n  ...rest,\n}))\n\ntype NumberInputDecrementButtonProps = HTMLStyledProps<\"button\">\n\nconst NumberInputDecrementButton = withContext<\n  \"button\",\n  NumberInputDecrementButtonProps\n>(\"button\", [\"button\", \"decrement\"])(({ children, ...rest }) => ({\n  children: children ?? <ChevronDownIcon />,\n  ...rest,\n}))\n"],"mappings":";;;;;;;;;;;;;AA2CA,MAAM,EACJ,cAAc,yBACd,iBAAiB,4BACjB,aACA,iBACEA,yBAAAA,oBACF,gBACAC,2BAAAA,gBACF;;;;;;AASA,MAAa,cAAc,cACxB,EACC,WACA,KACA,aACA,cACA,gBACA,cACA,gBACA,WACA,GAAG,YACC;CACJ,MAAM,CAAC,gBAAgB,QAAQC,kBAAAA,kBAAkB,KAAK;CACtD,MAAM,EAAE,mBAAmB,mBAAmB,kBAC5CC,yBAAAA,eAAe,IAAI;CAErB,OACE,iBAAA,GAAA,kBAAA,MAAA,oBAAA,gBAAA;EACa;EACN;EACQ;EACb,GAAIC,cAAAA,WAAW,gBAAgB,SAAS,EAAE;YAJ5C,CAME,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAkB,GAAI,cAAc,EAAI,CAAA,GAExC,iBAAA,GAAA,kBAAA,KAAA,sBAAA,cAAA;GAAoB,WAAA;GAAU,GAAI;aAChC,iBAAA,GAAA,kBAAA,MAAC,oBAAD;IAAoB,GAAI;cAAxB,CACE,iBAAA,GAAA,kBAAA,KAAC,4BAAD,EACE,GAAI,kBAAkB,cAAc,EACrC,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAC,4BAAD,EACE,GAAI,kBAAkB,cAAc,EACrC,CAAA,CACiB;;EACF,CAAA,CACL;;AAErB,GACA,MACF,GAAG,UAAU;CAGX,OAAOA,cAAAA,WAFSC,cAAAA,qBAEQ,GAAG,KAAK,EAAE;AACpC,CAAC;AAID,MAAM,mBAAmB,YACvBC,cAAAA,OACA,OACF,EAAE,EAAE,wBAAwB,GAAG,CAAC;AAIhC,MAAM,qBAAqB,YACzB,OACA,SACF,EAAE;AAIF,MAAM,6BAA6B,YAGjC,UAAU,CAAC,UAAU,WAAW,CAAC,GAAG,EAAE,UAAU,GAAG,YAAY;CAC/D,UAAU,YAAY,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,eAAD,CAAgB,CAAA;CACtC,GAAG;AACL,EAAE;AAIF,MAAM,6BAA6B,YAGjC,UAAU,CAAC,UAAU,WAAW,CAAC,GAAG,EAAE,UAAU,GAAG,YAAY;CAC/D,UAAU,YAAY,iBAAA,GAAA,kBAAA,KAACC,0BAAAA,iBAAD,CAAkB,CAAA;CACxC,GAAG;AACL,EAAE"}
+{"version":3,"file":"number-input.cjs","names":["createSlotComponent","numberInputStyle","useGroupItemProps","useNumberInput","mergeProps","useInputPropsContext","Input","ChevronUpIcon","ChevronDownIcon"],"sources":["../../../../src/components/number-input/number-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { InputProps } from \"../input\"\nimport type { NumberInputStyle } from \"./number-input.style\"\nimport type { UseNumberInputProps } from \"./use-number-input\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"../icon\"\nimport { Input, InputGroup, useInputPropsContext } from \"../input\"\nimport { numberInputStyle } from \"./number-input.style\"\nimport { useNumberInput } from \"./use-number-input\"\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      WithoutThemeProps<InputProps, NumberInputStyle>,\n      keyof UseNumberInputProps\n    >,\n    ThemeProps<NumberInputStyle>,\n    UseNumberInputProps {\n  /**\n   * The props for the control element.\n   */\n  controlProps?: NumberInputControlProps\n  /**\n   * The props for the decrement button element.\n   */\n  decrementProps?: NumberInputDecrementButtonProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * The props for the increment button element.\n   */\n  incrementProps?: NumberInputIncrementButtonProps\n  /**\n   * The props for the root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  PropsContext: NumberInputPropsContext,\n  usePropsContext: useNumberInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NumberInputProps, NumberInputStyle>(\n  \"number-input\",\n  numberInputStyle,\n)\n\nexport { NumberInputPropsContext, useNumberInputPropsContext }\n\n/**\n * `NumberInput` is a component used to obtain numeric input from the user.\n *\n * @see https://yamada-ui.com/docs/components/number-input\n */\nexport const NumberInput = withProvider<\"input\", NumberInputProps>(\n  ({\n    className,\n    css,\n    colorScheme,\n    controlProps,\n    decrementProps,\n    elementProps,\n    incrementProps,\n    rootProps,\n    ...props\n  }) => {\n    const [groupItemProps, rest] = useGroupItemProps(props)\n    const { getDecrementProps, getIncrementProps, getInputProps } =\n      useNumberInput(rest)\n\n    return (\n      <InputGroup.Root\n        className={className}\n        css={css}\n        colorScheme={colorScheme}\n        {...mergeProps(groupItemProps, rootProps)()}\n      >\n        <NumberInputField {...getInputProps()} />\n\n        <InputGroup.Element clickable {...elementProps}>\n          <NumberInputControl {...controlProps}>\n            <NumberInputIncrementButton\n              {...getIncrementProps(incrementProps)}\n            />\n            <NumberInputDecrementButton\n              {...getDecrementProps(decrementProps)}\n            />\n          </NumberInputControl>\n        </InputGroup.Element>\n      </InputGroup.Root>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n})\n\ninterface NumberInputFieldProps extends InputProps {}\n\nconst NumberInputField = withContext<\"input\", NumberInputFieldProps>(\n  Input,\n  \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface NumberInputControlProps extends InputGroup.AddonProps {}\n\nconst NumberInputControl = withContext<\"div\", NumberInputControlProps>(\n  \"div\",\n  \"control\",\n)()\n\ntype NumberInputIncrementButtonProps = HTMLStyledProps<\"button\">\n\nconst NumberInputIncrementButton = withContext<\n  \"button\",\n  NumberInputIncrementButtonProps\n>(\"button\", [\"button\", \"increment\"])(({ children, ...rest }) => ({\n  children: children ?? <ChevronUpIcon />,\n  ...rest,\n}))\n\ntype NumberInputDecrementButtonProps = HTMLStyledProps<\"button\">\n\nconst NumberInputDecrementButton = withContext<\n  \"button\",\n  NumberInputDecrementButtonProps\n>(\"button\", [\"button\", \"decrement\"])(({ children, ...rest }) => ({\n  children: children ?? <ChevronDownIcon />,\n  ...rest,\n}))\n"],"mappings":";;;;;;;;;;;;;AA2CA,MAAM,EACJ,cAAc,yBACd,iBAAiB,4BACjB,aACA,iBACEA,yBAAAA,oBACF,gBACAC,2BAAAA,gBACF;;;;;;AASA,MAAa,cAAc,cACxB,EACC,WACA,KACA,aACA,cACA,gBACA,cACA,gBACA,WACA,GAAG,YACC;CACJ,MAAM,CAAC,gBAAgB,QAAQC,kBAAAA,kBAAkB,KAAK;CACtD,MAAM,EAAE,mBAAmB,mBAAmB,kBAC5CC,yBAAAA,eAAe,IAAI;CAErB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,oBAAA,gBAAA;EACa;EACN;EACQ;EACb,GAAIC,cAAAA,WAAW,gBAAgB,SAAS,CAAC,CAAC;YAJ5C,CAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAkB,GAAI,cAAc,EAAI,CAAA,GAExC,iBAAA,GAAA,kBAAA,IAAA,CAAA,sBAAA,cAAA;GAAoB,WAAA;GAAU,GAAI;aAChC,iBAAA,GAAA,kBAAA,KAAA,CAAC,oBAAD;IAAoB,GAAI;cAAxB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,4BAAD,EACE,GAAI,kBAAkB,cAAc,EACrC,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,4BAAD,EACE,GAAI,kBAAkB,cAAc,EACrC,CAAA,CACiB;;EACF,CAAA,CACL;;AAErB,GACA,MACF,CAAC,EAAE,UAAU;CAGX,OAAOA,cAAAA,WAFSC,cAAAA,qBAEQ,GAAG,KAAK,CAAC,CAAC;AACpC,CAAC;AAID,MAAM,mBAAmB,YACvBC,cAAAA,OACA,OACF,CAAC,CAAC,EAAE,wBAAwB,GAAG,CAAC;AAIhC,MAAM,qBAAqB,YACzB,OACA,SACF,CAAC,CAAC;AAIF,MAAM,6BAA6B,YAGjC,UAAU,CAAC,UAAU,WAAW,CAAC,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY;CAC/D,UAAU,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,eAAD,CAAgB,CAAA;CACtC,GAAG;AACL,EAAE;AAIF,MAAM,6BAA6B,YAGjC,UAAU,CAAC,UAAU,WAAW,CAAC,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY;CAC/D,UAAU,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,iBAAD,CAAkB,CAAA;CACxC,GAAG;AACL,EAAE"}

package/dist/cjs/components/number-input/number-input.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.style.cjs","names":["defineComponentSlotStyle","buttonStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/number-input/number-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n  getInputHeightStyle,\n  getInputPaddingStartResetStyle,\n  inputStyle,\n} from \"../input\"\n\nexport const numberInputStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      ...buttonStyle.base,\n      flex: \"1\",\n      lineHeight: \"1\",\n      rounded: \"l1\",\n    },\n    control: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    decrement: {},\n    field: inputStyle.base,\n    increment: {},\n    root: {},\n  },\n\n  variants: {\n    base: {\n      button: {\n        layerStyle: \"ghost\",\n        focusVisibleRing: \"none\",\n        _hover: {\n          layerStyle: \"ghost.hover\",\n        },\n        _focusVisible: {\n          layerStyle: \"ghost.hover\",\n        },\n      },\n    },\n\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n      root: getInputPaddingStartResetStyle(\"& > input\"),\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n      field: inputStyle.sizes?.xs,\n      root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n    },\n    sm: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n      field: inputStyle.sizes?.sm,\n      root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n    },\n    md: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n      field: inputStyle.sizes?.md,\n      root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n    },\n    lg: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2.5})`,\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n      field: inputStyle.sizes?.lg,\n      root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n    },\n    xl: {\n      control: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n      field: inputStyle.sizes?.xl,\n      root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n    },\n    \"2xl\": {\n      control: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n      },\n      field: inputStyle.sizes?.[\"2xl\"],\n      root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"].minH, \"& > input\"),\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type NumberInputStyle = typeof numberInputStyle\n"],"mappings":";;;;AAQA,MAAa,mBAAmBA,eAAAA,yBAAyB;CACvD,MAAM;EACJ,QAAQ;GACN,GAAGC,qBAAAA,YAAY;GACf,MAAM;GACN,YAAY;GACZ,SAAS;EACX;EACA,SAAS;GACP,SAAS;GACT,eAAe;EACjB;EACA,WAAW,CAAC;EACZ,OAAOC,oBAAAA,WAAW;EAClB,WAAW,CAAC;EACZ,MAAM,CAAC;CACT;CAEA,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,cACd;GACA,eAAe,EACb,YAAY,cACd;EACF,EACF;EAEA,QAAQ,EACN,OAAOA,oBAAAA,WAAW,UAAU,OAC9B;EACA,SAAS;GACP,OAAOA,oBAAAA,WAAW,UAAU;GAC5B,MAAMC,oBAAAA,+BAA+B,WAAW;EAClD;EACA,SAAS,EACP,OAAOD,oBAAAA,WAAW,UAAU,QAC9B;EACA,OAAO,EACL,OAAOA,oBAAAA,WAAW,UAAU,MAC9B;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,OAAO;GACL,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,QAAQ,OAAO;GACtC;GACA,OAAOA,oBAAAA,WAAW,QAAQ;GAC1B,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,QAAQ,OAAO,MAAM,WAAW;EACvE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
+{"version":3,"file":"number-input.style.cjs","names":["defineComponentSlotStyle","buttonStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/number-input/number-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n  getInputHeightStyle,\n  getInputPaddingStartResetStyle,\n  inputStyle,\n} from \"../input\"\n\nexport const numberInputStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      ...buttonStyle.base,\n      flex: \"1\",\n      lineHeight: \"1\",\n      rounded: \"l1\",\n    },\n    control: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    decrement: {},\n    field: inputStyle.base,\n    increment: {},\n    root: {},\n  },\n\n  variants: {\n    base: {\n      button: {\n        layerStyle: \"ghost\",\n        focusVisibleRing: \"none\",\n        _hover: {\n          layerStyle: \"ghost.hover\",\n        },\n        _focusVisible: {\n          layerStyle: \"ghost.hover\",\n        },\n      },\n    },\n\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n      root: getInputPaddingStartResetStyle(\"& > input\"),\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n      field: inputStyle.sizes?.xs,\n      root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n    },\n    sm: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n      field: inputStyle.sizes?.sm,\n      root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n    },\n    md: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n      field: inputStyle.sizes?.md,\n      root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n    },\n    lg: {\n      control: {\n        boxSize: `calc({--height} - {spaces.2.5})`,\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n      field: inputStyle.sizes?.lg,\n      root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n    },\n    xl: {\n      control: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n      field: inputStyle.sizes?.xl,\n      root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n    },\n    \"2xl\": {\n      control: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n      },\n      field: inputStyle.sizes?.[\"2xl\"],\n      root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"].minH, \"& > input\"),\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type NumberInputStyle = typeof numberInputStyle\n"],"mappings":";;;;AAQA,MAAa,mBAAmBA,eAAAA,yBAAyB;CACvD,MAAM;EACJ,QAAQ;GACN,GAAGC,qBAAAA,YAAY;GACf,MAAM;GACN,YAAY;GACZ,SAAS;EACX;EACA,SAAS;GACP,SAAS;GACT,eAAe;EACjB;EACA,WAAW,CAAC;EACZ,OAAOC,oBAAAA,WAAW;EAClB,WAAW,CAAC;EACZ,MAAM,CAAC;CACT;CAEA,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,cACd;GACA,eAAe,EACb,YAAY,cACd;EACF,EACF;EAEA,QAAQ,EACN,OAAOA,oBAAAA,WAAW,UAAU,OAC9B;EACA,SAAS;GACP,OAAOA,oBAAAA,WAAW,UAAU;GAC5B,MAAMC,oBAAAA,+BAA+B,WAAW;EAClD;EACA,SAAS,EACP,OAAOD,oBAAAA,WAAW,UAAU,QAC9B;EACA,OAAO,EACL,OAAOA,oBAAAA,WAAW,UAAU,MAC9B;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,OAAO;GACL,SAAS;IACP,SAAS;IACT,UAAUA,oBAAAA,WAAW,QAAQ,MAAM,CAAC;GACtC;GACA,OAAOA,oBAAAA,WAAW,QAAQ;GAC1B,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,QAAQ,MAAM,CAAC,MAAM,WAAW;EACvE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

package/dist/cjs/components/number-input/use-number-counter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-number-counter.cjs","names":["useSpinner","useI18n","mergeProps","mergeRefs"],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends\n    HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          type: \"button\",\n          disabled,\n          tabIndex: -1,\n        },\n        rest,\n        props,\n        {\n          onPointerLeave: stop,\n          onPointerUp: stop,\n        },\n      )(),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;AAkBA,MAAa,oBAAoB,EAC/B,WACA,UACA,WACA,iBACA,KACA,KACA,GAAG,WACwB;CAC3B,MAAM,gBAAA,GAAA,MAAA,QAAyC,IAAI;CACnD,MAAM,gBAAA,GAAA,MAAA,QAAyC,IAAI;CACnD,MAAM,EAAE,MAAM,UAAU,MAAM,OAAOA,oBAAAA,WAAW;EAAE;EAAW;CAAU,CAAC;CACxE,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,aAAa;CAEnC,YAAA,qBAAqB,cAAc,CAAC,UAAU,GAAG,UAAU,IAAI;CAC/D,YAAA,qBAAqB,cAAc,CAAC,UAAU,GAAG,UAAU,IAAI;CAE/D,MAAM,kBAAA,GAAA,MAAA,cACH,QAAQ,CAAC,MACRC,cAAAA,WACE;EACE,MAAM;EACN;EACA,UAAU;CACZ,GACA,MACA,OACA;EACE,gBAAgB;EAChB,aAAa;CACf,CACF,EAAE,GACJ;EAAC;EAAM;EAAU;CAAI,CACvB;CAEA,MAAM,qBAAA,GAAA,MAAA,cACH,EAAE,KAAK,GAAG,UAAU,CAAC,MAAM;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;EAEtD,OAAO;GACL,KAAKC,YAAAA,UAAU,KAAK,YAAY;GAChC,cAAc,EAAE,UAAU;GAC1B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;GAAM,CAAC;GACvD,gBAAA,GAAA,oBAAA,cAAA,YAA0B,MAAM,gBAAgB,OAAO;IACrD,IAAI,GAAG,WAAW,KAAK,eAAe;IAEtC,GAAG,eAAe;IAClB,GAAG;GACL,CAAC;EACH;CACF,GACA;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;CAAC,CACxD;CAqBA,OAAO;EAAE,oBAAA,GAAA,MAAA,cAlBN,EAAE,KAAK,GAAG,UAAU,CAAC,MAAM;GAC1B,MAAM,gBAAgB,YAAa,mBAAmB;GAEtD,OAAO;IACL,KAAKA,YAAAA,UAAU,KAAK,YAAY;IAChC,cAAc,EAAE,UAAU;IAC1B,GAAG,eAAe;KAAE,UAAU;KAAe,GAAG;IAAM,CAAC;IACvD,gBAAA,GAAA,oBAAA,cAAA,YAA0B,MAAM,gBAAgB,OAAO;KACrD,IAAI,GAAG,WAAW,KAAK,eAAe;KAEtC,GAAG,eAAe;KAClB,KAAK;IACP,CAAC;GACH;EACF,GACA;GAAC;GAAgB;GAAU;GAAiB;GAAK;GAAM;EAAC,CAGjC;EAAG;CAAkB;AAChD"}
+{"version":3,"file":"use-number-counter.cjs","names":["useSpinner","useI18n","mergeProps","mergeRefs"],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends\n    HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          type: \"button\",\n          disabled,\n          tabIndex: -1,\n        },\n        rest,\n        props,\n        {\n          onPointerLeave: stop,\n          onPointerUp: stop,\n        },\n      )(),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;AAkBA,MAAa,oBAAoB,EAC/B,WACA,UACA,WACA,iBACA,KACA,KACA,GAAG,WACwB;CAC3B,MAAM,gBAAA,GAAA,MAAA,OAAA,CAAyC,IAAI;CACnD,MAAM,gBAAA,GAAA,MAAA,OAAA,CAAyC,IAAI;CACnD,MAAM,EAAE,MAAM,UAAU,MAAM,OAAOA,oBAAAA,WAAW;EAAE;EAAW;CAAU,CAAC;CACxE,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,aAAa;CAEnC,YAAA,qBAAqB,cAAc,CAAC,UAAU,GAAG,UAAU,IAAI;CAC/D,YAAA,qBAAqB,cAAc,CAAC,UAAU,GAAG,UAAU,IAAI;CAE/D,MAAM,kBAAA,GAAA,MAAA,YAAA,EACH,QAAQ,CAAC,MACRC,cAAAA,WACE;EACE,MAAM;EACN;EACA,UAAU;CACZ,GACA,MACA,OACA;EACE,gBAAgB;EAChB,aAAa;CACf,CACF,CAAC,CAAC,GACJ;EAAC;EAAM;EAAU;CAAI,CACvB;CAEA,MAAM,qBAAA,GAAA,MAAA,YAAA,EACH,EAAE,KAAK,GAAG,UAAU,CAAC,MAAM;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;EAEtD,OAAO;GACL,KAAKC,YAAAA,UAAU,KAAK,YAAY;GAChC,cAAc,EAAE,UAAU;GAC1B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;GAAM,CAAC;GACvD,gBAAA,GAAA,oBAAA,cAAA,WAAA,CAA0B,MAAM,gBAAgB,OAAO;IACrD,IAAI,GAAG,WAAW,KAAK,eAAe;IAEtC,GAAG,eAAe;IAClB,GAAG;GACL,CAAC;EACH;CACF,GACA;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;CAAC,CACxD;CAqBA,OAAO;EAAE,oBAAA,GAAA,MAAA,YAAA,EAlBN,EAAE,KAAK,GAAG,UAAU,CAAC,MAAM;GAC1B,MAAM,gBAAgB,YAAa,mBAAmB;GAEtD,OAAO;IACL,KAAKA,YAAAA,UAAU,KAAK,YAAY;IAChC,cAAc,EAAE,UAAU;IAC1B,GAAG,eAAe;KAAE,UAAU;KAAe,GAAG;IAAM,CAAC;IACvD,gBAAA,GAAA,oBAAA,cAAA,WAAA,CAA0B,MAAM,gBAAgB,OAAO;KACrD,IAAI,GAAG,WAAW,KAAK,eAAe;KAEtC,GAAG,eAAe;KAClB,KAAK;IACP,CAAC;GACH;EACF,GACA;GAAC;GAAgB;GAAU;GAAiB;GAAK;GAAM;EAAC,CAGjC;EAAG;CAAkB;AAChD"}