@yamada-ui/react 2.2.5-dev-20260720084813 → 2.2.5-dev-20260720123845

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["createContext"],"sources":["../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type { AccordionStyle } from \"./accordion.style\"\nimport type { UseAccordionItemProps, UseAccordionProps } from \"./use-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, isString, runIfFn, useSplitChildren } from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { accordionStyle } from \"./accordion.style\"\nimport {\n  AccordionContext,\n  AccordionDescendantsContext,\n  AccordionItemContext,\n  useAccordion,\n  useAccordionItem,\n  useAccordionItemContext,\n} from \"./use-accordion\"\n\ninterface AccordionCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\nexport interface AccordionItem extends Omit<AccordionItemProps, \"index\"> {}\n\ninterface ComponentContext extends Pick<\n  AccordionRootProps,\n  \"icon\" | \"iconHidden\"\n> {}\n\nexport interface AccordionRootProps\n  extends\n    Omit<HTMLStyledProps, \"onChange\">,\n    ThemeProps<AccordionStyle>,\n    UseAccordionProps {\n  /**\n   * The accordion icon for all items to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * If `true`, hide the accordion icon for all items.\n   *\n   * @default false\n   */\n  iconHidden?: boolean\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: AccordionItem[]\n}\n\ninterface ItemComponentContext extends Pick<AccordionItemProps, \"icon\"> {}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({\n    name: \"ItemComponentContext\",\n  })\n\nconst {\n  ComponentContext,\n  PropsContext: AccordionPropsContext,\n  useComponentContext,\n  usePropsContext: useAccordionPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<AccordionRootProps, AccordionStyle, ComponentContext>(\n  \"accordion\",\n  accordionStyle,\n)\n\nexport { AccordionPropsContext, useAccordionPropsContext }\n\n/**\n * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.\n *\n * @see https://yamada-ui.com/docs/components/accordion\n */\nexport const AccordionRoot = withProvider<\"div\", AccordionRootProps>(\n  ({ children, icon, iconHidden, items, ...props }) => {\n    const {\n      descendants,\n      focusedIndex,\n      index,\n      multiple,\n      setFocusedIndex,\n      setIndex,\n      toggle,\n      getRootProps,\n    } = useAccordion(props)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map((props, index) => (\n        <AccordionItem key={index} index={index} {...props} />\n      ))\n    }, [children, items])\n    const context = useMemo(\n      () => ({\n        focusedIndex,\n        index,\n        multiple,\n        setFocusedIndex,\n        setIndex,\n        toggle,\n      }),\n      [focusedIndex, index, multiple, setFocusedIndex, setIndex, toggle],\n    )\n    const componentContext = useMemo(\n      () => ({ icon, iconHidden }),\n      [icon, iconHidden],\n    )\n\n    return (\n      <AccordionDescendantsContext value={descendants}>\n        <AccordionContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.div {...getRootProps()}>{computedChildren}</styled.div>\n          </ComponentContext>\n        </AccordionContext>\n      </AccordionDescendantsContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface AccordionItemProps\n  extends\n    Omit<HTMLStyledProps, \"children\">,\n    Omit<UseAccordionItemProps, \"children\"> {\n  /**\n   * The accordion button to use.\n   */\n  button?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * The accordion children to use.\n   */\n  children?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n}\n\nexport const AccordionItem = withContext<\"div\", AccordionItemProps>(\n  ({ button, children, icon, ...rest }) => {\n    const {\n      disabled,\n      open,\n      getButtonProps,\n      getIconProps,\n      getItemProps,\n      getPanelProps,\n    } = useAccordionItem(rest)\n    const computedChildren = useMemo(\n      () => runIfFn(children, { disabled, expanded: open }),\n      [children, disabled, open],\n    )\n    const [omittedChildren, customAccordionButton, customAccordionPanel] =\n      useSplitChildren(computedChildren, AccordionButton, AccordionPanel)\n    const context = useMemo(\n      () => ({\n        disabled,\n        icon,\n        open,\n        getButtonProps,\n        getIconProps,\n        getPanelProps,\n      }),\n      [disabled, getButtonProps, getPanelProps, getIconProps, icon, open],\n    )\n    const componentContext = useMemo(() => ({ icon }), [icon])\n\n    return (\n      <AccordionItemContext value={context}>\n        <ItemComponentContext value={componentContext}>\n          <styled.div {...getItemProps()}>\n            {customAccordionButton ?? (\n              <AccordionButton>\n                {runIfFn(button, { disabled, expanded: open })}\n              </AccordionButton>\n            )}\n            {customAccordionPanel ?? (\n              <AccordionPanel>{omittedChildren}</AccordionPanel>\n            )}\n          </styled.div>\n        </ItemComponentContext>\n      </AccordionItemContext>\n    )\n  },\n  \"item\",\n)()\n\nexport interface AccordionButtonProps extends HTMLStyledProps<\"button\"> {\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * Props the container element.\n   */\n  containerProps?: HTMLStyledProps\n}\n\nexport const AccordionButton = withContext<\"button\", AccordionButtonProps>(\n  ({ children, icon: customIcon, containerProps, ...rest }) => {\n    const { icon: rootIcon } = useComponentContext()\n    const { icon: itemIcon } = useItemComponentContext()\n    const { disabled, open, getButtonProps } = useAccordionItemContext()\n    const props = { disabled, expanded: open }\n\n    return (\n      <styled.h3 {...containerProps}>\n        <styled.button {...getButtonProps(rest)}>\n          {children}\n\n          <AccordionIcon>\n            {runIfFn(customIcon, props) ??\n              runIfFn(itemIcon, props) ??\n              runIfFn(rootIcon, props)}\n          </AccordionIcon>\n        </styled.button>\n      </styled.h3>\n    )\n  },\n  \"button\",\n)()\n\ninterface AccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const AccordionIcon = withContext<\"svg\", AccordionIconProps>(\n  ({ children = <ChevronDownIcon />, ...rest }) => {\n    const { iconHidden } = useComponentContext()\n    const { getIconProps } = useAccordionItemContext()\n\n    if (iconHidden) return null\n\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(\n        children,\n        getIconProps({\n          ...rest,\n          ...children.props,\n        }),\n      )\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  \"icon\",\n)()\n\nexport interface AccordionPanelProps\n  extends\n    Omit<HTMLStyledProps, \"transition\">,\n    Pick<\n      CollapseProps,\n      | \"animationOpacity\"\n      | \"endingHeight\"\n      | \"startingHeight\"\n      | keyof WithTransitionProps\n    > {}\n\nexport const AccordionPanel = withContext<\"div\", AccordionPanelProps>(\n  ({\n    animationOpacity,\n    children,\n    delay,\n    duration,\n    endingHeight,\n    startingHeight,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const { open, getPanelProps } = useAccordionItemContext()\n\n    return (\n      <Collapse\n        {...{\n          animationOpacity,\n          delay,\n          duration,\n          endingHeight,\n          open,\n          startingHeight,\n          transition,\n          transitionEnd,\n          unmountOnExit,\n        }}\n      >\n        <styled.div {...getPanelProps(rest)}>\n          {isString(children) ? <styled.p>{children}</styled.p> : children}\n        </styled.div>\n      </Collapse>\n    )\n  },\n  \"panel\",\n)()\n"],"mappings":"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"}
+{"version":3,"file":"accordion.js","names":["createContext"],"sources":["../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type { AccordionStyle } from \"./accordion.style\"\nimport type { UseAccordionItemProps, UseAccordionProps } from \"./use-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, isString, runIfFn, useSplitChildren } from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { accordionStyle } from \"./accordion.style\"\nimport {\n  AccordionContext,\n  AccordionDescendantsContext,\n  AccordionItemContext,\n  useAccordion,\n  useAccordionItem,\n  useAccordionItemContext,\n} from \"./use-accordion\"\n\ninterface AccordionCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\nexport interface AccordionItem extends Omit<AccordionItemProps, \"index\"> {}\n\ninterface ComponentContext extends Pick<\n  AccordionRootProps,\n  \"icon\" | \"iconHidden\"\n> {}\n\nexport interface AccordionRootProps\n  extends\n    Omit<HTMLStyledProps, \"onChange\">,\n    ThemeProps<AccordionStyle>,\n    UseAccordionProps {\n  /**\n   * The accordion icon for all items to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * If `true`, hide the accordion icon for all items.\n   *\n   * @default false\n   */\n  iconHidden?: boolean\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: AccordionItem[]\n}\n\ninterface ItemComponentContext extends Pick<AccordionItemProps, \"icon\"> {}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({\n    name: \"ItemComponentContext\",\n  })\n\nconst {\n  ComponentContext,\n  PropsContext: AccordionPropsContext,\n  useComponentContext,\n  usePropsContext: useAccordionPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<AccordionRootProps, AccordionStyle, ComponentContext>(\n  \"accordion\",\n  accordionStyle,\n)\n\nexport { AccordionPropsContext, useAccordionPropsContext }\n\n/**\n * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.\n *\n * @see https://yamada-ui.com/docs/components/accordion\n */\nexport const AccordionRoot = withProvider<\"div\", AccordionRootProps>(\n  ({ children, icon, iconHidden, items, ...props }) => {\n    const {\n      descendants,\n      focusedIndex,\n      index,\n      multiple,\n      setFocusedIndex,\n      setIndex,\n      toggle,\n      getRootProps,\n    } = useAccordion(props)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map((props, index) => (\n        <AccordionItem key={index} index={index} {...props} />\n      ))\n    }, [children, items])\n    const context = useMemo(\n      () => ({\n        focusedIndex,\n        index,\n        multiple,\n        setFocusedIndex,\n        setIndex,\n        toggle,\n      }),\n      [focusedIndex, index, multiple, setFocusedIndex, setIndex, toggle],\n    )\n    const componentContext = useMemo(\n      () => ({ icon, iconHidden }),\n      [icon, iconHidden],\n    )\n\n    return (\n      <AccordionDescendantsContext value={descendants}>\n        <AccordionContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.div {...getRootProps()}>{computedChildren}</styled.div>\n          </ComponentContext>\n        </AccordionContext>\n      </AccordionDescendantsContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface AccordionItemProps\n  extends\n    Omit<HTMLStyledProps, \"children\">,\n    Omit<UseAccordionItemProps, \"children\"> {\n  /**\n   * The accordion button to use.\n   */\n  button?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * The accordion children to use.\n   */\n  children?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n}\n\nexport const AccordionItem = withContext<\"div\", AccordionItemProps>(\n  ({ button, children, icon, ...rest }) => {\n    const {\n      disabled,\n      open,\n      getButtonProps,\n      getIconProps,\n      getItemProps,\n      getPanelProps,\n    } = useAccordionItem(rest)\n    const computedChildren = useMemo(\n      () => runIfFn(children, { disabled, expanded: open }),\n      [children, disabled, open],\n    )\n    const [omittedChildren, customAccordionButton, customAccordionPanel] =\n      useSplitChildren(computedChildren, AccordionButton, AccordionPanel)\n    const context = useMemo(\n      () => ({\n        disabled,\n        icon,\n        open,\n        getButtonProps,\n        getIconProps,\n        getPanelProps,\n      }),\n      [disabled, getButtonProps, getPanelProps, getIconProps, icon, open],\n    )\n    const componentContext = useMemo(() => ({ icon }), [icon])\n\n    return (\n      <AccordionItemContext value={context}>\n        <ItemComponentContext value={componentContext}>\n          <styled.div {...getItemProps()}>\n            {customAccordionButton ?? (\n              <AccordionButton>\n                {runIfFn(button, { disabled, expanded: open })}\n              </AccordionButton>\n            )}\n            {customAccordionPanel ?? (\n              <AccordionPanel>{omittedChildren}</AccordionPanel>\n            )}\n          </styled.div>\n        </ItemComponentContext>\n      </AccordionItemContext>\n    )\n  },\n  \"item\",\n)()\n\nexport interface AccordionButtonProps extends HTMLStyledProps<\"button\"> {\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * Props the container element.\n   */\n  containerProps?: HTMLStyledProps\n}\n\nexport const AccordionButton = withContext<\"button\", AccordionButtonProps>(\n  ({ children, icon: customIcon, containerProps, ...rest }) => {\n    const { icon: rootIcon } = useComponentContext()\n    const { icon: itemIcon } = useItemComponentContext()\n    const { disabled, open, getButtonProps } = useAccordionItemContext()\n    const props = { disabled, expanded: open }\n\n    return (\n      <styled.h3 {...containerProps}>\n        <styled.button {...getButtonProps(rest)}>\n          {children}\n\n          <AccordionIcon>\n            {runIfFn(customIcon, props) ??\n              runIfFn(itemIcon, props) ??\n              runIfFn(rootIcon, props)}\n          </AccordionIcon>\n        </styled.button>\n      </styled.h3>\n    )\n  },\n  \"button\",\n)()\n\ninterface AccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const AccordionIcon = withContext<\"svg\", AccordionIconProps>(\n  ({ children = <ChevronDownIcon />, ...rest }) => {\n    const { iconHidden } = useComponentContext()\n    const { getIconProps } = useAccordionItemContext()\n\n    if (iconHidden) return null\n\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(\n        children,\n        getIconProps({\n          ...rest,\n          ...children.props,\n        }),\n      )\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  \"icon\",\n)()\n\nexport interface AccordionPanelProps\n  extends\n    Omit<HTMLStyledProps, \"transition\">,\n    Pick<\n      CollapseProps,\n      | \"animationOpacity\"\n      | \"endingHeight\"\n      | \"startingHeight\"\n      | keyof WithTransitionProps\n    > {}\n\nexport const AccordionPanel = withContext<\"div\", AccordionPanelProps>(\n  ({\n    animationOpacity,\n    children,\n    delay,\n    duration,\n    endingHeight,\n    startingHeight,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const { open, getPanelProps } = useAccordionItemContext()\n\n    return (\n      <Collapse\n        {...{\n          animationOpacity,\n          delay,\n          duration,\n          endingHeight,\n          open,\n          startingHeight,\n          transition,\n          transitionEnd,\n          unmountOnExit,\n        }}\n      >\n        <styled.div {...getPanelProps(rest)}>\n          {isString(children) ? <styled.p>{children}</styled.p> : children}\n        </styled.div>\n      </Collapse>\n    )\n  },\n  \"panel\",\n)()\n"],"mappings":"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"}

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

@@ -26,20 +26,21 @@ const ActionBarRoot = withProvider(({ animationScheme, children, content: conten
 	const { open, getCloseTriggerProps, getContentProps, getOpenTriggerProps, getRootProps } = useActionBar(rest);
 	const customOpenTrigger = trigger ? /* @__PURE__ */ jsx(ActionBarOpenTrigger, { children: trigger }) : null;
 	const customContent = contentProp ? /* @__PURE__ */ jsx(ActionBarContent, { children: contentProp }) : null;
+	const context = useMemo(() => ({
+		animationScheme,
+		duration,
+		getCloseTriggerProps,
+		getContentProps,
+		getOpenTriggerProps
+	}), [
+		animationScheme,
+		duration,
+		getCloseTriggerProps,
+		getContentProps,
+		getOpenTriggerProps
+	]);
 	return /* @__PURE__ */ jsxs(ComponentContext, {
-		value: useMemo(() => ({
-			animationScheme,
-			duration,
-			getCloseTriggerProps,
-			getContentProps,
-			getOpenTriggerProps
-		}), [
-			animationScheme,
-			duration,
-			getCloseTriggerProps,
-			getContentProps,
-			getOpenTriggerProps
-		]),
+		value: context,
 		children: [openTrigger ?? customOpenTrigger, /* @__PURE__ */ jsx(AnimatePresence, {
 			onExitComplete: onCloseComplete,
 			children: open ? /* @__PURE__ */ jsx(Portal, {

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

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

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

@@ -23,8 +23,9 @@ const { ComponentContext, PropsContext: AlertPropsContext, useComponentContext,
 * @see https://yamada-ui.com/docs/components/alert
 */
 const AlertRoot = withProvider(({ status, colorScheme = status, ...props }) => {
+	const context = useMemo(() => ({ status }), [status]);
 	return /* @__PURE__ */ jsx(ComponentContext, {
-		value: useMemo(() => ({ status }), [status]),
+		value: context,
 		children: /* @__PURE__ */ jsx(styled.div, {
 			colorScheme,
 			role: "alert",

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

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

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

@@ -29,18 +29,19 @@ const AlphaSliderRoot = withProvider(({ children, color, max = 1, min = 0, orien
 		thumbProps,
 		trackProps
 	]);
+	const context = useMemo(() => ({
+		color,
+		max,
+		min,
+		orientation
+	}), [
+		color,
+		min,
+		max,
+		orientation
+	]);
 	return /* @__PURE__ */ jsx(ComponentContext, {
-		value: useMemo(() => ({
-			color,
-			max,
-			min,
-			orientation
-		}), [
-			color,
-			min,
-			max,
-			orientation
-		]),
+		value: context,
 		children: /* @__PURE__ */ jsx(HueSliderRoot, {
 			max,
 			min,

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

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

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

@@ -248,7 +248,10 @@ const useAutocomplete = (props = {}) => {
 			if ((0, utils_exports.isArray)(value)) setInputValue("");
 			else if (allowCustomValue) {
 				if (inputValue) setValue(inputValue);
-			} else setInputValue(getInputValue((0, utils_exports.isString)(value) ? valueMap[value] : void 0));
+			} else {
+				const item = (0, utils_exports.isString)(value) ? valueMap[value] : void 0;
+				setInputValue(getInputValue(item));
+			}
 		}
 	}, [
 		allowCustomValue,

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

@@ -1 +1 @@
-{"version":3,"file":"use-autocomplete.js","names":["createContext","match"],"sources":["../../../../src/components/autocomplete/use-autocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type {\n  ComboboxItem,\n  ComboboxItemWithValue,\n  UseComboboxItemProps,\n  UseComboboxProps,\n} from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { useCombobox, useComboboxItem } from \"../../hooks/use-combobox\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  cast,\n  contains,\n  createContext,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isComposing,\n  isNumber,\n  isString,\n  isUndefined,\n  match,\n  mergeRefs,\n  runIfFn,\n  runKeyAction,\n  useUpdateEffect,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface AutocompleteRenderProps extends ComboboxItemWithValue {\n  count: number\n  focused: boolean\n  index: number\n  separator: string\n  onClear: () => void\n  max?: number\n}\n\nexport interface AutocompleteItemRender {\n  (props: AutocompleteRenderProps): ReactNode\n}\n\nconst defaultRender: AutocompleteItemRender = ({\n  count,\n  focused,\n  index,\n  label,\n  max,\n  separator,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span style={{ marginInlineEnd: \"var(--gap)\" }}>\n      {label}\n      {((!isNumber(max) || count < max) && focused) || !last ? separator : null}\n    </span>\n  )\n}\n\nconst getInputValue = (item?: ComboboxItemWithValue) =>\n  isString(item?.label) ? item.label : (item?.query ?? \"\")\n\nexport interface AutocompleteFilter {\n  (\n    inputValue: string,\n    items: ComboboxItem[],\n    matcher: AutocompleteMatcher,\n  ): ComboboxItem[]\n}\n\nconst defaultFilter: AutocompleteFilter = (inputValue, items, match) => {\n  if (!inputValue.length) return items\n\n  return items\n    .map((item) => {\n      if (\"items\" in item) {\n        const items = item.items.filter((item) => {\n          if (\"query\" in item)\n            return isString(item.query) && match(item.query, inputValue)\n          else if (isString(item.label))\n            return isString(item.label) && match(item.label, inputValue)\n        })\n\n        if (items.length) return { ...item, items }\n      } else if (\"query\" in item) {\n        if (isString(item.query) && match(item.query, inputValue)) return item\n      } else if (isString(item.label)) {\n        if (isString(item.label) && match(item.label, inputValue)) return item\n      }\n    })\n    .filter(Boolean) as ComboboxItem[]\n}\n\nexport type AutocompleteMatcher = typeof match\n\ninterface AutocompleteContext extends Pick<\n  UseAutocompleteReturn,\n  \"max\" | \"value\"\n> {}\n\nconst [AutocompleteContext, useAutocompleteContext] =\n  createContext<AutocompleteContext>({\n    name: \"AutocompleteContext\",\n  })\n\nexport { AutocompleteContext, useAutocompleteContext }\n\nexport interface UseAutocompleteProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the autocomplete will allow custom value.\n   *\n   * @default false\n   */\n  allowCustomValue?: boolean\n  /**\n   * If `true`, the autocomplete will be closed when the input value changes.\n   *\n   * @default false\n   */\n  closeOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * The initial value of the input.\n   */\n  defaultInputValue?: string\n  /**\n   * The initial value of the autocomplete.\n   */\n  defaultValue?: Multiple extends true ? string[] : string\n  /**\n   * The message displayed when the search yields no hits.\n   *\n   * @default 'No results found'\n   */\n  emptyMessage?: ReactNode\n  /**\n   * The function to filter the items.\n   */\n  filter?: AutocompleteFilter\n  /**\n   * If `true`, the input will be focused when the clear icon is clicked.\n   *\n   * @default true\n   */\n  focusOnClear?: boolean\n  /**\n   * The `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * The value of the input.\n   */\n  inputValue?: string\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: ComboboxItem[]\n  /**\n   * The function to match the items.\n   */\n  matcher?: AutocompleteMatcher\n  /**\n   * The maximum selectable value.\n   */\n  max?: number\n  /**\n   * If `true`, the autocomplete will be multiple.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * If `true`, the autocomplete will be opened when the input value changes.\n   *\n   * @default true\n   */\n  openOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * If `true`, the autocomplete will be opened when the input is focused.\n   *\n   * @default true\n   */\n  openOnFocus?: boolean\n  /**\n   * The placeholder for autocomplete.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The value of the autocomplete.\n   */\n  value?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when value state changes.\n   */\n  onChange?: (value: Multiple extends true ? string[] : string) => void\n  /**\n   * The callback invoked when input value state changes.\n   */\n  onInputChange?: (value: string) => void\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: AutocompleteRenderProps) => ReactNode\n}\n\nexport const useAutocomplete = <Multiple extends boolean = false>(\n  props: UseAutocompleteProps<Multiple> = {},\n) => {\n  type MaybeValue = Multiple extends true ? string[] : string\n\n  const { t } = useI18n(\"autocomplete\")\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      allowCustomValue = false,\n      closeOnChange = false,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultInputValue,\n      defaultValue = (multiple ? [] : \"\") as MaybeValue,\n      disabled,\n      emptyMessage = t(\"No results found\"),\n      filter = defaultFilter,\n      focusOnClear = true,\n      inputValue: inputValueProp,\n      items = [],\n      matcher = match,\n      max,\n      openOnChange = true,\n      openOnClick = true,\n      openOnFocus = true,\n      placeholder,\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      onInputChange: onInputChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const focusByClickRef = useRef<boolean>(false)\n  const valueMap = useMemo<{ [key: string]: ComboboxItemWithValue }>(() => {\n    const valueMap: { [key: string]: ComboboxItemWithValue } = {}\n\n    items.forEach((item) => {\n      if (\"items\" in item) {\n        item.items.forEach((item) => {\n          item.value ??= isString(item.label) ? item.label : undefined\n\n          if (!isUndefined(item.value)) valueMap[item.value] = item\n        })\n      } else {\n        item.value ??= isString(item.label) ? item.label : undefined\n\n        if (!isUndefined(item.value)) valueMap[item.value] = item\n      }\n    })\n\n    return valueMap\n  }, [items])\n  const [focused, setFocused] = useState(false)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue:\n      defaultInputValue ??\n      getInputValue(isString(value) ? valueMap[value] : undefined),\n    value: inputValueProp,\n    onChange: onInputChangeProp,\n  })\n  const onChange = useCallback(\n    (selectedValue: string) => {\n      setValue((prev) => {\n        if (isArray(prev))\n          if (prev.includes(selectedValue))\n            return prev.filter(\n              (prevValue) => prevValue !== selectedValue,\n            ) as MaybeValue\n          else if (!isNumber(max) || prev.length < max)\n            return [...prev, selectedValue] as MaybeValue\n          else return prev\n        else return selectedValue as MaybeValue\n      })\n\n      if (isArray(value)) {\n        setInputValue(\"\")\n      } else {\n        const item = valueMap[selectedValue]\n\n        setInputValue(getInputValue(item))\n      }\n    },\n    [max, setInputValue, setValue, value, valueMap],\n  )\n  const {\n    activeDescendant,\n    descendants,\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onOpenWithActiveDescendant,\n    onSelect,\n  } = useCombobox({\n    closeOnSelect,\n    disabled,\n    initialFocusValue: isArray(value) ? value[0] : value,\n    openOnClick: false,\n    openOnEnter: false,\n    openOnSpace: false,\n    readOnly,\n    selectFocusRef: inputRef,\n    selectOnSpace: false,\n    onChange,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const filteredItems = useMemo<ComboboxItem[]>(() => {\n    if (!items.length) return []\n\n    return filter(inputValue, items, matcher)\n  }, [filter, inputValue, items, matcher])\n  const resolvedItems = useMemo<ComboboxItem[]>(() => {\n    return filteredItems.length\n      ? filteredItems\n      : [{ \"data-empty\": \"\", label: emptyMessage }]\n  }, [filteredItems, emptyMessage])\n  const empty = useMemo(\n    () => !resolvedItems.filter(({ hidden }) => !hidden).length,\n    [resolvedItems],\n  )\n  const children = useMemo<ReactNode>(() => {\n    if (!isArray(value)) return null\n\n    const count = value.length\n\n    return value.map((value, index) => {\n      const item = valueMap[value] ?? { label: value, value }\n\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        if (item.value) onChange(item.value)\n      }\n\n      const component = render({\n        count,\n        focused,\n        index,\n        max,\n        separator,\n        onClear,\n        ...item,\n      })\n\n      if (isValidElement<Dict>(component))\n        return cloneElement(component, { ...component.props, key: index })\n      else return component\n    })\n  }, [focused, max, onChange, render, separator, value, valueMap])\n  const hasValues = isArray(value) && !!value.length\n\n  const onInputChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (isArray(value) && value.length === max) return\n\n      if (runIfFn(closeOnChange, ev)) onClose()\n      else if (runIfFn(openOnChange, ev)) onOpen()\n\n      activeDescendant.current = null\n\n      const inputValue = ev.target.value\n\n      setInputValue(inputValue)\n\n      if (inputValue.length || isArray(value)) return\n\n      setValue(\"\" as MaybeValue)\n    },\n    [\n      activeDescendant,\n      closeOnChange,\n      max,\n      onClose,\n      onOpen,\n      openOnChange,\n      setInputValue,\n      setValue,\n      value,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled || isComposing(ev)) return\n\n      const inputValue = cast<HTMLInputElement>(ev.target).value\n\n      runKeyAction(\n        ev,\n        {\n          Backspace: (ev) => {\n            if (!isArray(value)) return\n            if (inputValue.length) return\n\n            ev.preventDefault()\n\n            setValue((prev) => prev.slice(0, -1) as MaybeValue)\n          },\n          Enter: (ev) => {\n            if (!open || !inputValue.length || activeDescendant.current) return\n\n            const item = filteredItems[0]\n\n            if (!item) {\n              if (!allowCustomValue || !isArray(value)) return\n\n              ev.preventDefault()\n\n              onSelect(inputValue)\n            } else {\n              ev.preventDefault()\n\n              if (\"items\" in item) onSelect(item.items[0]?.value)\n              else onSelect(item.value)\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      activeDescendant,\n      allowCustomValue,\n      disabled,\n      filteredItems,\n      onSelect,\n      open,\n      setValue,\n      value,\n    ],\n  )\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    focusByClickRef.current = true\n\n    inputRef.current?.focus()\n\n    if (openOnClick) onOpenWithActiveDescendant(descendants.enabledFirstValue)\n  }, [descendants, interactive, onOpenWithActiveDescendant, openOnClick])\n\n  const onMouseDown = useCallback(\n    (ev: MouseEvent<HTMLInputElement>) => {\n      if (!openOnFocus) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [openOnFocus],\n  )\n\n  const onFocus = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      ev.preventDefault()\n      ev.stopPropagation()\n\n      setFocused(true)\n\n      if (openOnFocus && !focusByClickRef.current)\n        onOpenWithActiveDescendant(descendants.enabledFirstValue)\n\n      focusByClickRef.current = false\n    },\n    [openOnFocus, onOpenWithActiveDescendant, descendants.enabledFirstValue],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      if (\n        contains(fieldRef.current, ev.relatedTarget) ||\n        contains(contentRef.current, ev.relatedTarget)\n      ) {\n        ev.preventDefault()\n      } else {\n        setFocused(false)\n\n        if (isArray(value)) {\n          setInputValue(\"\")\n        } else if (allowCustomValue) {\n          if (inputValue) setValue(inputValue as MaybeValue)\n        } else {\n          const item = isString(value) ? valueMap[value] : undefined\n\n          setInputValue(getInputValue(item))\n        }\n      }\n    },\n    [allowCustomValue, inputValue, setInputValue, setValue, value, valueMap],\n  )\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => (isArray(prev) ? [] : \"\") as MaybeValue)\n    setInputValue(\"\")\n\n    if (focusOnClear) inputRef.current?.focus()\n  }, [focusOnClear, interactive, setInputValue, setValue])\n\n  useUpdateEffect(() => {\n    if (isArray(valueProp)) return\n\n    setInputValue(\n      getInputValue(isString(valueProp) ? valueMap[valueProp] : undefined),\n    )\n  }, [valueProp])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        tabIndex: -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClick),\n      }),\n\n    [getTriggerProps, onClick],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      id,\n      ref: mergeRefs(props.ref, ref, inputRef),\n      name,\n      style: {\n        ...(!focused && isArray(value) && !!value.length\n          ? visuallyHiddenAttributes.style\n          : {}),\n        ...props.style,\n      },\n      \"data-max\": dataAttr(\n        isArray(value) && isNumber(max) && value.length >= max,\n      ),\n      autoCapitalize: \"off\",\n      autoComplete: \"off\",\n      autoCorrect: \"off\",\n      disabled,\n      placeholder: hasValues ? undefined : placeholder,\n      readOnly,\n      required,\n      spellCheck: false,\n      value: inputValue,\n      ...dataProps,\n      ...props,\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onInputChange),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onMouseDown: handlerAll(props.onMouseDown, onMouseDown),\n    }),\n    [\n      dataProps,\n      disabled,\n      focused,\n      hasValues,\n      id,\n      inputValue,\n      max,\n      name,\n      onBlur,\n      onFocus,\n      onInputChange,\n      onKeyDown,\n      onMouseDown,\n      placeholder,\n      readOnly,\n      ref,\n      required,\n      value,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getComboboxContentProps({\n        ref: mergeRefs(ref, contentRef),\n        hidden: empty,\n        ...props,\n      }),\n    [empty, getComboboxContentProps],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getClearIconProps: PropGetter = useCallback(\n    (props = {}) =>\n      getIconProps({\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-label\": t(\"Clear value\"),\n        role: \"button\",\n        tabIndex: interactive ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClear),\n        onKeyDown: handlerAll(props.onKeyDown, (ev) =>\n          runKeyAction(ev, { Enter: onClear, Space: onClear }),\n        ),\n      }),\n    [getIconProps, interactive, onClear, t],\n  )\n\n  return {\n    children,\n    descendants,\n    inputValue,\n    interactive,\n    items: resolvedItems,\n    max,\n    open,\n    setInputValue,\n    setValue,\n    value,\n    valueMap,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    getSeparatorProps,\n    popoverProps,\n    onActiveDescendant,\n    onChange,\n    onClose,\n    onInputChange,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>\n\nexport interface UseAutocompleteOptionProps extends UseComboboxItemProps {}\n\nexport const useAutocompleteOption = ({\n  children,\n  closeOnSelect,\n  disabled,\n  hidden,\n  value,\n  ...rest\n}: UseAutocompleteOptionProps = {}) => {\n  const { max, value: selectedValue } = useAutocompleteContext()\n\n  value ??= isString(children) ? children : undefined\n\n  const selected = isArray(selectedValue)\n    ? !isUndefined(value) && selectedValue.includes(value)\n    : selectedValue === value\n  const completed =\n    isNumber(max) && isArray(selectedValue) && selectedValue.length >= max\n  const { getIndicatorProps, getItemProps } = useComboboxItem({\n    children,\n    closeOnSelect,\n    disabled: disabled || hidden || (completed && !selected),\n    hidden,\n    selected,\n    value,\n    ...rest,\n  })\n\n  const getOptionProps: PropGetter = useCallback(\n    (props = {}) => getItemProps(props),\n    [getItemProps],\n  )\n\n  return { getIndicatorProps, getOptionProps }\n}\n\nexport type UseAutocompleteOptionReturn = ReturnType<\n  typeof useAutocompleteOption\n>\n"],"mappings":"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"}
+{"version":3,"file":"use-autocomplete.js","names":["createContext","match"],"sources":["../../../../src/components/autocomplete/use-autocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type {\n  ComboboxItem,\n  ComboboxItemWithValue,\n  UseComboboxItemProps,\n  UseComboboxProps,\n} from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { useCombobox, useComboboxItem } from \"../../hooks/use-combobox\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  cast,\n  contains,\n  createContext,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isComposing,\n  isNumber,\n  isString,\n  isUndefined,\n  match,\n  mergeRefs,\n  runIfFn,\n  runKeyAction,\n  useUpdateEffect,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface AutocompleteRenderProps extends ComboboxItemWithValue {\n  count: number\n  focused: boolean\n  index: number\n  separator: string\n  onClear: () => void\n  max?: number\n}\n\nexport interface AutocompleteItemRender {\n  (props: AutocompleteRenderProps): ReactNode\n}\n\nconst defaultRender: AutocompleteItemRender = ({\n  count,\n  focused,\n  index,\n  label,\n  max,\n  separator,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span style={{ marginInlineEnd: \"var(--gap)\" }}>\n      {label}\n      {((!isNumber(max) || count < max) && focused) || !last ? separator : null}\n    </span>\n  )\n}\n\nconst getInputValue = (item?: ComboboxItemWithValue) =>\n  isString(item?.label) ? item.label : (item?.query ?? \"\")\n\nexport interface AutocompleteFilter {\n  (\n    inputValue: string,\n    items: ComboboxItem[],\n    matcher: AutocompleteMatcher,\n  ): ComboboxItem[]\n}\n\nconst defaultFilter: AutocompleteFilter = (inputValue, items, match) => {\n  if (!inputValue.length) return items\n\n  return items\n    .map((item) => {\n      if (\"items\" in item) {\n        const items = item.items.filter((item) => {\n          if (\"query\" in item)\n            return isString(item.query) && match(item.query, inputValue)\n          else if (isString(item.label))\n            return isString(item.label) && match(item.label, inputValue)\n        })\n\n        if (items.length) return { ...item, items }\n      } else if (\"query\" in item) {\n        if (isString(item.query) && match(item.query, inputValue)) return item\n      } else if (isString(item.label)) {\n        if (isString(item.label) && match(item.label, inputValue)) return item\n      }\n    })\n    .filter(Boolean) as ComboboxItem[]\n}\n\nexport type AutocompleteMatcher = typeof match\n\ninterface AutocompleteContext extends Pick<\n  UseAutocompleteReturn,\n  \"max\" | \"value\"\n> {}\n\nconst [AutocompleteContext, useAutocompleteContext] =\n  createContext<AutocompleteContext>({\n    name: \"AutocompleteContext\",\n  })\n\nexport { AutocompleteContext, useAutocompleteContext }\n\nexport interface UseAutocompleteProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the autocomplete will allow custom value.\n   *\n   * @default false\n   */\n  allowCustomValue?: boolean\n  /**\n   * If `true`, the autocomplete will be closed when the input value changes.\n   *\n   * @default false\n   */\n  closeOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * The initial value of the input.\n   */\n  defaultInputValue?: string\n  /**\n   * The initial value of the autocomplete.\n   */\n  defaultValue?: Multiple extends true ? string[] : string\n  /**\n   * The message displayed when the search yields no hits.\n   *\n   * @default 'No results found'\n   */\n  emptyMessage?: ReactNode\n  /**\n   * The function to filter the items.\n   */\n  filter?: AutocompleteFilter\n  /**\n   * If `true`, the input will be focused when the clear icon is clicked.\n   *\n   * @default true\n   */\n  focusOnClear?: boolean\n  /**\n   * The `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * The value of the input.\n   */\n  inputValue?: string\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: ComboboxItem[]\n  /**\n   * The function to match the items.\n   */\n  matcher?: AutocompleteMatcher\n  /**\n   * The maximum selectable value.\n   */\n  max?: number\n  /**\n   * If `true`, the autocomplete will be multiple.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * If `true`, the autocomplete will be opened when the input value changes.\n   *\n   * @default true\n   */\n  openOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * If `true`, the autocomplete will be opened when the input is focused.\n   *\n   * @default true\n   */\n  openOnFocus?: boolean\n  /**\n   * The placeholder for autocomplete.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The value of the autocomplete.\n   */\n  value?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when value state changes.\n   */\n  onChange?: (value: Multiple extends true ? string[] : string) => void\n  /**\n   * The callback invoked when input value state changes.\n   */\n  onInputChange?: (value: string) => void\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: AutocompleteRenderProps) => ReactNode\n}\n\nexport const useAutocomplete = <Multiple extends boolean = false>(\n  props: UseAutocompleteProps<Multiple> = {},\n) => {\n  type MaybeValue = Multiple extends true ? string[] : string\n\n  const { t } = useI18n(\"autocomplete\")\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      allowCustomValue = false,\n      closeOnChange = false,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultInputValue,\n      defaultValue = (multiple ? [] : \"\") as MaybeValue,\n      disabled,\n      emptyMessage = t(\"No results found\"),\n      filter = defaultFilter,\n      focusOnClear = true,\n      inputValue: inputValueProp,\n      items = [],\n      matcher = match,\n      max,\n      openOnChange = true,\n      openOnClick = true,\n      openOnFocus = true,\n      placeholder,\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      onInputChange: onInputChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const focusByClickRef = useRef<boolean>(false)\n  const valueMap = useMemo<{ [key: string]: ComboboxItemWithValue }>(() => {\n    const valueMap: { [key: string]: ComboboxItemWithValue } = {}\n\n    items.forEach((item) => {\n      if (\"items\" in item) {\n        item.items.forEach((item) => {\n          item.value ??= isString(item.label) ? item.label : undefined\n\n          if (!isUndefined(item.value)) valueMap[item.value] = item\n        })\n      } else {\n        item.value ??= isString(item.label) ? item.label : undefined\n\n        if (!isUndefined(item.value)) valueMap[item.value] = item\n      }\n    })\n\n    return valueMap\n  }, [items])\n  const [focused, setFocused] = useState(false)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue:\n      defaultInputValue ??\n      getInputValue(isString(value) ? valueMap[value] : undefined),\n    value: inputValueProp,\n    onChange: onInputChangeProp,\n  })\n  const onChange = useCallback(\n    (selectedValue: string) => {\n      setValue((prev) => {\n        if (isArray(prev))\n          if (prev.includes(selectedValue))\n            return prev.filter(\n              (prevValue) => prevValue !== selectedValue,\n            ) as MaybeValue\n          else if (!isNumber(max) || prev.length < max)\n            return [...prev, selectedValue] as MaybeValue\n          else return prev\n        else return selectedValue as MaybeValue\n      })\n\n      if (isArray(value)) {\n        setInputValue(\"\")\n      } else {\n        const item = valueMap[selectedValue]\n\n        setInputValue(getInputValue(item))\n      }\n    },\n    [max, setInputValue, setValue, value, valueMap],\n  )\n  const {\n    activeDescendant,\n    descendants,\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onOpenWithActiveDescendant,\n    onSelect,\n  } = useCombobox({\n    closeOnSelect,\n    disabled,\n    initialFocusValue: isArray(value) ? value[0] : value,\n    openOnClick: false,\n    openOnEnter: false,\n    openOnSpace: false,\n    readOnly,\n    selectFocusRef: inputRef,\n    selectOnSpace: false,\n    onChange,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const filteredItems = useMemo<ComboboxItem[]>(() => {\n    if (!items.length) return []\n\n    return filter(inputValue, items, matcher)\n  }, [filter, inputValue, items, matcher])\n  const resolvedItems = useMemo<ComboboxItem[]>(() => {\n    return filteredItems.length\n      ? filteredItems\n      : [{ \"data-empty\": \"\", label: emptyMessage }]\n  }, [filteredItems, emptyMessage])\n  const empty = useMemo(\n    () => !resolvedItems.filter(({ hidden }) => !hidden).length,\n    [resolvedItems],\n  )\n  const children = useMemo<ReactNode>(() => {\n    if (!isArray(value)) return null\n\n    const count = value.length\n\n    return value.map((value, index) => {\n      const item = valueMap[value] ?? { label: value, value }\n\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        if (item.value) onChange(item.value)\n      }\n\n      const component = render({\n        count,\n        focused,\n        index,\n        max,\n        separator,\n        onClear,\n        ...item,\n      })\n\n      if (isValidElement<Dict>(component))\n        return cloneElement(component, { ...component.props, key: index })\n      else return component\n    })\n  }, [focused, max, onChange, render, separator, value, valueMap])\n  const hasValues = isArray(value) && !!value.length\n\n  const onInputChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (isArray(value) && value.length === max) return\n\n      if (runIfFn(closeOnChange, ev)) onClose()\n      else if (runIfFn(openOnChange, ev)) onOpen()\n\n      activeDescendant.current = null\n\n      const inputValue = ev.target.value\n\n      setInputValue(inputValue)\n\n      if (inputValue.length || isArray(value)) return\n\n      setValue(\"\" as MaybeValue)\n    },\n    [\n      activeDescendant,\n      closeOnChange,\n      max,\n      onClose,\n      onOpen,\n      openOnChange,\n      setInputValue,\n      setValue,\n      value,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled || isComposing(ev)) return\n\n      const inputValue = cast<HTMLInputElement>(ev.target).value\n\n      runKeyAction(\n        ev,\n        {\n          Backspace: (ev) => {\n            if (!isArray(value)) return\n            if (inputValue.length) return\n\n            ev.preventDefault()\n\n            setValue((prev) => prev.slice(0, -1) as MaybeValue)\n          },\n          Enter: (ev) => {\n            if (!open || !inputValue.length || activeDescendant.current) return\n\n            const item = filteredItems[0]\n\n            if (!item) {\n              if (!allowCustomValue || !isArray(value)) return\n\n              ev.preventDefault()\n\n              onSelect(inputValue)\n            } else {\n              ev.preventDefault()\n\n              if (\"items\" in item) onSelect(item.items[0]?.value)\n              else onSelect(item.value)\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      activeDescendant,\n      allowCustomValue,\n      disabled,\n      filteredItems,\n      onSelect,\n      open,\n      setValue,\n      value,\n    ],\n  )\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    focusByClickRef.current = true\n\n    inputRef.current?.focus()\n\n    if (openOnClick) onOpenWithActiveDescendant(descendants.enabledFirstValue)\n  }, [descendants, interactive, onOpenWithActiveDescendant, openOnClick])\n\n  const onMouseDown = useCallback(\n    (ev: MouseEvent<HTMLInputElement>) => {\n      if (!openOnFocus) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [openOnFocus],\n  )\n\n  const onFocus = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      ev.preventDefault()\n      ev.stopPropagation()\n\n      setFocused(true)\n\n      if (openOnFocus && !focusByClickRef.current)\n        onOpenWithActiveDescendant(descendants.enabledFirstValue)\n\n      focusByClickRef.current = false\n    },\n    [openOnFocus, onOpenWithActiveDescendant, descendants.enabledFirstValue],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      if (\n        contains(fieldRef.current, ev.relatedTarget) ||\n        contains(contentRef.current, ev.relatedTarget)\n      ) {\n        ev.preventDefault()\n      } else {\n        setFocused(false)\n\n        if (isArray(value)) {\n          setInputValue(\"\")\n        } else if (allowCustomValue) {\n          if (inputValue) setValue(inputValue as MaybeValue)\n        } else {\n          const item = isString(value) ? valueMap[value] : undefined\n\n          setInputValue(getInputValue(item))\n        }\n      }\n    },\n    [allowCustomValue, inputValue, setInputValue, setValue, value, valueMap],\n  )\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => (isArray(prev) ? [] : \"\") as MaybeValue)\n    setInputValue(\"\")\n\n    if (focusOnClear) inputRef.current?.focus()\n  }, [focusOnClear, interactive, setInputValue, setValue])\n\n  useUpdateEffect(() => {\n    if (isArray(valueProp)) return\n\n    setInputValue(\n      getInputValue(isString(valueProp) ? valueMap[valueProp] : undefined),\n    )\n  }, [valueProp])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        tabIndex: -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClick),\n      }),\n\n    [getTriggerProps, onClick],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      id,\n      ref: mergeRefs(props.ref, ref, inputRef),\n      name,\n      style: {\n        ...(!focused && isArray(value) && !!value.length\n          ? visuallyHiddenAttributes.style\n          : {}),\n        ...props.style,\n      },\n      \"data-max\": dataAttr(\n        isArray(value) && isNumber(max) && value.length >= max,\n      ),\n      autoCapitalize: \"off\",\n      autoComplete: \"off\",\n      autoCorrect: \"off\",\n      disabled,\n      placeholder: hasValues ? undefined : placeholder,\n      readOnly,\n      required,\n      spellCheck: false,\n      value: inputValue,\n      ...dataProps,\n      ...props,\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onInputChange),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onMouseDown: handlerAll(props.onMouseDown, onMouseDown),\n    }),\n    [\n      dataProps,\n      disabled,\n      focused,\n      hasValues,\n      id,\n      inputValue,\n      max,\n      name,\n      onBlur,\n      onFocus,\n      onInputChange,\n      onKeyDown,\n      onMouseDown,\n      placeholder,\n      readOnly,\n      ref,\n      required,\n      value,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getComboboxContentProps({\n        ref: mergeRefs(ref, contentRef),\n        hidden: empty,\n        ...props,\n      }),\n    [empty, getComboboxContentProps],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getClearIconProps: PropGetter = useCallback(\n    (props = {}) =>\n      getIconProps({\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-label\": t(\"Clear value\"),\n        role: \"button\",\n        tabIndex: interactive ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClear),\n        onKeyDown: handlerAll(props.onKeyDown, (ev) =>\n          runKeyAction(ev, { Enter: onClear, Space: onClear }),\n        ),\n      }),\n    [getIconProps, interactive, onClear, t],\n  )\n\n  return {\n    children,\n    descendants,\n    inputValue,\n    interactive,\n    items: resolvedItems,\n    max,\n    open,\n    setInputValue,\n    setValue,\n    value,\n    valueMap,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    getSeparatorProps,\n    popoverProps,\n    onActiveDescendant,\n    onChange,\n    onClose,\n    onInputChange,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>\n\nexport interface UseAutocompleteOptionProps extends UseComboboxItemProps {}\n\nexport const useAutocompleteOption = ({\n  children,\n  closeOnSelect,\n  disabled,\n  hidden,\n  value,\n  ...rest\n}: UseAutocompleteOptionProps = {}) => {\n  const { max, value: selectedValue } = useAutocompleteContext()\n\n  value ??= isString(children) ? children : undefined\n\n  const selected = isArray(selectedValue)\n    ? !isUndefined(value) && selectedValue.includes(value)\n    : selectedValue === value\n  const completed =\n    isNumber(max) && isArray(selectedValue) && selectedValue.length >= max\n  const { getIndicatorProps, getItemProps } = useComboboxItem({\n    children,\n    closeOnSelect,\n    disabled: disabled || hidden || (completed && !selected),\n    hidden,\n    selected,\n    value,\n    ...rest,\n  })\n\n  const getOptionProps: PropGetter = useCallback(\n    (props = {}) => getItemProps(props),\n    [getItemProps],\n  )\n\n  return { getIndicatorProps, getOptionProps }\n}\n\nexport type UseAutocompleteOptionReturn = ReturnType<\n  typeof useAutocompleteOption\n>\n"],"mappings":"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"}

package/dist/esm/components/blockquote/blockquote.js

@@ -17,11 +17,12 @@ const BlockquoteRoot = withProvider(({ children, cite, citeUrl, icon, withDash,
 	const validChildren = useValidChildren(children);
 	const customBlockquoteContent = useFindChild(validChildren, BlockquoteContent);
 	const customBlockquoteCaption = useFindChild(validChildren, BlockquoteCaption);
+	const context = useMemo(() => ({
+		citeUrl,
+		withDash
+	}), [citeUrl, withDash]);
 	return /* @__PURE__ */ jsx(ComponentContext, {
-		value: useMemo(() => ({
-			citeUrl,
-			withDash
-		}), [citeUrl, withDash]),
+		value: context,
 		children: /* @__PURE__ */ jsxs(styled.figure, {
 			...rest,
 			children: [

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

@@ -1 +1 @@
-{"version":3,"file":"blockquote.js","names":[],"sources":["../../../../src/components/blockquote/blockquote.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { BlockquoteStyle } from \"./blockquote.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useFindChild, useValidChildren } from \"../../utils\"\nimport { QuoteIcon } from \"../icon\"\nimport { blockquoteStyle } from \"./blockquote.style\"\n\ninterface ComponentContext\n  extends\n    Pick<BlockquoteContentProps, \"citeUrl\">,\n    Pick<BlockquoteCaptionProps, \"withDash\"> {}\n\nexport interface BlockquoteRootProps\n  extends\n    Omit<HTMLStyledProps<\"figure\">, \"cite\">,\n    ThemeProps<BlockquoteStyle>,\n    Pick<BlockquoteContentProps, \"citeUrl\">,\n    Pick<BlockquoteCaptionProps, \"withDash\"> {\n  /**\n   * The citation of the blockquote.\n   */\n  cite?: ReactNode\n  /**\n   * The icon of the blockquote.\n   */\n  icon?: ReactNode\n  /**\n   * The props for the `BlockquoteCaption` component.\n   */\n  captionProps?: HTMLStyledProps<\"figcaption\">\n  /**\n   * The props for the `BlockquoteCite` component.\n   */\n  citeProps?: HTMLStyledProps<\"cite\">\n  /**\n   * The props for the `BlockquoteContent` component.\n   */\n  contentProps?: HTMLStyledProps<\"blockquote\">\n}\n\nconst {\n  ComponentContext,\n  PropsContext: BlockquotePropsContext,\n  useComponentContext,\n  usePropsContext: useBlockquotePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<BlockquoteRootProps, BlockquoteStyle, ComponentContext>(\n  \"blockquote\",\n  blockquoteStyle,\n)\n\nexport { BlockquotePropsContext, useBlockquotePropsContext }\n\n/**\n * `Blockquote` is a component that represents a blockquote. By default, it renders a `blockquote` element.\n *\n * @see https://yamada-ui.com/docs/components/blockquote\n */\nexport const BlockquoteRoot = withProvider<\"figure\", BlockquoteRootProps>(\n  ({\n    children,\n    cite,\n    citeUrl,\n    icon,\n    withDash,\n    captionProps,\n    citeProps,\n    contentProps,\n    ...rest\n  }) => {\n    const validChildren = useValidChildren(children)\n    const customBlockquoteContent = useFindChild(\n      validChildren,\n      BlockquoteContent,\n    )\n    const customBlockquoteCaption = useFindChild(\n      validChildren,\n      BlockquoteCaption,\n    )\n\n    const context = useMemo(() => ({ citeUrl, withDash }), [citeUrl, withDash])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.figure {...rest}>\n          {icon}\n\n          {customBlockquoteContent ?? (\n            <BlockquoteContent {...contentProps}>{children}</BlockquoteContent>\n          )}\n\n          {customBlockquoteCaption ??\n            (cite ? (\n              <BlockquoteCaption {...captionProps}>\n                <BlockquoteCite {...citeProps}>{cite}</BlockquoteCite>\n              </BlockquoteCaption>\n            ) : null)}\n        </styled.figure>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface BlockquoteContentProps extends HTMLStyledProps<\"blockquote\"> {\n  /**\n   * The URL of the citation of the blockquote.\n   */\n  citeUrl?: string\n}\n\nexport const BlockquoteContent = withContext<\n  \"blockquote\",\n  BlockquoteContentProps\n>(\"blockquote\", \"content\")(\n  undefined,\n  ({ cite, citeUrl: citeUrlProp, ...rest }) => {\n    const { citeUrl } = useComponentContext()\n\n    return { ...rest, citeurl: cite ?? citeUrlProp ?? citeUrl }\n  },\n)\n\nexport interface BlockquoteCaptionProps extends HTMLStyledProps<\"figcaption\"> {\n  /**\n   * If `true`, the dash will be shown.\n   *\n   * @default false\n   */\n  withDash?: boolean\n}\n\nexport const BlockquoteCaption = withContext<\n  \"figcaption\",\n  BlockquoteCaptionProps\n>(\"figcaption\", \"caption\")(\n  undefined,\n  ({ children, withDash: withDashProp, ...rest }) => {\n    const { withDash } = useComponentContext()\n\n    withDashProp ??= withDash\n\n    return {\n      ...rest,\n      children: (\n        <>\n          {withDashProp ? <>&mdash;</> : null} {children}\n        </>\n      ),\n    }\n  },\n)\n\nexport interface BlockquoteCiteProps extends HTMLStyledProps<\"cite\"> {}\n\nexport const BlockquoteCite = withContext<\"cite\", BlockquoteCiteProps>(\n  \"cite\",\n  \"cite\",\n)()\n\nexport interface BlockquoteIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const BlockquoteIcon = withContext<\"svg\", BlockquoteIconProps>(\n  QuoteIcon,\n  \"icon\",\n)()\n"],"mappings":";;;;;;;;;AA4CA,MAAM,EACJ,kBACA,cAAc,wBACd,qBACA,iBAAiB,2BACjB,aACA,iBACE,oBACF,cACA,eACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,UACA,MACA,SACA,MACA,UACA,cACA,WACA,cACA,GAAG,WACC;CACJ,MAAM,gBAAgB,iBAAiB,QAAQ;CAC/C,MAAM,0BAA0B,aAC9B,eACA,iBACF;CACA,MAAM,0BAA0B,aAC9B,eACA,iBACF;CAIA,OACE,oBAAC,kBAAD;EAAkB,OAHJ,eAAe;GAAE;GAAS;EAAS,IAAI,CAAC,SAAS,QAAQ,CAGxC;YAC7B,qBAAC,OAAO,QAAR;GAAe,GAAI;aAAnB;IACG;IAEA,2BACC,oBAAC,mBAAD;KAAmB,GAAI;KAAe;IAA4B,CAAA;IAGnE,4BACE,OACC,oBAAC,mBAAD;KAAmB,GAAI;eACrB,oBAAC,gBAAD;MAAgB,GAAI;gBAAY;KAAqB,CAAA;IACpC,CAAA,IACjB;GACO;;CACC,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AASF,MAAa,oBAAoB,YAG/B,cAAc,SAAS,CAAC,CACxB,KAAA,IACC,EAAE,MAAM,SAAS,aAAa,GAAG,WAAW;CAC3C,MAAM,EAAE,YAAY,oBAAoB;CAExC,OAAO;EAAE,GAAG;EAAM,SAAS,QAAQ,eAAe;CAAQ;AAC5D,CACF;AAWA,MAAa,oBAAoB,YAG/B,cAAc,SAAS,CAAC,CACxB,KAAA,IACC,EAAE,UAAU,UAAU,cAAc,GAAG,WAAW;CACjD,MAAM,EAAE,aAAa,oBAAoB;CAEzC,iBAAiB;CAEjB,OAAO;EACL,GAAG;EACH,UACE,qBAAA,YAAA,EAAA,UAAA;GACG,eAAe,oBAAA,YAAA,EAAA,UAAE,IAAS,CAAA,IAAI;GAAK;GAAE;EACtC,EAAA,CAAA;CAEN;AACF,CACF;AAIA,MAAa,iBAAiB,YAC5B,QACA,MACF,CAAC,CAAC;AAIF,MAAa,iBAAiB,YAC5B,WACA,MACF,CAAC,CAAC"}
+{"version":3,"file":"blockquote.js","names":[],"sources":["../../../../src/components/blockquote/blockquote.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { BlockquoteStyle } from \"./blockquote.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useFindChild, useValidChildren } from \"../../utils\"\nimport { QuoteIcon } from \"../icon\"\nimport { blockquoteStyle } from \"./blockquote.style\"\n\ninterface ComponentContext\n  extends\n    Pick<BlockquoteContentProps, \"citeUrl\">,\n    Pick<BlockquoteCaptionProps, \"withDash\"> {}\n\nexport interface BlockquoteRootProps\n  extends\n    Omit<HTMLStyledProps<\"figure\">, \"cite\">,\n    ThemeProps<BlockquoteStyle>,\n    Pick<BlockquoteContentProps, \"citeUrl\">,\n    Pick<BlockquoteCaptionProps, \"withDash\"> {\n  /**\n   * The citation of the blockquote.\n   */\n  cite?: ReactNode\n  /**\n   * The icon of the blockquote.\n   */\n  icon?: ReactNode\n  /**\n   * The props for the `BlockquoteCaption` component.\n   */\n  captionProps?: HTMLStyledProps<\"figcaption\">\n  /**\n   * The props for the `BlockquoteCite` component.\n   */\n  citeProps?: HTMLStyledProps<\"cite\">\n  /**\n   * The props for the `BlockquoteContent` component.\n   */\n  contentProps?: HTMLStyledProps<\"blockquote\">\n}\n\nconst {\n  ComponentContext,\n  PropsContext: BlockquotePropsContext,\n  useComponentContext,\n  usePropsContext: useBlockquotePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<BlockquoteRootProps, BlockquoteStyle, ComponentContext>(\n  \"blockquote\",\n  blockquoteStyle,\n)\n\nexport { BlockquotePropsContext, useBlockquotePropsContext }\n\n/**\n * `Blockquote` is a component that represents a blockquote. By default, it renders a `blockquote` element.\n *\n * @see https://yamada-ui.com/docs/components/blockquote\n */\nexport const BlockquoteRoot = withProvider<\"figure\", BlockquoteRootProps>(\n  ({\n    children,\n    cite,\n    citeUrl,\n    icon,\n    withDash,\n    captionProps,\n    citeProps,\n    contentProps,\n    ...rest\n  }) => {\n    const validChildren = useValidChildren(children)\n    const customBlockquoteContent = useFindChild(\n      validChildren,\n      BlockquoteContent,\n    )\n    const customBlockquoteCaption = useFindChild(\n      validChildren,\n      BlockquoteCaption,\n    )\n\n    const context = useMemo(() => ({ citeUrl, withDash }), [citeUrl, withDash])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.figure {...rest}>\n          {icon}\n\n          {customBlockquoteContent ?? (\n            <BlockquoteContent {...contentProps}>{children}</BlockquoteContent>\n          )}\n\n          {customBlockquoteCaption ??\n            (cite ? (\n              <BlockquoteCaption {...captionProps}>\n                <BlockquoteCite {...citeProps}>{cite}</BlockquoteCite>\n              </BlockquoteCaption>\n            ) : null)}\n        </styled.figure>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface BlockquoteContentProps extends HTMLStyledProps<\"blockquote\"> {\n  /**\n   * The URL of the citation of the blockquote.\n   */\n  citeUrl?: string\n}\n\nexport const BlockquoteContent = withContext<\n  \"blockquote\",\n  BlockquoteContentProps\n>(\"blockquote\", \"content\")(\n  undefined,\n  ({ cite, citeUrl: citeUrlProp, ...rest }) => {\n    const { citeUrl } = useComponentContext()\n\n    return { ...rest, citeurl: cite ?? citeUrlProp ?? citeUrl }\n  },\n)\n\nexport interface BlockquoteCaptionProps extends HTMLStyledProps<\"figcaption\"> {\n  /**\n   * If `true`, the dash will be shown.\n   *\n   * @default false\n   */\n  withDash?: boolean\n}\n\nexport const BlockquoteCaption = withContext<\n  \"figcaption\",\n  BlockquoteCaptionProps\n>(\"figcaption\", \"caption\")(\n  undefined,\n  ({ children, withDash: withDashProp, ...rest }) => {\n    const { withDash } = useComponentContext()\n\n    withDashProp ??= withDash\n\n    return {\n      ...rest,\n      children: (\n        <>\n          {withDashProp ? <>&mdash;</> : null} {children}\n        </>\n      ),\n    }\n  },\n)\n\nexport interface BlockquoteCiteProps extends HTMLStyledProps<\"cite\"> {}\n\nexport const BlockquoteCite = withContext<\"cite\", BlockquoteCiteProps>(\n  \"cite\",\n  \"cite\",\n)()\n\nexport interface BlockquoteIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const BlockquoteIcon = withContext<\"svg\", BlockquoteIconProps>(\n  QuoteIcon,\n  \"icon\",\n)()\n"],"mappings":";;;;;;;;;AA4CA,MAAM,EACJ,kBACA,cAAc,wBACd,qBACA,iBAAiB,2BACjB,aACA,iBACE,oBACF,cACA,eACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,UACA,MACA,SACA,MACA,UACA,cACA,WACA,cACA,GAAG,WACC;CACJ,MAAM,gBAAgB,iBAAiB,QAAQ;CAC/C,MAAM,0BAA0B,aAC9B,eACA,iBACF;CACA,MAAM,0BAA0B,aAC9B,eACA,iBACF;CAEA,MAAM,UAAU,eAAe;EAAE;EAAS;CAAS,IAAI,CAAC,SAAS,QAAQ,CAAC;CAE1E,OACE,oBAAC,kBAAD;EAAkB,OAAO;YACvB,qBAAC,OAAO,QAAR;GAAe,GAAI;aAAnB;IACG;IAEA,2BACC,oBAAC,mBAAD;KAAmB,GAAI;KAAe;IAA4B,CAAA;IAGnE,4BACE,OACC,oBAAC,mBAAD;KAAmB,GAAI;eACrB,oBAAC,gBAAD;MAAgB,GAAI;gBAAY;KAAqB,CAAA;IACpC,CAAA,IACjB;GACO;;CACC,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AASF,MAAa,oBAAoB,YAG/B,cAAc,SAAS,CAAC,CACxB,KAAA,IACC,EAAE,MAAM,SAAS,aAAa,GAAG,WAAW;CAC3C,MAAM,EAAE,YAAY,oBAAoB;CAExC,OAAO;EAAE,GAAG;EAAM,SAAS,QAAQ,eAAe;CAAQ;AAC5D,CACF;AAWA,MAAa,oBAAoB,YAG/B,cAAc,SAAS,CAAC,CACxB,KAAA,IACC,EAAE,UAAU,UAAU,cAAc,GAAG,WAAW;CACjD,MAAM,EAAE,aAAa,oBAAoB;CAEzC,iBAAiB;CAEjB,OAAO;EACL,GAAG;EACH,UACE,qBAAA,YAAA,EAAA,UAAA;GACG,eAAe,oBAAA,YAAA,EAAA,UAAE,IAAS,CAAA,IAAI;GAAK;GAAE;EACtC,EAAA,CAAA;CAEN;AACF,CACF;AAIA,MAAa,iBAAiB,YAC5B,QACA,MACF,CAAC,CAAC;AAIF,MAAa,iBAAiB,YAC5B,WACA,MACF,CAAC,CAAC"}

package/dist/esm/components/breadcrumb/breadcrumb.js

@@ -22,11 +22,12 @@ const BreadcrumbRoot = withProvider(({ endBoundaries, gap, separator, startBound
 		startBoundaries,
 		...rest
 	});
+	const context = useMemo(() => ({
+		getEllipsisProps,
+		getLinkProps
+	}), [getEllipsisProps, getLinkProps]);
 	return /* @__PURE__ */ jsx(ComponentContext, {
-		value: useMemo(() => ({
-			getEllipsisProps,
-			getLinkProps
-		}), [getEllipsisProps, getLinkProps]),
+		value: context,
 		children: /* @__PURE__ */ jsx(styled.nav, {
 			...getRootProps(),
 			children: /* @__PURE__ */ jsx(BreadcrumbList, {

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { HTMLStyledProps, PropGetter, ThemeProps } from \"../../core\"\nimport type { BreadcrumbStyle } from \"./breadcrumb.style\"\nimport type { UseBreadcrumbProps } from \"./use-breadcrumb\"\nimport { Fragment, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { ChevronRightIcon, EllipsisIcon } from \"../icon\"\nimport { breadcrumbStyle } from \"./breadcrumb.style\"\nimport { useBreadcrumb } from \"./use-breadcrumb\"\n\ninterface ComponentContext {\n  getEllipsisProps: PropGetter<\"svg\">\n  getLinkProps: PropGetter<\"a\", { currentPage?: boolean }>\n}\n\nexport interface BreadcrumbRootProps\n  extends\n    HTMLStyledProps<\"nav\">,\n    ThemeProps<BreadcrumbStyle>,\n    Omit<UseBreadcrumbProps, \"endBoundaries\" | \"startBoundaries\"> {\n  /**\n   * Number of elements visible on the end(right) edges.\n   *\n   * @default 0\n   */\n  endBoundaries?: number\n  /**\n   * The visual separator between each breadcrumb item.\n   *\n   * @default '/'\n   */\n  separator?: ReactElement | string\n  /**\n   * Number of elements visible on the start(left) edges.\n   *\n   * @default 0\n   */\n  startBoundaries?: number\n  /**\n   * Props for item element.\n   */\n  itemProps?: BreadcrumbItemProps\n  /**\n   * Props for ol element.\n   */\n  listProps?: HTMLStyledProps<\"ol\">\n  /**\n   * Props for separator element.\n   */\n  separatorProps?: BreadcrumbSeparatorProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: BreadcrumbPropsContext,\n  useComponentContext,\n  usePropsContext: useBreadcrumbPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<BreadcrumbRootProps, BreadcrumbStyle, ComponentContext>(\n  \"breadcrumb\",\n  breadcrumbStyle,\n)\n\nexport { BreadcrumbPropsContext, useBreadcrumbPropsContext }\n\n/**\n * `Breadcrumb` is a component that helps users understand the hierarchy of a website.\n *\n * @see https://yamada-ui.com/docs/components/breadcrumb\n */\nexport const BreadcrumbRoot = withProvider<\"nav\", BreadcrumbRootProps>(\n  ({\n    endBoundaries,\n    gap,\n    separator,\n    startBoundaries,\n    itemProps,\n    listProps,\n    separatorProps,\n    ...rest\n  }) => {\n    const {\n      children,\n      getEllipsisProps,\n      getLinkProps,\n      getListProps,\n      getRootProps,\n    } = useBreadcrumb({\n      ellipsis: <BreadcrumbEllipsis />,\n      endBoundaries,\n      link: <BreadcrumbLink />,\n      startBoundaries,\n      ...rest,\n    })\n\n    const context = useMemo(\n      () => ({ getEllipsisProps, getLinkProps }),\n      [getEllipsisProps, getLinkProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.nav {...getRootProps()}>\n          <BreadcrumbList {...getListProps({ gap, ...listProps })}>\n            {children.map((child, index) => {\n              const last = index === children.length - 1\n\n              return (\n                <Fragment key={index}>\n                  <BreadcrumbItem {...itemProps}>{child}</BreadcrumbItem>\n\n                  {!last ? (\n                    <BreadcrumbSeparator {...separatorProps}>\n                      {separator}\n                    </BreadcrumbSeparator>\n                  ) : null}\n                </Fragment>\n              )\n            })}\n          </BreadcrumbList>\n        </styled.nav>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\ninterface BreadcrumbListProps extends HTMLStyledProps<\"ol\"> {}\n\nconst BreadcrumbList = withContext<\"ol\", BreadcrumbListProps>(\"ol\", \"list\")()\n\ninterface BreadcrumbItemProps extends HTMLStyledProps<\"li\"> {}\n\nconst BreadcrumbItem = withContext<\"li\", BreadcrumbItemProps>(\"li\", \"item\")()\n\ninterface BreadcrumbSeparatorProps extends HTMLStyledProps<\"li\"> {}\n\nconst BreadcrumbSeparator = withContext<\"li\", BreadcrumbSeparatorProps>(\n  BreadcrumbItem,\n  \"separator\",\n)(({ children, ...rest }) => ({\n  children: children ?? <ChevronRightIcon />,\n  ...rest,\n}))\n\nexport interface BreadcrumbLinkProps extends HTMLStyledProps<\"a\"> {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  currentPage?: boolean\n}\n\nexport const BreadcrumbLink = withContext<\"a\", BreadcrumbLinkProps>(\n  \"a\",\n  \"link\",\n)(undefined, ({ currentPage, ...rest }) => {\n  const { getLinkProps } = useComponentContext()\n\n  return {\n    as: !currentPage ? \"a\" : \"span\",\n    ...getLinkProps({ currentPage, ...rest }),\n  }\n})\n\nexport interface BreadcrumbEllipsisProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const BreadcrumbEllipsis = withContext<\"svg\", BreadcrumbEllipsisProps>(\n  EllipsisIcon,\n  \"ellipsis\",\n)(undefined, (props) => {\n  const { getEllipsisProps } = useComponentContext()\n\n  return { ...getEllipsisProps(props) }\n})\n"],"mappings":";;;;;;;;;;AAsDA,MAAM,EACJ,kBACA,cAAc,wBACd,qBACA,iBAAiB,2BACjB,aACA,iBACE,oBACF,cACA,eACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,eACA,KACA,WACA,iBACA,WACA,WACA,gBACA,GAAG,WACC;CACJ,MAAM,EACJ,UACA,kBACA,cACA,cACA,iBACE,cAAc;EAChB,UAAU,oBAAC,oBAAD,CAAqB,CAAA;EAC/B;EACA,MAAM,oBAAC,gBAAD,CAAiB,CAAA;EACvB;EACA,GAAG;CACL,CAAC;CAOD,OACE,oBAAC,kBAAD;EAAkB,OANJ,eACP;GAAE;GAAkB;EAAa,IACxC,CAAC,kBAAkB,YAAY,CAIA;YAC7B,oBAAC,OAAO,KAAR;GAAY,GAAI,aAAa;aAC3B,oBAAC,gBAAD;IAAgB,GAAI,aAAa;KAAE;KAAK,GAAG;IAAU,CAAC;cACnD,SAAS,KAAK,OAAO,UAAU;KAC9B,MAAM,OAAO,UAAU,SAAS,SAAS;KAEzC,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;MAAgB,GAAI;gBAAY;KAAsB,CAAA,GAErD,CAAC,OACA,oBAAC,qBAAD;MAAqB,GAAI;gBACtB;KACkB,CAAA,IACnB,IACI,EAAA,GARK,KAQL;IAEd,CAAC;GACa,CAAA;EACN,CAAA;CACI,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AAIF,MAAM,iBAAiB,YAAuC,MAAM,MAAM,CAAC,CAAC;AAI5E,MAAM,iBAAiB,YAAuC,MAAM,MAAM,CAAC,CAAC;AAI5E,MAAM,sBAAsB,YAC1B,gBACA,WACF,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY;CAC5B,UAAU,YAAY,oBAAC,kBAAD,CAAmB,CAAA;CACzC,GAAG;AACL,EAAE;AAWF,MAAa,iBAAiB,YAC5B,KACA,MACF,CAAC,CAAC,KAAA,IAAY,EAAE,aAAa,GAAG,WAAW;CACzC,MAAM,EAAE,iBAAiB,oBAAoB;CAE7C,OAAO;EACL,IAAI,CAAC,cAAc,MAAM;EACzB,GAAG,aAAa;GAAE;GAAa,GAAG;EAAK,CAAC;CAC1C;AACF,CAAC;AAID,MAAa,qBAAqB,YAChC,cACA,UACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,qBAAqB,oBAAoB;CAEjD,OAAO,EAAE,GAAG,iBAAiB,KAAK,EAAE;AACtC,CAAC"}
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { HTMLStyledProps, PropGetter, ThemeProps } from \"../../core\"\nimport type { BreadcrumbStyle } from \"./breadcrumb.style\"\nimport type { UseBreadcrumbProps } from \"./use-breadcrumb\"\nimport { Fragment, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { ChevronRightIcon, EllipsisIcon } from \"../icon\"\nimport { breadcrumbStyle } from \"./breadcrumb.style\"\nimport { useBreadcrumb } from \"./use-breadcrumb\"\n\ninterface ComponentContext {\n  getEllipsisProps: PropGetter<\"svg\">\n  getLinkProps: PropGetter<\"a\", { currentPage?: boolean }>\n}\n\nexport interface BreadcrumbRootProps\n  extends\n    HTMLStyledProps<\"nav\">,\n    ThemeProps<BreadcrumbStyle>,\n    Omit<UseBreadcrumbProps, \"endBoundaries\" | \"startBoundaries\"> {\n  /**\n   * Number of elements visible on the end(right) edges.\n   *\n   * @default 0\n   */\n  endBoundaries?: number\n  /**\n   * The visual separator between each breadcrumb item.\n   *\n   * @default '/'\n   */\n  separator?: ReactElement | string\n  /**\n   * Number of elements visible on the start(left) edges.\n   *\n   * @default 0\n   */\n  startBoundaries?: number\n  /**\n   * Props for item element.\n   */\n  itemProps?: BreadcrumbItemProps\n  /**\n   * Props for ol element.\n   */\n  listProps?: HTMLStyledProps<\"ol\">\n  /**\n   * Props for separator element.\n   */\n  separatorProps?: BreadcrumbSeparatorProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: BreadcrumbPropsContext,\n  useComponentContext,\n  usePropsContext: useBreadcrumbPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<BreadcrumbRootProps, BreadcrumbStyle, ComponentContext>(\n  \"breadcrumb\",\n  breadcrumbStyle,\n)\n\nexport { BreadcrumbPropsContext, useBreadcrumbPropsContext }\n\n/**\n * `Breadcrumb` is a component that helps users understand the hierarchy of a website.\n *\n * @see https://yamada-ui.com/docs/components/breadcrumb\n */\nexport const BreadcrumbRoot = withProvider<\"nav\", BreadcrumbRootProps>(\n  ({\n    endBoundaries,\n    gap,\n    separator,\n    startBoundaries,\n    itemProps,\n    listProps,\n    separatorProps,\n    ...rest\n  }) => {\n    const {\n      children,\n      getEllipsisProps,\n      getLinkProps,\n      getListProps,\n      getRootProps,\n    } = useBreadcrumb({\n      ellipsis: <BreadcrumbEllipsis />,\n      endBoundaries,\n      link: <BreadcrumbLink />,\n      startBoundaries,\n      ...rest,\n    })\n\n    const context = useMemo(\n      () => ({ getEllipsisProps, getLinkProps }),\n      [getEllipsisProps, getLinkProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.nav {...getRootProps()}>\n          <BreadcrumbList {...getListProps({ gap, ...listProps })}>\n            {children.map((child, index) => {\n              const last = index === children.length - 1\n\n              return (\n                <Fragment key={index}>\n                  <BreadcrumbItem {...itemProps}>{child}</BreadcrumbItem>\n\n                  {!last ? (\n                    <BreadcrumbSeparator {...separatorProps}>\n                      {separator}\n                    </BreadcrumbSeparator>\n                  ) : null}\n                </Fragment>\n              )\n            })}\n          </BreadcrumbList>\n        </styled.nav>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\ninterface BreadcrumbListProps extends HTMLStyledProps<\"ol\"> {}\n\nconst BreadcrumbList = withContext<\"ol\", BreadcrumbListProps>(\"ol\", \"list\")()\n\ninterface BreadcrumbItemProps extends HTMLStyledProps<\"li\"> {}\n\nconst BreadcrumbItem = withContext<\"li\", BreadcrumbItemProps>(\"li\", \"item\")()\n\ninterface BreadcrumbSeparatorProps extends HTMLStyledProps<\"li\"> {}\n\nconst BreadcrumbSeparator = withContext<\"li\", BreadcrumbSeparatorProps>(\n  BreadcrumbItem,\n  \"separator\",\n)(({ children, ...rest }) => ({\n  children: children ?? <ChevronRightIcon />,\n  ...rest,\n}))\n\nexport interface BreadcrumbLinkProps extends HTMLStyledProps<\"a\"> {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  currentPage?: boolean\n}\n\nexport const BreadcrumbLink = withContext<\"a\", BreadcrumbLinkProps>(\n  \"a\",\n  \"link\",\n)(undefined, ({ currentPage, ...rest }) => {\n  const { getLinkProps } = useComponentContext()\n\n  return {\n    as: !currentPage ? \"a\" : \"span\",\n    ...getLinkProps({ currentPage, ...rest }),\n  }\n})\n\nexport interface BreadcrumbEllipsisProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const BreadcrumbEllipsis = withContext<\"svg\", BreadcrumbEllipsisProps>(\n  EllipsisIcon,\n  \"ellipsis\",\n)(undefined, (props) => {\n  const { getEllipsisProps } = useComponentContext()\n\n  return { ...getEllipsisProps(props) }\n})\n"],"mappings":";;;;;;;;;;AAsDA,MAAM,EACJ,kBACA,cAAc,wBACd,qBACA,iBAAiB,2BACjB,aACA,iBACE,oBACF,cACA,eACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,eACA,KACA,WACA,iBACA,WACA,WACA,gBACA,GAAG,WACC;CACJ,MAAM,EACJ,UACA,kBACA,cACA,cACA,iBACE,cAAc;EAChB,UAAU,oBAAC,oBAAD,CAAqB,CAAA;EAC/B;EACA,MAAM,oBAAC,gBAAD,CAAiB,CAAA;EACvB;EACA,GAAG;CACL,CAAC;CAED,MAAM,UAAU,eACP;EAAE;EAAkB;CAAa,IACxC,CAAC,kBAAkB,YAAY,CACjC;CAEA,OACE,oBAAC,kBAAD;EAAkB,OAAO;YACvB,oBAAC,OAAO,KAAR;GAAY,GAAI,aAAa;aAC3B,oBAAC,gBAAD;IAAgB,GAAI,aAAa;KAAE;KAAK,GAAG;IAAU,CAAC;cACnD,SAAS,KAAK,OAAO,UAAU;KAC9B,MAAM,OAAO,UAAU,SAAS,SAAS;KAEzC,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;MAAgB,GAAI;gBAAY;KAAsB,CAAA,GAErD,CAAC,OACA,oBAAC,qBAAD;MAAqB,GAAI;gBACtB;KACkB,CAAA,IACnB,IACI,EAAA,GARK,KAQL;IAEd,CAAC;GACa,CAAA;EACN,CAAA;CACI,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AAIF,MAAM,iBAAiB,YAAuC,MAAM,MAAM,CAAC,CAAC;AAI5E,MAAM,iBAAiB,YAAuC,MAAM,MAAM,CAAC,CAAC;AAI5E,MAAM,sBAAsB,YAC1B,gBACA,WACF,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY;CAC5B,UAAU,YAAY,oBAAC,kBAAD,CAAmB,CAAA;CACzC,GAAG;AACL,EAAE;AAWF,MAAa,iBAAiB,YAC5B,KACA,MACF,CAAC,CAAC,KAAA,IAAY,EAAE,aAAa,GAAG,WAAW;CACzC,MAAM,EAAE,iBAAiB,oBAAoB;CAE7C,OAAO;EACL,IAAI,CAAC,cAAc,MAAM;EACzB,GAAG,aAAa;GAAE;GAAa,GAAG;EAAK,CAAC;CAC1C;AACF,CAAC;AAID,MAAa,qBAAqB,YAChC,cACA,UACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,qBAAqB,oBAAoB;CAEjD,OAAO,EAAE,GAAG,iBAAiB,KAAK,EAAE;AACtC,CAAC"}

package/dist/esm/components/button/button.js

@@ -36,20 +36,21 @@ const Button = withContext(({ ref, as, active, children, disabled, disableRipple
 	});
 	const startLoading = loading && loadingPlacement === "start";
 	const endLoading = loading && loadingPlacement === "end";
+	const context = useMemo(() => ({
+		endIcon,
+		loadingIcon,
+		loadingMessage,
+		startIcon,
+		iconProps
+	}), [
+		loadingIcon,
+		loadingMessage,
+		startIcon,
+		endIcon,
+		iconProps
+	]);
 	return /* @__PURE__ */ jsx(ComponentContext, {
-		value: useMemo(() => ({
-			endIcon,
-			loadingIcon,
-			loadingMessage,
-			startIcon,
-			iconProps
-		}), [
-			loadingIcon,
-			loadingMessage,
-			startIcon,
-			endIcon,
-			iconProps
-		]),
+		value: context,
 		children: /* @__PURE__ */ jsxs(styled.button, {
 			ref: mergeRefs(ref, buttonRef),
 			as,

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ElementType, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  CSSObject,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Loading } from \"../loading\"\nimport type { ButtonStyle } from \"./button.style\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\"\nimport { createComponent, getClassName, mergeCSS, styled } from \"../../core\"\nimport { bem, dataAttr, mergeRefs } from \"../../utils\"\nimport { getLoadingComponent, isLoadingScheme } from \"../loading\"\nimport { Ripple, useRipple } from \"../ripple\"\nimport { buttonStyle } from \"./button.style\"\n\ninterface ComponentContext extends Pick<\n  ButtonProps,\n  \"endIcon\" | \"iconProps\" | \"loadingIcon\" | \"loadingMessage\" | \"startIcon\"\n> {}\n\nconst useButtonType = (value?: ElementType) => {\n  const buttonRef = useRef(!value)\n\n  const ref = useCallback((node: HTMLElement | null) => {\n    if (node) buttonRef.current = node.tagName === \"BUTTON\"\n  }, [])\n\n  const type = buttonRef.current ? \"button\" : undefined\n\n  return { ref, type } as const\n}\n\nexport interface ButtonProps\n  extends HTMLStyledProps<\"button\">, ThemeProps<ButtonStyle> {\n  /**\n   * If `true`, the button is represented as active.\n   *\n   * @default false\n   */\n  active?: boolean\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * The icon to display at the end side of the button.\n   */\n  endIcon?: ReactNode\n  /**\n   * If `true`, the loading state of the button is represented.\n   *\n   * @default false\n   */\n  loading?: boolean\n  /**\n   * The icon to display when the button is loading.\n   *\n   * @default 'oval'\n   */\n  loadingIcon?: Loading.Scheme | ReactNode\n  /**\n   * The message to display when the button is loading.\n   */\n  loadingMessage?: ReactNode\n  /**\n   * The placement of the loading indicator. Accepts `start` or `end`.\n   *\n   * @default 'start'\n   */\n  loadingPlacement?: \"end\" | \"start\"\n  /**\n   * The icon to display at the start side of the button.\n   */\n  startIcon?: ReactNode\n  /**\n   * The type of button. Accepts `button`, `reset`, or `submit`.\n   *\n   * @default 'button'\n   */\n  type?: HTMLProps<\"button\">[\"type\"]\n  /**\n   * The props of the icon element.\n   */\n  iconProps?: ButtonIconProps\n  /**\n   * The props of the loading icon element.\n   */\n  loadingProps?: ButtonLoadingProps\n}\n\nconst {\n  component,\n  ComponentContext,\n  PropsContext: ButtonPropsContext,\n  useComponentContext,\n  usePropsContext: useButtonPropsContext,\n  withContext,\n} = createComponent<ButtonProps, ButtonStyle, ComponentContext>(\n  \"button\",\n  buttonStyle,\n)\n\nexport { ButtonPropsContext, useButtonPropsContext }\n\n/**\n * `Button` is an interactive component that allows users to perform actions such as submitting forms and toggling modals.\n *\n * @see https://yamada-ui.com/docs/components/button\n */\nexport const Button = withContext<\"button\", ButtonProps>(\n  ({\n    ref,\n    as,\n    active,\n    children,\n    disabled,\n    disableRipple,\n    endIcon = null,\n    loading,\n    loadingIcon = \"oval\",\n    loadingMessage,\n    loadingPlacement = \"start\",\n    startIcon = null,\n    iconProps,\n    loadingProps,\n    ...rest\n  }) => {\n    const trulyDisabled = disabled || loading\n    const { ref: buttonRef, type } = useButtonType(as)\n    const { onClick, ...rippleProps } = useRipple({\n      ...rest,\n      disabled: disableRipple || trulyDisabled,\n    })\n    const startLoading = loading && loadingPlacement === \"start\"\n    const endLoading = loading && loadingPlacement === \"end\"\n\n    const context = useMemo(\n      () => ({ endIcon, loadingIcon, loadingMessage, startIcon, iconProps }),\n      [loadingIcon, loadingMessage, startIcon, endIcon, iconProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.button\n          ref={mergeRefs(ref, buttonRef)}\n          as={as}\n          type={type}\n          data-active={dataAttr(active)}\n          data-loading={dataAttr(loading)}\n          disabled={trulyDisabled}\n          {...rest}\n          onClick={onClick}\n        >\n          {startLoading ? <ButtonStartLoading {...loadingProps} /> : null}\n\n          {loading ? (\n            loadingMessage || (\n              <styled.span opacity={0}>\n                <ButtonContent>{children}</ButtonContent>\n              </styled.span>\n            )\n          ) : (\n            <ButtonContent>{children}</ButtonContent>\n          )}\n\n          {endLoading ? <ButtonEndLoading {...loadingProps} /> : null}\n\n          <Ripple {...rippleProps} />\n        </styled.button>\n      </ComponentContext>\n    )\n  },\n)()\n\nconst ButtonContent = component<\"fragment\", PropsWithChildren>(\n  ({ children }) => {\n    const { endIcon, startIcon, iconProps } = useComponentContext()\n\n    return (\n      <>\n        {startIcon ? (\n          <ButtonStartIcon {...iconProps}>{startIcon}</ButtonStartIcon>\n        ) : null}\n        {children}\n        {endIcon ? (\n          <ButtonEndIcon {...iconProps}>{endIcon}</ButtonEndIcon>\n        ) : null}\n      </>\n    )\n  },\n  { name: \"ButtonContent\", className: getClassName(bem(\"button\", \"content\")) },\n)()\n\ninterface ButtonLoadingProps extends HTMLStyledProps<\"svg\"> {}\n\nconst ButtonLoading = component<\"svg\", ButtonLoadingProps>(\n  (props) => {\n    const { loadingIcon, loadingMessage } = useComponentContext()\n\n    const css = useMemo<CSSObject>(\n      () => ({\n        position: loadingMessage ? \"relative\" : \"absolute\",\n      }),\n      [loadingMessage],\n    )\n\n    if (isLoadingScheme(loadingIcon)) {\n      const Component = getLoadingComponent(loadingIcon)\n\n      return (\n        <Component\n          color=\"currentColor\"\n          {...props}\n          css={mergeCSS(css, props.css)}\n        />\n      )\n    }\n\n    if (isValidElement<HTMLStyledProps<\"svg\">>(loadingIcon))\n      return cloneElement(loadingIcon, {\n        ...props,\n        ...loadingIcon.props,\n        css: mergeCSS(css, props.css, loadingIcon.props.css),\n      })\n\n    return null\n  },\n  { name: \"ButtonLoading\", className: getClassName(bem(\"button\", \"loading\")) },\n)()\n\nconst ButtonStartLoading = component<\"svg\", ButtonLoadingProps>(ButtonLoading, {\n  name: \"ButtonStartLoading\",\n  className: getClassName(bem(\"button\", \"loading\", \"start\")),\n})()\n\nconst ButtonEndLoading = component<\"svg\", ButtonLoadingProps>(ButtonLoading, {\n  name: \"ButtonEndLoading\",\n  className: getClassName(bem(\"button\", \"loading\", \"end\")),\n})()\n\ninterface ButtonIconProps extends HTMLStyledProps<\"svg\"> {}\n\nconst ButtonIcon = component<\"svg\", ButtonIconProps>(\n  ({ children, ...rest }) => {\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(children, {\n        \"aria-hidden\": true,\n        role: \"img\",\n        ...rest,\n        ...children.props,\n      })\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  { name: \"ButtonIcon\", className: getClassName(bem(\"button\", \"icon\")) },\n)()\n\nconst ButtonStartIcon = component<\"svg\", ButtonIconProps>(ButtonIcon, {\n  name: \"ButtonStartIcon\",\n  className: getClassName(bem(\"button\", \"icon\", \"start\")),\n})()\n\nconst ButtonEndIcon = component<\"svg\", ButtonIconProps>(ButtonIcon, {\n  name: \"ButtonEndIcon\",\n  className: getClassName(bem(\"button\", \"icon\", \"end\")),\n})()\n"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAM,iBAAiB,UAAwB;CAC7C,MAAM,YAAY,OAAO,CAAC,KAAK;CAQ/B,OAAO;EAAE,KANG,aAAa,SAA6B;GACpD,IAAI,MAAM,UAAU,UAAU,KAAK,YAAY;EACjD,GAAG,CAAC,CAIO;EAAG,MAFD,UAAU,UAAU,WAAW,KAAA;CAEzB;AACrB;AAoEA,MAAM,EACJ,WACA,kBACA,cAAc,oBACd,qBACA,iBAAiB,uBACjB,gBACE,gBACF,UACA,WACF;;;;;;AASA,MAAa,SAAS,aACnB,EACC,KACA,IACA,QACA,UACA,UACA,eACA,UAAU,MACV,SACA,cAAc,QACd,gBACA,mBAAmB,SACnB,YAAY,MACZ,WACA,cACA,GAAG,WACC;CACJ,MAAM,gBAAgB,YAAY;CAClC,MAAM,EAAE,KAAK,WAAW,SAAS,cAAc,EAAE;CACjD,MAAM,EAAE,SAAS,GAAG,gBAAgB,UAAU;EAC5C,GAAG;EACH,UAAU,iBAAiB;CAC7B,CAAC;CACD,MAAM,eAAe,WAAW,qBAAqB;CACrD,MAAM,aAAa,WAAW,qBAAqB;CAOnD,OACE,oBAAC,kBAAD;EAAkB,OANJ,eACP;GAAE;GAAS;GAAa;GAAgB;GAAW;EAAU,IACpE;GAAC;GAAa;GAAgB;GAAW;GAAS;EAAS,CAI5B;YAC7B,qBAAC,OAAO,QAAR;GACE,KAAK,UAAU,KAAK,SAAS;GACzB;GACE;GACN,gBAAA,GAAA,cAAA,SAAA,CAAsB,MAAM;GAC5B,iBAAA,GAAA,cAAA,SAAA,CAAuB,OAAO;GAC9B,UAAU;GACV,GAAI;GACK;aARX;IAUG,eAAe,oBAAC,oBAAD,EAAoB,GAAI,aAAe,CAAA,IAAI;IAE1D,UACC,kBACE,oBAAC,OAAO,MAAR;KAAa,SAAS;eACpB,oBAAC,eAAD,EAAgB,SAAwB,CAAA;IAC7B,CAAA,IAGf,oBAAC,eAAD,EAAgB,SAAwB,CAAA;IAGzC,aAAa,oBAAC,kBAAD,EAAkB,GAAI,aAAe,CAAA,IAAI;IAEvD,oBAAC,QAAD,EAAQ,GAAI,YAAc,CAAA;GACb;;CACC,CAAA;AAEtB,CACF,CAAC,CAAC;AAEF,MAAM,gBAAgB,WACnB,EAAE,eAAe;CAChB,MAAM,EAAE,SAAS,WAAW,cAAc,oBAAoB;CAE9D,OACE,qBAAA,YAAA,EAAA,UAAA;EACG,YACC,oBAAC,iBAAD;GAAiB,GAAI;aAAY;EAA2B,CAAA,IAC1D;EACH;EACA,UACC,oBAAC,eAAD;GAAe,GAAI;aAAY;EAAuB,CAAA,IACpD;CACJ,EAAA,CAAA;AAEN,GACA;CAAE,MAAM;CAAiB,WAAW,cAAA,GAAA,cAAA,IAAA,CAAiB,UAAU,SAAS,CAAC;AAAE,CAC7E,CAAC,CAAC;AAIF,MAAM,gBAAgB,WACnB,UAAU;CACT,MAAM,EAAE,aAAa,mBAAmB,oBAAoB;CAE5D,MAAM,MAAM,eACH,EACL,UAAU,iBAAiB,aAAa,WAC1C,IACA,CAAC,cAAc,CACjB;CAEA,IAAI,gBAAgB,WAAW,GAG7B,OACE,oBAHgB,oBAAoB,WAG3B,GAAT;EACE,OAAM;EACN,GAAI;EACJ,KAAK,SAAS,KAAK,MAAM,GAAG;CAC7B,CAAA;CAIL,IAAI,eAAuC,WAAW,GACpD,OAAO,aAAa,aAAa;EAC/B,GAAG;EACH,GAAG,YAAY;EACf,KAAK,SAAS,KAAK,MAAM,KAAK,YAAY,MAAM,GAAG;CACrD,CAAC;CAEH,OAAO;AACT,GACA;CAAE,MAAM;CAAiB,WAAW,cAAA,GAAA,cAAA,IAAA,CAAiB,UAAU,SAAS,CAAC;AAAE,CAC7E,CAAC,CAAC;AAEF,MAAM,qBAAqB,UAAqC,eAAe;CAC7E,MAAM;CACN,WAAW,cAAA,GAAA,cAAA,IAAA,CAAiB,UAAU,WAAW,OAAO,CAAC;AAC3D,CAAC,CAAC,CAAC;AAEH,MAAM,mBAAmB,UAAqC,eAAe;CAC3E,MAAM;CACN,WAAW,cAAA,GAAA,cAAA,IAAA,CAAiB,UAAU,WAAW,KAAK,CAAC;AACzD,CAAC,CAAC,CAAC;AAIH,MAAM,aAAa,WAChB,EAAE,UAAU,GAAG,WAAW;CACzB,IAAI,eAAiC,QAAQ,GAC3C,OAAO,aAAa,UAAU;EAC5B,eAAe;EACf,MAAM;EACN,GAAG;EACH,GAAG,SAAS;CACd,CAAC;CAEH,OAAO,SAAS,MAAM,QAAQ,IAAI,IAAI,SAAS,KAAK,IAAI,IAAI;AAC9D,GACA;CAAE,MAAM;CAAc,WAAW,cAAA,GAAA,cAAA,IAAA,CAAiB,UAAU,MAAM,CAAC;AAAE,CACvE,CAAC,CAAC;AAEF,MAAM,kBAAkB,UAAkC,YAAY;CACpE,MAAM;CACN,WAAW,cAAA,GAAA,cAAA,IAAA,CAAiB,UAAU,QAAQ,OAAO,CAAC;AACxD,CAAC,CAAC,CAAC;AAEH,MAAM,gBAAgB,UAAkC,YAAY;CAClE,MAAM;CACN,WAAW,cAAA,GAAA,cAAA,IAAA,CAAiB,UAAU,QAAQ,KAAK,CAAC;AACtD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"button.js","names":[],"sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ElementType, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  CSSObject,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Loading } from \"../loading\"\nimport type { ButtonStyle } from \"./button.style\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\"\nimport { createComponent, getClassName, mergeCSS, styled } from \"../../core\"\nimport { bem, dataAttr, mergeRefs } from \"../../utils\"\nimport { getLoadingComponent, isLoadingScheme } from \"../loading\"\nimport { Ripple, useRipple } from \"../ripple\"\nimport { buttonStyle } from \"./button.style\"\n\ninterface ComponentContext extends Pick<\n  ButtonProps,\n  \"endIcon\" | \"iconProps\" | \"loadingIcon\" | \"loadingMessage\" | \"startIcon\"\n> {}\n\nconst useButtonType = (value?: ElementType) => {\n  const buttonRef = useRef(!value)\n\n  const ref = useCallback((node: HTMLElement | null) => {\n    if (node) buttonRef.current = node.tagName === \"BUTTON\"\n  }, [])\n\n  const type = buttonRef.current ? \"button\" : undefined\n\n  return { ref, type } as const\n}\n\nexport interface ButtonProps\n  extends HTMLStyledProps<\"button\">, ThemeProps<ButtonStyle> {\n  /**\n   * If `true`, the button is represented as active.\n   *\n   * @default false\n   */\n  active?: boolean\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * The icon to display at the end side of the button.\n   */\n  endIcon?: ReactNode\n  /**\n   * If `true`, the loading state of the button is represented.\n   *\n   * @default false\n   */\n  loading?: boolean\n  /**\n   * The icon to display when the button is loading.\n   *\n   * @default 'oval'\n   */\n  loadingIcon?: Loading.Scheme | ReactNode\n  /**\n   * The message to display when the button is loading.\n   */\n  loadingMessage?: ReactNode\n  /**\n   * The placement of the loading indicator. Accepts `start` or `end`.\n   *\n   * @default 'start'\n   */\n  loadingPlacement?: \"end\" | \"start\"\n  /**\n   * The icon to display at the start side of the button.\n   */\n  startIcon?: ReactNode\n  /**\n   * The type of button. Accepts `button`, `reset`, or `submit`.\n   *\n   * @default 'button'\n   */\n  type?: HTMLProps<\"button\">[\"type\"]\n  /**\n   * The props of the icon element.\n   */\n  iconProps?: ButtonIconProps\n  /**\n   * The props of the loading icon element.\n   */\n  loadingProps?: ButtonLoadingProps\n}\n\nconst {\n  component,\n  ComponentContext,\n  PropsContext: ButtonPropsContext,\n  useComponentContext,\n  usePropsContext: useButtonPropsContext,\n  withContext,\n} = createComponent<ButtonProps, ButtonStyle, ComponentContext>(\n  \"button\",\n  buttonStyle,\n)\n\nexport { ButtonPropsContext, useButtonPropsContext }\n\n/**\n * `Button` is an interactive component that allows users to perform actions such as submitting forms and toggling modals.\n *\n * @see https://yamada-ui.com/docs/components/button\n */\nexport const Button = withContext<\"button\", ButtonProps>(\n  ({\n    ref,\n    as,\n    active,\n    children,\n    disabled,\n    disableRipple,\n    endIcon = null,\n    loading,\n    loadingIcon = \"oval\",\n    loadingMessage,\n    loadingPlacement = \"start\",\n    startIcon = null,\n    iconProps,\n    loadingProps,\n    ...rest\n  }) => {\n    const trulyDisabled = disabled || loading\n    const { ref: buttonRef, type } = useButtonType(as)\n    const { onClick, ...rippleProps } = useRipple({\n      ...rest,\n      disabled: disableRipple || trulyDisabled,\n    })\n    const startLoading = loading && loadingPlacement === \"start\"\n    const endLoading = loading && loadingPlacement === \"end\"\n\n    const context = useMemo(\n      () => ({ endIcon, loadingIcon, loadingMessage, startIcon, iconProps }),\n      [loadingIcon, loadingMessage, startIcon, endIcon, iconProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.button\n          ref={mergeRefs(ref, buttonRef)}\n          as={as}\n          type={type}\n          data-active={dataAttr(active)}\n          data-loading={dataAttr(loading)}\n          disabled={trulyDisabled}\n          {...rest}\n          onClick={onClick}\n        >\n          {startLoading ? <ButtonStartLoading {...loadingProps} /> : null}\n\n          {loading ? (\n            loadingMessage || (\n              <styled.span opacity={0}>\n                <ButtonContent>{children}</ButtonContent>\n              </styled.span>\n            )\n          ) : (\n            <ButtonContent>{children}</ButtonContent>\n          )}\n\n          {endLoading ? <ButtonEndLoading {...loadingProps} /> : null}\n\n          <Ripple {...rippleProps} />\n        </styled.button>\n      </ComponentContext>\n    )\n  },\n)()\n\nconst ButtonContent = component<\"fragment\", PropsWithChildren>(\n  ({ children }) => {\n    const { endIcon, startIcon, iconProps } = useComponentContext()\n\n    return (\n      <>\n        {startIcon ? (\n          <ButtonStartIcon {...iconProps}>{startIcon}</ButtonStartIcon>\n        ) : null}\n        {children}\n        {endIcon ? (\n          <ButtonEndIcon {...iconProps}>{endIcon}</ButtonEndIcon>\n        ) : null}\n      </>\n    )\n  },\n  { name: \"ButtonContent\", className: getClassName(bem(\"button\", \"content\")) },\n)()\n\ninterface ButtonLoadingProps extends HTMLStyledProps<\"svg\"> {}\n\nconst ButtonLoading = component<\"svg\", ButtonLoadingProps>(\n  (props) => {\n    const { loadingIcon, loadingMessage } = useComponentContext()\n\n    const css = useMemo<CSSObject>(\n      () => ({\n        position: loadingMessage ? \"relative\" : \"absolute\",\n      }),\n      [loadingMessage],\n    )\n\n    if (isLoadingScheme(loadingIcon)) {\n      const Component = getLoadingComponent(loadingIcon)\n\n      return (\n        <Component\n          color=\"currentColor\"\n          {...props}\n          css={mergeCSS(css, props.css)}\n        />\n      )\n    }\n\n    if (isValidElement<HTMLStyledProps<\"svg\">>(loadingIcon))\n      return cloneElement(loadingIcon, {\n        ...props,\n        ...loadingIcon.props,\n        css: mergeCSS(css, props.css, loadingIcon.props.css),\n      })\n\n    return null\n  },\n  { name: \"ButtonLoading\", className: getClassName(bem(\"button\", \"loading\")) },\n)()\n\nconst ButtonStartLoading = component<\"svg\", ButtonLoadingProps>(ButtonLoading, {\n  name: \"ButtonStartLoading\",\n  className: getClassName(bem(\"button\", \"loading\", \"start\")),\n})()\n\nconst ButtonEndLoading = component<\"svg\", ButtonLoadingProps>(ButtonLoading, {\n  name: \"ButtonEndLoading\",\n  className: getClassName(bem(\"button\", \"loading\", \"end\")),\n})()\n\ninterface ButtonIconProps extends HTMLStyledProps<\"svg\"> {}\n\nconst ButtonIcon = component<\"svg\", ButtonIconProps>(\n  ({ children, ...rest }) => {\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(children, {\n        \"aria-hidden\": true,\n        role: \"img\",\n        ...rest,\n        ...children.props,\n      })\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  { name: \"ButtonIcon\", className: getClassName(bem(\"button\", \"icon\")) },\n)()\n\nconst ButtonStartIcon = component<\"svg\", ButtonIconProps>(ButtonIcon, {\n  name: \"ButtonStartIcon\",\n  className: getClassName(bem(\"button\", \"icon\", \"start\")),\n})()\n\nconst ButtonEndIcon = component<\"svg\", ButtonIconProps>(ButtonIcon, {\n  name: \"ButtonEndIcon\",\n  className: getClassName(bem(\"button\", \"icon\", \"end\")),\n})()\n"],"mappings":"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"}