@yamada-ui/react 2.2.1-dev-20260510062932 → 2.2.1-dev-20260511103853

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

@@ -62,11 +62,13 @@ const useAccordionItem = ({ disabled, index, ...rest }) => {
 	const onClick = (0, react.useCallback)(() => {
 		onChange(!open);
 		setFocusedIndex(index);
+		descendants.value(index)?.node.focus();
 	}, [
 		index,
 		setFocusedIndex,
 		open,
-		onChange
+		onChange,
+		descendants
 	]);
 	const onKeyDown = (0, react.useCallback)((ev) => {
 		require_dom.runKeyAction(ev, {
@@ -91,6 +93,7 @@ const useAccordionItem = ({ disabled, index, ...rest }) => {
 		"aria-controls": panelId,
 		"aria-disabled": (0, require_utils_index.utils_exports.ariaAttr)(!multiple && !toggle && open || disabled),
 		"aria-expanded": open,
+		tabIndex: 0,
 		...props,
 		ref: require_ref.mergeRefs(register, ref),
 		disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"use-accordion.cjs","names":["createDescendants","createContext","useControllableState","mergeProps","mergeRefs"],"sources":["../../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  mergeRefs,\n  runKeyAction,\n} from \"../../utils\"\n\nconst {\n  DescendantsContext: AccordionDescendantsContext,\n  useDescendant: useAccordionDescendant,\n  useDescendants: useAccordionDescendants,\n} = createDescendants<HTMLButtonElement>()\n\nexport {\n  AccordionDescendantsContext,\n  useAccordionDescendant,\n  useAccordionDescendants,\n}\n\ninterface AccordionContext extends Omit<\n  UseAccordionReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [AccordionContext, useAccordionContext] = createContext<AccordionContext>(\n  { name: \"AccordionContext\" },\n)\n\nexport { AccordionContext, useAccordionContext }\n\ninterface AccordionItemContext extends Omit<\n  UseAccordionItemReturn,\n  \"getItemProps\"\n> {}\n\nconst [AccordionItemContext, useAccordionItemContext] =\n  createContext<AccordionItemContext>({\n    name: \"AccordionItemContext\",\n  })\n\nexport { AccordionItemContext, useAccordionItemContext }\n\nexport interface UseAccordionProps extends Omit<HTMLProps, \"onChange\"> {\n  /**\n   * The initial index(es) of the accordion item to expand.\n   */\n  defaultIndex?: number | number[]\n  /**\n   * The index(es) of the accordion item to expand.\n   */\n  index?: number | number[]\n  /**\n   * If `true`, multiple accordion items can be expanded at once.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * If `true`, any expanded accordion item can be collapsed again.\n   *\n   * @default false\n   */\n  toggle?: boolean\n  /**\n   * The callback invoked when accordion items are expanded or collapsed.\n   */\n  onChange?: (index: number | number[]) => void\n}\n\nexport const useAccordion = ({\n  defaultIndex: defaultIndexProp,\n  index: indexProp,\n  multiple,\n  toggle,\n  onChange,\n  ...rest\n}: UseAccordionProps = {}) => {\n  if (\n    (indexProp || defaultIndexProp) != null &&\n    !isArray(indexProp || defaultIndexProp) &&\n    multiple\n  ) {\n    console.warn(\n      `Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`,\n    )\n  }\n\n  if (multiple && toggle) {\n    console.warn(\n      `Accordion: If 'multiple' is passed, 'toggle' will be ignored. Either remove 'toggle' or 'multiple' depending on whether you want multiple accordions visible or not`,\n    )\n  }\n\n  const descendants = useAccordionDescendants()\n\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n\n  const [index, setIndex] = useControllableState({\n    defaultValue: () =>\n      multiple ? (defaultIndexProp ?? []) : (defaultIndexProp ?? -1),\n    value: indexProp,\n    onChange,\n  })\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  useEffect(() => {\n    return () => setFocusedIndex(-1)\n  }, [])\n\n  return {\n    descendants,\n    focusedIndex,\n    index,\n    multiple,\n    setFocusedIndex,\n    setIndex,\n    toggle,\n    getRootProps,\n  }\n}\n\nexport type UseAccordionReturn = ReturnType<typeof useAccordion>\n\nexport interface UseAccordionItemProps extends HTMLProps {\n  /**\n   * The index of the accordion item.\n   */\n  index: number\n  /**\n   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useAccordionItem = ({\n  disabled,\n  index,\n  ...rest\n}: UseAccordionItemProps) => {\n  const itemId = useId()\n  const panelId = useId()\n  const {\n    index: selectedIndex,\n    multiple,\n    setFocusedIndex,\n    setIndex,\n    toggle,\n  } = useAccordionContext()\n  const { descendants, register } = useAccordionDescendant({ disabled })\n  const open =\n    index !== -1\n      ? isArray(selectedIndex)\n        ? selectedIndex.includes(index)\n        : selectedIndex === index\n      : false\n\n  if (open && disabled)\n    console.warn(`Accordion: Cannot open a disabled accordion item`)\n\n  const onChange = useCallback(\n    (open: boolean) => {\n      if (index === -1) return\n\n      if (multiple && isArray(selectedIndex)) {\n        setIndex(\n          open\n            ? selectedIndex.concat(index)\n            : selectedIndex.filter((i) => i !== index),\n        )\n      } else if (open) {\n        setIndex(index)\n      } else if (toggle) {\n        setIndex(-1)\n      }\n    },\n    [multiple, toggle, index, selectedIndex, setIndex],\n  )\n\n  const onFocus = useCallback(() => {\n    setFocusedIndex(index)\n  }, [setFocusedIndex, index])\n\n  const onClick = useCallback(() => {\n    onChange(!open)\n    setFocusedIndex(index)\n  }, [index, setFocusedIndex, open, onChange])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLButtonElement>) => {\n      runKeyAction(ev, {\n        ArrowDown: () => {\n          const next = descendants.enabledNextValue(index)\n\n          next?.node.focus()\n        },\n        ArrowUp: () => {\n          const prev = descendants.enabledPrevValue(index)\n\n          prev?.node.focus()\n        },\n        End: () => {\n          const last = descendants.enabledLastValue()\n\n          last?.node.focus()\n        },\n        Home: () => {\n          const first = descendants.enabledFirstValue()\n\n          first?.node.focus()\n        },\n      })\n    },\n    [descendants, index],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps({ \"data-expanded\": dataAttr(open) }, rest, props)(),\n    [open, rest],\n  )\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: itemId,\n      type: \"button\",\n      \"aria-controls\": panelId,\n      \"aria-disabled\": ariaAttr((!multiple && !toggle && open) || disabled),\n      \"aria-expanded\": open,\n      ...props,\n      ref: mergeRefs(register, ref),\n      disabled,\n      onClick: handlerAll(props.onClick, onClick),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      itemId,\n      open,\n      panelId,\n      multiple,\n      toggle,\n      disabled,\n      register,\n      onClick,\n      onFocus,\n      onKeyDown,\n    ],\n  )\n\n  const getPanelProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: panelId,\n      \"aria-labelledby\": cx(ariaLabelledby, itemId),\n      role: \"region\",\n      ...props,\n    }),\n    [itemId, panelId],\n  )\n\n  const getIconProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr((!multiple && !toggle && open) || disabled),\n      \"aria-expanded\": open,\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [multiple, toggle, open, disabled],\n  )\n\n  return {\n    disabled,\n    open,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  }\n}\n\nexport type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>\n"],"mappings":";;;;;;;;;;;AAmBA,MAAM,EACJ,oBAAoB,6BACpB,eAAe,wBACf,gBAAgB,4BACdA,oCAAAA,mBAAsC;AAa1C,MAAM,CAAC,kBAAkB,uBAAuBC,gBAAAA,cAC9C,EAAE,MAAM,oBAAoB,CAC7B;AASD,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAAA,cAAoC,EAClC,MAAM,wBACP,CAAC;AA+BJ,MAAa,gBAAgB,EAC3B,cAAc,kBACd,OAAO,WACP,UACA,QACA,UACA,GAAG,SACkB,EAAE,KAAK;CAC5B,KACG,aAAa,qBAAqB,QACnC,EAAA,GAAA,oBAAA,cAAA,SAAS,aAAa,iBAAiB,IACvC,UAEA,QAAQ,KACN,uFACD;CAGH,IAAI,YAAY,QACd,QAAQ,KACN,sKACD;CAGH,MAAM,cAAc,yBAAyB;CAE7C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAAoC,GAAG;CAE5D,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAAqB;EAC7C,oBACE,WAAY,oBAAoB,EAAE,GAAK,oBAAoB;EAC7D,OAAO;EACP;EACD,CAAC;CAEF,MAAM,gBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,KAAKC,cAAAA,WAAW,MAAM,MAAM,EAAE,EACzC,CAAC,KAAK,CACP;CAED,CAAA,GAAA,MAAA,iBAAgB;EACd,aAAa,gBAAgB,GAAG;IAC/B,EAAE,CAAC;CAEN,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;AAkBH,MAAa,oBAAoB,EAC/B,UACA,OACA,GAAG,WACwB;CAC3B,MAAM,UAAA,GAAA,MAAA,QAAgB;CACtB,MAAM,WAAA,GAAA,MAAA,QAAiB;CACvB,MAAM,EACJ,OAAO,eACP,UACA,iBACA,UACA,WACE,qBAAqB;CACzB,MAAM,EAAE,aAAa,aAAa,uBAAuB,EAAE,UAAU,CAAC;CACtE,MAAM,OACJ,UAAU,MAAA,GAAA,oBAAA,cAAA,SACE,cAAc,GACpB,cAAc,SAAS,MAAM,GAC7B,kBAAkB,QACpB;CAEN,IAAI,QAAQ,UACV,QAAQ,KAAK,mDAAmD;CAElE,MAAM,YAAA,GAAA,MAAA,cACH,SAAkB;EACjB,IAAI,UAAU,IAAI;EAElB,IAAI,aAAA,GAAA,oBAAA,cAAA,SAAoB,cAAc,EACpC,SACE,OACI,cAAc,OAAO,MAAM,GAC3B,cAAc,QAAQ,MAAM,MAAM,MAAM,CAC7C;OACI,IAAI,MACT,SAAS,MAAM;OACV,IAAI,QACT,SAAS,GAAG;IAGhB;EAAC;EAAU;EAAQ;EAAO;EAAe;EAAS,CACnD;CAED,MAAM,WAAA,GAAA,MAAA,mBAA4B;EAChC,gBAAgB,MAAM;IACrB,CAAC,iBAAiB,MAAM,CAAC;CAE5B,MAAM,WAAA,GAAA,MAAA,mBAA4B;EAChC,SAAS,CAAC,KAAK;EACf,gBAAgB,MAAM;IACrB;EAAC;EAAO;EAAiB;EAAM;EAAS,CAAC;CAE5C,MAAM,aAAA,GAAA,MAAA,cACH,OAAyC;EACxC,YAAA,aAAa,IAAI;GACf,iBAAiB;IAGf,YAFyB,iBAAiB,MAEtC,EAAE,KAAK,OAAO;;GAEpB,eAAe;IAGb,YAFyB,iBAAiB,MAEtC,EAAE,KAAK,OAAO;;GAEpB,WAAW;IAGT,YAFyB,kBAErB,EAAE,KAAK,OAAO;;GAEpB,YAAY;IAGV,YAF0B,mBAErB,EAAE,KAAK,OAAO;;GAEtB,CAAC;IAEJ,CAAC,aAAa,MAAM,CACrB;CAED,MAAM,gBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,KACTA,cAAAA,WAAW,EAAE,kBAAA,GAAA,oBAAA,cAAA,UAA0B,KAAK,EAAE,EAAE,MAAM,MAAM,EAAE,EAChE,CAAC,MAAM,KAAK,CACb;CAED,MAAM,kBAAA,GAAA,MAAA,cACH,EAAE,KAAK,GAAG,UAAU,EAAE,MAAM;EAC3B,IAAI;EACJ,MAAM;EACN,iBAAiB;EACjB,kBAAA,GAAA,oBAAA,cAAA,UAA2B,CAAC,YAAY,CAAC,UAAU,QAAS,SAAS;EACrE,iBAAiB;EACjB,GAAG;EACH,KAAKC,YAAAA,UAAU,UAAU,IAAI;EAC7B;EACA,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,QAAQ;EAC3C,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,QAAQ;EAC3C,YAAA,GAAA,oBAAA,cAAA,YAAsB,MAAM,WAAW,UAAU;EAClD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,iBAAA,GAAA,MAAA,cACH,EAAE,mBAAmB,gBAAgB,GAAG,UAAU,EAAE,MAAM;EACzD,IAAI;EACJ,oBAAA,GAAA,oBAAA,cAAA,IAAsB,gBAAgB,OAAO;EAC7C,MAAM;EACN,GAAG;EACJ,GACD,CAAC,QAAQ,QAAQ,CAClB;CAaD,OAAO;EACL;EACA;EACA;EACA,eAAA,GAAA,MAAA,cAdC,WAAW;GACV,kBAAA,GAAA,oBAAA,cAAA,UAA2B,CAAC,YAAY,CAAC,UAAU,QAAS,SAAS;GACrE,iBAAiB;GACjB,eAAe;GACf,MAAM;GACN,GAAG;GACJ,GACD;GAAC;GAAU;GAAQ;GAAM;GAAS,CAOtB;EACZ;EACA;EACD"}
+{"version":3,"file":"use-accordion.cjs","names":["createDescendants","createContext","useControllableState","mergeProps","mergeRefs"],"sources":["../../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  mergeRefs,\n  runKeyAction,\n} from \"../../utils\"\n\nconst {\n  DescendantsContext: AccordionDescendantsContext,\n  useDescendant: useAccordionDescendant,\n  useDescendants: useAccordionDescendants,\n} = createDescendants<HTMLButtonElement>()\n\nexport {\n  AccordionDescendantsContext,\n  useAccordionDescendant,\n  useAccordionDescendants,\n}\n\ninterface AccordionContext extends Omit<\n  UseAccordionReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [AccordionContext, useAccordionContext] = createContext<AccordionContext>(\n  { name: \"AccordionContext\" },\n)\n\nexport { AccordionContext, useAccordionContext }\n\ninterface AccordionItemContext extends Omit<\n  UseAccordionItemReturn,\n  \"getItemProps\"\n> {}\n\nconst [AccordionItemContext, useAccordionItemContext] =\n  createContext<AccordionItemContext>({\n    name: \"AccordionItemContext\",\n  })\n\nexport { AccordionItemContext, useAccordionItemContext }\n\nexport interface UseAccordionProps extends Omit<HTMLProps, \"onChange\"> {\n  /**\n   * The initial index(es) of the accordion item to expand.\n   */\n  defaultIndex?: number | number[]\n  /**\n   * The index(es) of the accordion item to expand.\n   */\n  index?: number | number[]\n  /**\n   * If `true`, multiple accordion items can be expanded at once.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * If `true`, any expanded accordion item can be collapsed again.\n   *\n   * @default false\n   */\n  toggle?: boolean\n  /**\n   * The callback invoked when accordion items are expanded or collapsed.\n   */\n  onChange?: (index: number | number[]) => void\n}\n\nexport const useAccordion = ({\n  defaultIndex: defaultIndexProp,\n  index: indexProp,\n  multiple,\n  toggle,\n  onChange,\n  ...rest\n}: UseAccordionProps = {}) => {\n  if (\n    (indexProp || defaultIndexProp) != null &&\n    !isArray(indexProp || defaultIndexProp) &&\n    multiple\n  ) {\n    console.warn(\n      `Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`,\n    )\n  }\n\n  if (multiple && toggle) {\n    console.warn(\n      `Accordion: If 'multiple' is passed, 'toggle' will be ignored. Either remove 'toggle' or 'multiple' depending on whether you want multiple accordions visible or not`,\n    )\n  }\n\n  const descendants = useAccordionDescendants()\n\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n\n  const [index, setIndex] = useControllableState({\n    defaultValue: () =>\n      multiple ? (defaultIndexProp ?? []) : (defaultIndexProp ?? -1),\n    value: indexProp,\n    onChange,\n  })\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  useEffect(() => {\n    return () => setFocusedIndex(-1)\n  }, [])\n\n  return {\n    descendants,\n    focusedIndex,\n    index,\n    multiple,\n    setFocusedIndex,\n    setIndex,\n    toggle,\n    getRootProps,\n  }\n}\n\nexport type UseAccordionReturn = ReturnType<typeof useAccordion>\n\nexport interface UseAccordionItemProps extends HTMLProps {\n  /**\n   * The index of the accordion item.\n   */\n  index: number\n  /**\n   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useAccordionItem = ({\n  disabled,\n  index,\n  ...rest\n}: UseAccordionItemProps) => {\n  const itemId = useId()\n  const panelId = useId()\n  const {\n    index: selectedIndex,\n    multiple,\n    setFocusedIndex,\n    setIndex,\n    toggle,\n  } = useAccordionContext()\n  const { descendants, register } = useAccordionDescendant({ disabled })\n  const open =\n    index !== -1\n      ? isArray(selectedIndex)\n        ? selectedIndex.includes(index)\n        : selectedIndex === index\n      : false\n\n  if (open && disabled)\n    console.warn(`Accordion: Cannot open a disabled accordion item`)\n\n  const onChange = useCallback(\n    (open: boolean) => {\n      if (index === -1) return\n\n      if (multiple && isArray(selectedIndex)) {\n        setIndex(\n          open\n            ? selectedIndex.concat(index)\n            : selectedIndex.filter((i) => i !== index),\n        )\n      } else if (open) {\n        setIndex(index)\n      } else if (toggle) {\n        setIndex(-1)\n      }\n    },\n    [multiple, toggle, index, selectedIndex, setIndex],\n  )\n\n  const onFocus = useCallback(() => {\n    setFocusedIndex(index)\n  }, [setFocusedIndex, index])\n\n  const onClick = useCallback(() => {\n    onChange(!open)\n    setFocusedIndex(index)\n    descendants.value(index)?.node.focus()\n  }, [index, setFocusedIndex, open, onChange, descendants])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLButtonElement>) => {\n      runKeyAction(ev, {\n        ArrowDown: () => {\n          const next = descendants.enabledNextValue(index)\n\n          next?.node.focus()\n        },\n        ArrowUp: () => {\n          const prev = descendants.enabledPrevValue(index)\n\n          prev?.node.focus()\n        },\n        End: () => {\n          const last = descendants.enabledLastValue()\n\n          last?.node.focus()\n        },\n        Home: () => {\n          const first = descendants.enabledFirstValue()\n\n          first?.node.focus()\n        },\n      })\n    },\n    [descendants, index],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps({ \"data-expanded\": dataAttr(open) }, rest, props)(),\n    [open, rest],\n  )\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: itemId,\n      type: \"button\",\n      \"aria-controls\": panelId,\n      \"aria-disabled\": ariaAttr((!multiple && !toggle && open) || disabled),\n      \"aria-expanded\": open,\n      tabIndex: 0,\n      ...props,\n      ref: mergeRefs(register, ref),\n      disabled,\n      onClick: handlerAll(props.onClick, onClick),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      itemId,\n      open,\n      panelId,\n      multiple,\n      toggle,\n      disabled,\n      register,\n      onClick,\n      onFocus,\n      onKeyDown,\n    ],\n  )\n\n  const getPanelProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: panelId,\n      \"aria-labelledby\": cx(ariaLabelledby, itemId),\n      role: \"region\",\n      ...props,\n    }),\n    [itemId, panelId],\n  )\n\n  const getIconProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr((!multiple && !toggle && open) || disabled),\n      \"aria-expanded\": open,\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [multiple, toggle, open, disabled],\n  )\n\n  return {\n    disabled,\n    open,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  }\n}\n\nexport type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>\n"],"mappings":"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"}

package/dist/cjs/components/calendar/calendar.cjs

@@ -2,6 +2,7 @@
 require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_factory = require("../../core/system/factory.cjs");
+const require_props = require("../../core/components/props.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_chevron_left_icon = require("../icon/icons/chevron-left-icon.cjs");
 const require_chevron_right_icon = require("../icon/icons/chevron-right-icon.cjs");
@@ -143,10 +144,7 @@ const CalendarNavigation = withContext("div", ["row", "navigation"])(void 0, ({
 		] });
 	}, [children]);
 	return {
-		...getNavigationProps({
-			...navigationProps,
-			...rest
-		}),
+		...getNavigationProps(require_props.mergeProps(navigationProps, rest)()),
 		children: computedChildren
 	};
 });
@@ -158,8 +156,7 @@ const CalendarControl = withContext("div", "control")(void 0, ({ children, ...re
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarMonthSelect, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarYearSelect, {})] });
 	}, [children, month]);
 	return {
-		...controlProps,
-		...rest,
+		...require_props.mergeProps(controlProps, rest)(),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [computedChildren, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.div, { ...getStatusProps() })] })
 	};
 });
@@ -167,22 +164,14 @@ const CalendarPrevButton = withContext("button", ["button", "prev"])(void 0, ({
 	const { buttonProps, getPrevButtonProps, prevButtonProps } = useComponentContext();
 	return {
 		children,
-		...getPrevButtonProps({
-			...buttonProps,
-			...prevButtonProps,
-			...rest
-		})
+		...getPrevButtonProps(require_props.mergeProps(buttonProps, prevButtonProps, rest)())
 	};
 });
 const CalendarNextButton = withContext("button", ["button", "next"])(void 0, ({ children = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_chevron_right_icon.ChevronRightIcon, {}), ...rest }) => {
 	const { buttonProps, getNextButtonProps, nextButtonProps } = useComponentContext();
 	return {
 		children,
-		...getNextButtonProps({
-			...buttonProps,
-			...nextButtonProps,
-			...rest
-		})
+		...getNextButtonProps(require_props.mergeProps(buttonProps, nextButtonProps, rest)())
 	};
 });
 withContext("span", "separator")({
@@ -191,11 +180,7 @@ withContext("span", "separator")({
 });
 const CalendarYearSelect = withContext((props) => {
 	const { yearItems, getYearSelectProps, selectProps, yearSelectProps } = useComponentContext();
-	const { contentProps, rootProps, ...rest } = {
-		...selectProps,
-		...yearSelectProps,
-		...props
-	};
+	const { contentProps, rootProps, ...rest } = require_props.mergeProps(selectProps, yearSelectProps, props)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.SelectRoot, {
 		variant: "plain",
 		items: yearItems,
@@ -215,11 +200,7 @@ const CalendarYearSelect = withContext((props) => {
 }, ["select", "years"])();
 const CalendarMonthSelect = withContext((props) => {
 	const { monthItems, getMonthSelectProps, monthSelectProps, selectProps } = useComponentContext();
-	const { contentProps, rootProps, ...rest } = {
-		...selectProps,
-		...monthSelectProps,
-		...props
-	};
+	const { contentProps, rootProps, ...rest } = require_props.mergeProps(selectProps, monthSelectProps, props)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.SelectRoot, {
 		variant: "plain",
 		items: monthItems,
@@ -264,10 +245,7 @@ const CalendarMonth = withContext("table", "month")(void 0, ({ day: dayProp, ...
 		}, index))
 	})] });
 	return {
-		...getMonthProps({
-			...monthProps,
-			...rest
-		}),
+		...getMonthProps(require_props.mergeProps(monthProps, rest)()),
 		children
 	};
 });

package/dist/cjs/components/calendar/calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.cjs","names":["createSlotComponent","calendarStyle","useCalendar","CalendarDescendantsContext","CalendarContext","styled","useCalendarContext","ChevronLeftIcon","ChevronRightIcon","resetFieldProps","useCalendarDay"],"sources":["../../../../src/components/calendar/calendar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CalendarStyle } from \"./calendar.style\"\nimport type {\n  UseCalendarDayProps,\n  UseCalendarProps,\n  UseCalendarReturn,\n} from \"./use-calendar\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { resetFieldProps } from \"../field\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../icon\"\nimport { Select } from \"../select\"\nimport { calendarStyle } from \"./calendar.style\"\nimport {\n  CalendarContext,\n  CalendarDescendantsContext,\n  useCalendar,\n  useCalendarContext,\n  useCalendarDay,\n} from \"./use-calendar\"\n\ninterface ComponentContext\n  extends\n    Pick<\n      UseCalendarReturn,\n      | \"getMonthProps\"\n      | \"getMonthSelectProps\"\n      | \"getNavigationProps\"\n      | \"getNextButtonProps\"\n      | \"getPrevButtonProps\"\n      | \"getStatusProps\"\n      | \"getWeekdayProps\"\n      | \"getYearSelectProps\"\n      | \"monthDays\"\n      | \"monthItems\"\n      | \"weekdays\"\n      | \"yearItems\"\n    >,\n    Pick<\n      CalendarRootProps,\n      | \"buttonProps\"\n      | \"controlProps\"\n      | \"day\"\n      | \"dayProps\"\n      | \"monthProps\"\n      | \"monthSelectProps\"\n      | \"navigationProps\"\n      | \"nextButtonProps\"\n      | \"prevButtonProps\"\n      | \"selectProps\"\n      | \"weekdayProps\"\n      | \"weekdaysProps\"\n      | \"weekProps\"\n      | \"weeksProps\"\n      | \"yearSelectProps\"\n    > {}\n\nexport interface CalendarRootProps<\n  Multiple extends boolean = false,\n  Range extends boolean = false,\n>\n  extends\n    Omit<HTMLStyledProps, \"defaultValue\" | \"onChange\">,\n    ThemeProps<CalendarStyle>,\n    UseCalendarProps<Multiple, Range>,\n    Pick<CalendarMonthProps, \"day\"> {\n  /**\n   * Props for the button component.\n   */\n  buttonProps?: HTMLStyledProps<\"button\">\n  /**\n   * Props for the control component.\n   */\n  controlProps?: CalendarControlProps\n  /**\n   * Props for the day component.\n   */\n  dayProps?: Omit<CalendarDayProps, \"value\">\n  /**\n   * Props for the month component.\n   */\n  monthProps?: CalendarMonthProps\n  /**\n   * Props for the month select component.\n   */\n  monthSelectProps?: CalendarMonthSelectProps\n  /**\n   * Props for the navigation component.\n   */\n  navigationProps?: Omit<CalendarNavigationProps, \"children\">\n  /**\n   * Props for the next button component.\n   */\n  nextButtonProps?: CalendarNextButtonProps\n  /**\n   * Props for the prev button component.\n   */\n  prevButtonProps?: CalendarPrevButtonProps\n  /**\n   * Props for the select component.\n   */\n  selectProps?: Select.RootProps\n  /**\n   * Props for the weekday component.\n   */\n  weekdayProps?: HTMLStyledProps<\"th\">\n  /**\n   * Props for the weekdays component.\n   */\n  weekdaysProps?: HTMLStyledProps<\"tr\">\n  /**\n   * Props for the week component.\n   */\n  weekProps?: HTMLStyledProps<\"tr\">\n  /**\n   * Props for the weeks component.\n   */\n  weeksProps?: HTMLStyledProps<\"tbody\">\n  /**\n   * Props for the year select component.\n   */\n  yearSelectProps?: CalendarYearSelectProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: CalendarPropsContext,\n  useComponentContext,\n  usePropsContext: useCalendarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<CalendarRootProps, CalendarStyle, ComponentContext>(\n  \"calendar\",\n  calendarStyle,\n)\n\nexport { CalendarPropsContext, useCalendarPropsContext }\n\n/**\n * `Calendar` is a component for displaying or selecting dates in a calendar.\n *\n * @see https://yamada-ui.com/docs/components/calendar\n */\nexport const CalendarRoot = withProvider(\n  <Multiple extends boolean = false, Range extends boolean = false>({\n    children,\n    day,\n    buttonProps,\n    controlProps,\n    dayProps,\n    monthProps,\n    monthSelectProps,\n    navigationProps,\n    nextButtonProps,\n    prevButtonProps,\n    selectProps,\n    weekdayProps,\n    weekdaysProps,\n    weekProps,\n    weeksProps,\n    yearSelectProps,\n    ...props\n  }: CalendarRootProps<Multiple, Range>) => {\n    const {\n      descendants,\n      disabled,\n      endOfMonth,\n      excludeDate,\n      holidays,\n      locale,\n      max,\n      maxDate,\n      minDate,\n      month,\n      monthDays,\n      monthItems,\n      multiple,\n      range,\n      startDayOfWeek,\n      startOfMonth,\n      today,\n      value,\n      weekdays,\n      weekendDays,\n      yearItems,\n      getMonthProps,\n      getMonthSelectProps,\n      getNavigationProps,\n      getNextButtonProps,\n      getPrevButtonProps,\n      getRootProps,\n      getStatusProps,\n      getWeekdayProps,\n      getYearSelectProps,\n      onChange,\n      onMonthChange,\n      onNextMonth,\n      onPrevMonth,\n    } = useCalendar(props)\n    const calendarContext = useMemo(\n      () => ({\n        disabled,\n        endOfMonth,\n        excludeDate,\n        holidays,\n        locale,\n        max,\n        maxDate,\n        minDate,\n        month,\n        multiple,\n        range,\n        startDayOfWeek,\n        startOfMonth,\n        today,\n        value,\n        weekendDays,\n        onChange,\n        onMonthChange,\n        onNextMonth,\n        onPrevMonth,\n      }),\n      [\n        disabled,\n        endOfMonth,\n        excludeDate,\n        holidays,\n        locale,\n        max,\n        maxDate,\n        minDate,\n        month,\n        multiple,\n        range,\n        startDayOfWeek,\n        startOfMonth,\n        today,\n        value,\n        weekendDays,\n        onChange,\n        onMonthChange,\n        onNextMonth,\n        onPrevMonth,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        day,\n        monthDays,\n        monthItems,\n        weekdays,\n        yearItems,\n        buttonProps,\n        controlProps,\n        dayProps,\n        getMonthProps,\n        getMonthSelectProps,\n        getNavigationProps,\n        getNextButtonProps,\n        getPrevButtonProps,\n        getStatusProps,\n        getWeekdayProps,\n        getYearSelectProps,\n        monthProps,\n        monthSelectProps,\n        navigationProps,\n        nextButtonProps,\n        prevButtonProps,\n        selectProps,\n        weekdayProps,\n        weekdaysProps,\n        weekProps,\n        weeksProps,\n        yearSelectProps,\n      }),\n      [\n        day,\n        monthDays,\n        monthItems,\n        weekdays,\n        yearItems,\n        buttonProps,\n        controlProps,\n        dayProps,\n        getMonthProps,\n        getMonthSelectProps,\n        getNavigationProps,\n        getNextButtonProps,\n        getPrevButtonProps,\n        getStatusProps,\n        getWeekdayProps,\n        getYearSelectProps,\n        monthProps,\n        monthSelectProps,\n        navigationProps,\n        nextButtonProps,\n        prevButtonProps,\n        selectProps,\n        weekdayProps,\n        weekdaysProps,\n        weekProps,\n        weeksProps,\n        yearSelectProps,\n      ],\n    )\n\n    return (\n      <CalendarDescendantsContext value={descendants}>\n        <CalendarContext value={calendarContext}>\n          <ComponentContext value={componentContext}>\n            <styled.div {...getRootProps()}>\n              {children ?? (\n                <>\n                  <CalendarNavigation />\n                  <CalendarMonth />\n                </>\n              )}\n            </styled.div>\n          </ComponentContext>\n        </CalendarContext>\n      </CalendarDescendantsContext>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Multiple extends boolean = false, Range extends boolean = false>(\n    props: CalendarRootProps<Multiple, Range>,\n  ): ReactElement\n}>\n\nexport interface CalendarNavigationProps extends HTMLStyledProps {}\n\nexport const CalendarNavigation = withContext<\"div\", CalendarNavigationProps>(\n  \"div\",\n  [\"row\", \"navigation\"],\n)(undefined, ({ children, ...rest }) => {\n  const { getNavigationProps, navigationProps } = useComponentContext()\n\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return (\n      <>\n        <CalendarPrevButton />\n        <CalendarControl />\n        <CalendarNextButton />\n      </>\n    )\n  }, [children])\n\n  return {\n    ...getNavigationProps({ ...navigationProps, ...rest }),\n    children: computedChildren,\n  }\n})\n\nexport interface CalendarControlProps extends Omit<\n  HTMLStyledProps,\n  \"children\"\n> {\n  /**\n   * The control children to use.\n   */\n  children?: ReactNodeOrFunction<{ month: Date }>\n}\n\nexport const CalendarControl = withContext<\"div\", CalendarControlProps>(\n  \"div\",\n  \"control\",\n)(undefined, ({ children, ...rest }) => {\n  const { month } = useCalendarContext()\n  const { controlProps, getStatusProps } = useComponentContext()\n\n  const computedChildren = useMemo(() => {\n    if (children) return runIfFn(children, { month })\n\n    return (\n      <>\n        <CalendarMonthSelect />\n        <CalendarYearSelect />\n      </>\n    )\n  }, [children, month])\n\n  return {\n    ...controlProps,\n    ...rest,\n    children: (\n      <>\n        {computedChildren}\n        <styled.div {...getStatusProps()} />\n      </>\n    ),\n  }\n})\n\nexport interface CalendarPrevButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarPrevButton = withContext<\n  \"button\",\n  CalendarPrevButtonProps\n>(\"button\", [\"button\", \"prev\"])(\n  undefined,\n  ({ children = <ChevronLeftIcon />, ...rest }) => {\n    const { buttonProps, getPrevButtonProps, prevButtonProps } =\n      useComponentContext()\n\n    return {\n      children,\n      ...getPrevButtonProps({ ...buttonProps, ...prevButtonProps, ...rest }),\n    }\n  },\n)\n\nexport interface CalendarNextButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarNextButton = withContext<\n  \"button\",\n  CalendarNextButtonProps\n>(\"button\", [\"button\", \"next\"])(\n  undefined,\n  ({ children = <ChevronRightIcon />, ...rest }) => {\n    const { buttonProps, getNextButtonProps, nextButtonProps } =\n      useComponentContext()\n\n    return {\n      children,\n      ...getNextButtonProps({ ...buttonProps, ...nextButtonProps, ...rest }),\n    }\n  },\n)\n\nexport interface CalendarSeparatorProps extends HTMLStyledProps<\"span\"> {}\n\nexport const CalendarSeparator = withContext<\"span\", CalendarSeparatorProps>(\n  \"span\",\n  \"separator\",\n)({ children: \"/\", role: \"separator\" })\n\nexport interface CalendarYearSelectProps extends Select.RootProps {}\n\nexport const CalendarYearSelect = withContext<\"div\", CalendarYearSelectProps>(\n  (props) => {\n    const { yearItems, getYearSelectProps, selectProps, yearSelectProps } =\n      useComponentContext()\n    const { contentProps, rootProps, ...rest } = {\n      ...selectProps,\n      ...yearSelectProps,\n      ...props,\n    }\n\n    return (\n      <Select.Root\n        variant=\"plain\"\n        items={yearItems}\n        minH=\"{cell-size}\"\n        contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n        rootProps={{\n          fontSize: \"{select-font-size}\",\n          w: \"{select-root-size}\",\n          ...rootProps,\n        }}\n        {...resetFieldProps}\n        {...getYearSelectProps(rest)}\n      />\n    )\n  },\n  [\"select\", \"years\"],\n)()\n\nexport interface CalendarMonthSelectProps extends Select.RootProps {}\n\nexport const CalendarMonthSelect = withContext<\"div\", CalendarMonthSelectProps>(\n  (props) => {\n    const { monthItems, getMonthSelectProps, monthSelectProps, selectProps } =\n      useComponentContext()\n    const { contentProps, rootProps, ...rest } = {\n      ...selectProps,\n      ...monthSelectProps,\n      ...props,\n    }\n\n    return (\n      <Select.Root\n        variant=\"plain\"\n        items={monthItems}\n        minH=\"{cell-size}\"\n        contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n        rootProps={{\n          fontSize: \"{select-font-size}\",\n          w: \"{select-root-size}\",\n          ...rootProps,\n        }}\n        {...resetFieldProps}\n        {...getMonthSelectProps(rest)}\n      />\n    )\n  },\n  [\"select\", \"months\"],\n)()\n\nexport interface CalendarMonthProps extends Omit<\n  HTMLStyledProps<\"table\">,\n  \"children\"\n> {\n  /**\n   * The day component to use.\n   */\n  day?: ReactNodeOrFunction<{ value: Date }>\n}\n\nexport const CalendarMonth = withContext<\"table\", CalendarMonthProps>(\n  \"table\",\n  \"month\",\n)(undefined, ({ day: dayProp, ...rest }) => {\n  const {\n    day,\n    monthDays,\n    weekdays,\n    dayProps,\n    getMonthProps,\n    getWeekdayProps,\n    monthProps,\n    weekdayProps,\n    weekdaysProps,\n    weekProps,\n    weeksProps,\n  } = useComponentContext()\n\n  dayProp ??= day\n\n  const children = (\n    <>\n      <styled.thead aria-hidden>\n        <CalendarWeekDays {...weekdaysProps}>\n          {weekdays.map(({ label, value }, index) => (\n            <CalendarWeekday\n              key={index}\n              {...getWeekdayProps({ ...weekdayProps, value })}\n            >\n              {label}\n            </CalendarWeekday>\n          ))}\n        </CalendarWeekDays>\n      </styled.thead>\n\n      <CalendarWeeks {...weeksProps}>\n        {monthDays.map((week, index) => (\n          <CalendarWeek key={index} {...weekProps}>\n            {week.map(({ label, value }) => (\n              <CalendarDay\n                key={value.toDateString()}\n                {...{ ...dayProps, value }}\n              >\n                {runIfFn(dayProp, { value }) ?? (\n                  <styled.span>{label}</styled.span>\n                )}\n              </CalendarDay>\n            ))}\n          </CalendarWeek>\n        ))}\n      </CalendarWeeks>\n    </>\n  )\n\n  return {\n    ...getMonthProps({ ...monthProps, ...rest }),\n    children,\n  }\n})\n\nconst CalendarWeekDays = withContext(\"tr\", [\"row\", \"weekdays\"])()\n\nconst CalendarWeekday = withContext(\"th\", [\"cell\", \"weekday\"])()\n\nconst CalendarWeeks = withContext(\"tbody\", \"weeks\")()\n\nconst CalendarWeek = withContext(\"tr\", [\"row\", \"week\"])()\n\ninterface CalendarDayProps\n  extends Omit<HTMLStyledProps<\"td\">, \"value\">, UseCalendarDayProps {}\n\nconst CalendarDay = withContext<\"td\", CalendarDayProps>(\"td\", [\"cell\", \"day\"])(\n  undefined,\n  (props) => {\n    const { getDayProps } = useCalendarDay(props)\n\n    return getDayProps()\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;AAiIA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACEA,yBAAAA,oBACF,YACAC,uBAAAA,cACD;;;;;;AASD,MAAa,eAAe,cACwC,EAChE,UACA,KACA,aACA,cACA,UACA,YACA,kBACA,iBACA,iBACA,iBACA,aACA,cACA,eACA,WACA,YACA,iBACA,GAAG,YACqC;CACxC,MAAM,EACJ,aACA,UACA,YACA,aACA,UACA,QACA,KACA,SACA,SACA,OACA,WACA,YACA,UACA,OACA,gBACA,cACA,OACA,OACA,UACA,aACA,WACA,eACA,qBACA,oBACA,oBACA,oBACA,cACA,gBACA,iBACA,oBACA,UACA,eACA,aACA,gBACEC,qBAAAA,YAAY,MAAM;CA4GtB,OACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,4BAAD;EAA4B,OAAO;YACjC,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,iBAAD;GAAiB,QAAA,GAAA,MAAA,gBA5GZ;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAiEwC;aACrC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,QAAA,GAAA,MAAA,gBA/Df;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CAM4C;cACvC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR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"}
+{"version":3,"file":"calendar.cjs","names":["createSlotComponent","calendarStyle","useCalendar","CalendarDescendantsContext","CalendarContext","styled","mergeProps","useCalendarContext","ChevronLeftIcon","ChevronRightIcon","resetFieldProps","useCalendarDay"],"sources":["../../../../src/components/calendar/calendar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CalendarStyle } from \"./calendar.style\"\nimport type {\n  UseCalendarDayProps,\n  UseCalendarProps,\n  UseCalendarReturn,\n} from \"./use-calendar\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { resetFieldProps } from \"../field\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../icon\"\nimport { Select } from \"../select\"\nimport { calendarStyle } from \"./calendar.style\"\nimport {\n  CalendarContext,\n  CalendarDescendantsContext,\n  useCalendar,\n  useCalendarContext,\n  useCalendarDay,\n} from \"./use-calendar\"\n\ninterface ComponentContext\n  extends\n    Pick<\n      UseCalendarReturn,\n      | \"getMonthProps\"\n      | \"getMonthSelectProps\"\n      | \"getNavigationProps\"\n      | \"getNextButtonProps\"\n      | \"getPrevButtonProps\"\n      | \"getStatusProps\"\n      | \"getWeekdayProps\"\n      | \"getYearSelectProps\"\n      | \"monthDays\"\n      | \"monthItems\"\n      | \"weekdays\"\n      | \"yearItems\"\n    >,\n    Pick<\n      CalendarRootProps,\n      | \"buttonProps\"\n      | \"controlProps\"\n      | \"day\"\n      | \"dayProps\"\n      | \"monthProps\"\n      | \"monthSelectProps\"\n      | \"navigationProps\"\n      | \"nextButtonProps\"\n      | \"prevButtonProps\"\n      | \"selectProps\"\n      | \"weekdayProps\"\n      | \"weekdaysProps\"\n      | \"weekProps\"\n      | \"weeksProps\"\n      | \"yearSelectProps\"\n    > {}\n\nexport interface CalendarRootProps<\n  Multiple extends boolean = false,\n  Range extends boolean = false,\n>\n  extends\n    Omit<HTMLStyledProps, \"defaultValue\" | \"onChange\">,\n    ThemeProps<CalendarStyle>,\n    UseCalendarProps<Multiple, Range>,\n    Pick<CalendarMonthProps, \"day\"> {\n  /**\n   * Props for the button component.\n   */\n  buttonProps?: HTMLStyledProps<\"button\">\n  /**\n   * Props for the control component.\n   */\n  controlProps?: CalendarControlProps\n  /**\n   * Props for the day component.\n   */\n  dayProps?: Omit<CalendarDayProps, \"value\">\n  /**\n   * Props for the month component.\n   */\n  monthProps?: CalendarMonthProps\n  /**\n   * Props for the month select component.\n   */\n  monthSelectProps?: CalendarMonthSelectProps\n  /**\n   * Props for the navigation component.\n   */\n  navigationProps?: Omit<CalendarNavigationProps, \"children\">\n  /**\n   * Props for the next button component.\n   */\n  nextButtonProps?: CalendarNextButtonProps\n  /**\n   * Props for the prev button component.\n   */\n  prevButtonProps?: CalendarPrevButtonProps\n  /**\n   * Props for the select component.\n   */\n  selectProps?: Select.RootProps\n  /**\n   * Props for the weekday component.\n   */\n  weekdayProps?: HTMLStyledProps<\"th\">\n  /**\n   * Props for the weekdays component.\n   */\n  weekdaysProps?: HTMLStyledProps<\"tr\">\n  /**\n   * Props for the week component.\n   */\n  weekProps?: HTMLStyledProps<\"tr\">\n  /**\n   * Props for the weeks component.\n   */\n  weeksProps?: HTMLStyledProps<\"tbody\">\n  /**\n   * Props for the year select component.\n   */\n  yearSelectProps?: CalendarYearSelectProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: CalendarPropsContext,\n  useComponentContext,\n  usePropsContext: useCalendarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<CalendarRootProps, CalendarStyle, ComponentContext>(\n  \"calendar\",\n  calendarStyle,\n)\n\nexport { CalendarPropsContext, useCalendarPropsContext }\n\n/**\n * `Calendar` is a component for displaying or selecting dates in a calendar.\n *\n * @see https://yamada-ui.com/docs/components/calendar\n */\nexport const CalendarRoot = withProvider(\n  <Multiple extends boolean = false, Range extends boolean = false>({\n    children,\n    day,\n    buttonProps,\n    controlProps,\n    dayProps,\n    monthProps,\n    monthSelectProps,\n    navigationProps,\n    nextButtonProps,\n    prevButtonProps,\n    selectProps,\n    weekdayProps,\n    weekdaysProps,\n    weekProps,\n    weeksProps,\n    yearSelectProps,\n    ...props\n  }: CalendarRootProps<Multiple, Range>) => {\n    const {\n      descendants,\n      disabled,\n      endOfMonth,\n      excludeDate,\n      holidays,\n      locale,\n      max,\n      maxDate,\n      minDate,\n      month,\n      monthDays,\n      monthItems,\n      multiple,\n      range,\n      startDayOfWeek,\n      startOfMonth,\n      today,\n      value,\n      weekdays,\n      weekendDays,\n      yearItems,\n      getMonthProps,\n      getMonthSelectProps,\n      getNavigationProps,\n      getNextButtonProps,\n      getPrevButtonProps,\n      getRootProps,\n      getStatusProps,\n      getWeekdayProps,\n      getYearSelectProps,\n      onChange,\n      onMonthChange,\n      onNextMonth,\n      onPrevMonth,\n    } = useCalendar(props)\n    const calendarContext = useMemo(\n      () => ({\n        disabled,\n        endOfMonth,\n        excludeDate,\n        holidays,\n        locale,\n        max,\n        maxDate,\n        minDate,\n        month,\n        multiple,\n        range,\n        startDayOfWeek,\n        startOfMonth,\n        today,\n        value,\n        weekendDays,\n        onChange,\n        onMonthChange,\n        onNextMonth,\n        onPrevMonth,\n      }),\n      [\n        disabled,\n        endOfMonth,\n        excludeDate,\n        holidays,\n        locale,\n        max,\n        maxDate,\n        minDate,\n        month,\n        multiple,\n        range,\n        startDayOfWeek,\n        startOfMonth,\n        today,\n        value,\n        weekendDays,\n        onChange,\n        onMonthChange,\n        onNextMonth,\n        onPrevMonth,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        day,\n        monthDays,\n        monthItems,\n        weekdays,\n        yearItems,\n        buttonProps,\n        controlProps,\n        dayProps,\n        getMonthProps,\n        getMonthSelectProps,\n        getNavigationProps,\n        getNextButtonProps,\n        getPrevButtonProps,\n        getStatusProps,\n        getWeekdayProps,\n        getYearSelectProps,\n        monthProps,\n        monthSelectProps,\n        navigationProps,\n        nextButtonProps,\n        prevButtonProps,\n        selectProps,\n        weekdayProps,\n        weekdaysProps,\n        weekProps,\n        weeksProps,\n        yearSelectProps,\n      }),\n      [\n        day,\n        monthDays,\n        monthItems,\n        weekdays,\n        yearItems,\n        buttonProps,\n        controlProps,\n        dayProps,\n        getMonthProps,\n        getMonthSelectProps,\n        getNavigationProps,\n        getNextButtonProps,\n        getPrevButtonProps,\n        getStatusProps,\n        getWeekdayProps,\n        getYearSelectProps,\n        monthProps,\n        monthSelectProps,\n        navigationProps,\n        nextButtonProps,\n        prevButtonProps,\n        selectProps,\n        weekdayProps,\n        weekdaysProps,\n        weekProps,\n        weeksProps,\n        yearSelectProps,\n      ],\n    )\n\n    return (\n      <CalendarDescendantsContext value={descendants}>\n        <CalendarContext value={calendarContext}>\n          <ComponentContext value={componentContext}>\n            <styled.div {...getRootProps()}>\n              {children ?? (\n                <>\n                  <CalendarNavigation />\n                  <CalendarMonth />\n                </>\n              )}\n            </styled.div>\n          </ComponentContext>\n        </CalendarContext>\n      </CalendarDescendantsContext>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Multiple extends boolean = false, Range extends boolean = false>(\n    props: CalendarRootProps<Multiple, Range>,\n  ): ReactElement\n}>\n\nexport interface CalendarNavigationProps extends HTMLStyledProps {}\n\nexport const CalendarNavigation = withContext<\"div\", CalendarNavigationProps>(\n  \"div\",\n  [\"row\", \"navigation\"],\n)(undefined, ({ children, ...rest }) => {\n  const { getNavigationProps, navigationProps } = useComponentContext()\n\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return (\n      <>\n        <CalendarPrevButton />\n        <CalendarControl />\n        <CalendarNextButton />\n      </>\n    )\n  }, [children])\n\n  return {\n    ...getNavigationProps(mergeProps(navigationProps, rest)()),\n    children: computedChildren,\n  }\n})\n\nexport interface CalendarControlProps extends Omit<\n  HTMLStyledProps,\n  \"children\"\n> {\n  /**\n   * The control children to use.\n   */\n  children?: ReactNodeOrFunction<{ month: Date }>\n}\n\nexport const CalendarControl = withContext<\"div\", CalendarControlProps>(\n  \"div\",\n  \"control\",\n)(undefined, ({ children, ...rest }) => {\n  const { month } = useCalendarContext()\n  const { controlProps, getStatusProps } = useComponentContext()\n\n  const computedChildren = useMemo(() => {\n    if (children) return runIfFn(children, { month })\n\n    return (\n      <>\n        <CalendarMonthSelect />\n        <CalendarYearSelect />\n      </>\n    )\n  }, [children, month])\n\n  return {\n    ...mergeProps(controlProps, rest)(),\n    children: (\n      <>\n        {computedChildren}\n        <styled.div {...getStatusProps()} />\n      </>\n    ),\n  }\n})\n\nexport interface CalendarPrevButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarPrevButton = withContext<\n  \"button\",\n  CalendarPrevButtonProps\n>(\"button\", [\"button\", \"prev\"])(\n  undefined,\n  ({ children = <ChevronLeftIcon />, ...rest }) => {\n    const { buttonProps, getPrevButtonProps, prevButtonProps } =\n      useComponentContext()\n\n    return {\n      children,\n      ...getPrevButtonProps(mergeProps(buttonProps, prevButtonProps, rest)()),\n    }\n  },\n)\n\nexport interface CalendarNextButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarNextButton = withContext<\n  \"button\",\n  CalendarNextButtonProps\n>(\"button\", [\"button\", \"next\"])(\n  undefined,\n  ({ children = <ChevronRightIcon />, ...rest }) => {\n    const { buttonProps, getNextButtonProps, nextButtonProps } =\n      useComponentContext()\n\n    return {\n      children,\n      ...getNextButtonProps(mergeProps(buttonProps, nextButtonProps, rest)()),\n    }\n  },\n)\n\nexport interface CalendarSeparatorProps extends HTMLStyledProps<\"span\"> {}\n\nexport const CalendarSeparator = withContext<\"span\", CalendarSeparatorProps>(\n  \"span\",\n  \"separator\",\n)({ children: \"/\", role: \"separator\" })\n\nexport interface CalendarYearSelectProps extends Select.RootProps {}\n\nexport const CalendarYearSelect = withContext<\"div\", CalendarYearSelectProps>(\n  (props) => {\n    const { yearItems, getYearSelectProps, selectProps, yearSelectProps } =\n      useComponentContext()\n    const { contentProps, rootProps, ...rest } = mergeProps(\n      selectProps,\n      yearSelectProps,\n      props,\n    )()\n\n    return (\n      <Select.Root\n        variant=\"plain\"\n        items={yearItems}\n        minH=\"{cell-size}\"\n        contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n        rootProps={{\n          fontSize: \"{select-font-size}\",\n          w: \"{select-root-size}\",\n          ...rootProps,\n        }}\n        {...resetFieldProps}\n        {...getYearSelectProps(rest)}\n      />\n    )\n  },\n  [\"select\", \"years\"],\n)()\n\nexport interface CalendarMonthSelectProps extends Select.RootProps {}\n\nexport const CalendarMonthSelect = withContext<\"div\", CalendarMonthSelectProps>(\n  (props) => {\n    const { monthItems, getMonthSelectProps, monthSelectProps, selectProps } =\n      useComponentContext()\n    const { contentProps, rootProps, ...rest } = mergeProps(\n      selectProps,\n      monthSelectProps,\n      props,\n    )()\n\n    return (\n      <Select.Root\n        variant=\"plain\"\n        items={monthItems}\n        minH=\"{cell-size}\"\n        contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n        rootProps={{\n          fontSize: \"{select-font-size}\",\n          w: \"{select-root-size}\",\n          ...rootProps,\n        }}\n        {...resetFieldProps}\n        {...getMonthSelectProps(rest)}\n      />\n    )\n  },\n  [\"select\", \"months\"],\n)()\n\nexport interface CalendarMonthProps extends Omit<\n  HTMLStyledProps<\"table\">,\n  \"children\"\n> {\n  /**\n   * The day component to use.\n   */\n  day?: ReactNodeOrFunction<{ value: Date }>\n}\n\nexport const CalendarMonth = withContext<\"table\", CalendarMonthProps>(\n  \"table\",\n  \"month\",\n)(undefined, ({ day: dayProp, ...rest }) => {\n  const {\n    day,\n    monthDays,\n    weekdays,\n    dayProps,\n    getMonthProps,\n    getWeekdayProps,\n    monthProps,\n    weekdayProps,\n    weekdaysProps,\n    weekProps,\n    weeksProps,\n  } = useComponentContext()\n\n  dayProp ??= day\n\n  const children = (\n    <>\n      <styled.thead aria-hidden>\n        <CalendarWeekDays {...weekdaysProps}>\n          {weekdays.map(({ label, value }, index) => (\n            <CalendarWeekday\n              key={index}\n              {...getWeekdayProps({ ...weekdayProps, value })}\n            >\n              {label}\n            </CalendarWeekday>\n          ))}\n        </CalendarWeekDays>\n      </styled.thead>\n\n      <CalendarWeeks {...weeksProps}>\n        {monthDays.map((week, index) => (\n          <CalendarWeek key={index} {...weekProps}>\n            {week.map(({ label, value }) => (\n              <CalendarDay\n                key={value.toDateString()}\n                {...{ ...dayProps, value }}\n              >\n                {runIfFn(dayProp, { value }) ?? (\n                  <styled.span>{label}</styled.span>\n                )}\n              </CalendarDay>\n            ))}\n          </CalendarWeek>\n        ))}\n      </CalendarWeeks>\n    </>\n  )\n\n  return {\n    ...getMonthProps(mergeProps(monthProps, rest)()),\n    children,\n  }\n})\n\nconst CalendarWeekDays = withContext(\"tr\", [\"row\", \"weekdays\"])()\n\nconst CalendarWeekday = withContext(\"th\", [\"cell\", \"weekday\"])()\n\nconst CalendarWeeks = withContext(\"tbody\", \"weeks\")()\n\nconst CalendarWeek = withContext(\"tr\", [\"row\", \"week\"])()\n\ninterface CalendarDayProps\n  extends Omit<HTMLStyledProps<\"td\">, \"value\">, UseCalendarDayProps {}\n\nconst CalendarDay = withContext<\"td\", CalendarDayProps>(\"td\", [\"cell\", \"day\"])(\n  undefined,\n  (props) => {\n    const { getDayProps } = useCalendarDay(props)\n\n    return getDayProps()\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;;AAiIA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACEA,yBAAAA,oBACF,YACAC,uBAAAA,cACD;;;;;;AASD,MAAa,eAAe,cACwC,EAChE,UACA,KACA,aACA,cACA,UACA,YACA,kBACA,iBACA,iBACA,iBACA,aACA,cACA,eACA,WACA,YACA,iBACA,GAAG,YACqC;CACxC,MAAM,EACJ,aACA,UACA,YACA,aACA,UACA,QACA,KACA,SACA,SACA,OACA,WACA,YACA,UACA,OACA,gBACA,cACA,OACA,OACA,UACA,aACA,WACA,eACA,qBACA,oBACA,oBACA,oBACA,cACA,gBACA,iBACA,oBACA,UACA,eACA,aACA,gBACEC,qBAAAA,YAAY,MAAM;CA4GtB,OACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,4BAAD;EAA4B,OAAO;YACjC,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,iBAAD;GAAiB,QAAA,GAAA,MAAA,gBA5GZ;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAiEwC;aACrC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,QAAA,GAAA,MAAA,gBA/Df;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CAM4C;cACvC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAA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"}

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

@@ -61,11 +61,13 @@ const useAccordionItem = ({ disabled, index, ...rest }) => {
 	const onClick = useCallback(() => {
 		onChange(!open);
 		setFocusedIndex(index);
+		descendants.value(index)?.node.focus();
 	}, [
 		index,
 		setFocusedIndex,
 		open,
-		onChange
+		onChange,
+		descendants
 	]);
 	const onKeyDown = useCallback((ev) => {
 		runKeyAction(ev, {
@@ -90,6 +92,7 @@ const useAccordionItem = ({ disabled, index, ...rest }) => {
 		"aria-controls": panelId,
 		"aria-disabled": (0, utils_exports.ariaAttr)(!multiple && !toggle && open || disabled),
 		"aria-expanded": open,
+		tabIndex: 0,
 		...props,
 		ref: mergeRefs(register, ref),
 		disabled,

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

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

package/dist/esm/components/calendar/calendar.js

@@ -1,6 +1,7 @@
 "use client";
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
+import { mergeProps } from "../../core/components/props.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
 import { ChevronLeftIcon } from "../icon/icons/chevron-left-icon.js";
 import { ChevronRightIcon } from "../icon/icons/chevron-right-icon.js";
@@ -142,10 +143,7 @@ const CalendarNavigation = withContext("div", ["row", "navigation"])(void 0, ({
 		] });
 	}, [children]);
 	return {
-		...getNavigationProps({
-			...navigationProps,
-			...rest
-		}),
+		...getNavigationProps(mergeProps(navigationProps, rest)()),
 		children: computedChildren
 	};
 });
@@ -157,8 +155,7 @@ const CalendarControl = withContext("div", "control")(void 0, ({ children, ...re
 		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CalendarMonthSelect, {}), /* @__PURE__ */ jsx(CalendarYearSelect, {})] });
 	}, [children, month]);
 	return {
-		...controlProps,
-		...rest,
+		...mergeProps(controlProps, rest)(),
 		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [computedChildren, /* @__PURE__ */ jsx(styled.div, { ...getStatusProps() })] })
 	};
 });
@@ -166,22 +163,14 @@ const CalendarPrevButton = withContext("button", ["button", "prev"])(void 0, ({
 	const { buttonProps, getPrevButtonProps, prevButtonProps } = useComponentContext();
 	return {
 		children,
-		...getPrevButtonProps({
-			...buttonProps,
-			...prevButtonProps,
-			...rest
-		})
+		...getPrevButtonProps(mergeProps(buttonProps, prevButtonProps, rest)())
 	};
 });
 const CalendarNextButton = withContext("button", ["button", "next"])(void 0, ({ children = /* @__PURE__ */ jsx(ChevronRightIcon, {}), ...rest }) => {
 	const { buttonProps, getNextButtonProps, nextButtonProps } = useComponentContext();
 	return {
 		children,
-		...getNextButtonProps({
-			...buttonProps,
-			...nextButtonProps,
-			...rest
-		})
+		...getNextButtonProps(mergeProps(buttonProps, nextButtonProps, rest)())
 	};
 });
 withContext("span", "separator")({
@@ -190,11 +179,7 @@ withContext("span", "separator")({
 });
 const CalendarYearSelect = withContext((props) => {
 	const { yearItems, getYearSelectProps, selectProps, yearSelectProps } = useComponentContext();
-	const { contentProps, rootProps, ...rest } = {
-		...selectProps,
-		...yearSelectProps,
-		...props
-	};
+	const { contentProps, rootProps, ...rest } = mergeProps(selectProps, yearSelectProps, props)();
 	return /* @__PURE__ */ jsx(SelectRoot, {
 		variant: "plain",
 		items: yearItems,
@@ -214,11 +199,7 @@ const CalendarYearSelect = withContext((props) => {
 }, ["select", "years"])();
 const CalendarMonthSelect = withContext((props) => {
 	const { monthItems, getMonthSelectProps, monthSelectProps, selectProps } = useComponentContext();
-	const { contentProps, rootProps, ...rest } = {
-		...selectProps,
-		...monthSelectProps,
-		...props
-	};
+	const { contentProps, rootProps, ...rest } = mergeProps(selectProps, monthSelectProps, props)();
 	return /* @__PURE__ */ jsx(SelectRoot, {
 		variant: "plain",
 		items: monthItems,
@@ -263,10 +244,7 @@ const CalendarMonth = withContext("table", "month")(void 0, ({ day: dayProp, ...
 		}, index))
 	})] });
 	return {
-		...getMonthProps({
-			...monthProps,
-			...rest
-		}),
+		...getMonthProps(mergeProps(monthProps, rest)()),
 		children
 	};
 });

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","names":["Select.Root"],"sources":["../../../../src/components/calendar/calendar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CalendarStyle } from \"./calendar.style\"\nimport type {\n  UseCalendarDayProps,\n  UseCalendarProps,\n  UseCalendarReturn,\n} from \"./use-calendar\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { resetFieldProps } from \"../field\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../icon\"\nimport { Select } from \"../select\"\nimport { calendarStyle } from \"./calendar.style\"\nimport {\n  CalendarContext,\n  CalendarDescendantsContext,\n  useCalendar,\n  useCalendarContext,\n  useCalendarDay,\n} from \"./use-calendar\"\n\ninterface ComponentContext\n  extends\n    Pick<\n      UseCalendarReturn,\n      | \"getMonthProps\"\n      | \"getMonthSelectProps\"\n      | \"getNavigationProps\"\n      | \"getNextButtonProps\"\n      | \"getPrevButtonProps\"\n      | \"getStatusProps\"\n      | \"getWeekdayProps\"\n      | \"getYearSelectProps\"\n      | \"monthDays\"\n      | \"monthItems\"\n      | \"weekdays\"\n      | \"yearItems\"\n    >,\n    Pick<\n      CalendarRootProps,\n      | \"buttonProps\"\n      | \"controlProps\"\n      | \"day\"\n      | \"dayProps\"\n      | \"monthProps\"\n      | \"monthSelectProps\"\n      | \"navigationProps\"\n      | \"nextButtonProps\"\n      | \"prevButtonProps\"\n      | \"selectProps\"\n      | \"weekdayProps\"\n      | \"weekdaysProps\"\n      | \"weekProps\"\n      | \"weeksProps\"\n      | \"yearSelectProps\"\n    > {}\n\nexport interface CalendarRootProps<\n  Multiple extends boolean = false,\n  Range extends boolean = false,\n>\n  extends\n    Omit<HTMLStyledProps, \"defaultValue\" | \"onChange\">,\n    ThemeProps<CalendarStyle>,\n    UseCalendarProps<Multiple, Range>,\n    Pick<CalendarMonthProps, \"day\"> {\n  /**\n   * Props for the button component.\n   */\n  buttonProps?: HTMLStyledProps<\"button\">\n  /**\n   * Props for the control component.\n   */\n  controlProps?: CalendarControlProps\n  /**\n   * Props for the day component.\n   */\n  dayProps?: Omit<CalendarDayProps, \"value\">\n  /**\n   * Props for the month component.\n   */\n  monthProps?: CalendarMonthProps\n  /**\n   * Props for the month select component.\n   */\n  monthSelectProps?: CalendarMonthSelectProps\n  /**\n   * Props for the navigation component.\n   */\n  navigationProps?: Omit<CalendarNavigationProps, \"children\">\n  /**\n   * Props for the next button component.\n   */\n  nextButtonProps?: CalendarNextButtonProps\n  /**\n   * Props for the prev button component.\n   */\n  prevButtonProps?: CalendarPrevButtonProps\n  /**\n   * Props for the select component.\n   */\n  selectProps?: Select.RootProps\n  /**\n   * Props for the weekday component.\n   */\n  weekdayProps?: HTMLStyledProps<\"th\">\n  /**\n   * Props for the weekdays component.\n   */\n  weekdaysProps?: HTMLStyledProps<\"tr\">\n  /**\n   * Props for the week component.\n   */\n  weekProps?: HTMLStyledProps<\"tr\">\n  /**\n   * Props for the weeks component.\n   */\n  weeksProps?: HTMLStyledProps<\"tbody\">\n  /**\n   * Props for the year select component.\n   */\n  yearSelectProps?: CalendarYearSelectProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: CalendarPropsContext,\n  useComponentContext,\n  usePropsContext: useCalendarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<CalendarRootProps, CalendarStyle, ComponentContext>(\n  \"calendar\",\n  calendarStyle,\n)\n\nexport { CalendarPropsContext, useCalendarPropsContext }\n\n/**\n * `Calendar` is a component for displaying or selecting dates in a calendar.\n *\n * @see https://yamada-ui.com/docs/components/calendar\n */\nexport const CalendarRoot = withProvider(\n  <Multiple extends boolean = false, Range extends boolean = false>({\n    children,\n    day,\n    buttonProps,\n    controlProps,\n    dayProps,\n    monthProps,\n    monthSelectProps,\n    navigationProps,\n    nextButtonProps,\n    prevButtonProps,\n    selectProps,\n    weekdayProps,\n    weekdaysProps,\n    weekProps,\n    weeksProps,\n    yearSelectProps,\n    ...props\n  }: CalendarRootProps<Multiple, Range>) => {\n    const {\n      descendants,\n      disabled,\n      endOfMonth,\n      excludeDate,\n      holidays,\n      locale,\n      max,\n      maxDate,\n      minDate,\n      month,\n      monthDays,\n      monthItems,\n      multiple,\n      range,\n      startDayOfWeek,\n      startOfMonth,\n      today,\n      value,\n      weekdays,\n      weekendDays,\n      yearItems,\n      getMonthProps,\n      getMonthSelectProps,\n      getNavigationProps,\n      getNextButtonProps,\n      getPrevButtonProps,\n      getRootProps,\n      getStatusProps,\n      getWeekdayProps,\n      getYearSelectProps,\n      onChange,\n      onMonthChange,\n      onNextMonth,\n      onPrevMonth,\n    } = useCalendar(props)\n    const calendarContext = useMemo(\n      () => ({\n        disabled,\n        endOfMonth,\n        excludeDate,\n        holidays,\n        locale,\n        max,\n        maxDate,\n        minDate,\n        month,\n        multiple,\n        range,\n        startDayOfWeek,\n        startOfMonth,\n        today,\n        value,\n        weekendDays,\n        onChange,\n        onMonthChange,\n        onNextMonth,\n        onPrevMonth,\n      }),\n      [\n        disabled,\n        endOfMonth,\n        excludeDate,\n        holidays,\n        locale,\n        max,\n        maxDate,\n        minDate,\n        month,\n        multiple,\n        range,\n        startDayOfWeek,\n        startOfMonth,\n        today,\n        value,\n        weekendDays,\n        onChange,\n        onMonthChange,\n        onNextMonth,\n        onPrevMonth,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        day,\n        monthDays,\n        monthItems,\n        weekdays,\n        yearItems,\n        buttonProps,\n        controlProps,\n        dayProps,\n        getMonthProps,\n        getMonthSelectProps,\n        getNavigationProps,\n        getNextButtonProps,\n        getPrevButtonProps,\n        getStatusProps,\n        getWeekdayProps,\n        getYearSelectProps,\n        monthProps,\n        monthSelectProps,\n        navigationProps,\n        nextButtonProps,\n        prevButtonProps,\n        selectProps,\n        weekdayProps,\n        weekdaysProps,\n        weekProps,\n        weeksProps,\n        yearSelectProps,\n      }),\n      [\n        day,\n        monthDays,\n        monthItems,\n        weekdays,\n        yearItems,\n        buttonProps,\n        controlProps,\n        dayProps,\n        getMonthProps,\n        getMonthSelectProps,\n        getNavigationProps,\n        getNextButtonProps,\n        getPrevButtonProps,\n        getStatusProps,\n        getWeekdayProps,\n        getYearSelectProps,\n        monthProps,\n        monthSelectProps,\n        navigationProps,\n        nextButtonProps,\n        prevButtonProps,\n        selectProps,\n        weekdayProps,\n        weekdaysProps,\n        weekProps,\n        weeksProps,\n        yearSelectProps,\n      ],\n    )\n\n    return (\n      <CalendarDescendantsContext value={descendants}>\n        <CalendarContext value={calendarContext}>\n          <ComponentContext value={componentContext}>\n            <styled.div {...getRootProps()}>\n              {children ?? (\n                <>\n                  <CalendarNavigation />\n                  <CalendarMonth />\n                </>\n              )}\n            </styled.div>\n          </ComponentContext>\n        </CalendarContext>\n      </CalendarDescendantsContext>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Multiple extends boolean = false, Range extends boolean = false>(\n    props: CalendarRootProps<Multiple, Range>,\n  ): ReactElement\n}>\n\nexport interface CalendarNavigationProps extends HTMLStyledProps {}\n\nexport const CalendarNavigation = withContext<\"div\", CalendarNavigationProps>(\n  \"div\",\n  [\"row\", \"navigation\"],\n)(undefined, ({ children, ...rest }) => {\n  const { getNavigationProps, navigationProps } = useComponentContext()\n\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return (\n      <>\n        <CalendarPrevButton />\n        <CalendarControl />\n        <CalendarNextButton />\n      </>\n    )\n  }, [children])\n\n  return {\n    ...getNavigationProps({ ...navigationProps, ...rest }),\n    children: computedChildren,\n  }\n})\n\nexport interface CalendarControlProps extends Omit<\n  HTMLStyledProps,\n  \"children\"\n> {\n  /**\n   * The control children to use.\n   */\n  children?: ReactNodeOrFunction<{ month: Date }>\n}\n\nexport const CalendarControl = withContext<\"div\", CalendarControlProps>(\n  \"div\",\n  \"control\",\n)(undefined, ({ children, ...rest }) => {\n  const { month } = useCalendarContext()\n  const { controlProps, getStatusProps } = useComponentContext()\n\n  const computedChildren = useMemo(() => {\n    if (children) return runIfFn(children, { month })\n\n    return (\n      <>\n        <CalendarMonthSelect />\n        <CalendarYearSelect />\n      </>\n    )\n  }, [children, month])\n\n  return {\n    ...controlProps,\n    ...rest,\n    children: (\n      <>\n        {computedChildren}\n        <styled.div {...getStatusProps()} />\n      </>\n    ),\n  }\n})\n\nexport interface CalendarPrevButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarPrevButton = withContext<\n  \"button\",\n  CalendarPrevButtonProps\n>(\"button\", [\"button\", \"prev\"])(\n  undefined,\n  ({ children = <ChevronLeftIcon />, ...rest }) => {\n    const { buttonProps, getPrevButtonProps, prevButtonProps } =\n      useComponentContext()\n\n    return {\n      children,\n      ...getPrevButtonProps({ ...buttonProps, ...prevButtonProps, ...rest }),\n    }\n  },\n)\n\nexport interface CalendarNextButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarNextButton = withContext<\n  \"button\",\n  CalendarNextButtonProps\n>(\"button\", [\"button\", \"next\"])(\n  undefined,\n  ({ children = <ChevronRightIcon />, ...rest }) => {\n    const { buttonProps, getNextButtonProps, nextButtonProps } =\n      useComponentContext()\n\n    return {\n      children,\n      ...getNextButtonProps({ ...buttonProps, ...nextButtonProps, ...rest }),\n    }\n  },\n)\n\nexport interface CalendarSeparatorProps extends HTMLStyledProps<\"span\"> {}\n\nexport const CalendarSeparator = withContext<\"span\", CalendarSeparatorProps>(\n  \"span\",\n  \"separator\",\n)({ children: \"/\", role: \"separator\" })\n\nexport interface CalendarYearSelectProps extends Select.RootProps {}\n\nexport const CalendarYearSelect = withContext<\"div\", CalendarYearSelectProps>(\n  (props) => {\n    const { yearItems, getYearSelectProps, selectProps, yearSelectProps } =\n      useComponentContext()\n    const { contentProps, rootProps, ...rest } = {\n      ...selectProps,\n      ...yearSelectProps,\n      ...props,\n    }\n\n    return (\n      <Select.Root\n        variant=\"plain\"\n        items={yearItems}\n        minH=\"{cell-size}\"\n        contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n        rootProps={{\n          fontSize: \"{select-font-size}\",\n          w: \"{select-root-size}\",\n          ...rootProps,\n        }}\n        {...resetFieldProps}\n        {...getYearSelectProps(rest)}\n      />\n    )\n  },\n  [\"select\", \"years\"],\n)()\n\nexport interface CalendarMonthSelectProps extends Select.RootProps {}\n\nexport const CalendarMonthSelect = withContext<\"div\", CalendarMonthSelectProps>(\n  (props) => {\n    const { monthItems, getMonthSelectProps, monthSelectProps, selectProps } =\n      useComponentContext()\n    const { contentProps, rootProps, ...rest } = {\n      ...selectProps,\n      ...monthSelectProps,\n      ...props,\n    }\n\n    return (\n      <Select.Root\n        variant=\"plain\"\n        items={monthItems}\n        minH=\"{cell-size}\"\n        contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n        rootProps={{\n          fontSize: \"{select-font-size}\",\n          w: \"{select-root-size}\",\n          ...rootProps,\n        }}\n        {...resetFieldProps}\n        {...getMonthSelectProps(rest)}\n      />\n    )\n  },\n  [\"select\", \"months\"],\n)()\n\nexport interface CalendarMonthProps extends Omit<\n  HTMLStyledProps<\"table\">,\n  \"children\"\n> {\n  /**\n   * The day component to use.\n   */\n  day?: ReactNodeOrFunction<{ value: Date }>\n}\n\nexport const CalendarMonth = withContext<\"table\", CalendarMonthProps>(\n  \"table\",\n  \"month\",\n)(undefined, ({ day: dayProp, ...rest }) => {\n  const {\n    day,\n    monthDays,\n    weekdays,\n    dayProps,\n    getMonthProps,\n    getWeekdayProps,\n    monthProps,\n    weekdayProps,\n    weekdaysProps,\n    weekProps,\n    weeksProps,\n  } = useComponentContext()\n\n  dayProp ??= day\n\n  const children = (\n    <>\n      <styled.thead aria-hidden>\n        <CalendarWeekDays {...weekdaysProps}>\n          {weekdays.map(({ label, value }, index) => (\n            <CalendarWeekday\n              key={index}\n              {...getWeekdayProps({ ...weekdayProps, value })}\n            >\n              {label}\n            </CalendarWeekday>\n          ))}\n        </CalendarWeekDays>\n      </styled.thead>\n\n      <CalendarWeeks {...weeksProps}>\n        {monthDays.map((week, index) => (\n          <CalendarWeek key={index} {...weekProps}>\n            {week.map(({ label, value }) => (\n              <CalendarDay\n                key={value.toDateString()}\n                {...{ ...dayProps, value }}\n              >\n                {runIfFn(dayProp, { value }) ?? (\n                  <styled.span>{label}</styled.span>\n                )}\n              </CalendarDay>\n            ))}\n          </CalendarWeek>\n        ))}\n      </CalendarWeeks>\n    </>\n  )\n\n  return {\n    ...getMonthProps({ ...monthProps, ...rest }),\n    children,\n  }\n})\n\nconst CalendarWeekDays = withContext(\"tr\", [\"row\", \"weekdays\"])()\n\nconst CalendarWeekday = withContext(\"th\", [\"cell\", \"weekday\"])()\n\nconst CalendarWeeks = withContext(\"tbody\", \"weeks\")()\n\nconst CalendarWeek = withContext(\"tr\", [\"row\", \"week\"])()\n\ninterface CalendarDayProps\n  extends Omit<HTMLStyledProps<\"td\">, \"value\">, UseCalendarDayProps {}\n\nconst CalendarDay = withContext<\"td\", CalendarDayProps>(\"td\", [\"cell\", \"day\"])(\n  undefined,\n  (props) => {\n    const { getDayProps } = useCalendarDay(props)\n\n    return getDayProps()\n  },\n)\n"],"mappings":";;;;;;;;;;;;;AAiIA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACE,oBACF,YACA,cACD;;;;;;AASD,MAAa,eAAe,cACwC,EAChE,UACA,KACA,aACA,cACA,UACA,YACA,kBACA,iBACA,iBACA,iBACA,aACA,cACA,eACA,WACA,YACA,iBACA,GAAG,YACqC;CACxC,MAAM,EACJ,aACA,UACA,YACA,aACA,UACA,QACA,KACA,SACA,SACA,OACA,WACA,YACA,UACA,OACA,gBACA,cACA,OACA,OACA,UACA,aACA,WACA,eACA,qBACA,oBACA,oBACA,oBACA,cACA,gBACA,iBACA,oBACA,UACA,eACA,aACA,gBACE,YAAY,MAAM;CA4GtB,OACE,oBAAC,4BAAD;EAA4B,OAAO;YACjC,oBAAC,iBAAD;GAAiB,OA7GG,eACf;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAiEwC;aACrC,oBAAC,kBAAD;IAAkB,OAhEC,eAChB;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CAM4C;cACvC,oBAAC,OAAO,KAAR;KAAY,GAAI,cAAc;eAC3B,YACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,oBAAD,EAAsB,CAAA,EACtB,oBAAC,eAAD,EAAiB,CAAA,CAChB,EAAA,CAAA;KAEM,CAAA;IACI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"}
+{"version":3,"file":"calendar.js","names":["Select.Root"],"sources":["../../../../src/components/calendar/calendar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CalendarStyle } from \"./calendar.style\"\nimport type {\n  UseCalendarDayProps,\n  UseCalendarProps,\n  UseCalendarReturn,\n} from \"./use-calendar\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { resetFieldProps } from \"../field\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../icon\"\nimport { Select } from \"../select\"\nimport { calendarStyle } from \"./calendar.style\"\nimport {\n  CalendarContext,\n  CalendarDescendantsContext,\n  useCalendar,\n  useCalendarContext,\n  useCalendarDay,\n} from \"./use-calendar\"\n\ninterface ComponentContext\n  extends\n    Pick<\n      UseCalendarReturn,\n      | \"getMonthProps\"\n      | \"getMonthSelectProps\"\n      | \"getNavigationProps\"\n      | \"getNextButtonProps\"\n      | \"getPrevButtonProps\"\n      | \"getStatusProps\"\n      | \"getWeekdayProps\"\n      | \"getYearSelectProps\"\n      | \"monthDays\"\n      | \"monthItems\"\n      | \"weekdays\"\n      | \"yearItems\"\n    >,\n    Pick<\n      CalendarRootProps,\n      | \"buttonProps\"\n      | \"controlProps\"\n      | \"day\"\n      | \"dayProps\"\n      | \"monthProps\"\n      | \"monthSelectProps\"\n      | \"navigationProps\"\n      | \"nextButtonProps\"\n      | \"prevButtonProps\"\n      | \"selectProps\"\n      | \"weekdayProps\"\n      | \"weekdaysProps\"\n      | \"weekProps\"\n      | \"weeksProps\"\n      | \"yearSelectProps\"\n    > {}\n\nexport interface CalendarRootProps<\n  Multiple extends boolean = false,\n  Range extends boolean = false,\n>\n  extends\n    Omit<HTMLStyledProps, \"defaultValue\" | \"onChange\">,\n    ThemeProps<CalendarStyle>,\n    UseCalendarProps<Multiple, Range>,\n    Pick<CalendarMonthProps, \"day\"> {\n  /**\n   * Props for the button component.\n   */\n  buttonProps?: HTMLStyledProps<\"button\">\n  /**\n   * Props for the control component.\n   */\n  controlProps?: CalendarControlProps\n  /**\n   * Props for the day component.\n   */\n  dayProps?: Omit<CalendarDayProps, \"value\">\n  /**\n   * Props for the month component.\n   */\n  monthProps?: CalendarMonthProps\n  /**\n   * Props for the month select component.\n   */\n  monthSelectProps?: CalendarMonthSelectProps\n  /**\n   * Props for the navigation component.\n   */\n  navigationProps?: Omit<CalendarNavigationProps, \"children\">\n  /**\n   * Props for the next button component.\n   */\n  nextButtonProps?: CalendarNextButtonProps\n  /**\n   * Props for the prev button component.\n   */\n  prevButtonProps?: CalendarPrevButtonProps\n  /**\n   * Props for the select component.\n   */\n  selectProps?: Select.RootProps\n  /**\n   * Props for the weekday component.\n   */\n  weekdayProps?: HTMLStyledProps<\"th\">\n  /**\n   * Props for the weekdays component.\n   */\n  weekdaysProps?: HTMLStyledProps<\"tr\">\n  /**\n   * Props for the week component.\n   */\n  weekProps?: HTMLStyledProps<\"tr\">\n  /**\n   * Props for the weeks component.\n   */\n  weeksProps?: HTMLStyledProps<\"tbody\">\n  /**\n   * Props for the year select component.\n   */\n  yearSelectProps?: CalendarYearSelectProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: CalendarPropsContext,\n  useComponentContext,\n  usePropsContext: useCalendarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<CalendarRootProps, CalendarStyle, ComponentContext>(\n  \"calendar\",\n  calendarStyle,\n)\n\nexport { CalendarPropsContext, useCalendarPropsContext }\n\n/**\n * `Calendar` is a component for displaying or selecting dates in a calendar.\n *\n * @see https://yamada-ui.com/docs/components/calendar\n */\nexport const CalendarRoot = withProvider(\n  <Multiple extends boolean = false, Range extends boolean = false>({\n    children,\n    day,\n    buttonProps,\n    controlProps,\n    dayProps,\n    monthProps,\n    monthSelectProps,\n    navigationProps,\n    nextButtonProps,\n    prevButtonProps,\n    selectProps,\n    weekdayProps,\n    weekdaysProps,\n    weekProps,\n    weeksProps,\n    yearSelectProps,\n    ...props\n  }: CalendarRootProps<Multiple, Range>) => {\n    const {\n      descendants,\n      disabled,\n      endOfMonth,\n      excludeDate,\n      holidays,\n      locale,\n      max,\n      maxDate,\n      minDate,\n      month,\n      monthDays,\n      monthItems,\n      multiple,\n      range,\n      startDayOfWeek,\n      startOfMonth,\n      today,\n      value,\n      weekdays,\n      weekendDays,\n      yearItems,\n      getMonthProps,\n      getMonthSelectProps,\n      getNavigationProps,\n      getNextButtonProps,\n      getPrevButtonProps,\n      getRootProps,\n      getStatusProps,\n      getWeekdayProps,\n      getYearSelectProps,\n      onChange,\n      onMonthChange,\n      onNextMonth,\n      onPrevMonth,\n    } = useCalendar(props)\n    const calendarContext = useMemo(\n      () => ({\n        disabled,\n        endOfMonth,\n        excludeDate,\n        holidays,\n        locale,\n        max,\n        maxDate,\n        minDate,\n        month,\n        multiple,\n        range,\n        startDayOfWeek,\n        startOfMonth,\n        today,\n        value,\n        weekendDays,\n        onChange,\n        onMonthChange,\n        onNextMonth,\n        onPrevMonth,\n      }),\n      [\n        disabled,\n        endOfMonth,\n        excludeDate,\n        holidays,\n        locale,\n        max,\n        maxDate,\n        minDate,\n        month,\n        multiple,\n        range,\n        startDayOfWeek,\n        startOfMonth,\n        today,\n        value,\n        weekendDays,\n        onChange,\n        onMonthChange,\n        onNextMonth,\n        onPrevMonth,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        day,\n        monthDays,\n        monthItems,\n        weekdays,\n        yearItems,\n        buttonProps,\n        controlProps,\n        dayProps,\n        getMonthProps,\n        getMonthSelectProps,\n        getNavigationProps,\n        getNextButtonProps,\n        getPrevButtonProps,\n        getStatusProps,\n        getWeekdayProps,\n        getYearSelectProps,\n        monthProps,\n        monthSelectProps,\n        navigationProps,\n        nextButtonProps,\n        prevButtonProps,\n        selectProps,\n        weekdayProps,\n        weekdaysProps,\n        weekProps,\n        weeksProps,\n        yearSelectProps,\n      }),\n      [\n        day,\n        monthDays,\n        monthItems,\n        weekdays,\n        yearItems,\n        buttonProps,\n        controlProps,\n        dayProps,\n        getMonthProps,\n        getMonthSelectProps,\n        getNavigationProps,\n        getNextButtonProps,\n        getPrevButtonProps,\n        getStatusProps,\n        getWeekdayProps,\n        getYearSelectProps,\n        monthProps,\n        monthSelectProps,\n        navigationProps,\n        nextButtonProps,\n        prevButtonProps,\n        selectProps,\n        weekdayProps,\n        weekdaysProps,\n        weekProps,\n        weeksProps,\n        yearSelectProps,\n      ],\n    )\n\n    return (\n      <CalendarDescendantsContext value={descendants}>\n        <CalendarContext value={calendarContext}>\n          <ComponentContext value={componentContext}>\n            <styled.div {...getRootProps()}>\n              {children ?? (\n                <>\n                  <CalendarNavigation />\n                  <CalendarMonth />\n                </>\n              )}\n            </styled.div>\n          </ComponentContext>\n        </CalendarContext>\n      </CalendarDescendantsContext>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Multiple extends boolean = false, Range extends boolean = false>(\n    props: CalendarRootProps<Multiple, Range>,\n  ): ReactElement\n}>\n\nexport interface CalendarNavigationProps extends HTMLStyledProps {}\n\nexport const CalendarNavigation = withContext<\"div\", CalendarNavigationProps>(\n  \"div\",\n  [\"row\", \"navigation\"],\n)(undefined, ({ children, ...rest }) => {\n  const { getNavigationProps, navigationProps } = useComponentContext()\n\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return (\n      <>\n        <CalendarPrevButton />\n        <CalendarControl />\n        <CalendarNextButton />\n      </>\n    )\n  }, [children])\n\n  return {\n    ...getNavigationProps(mergeProps(navigationProps, rest)()),\n    children: computedChildren,\n  }\n})\n\nexport interface CalendarControlProps extends Omit<\n  HTMLStyledProps,\n  \"children\"\n> {\n  /**\n   * The control children to use.\n   */\n  children?: ReactNodeOrFunction<{ month: Date }>\n}\n\nexport const CalendarControl = withContext<\"div\", CalendarControlProps>(\n  \"div\",\n  \"control\",\n)(undefined, ({ children, ...rest }) => {\n  const { month } = useCalendarContext()\n  const { controlProps, getStatusProps } = useComponentContext()\n\n  const computedChildren = useMemo(() => {\n    if (children) return runIfFn(children, { month })\n\n    return (\n      <>\n        <CalendarMonthSelect />\n        <CalendarYearSelect />\n      </>\n    )\n  }, [children, month])\n\n  return {\n    ...mergeProps(controlProps, rest)(),\n    children: (\n      <>\n        {computedChildren}\n        <styled.div {...getStatusProps()} />\n      </>\n    ),\n  }\n})\n\nexport interface CalendarPrevButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarPrevButton = withContext<\n  \"button\",\n  CalendarPrevButtonProps\n>(\"button\", [\"button\", \"prev\"])(\n  undefined,\n  ({ children = <ChevronLeftIcon />, ...rest }) => {\n    const { buttonProps, getPrevButtonProps, prevButtonProps } =\n      useComponentContext()\n\n    return {\n      children,\n      ...getPrevButtonProps(mergeProps(buttonProps, prevButtonProps, rest)()),\n    }\n  },\n)\n\nexport interface CalendarNextButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarNextButton = withContext<\n  \"button\",\n  CalendarNextButtonProps\n>(\"button\", [\"button\", \"next\"])(\n  undefined,\n  ({ children = <ChevronRightIcon />, ...rest }) => {\n    const { buttonProps, getNextButtonProps, nextButtonProps } =\n      useComponentContext()\n\n    return {\n      children,\n      ...getNextButtonProps(mergeProps(buttonProps, nextButtonProps, rest)()),\n    }\n  },\n)\n\nexport interface CalendarSeparatorProps extends HTMLStyledProps<\"span\"> {}\n\nexport const CalendarSeparator = withContext<\"span\", CalendarSeparatorProps>(\n  \"span\",\n  \"separator\",\n)({ children: \"/\", role: \"separator\" })\n\nexport interface CalendarYearSelectProps extends Select.RootProps {}\n\nexport const CalendarYearSelect = withContext<\"div\", CalendarYearSelectProps>(\n  (props) => {\n    const { yearItems, getYearSelectProps, selectProps, yearSelectProps } =\n      useComponentContext()\n    const { contentProps, rootProps, ...rest } = mergeProps(\n      selectProps,\n      yearSelectProps,\n      props,\n    )()\n\n    return (\n      <Select.Root\n        variant=\"plain\"\n        items={yearItems}\n        minH=\"{cell-size}\"\n        contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n        rootProps={{\n          fontSize: \"{select-font-size}\",\n          w: \"{select-root-size}\",\n          ...rootProps,\n        }}\n        {...resetFieldProps}\n        {...getYearSelectProps(rest)}\n      />\n    )\n  },\n  [\"select\", \"years\"],\n)()\n\nexport interface CalendarMonthSelectProps extends Select.RootProps {}\n\nexport const CalendarMonthSelect = withContext<\"div\", CalendarMonthSelectProps>(\n  (props) => {\n    const { monthItems, getMonthSelectProps, monthSelectProps, selectProps } =\n      useComponentContext()\n    const { contentProps, rootProps, ...rest } = mergeProps(\n      selectProps,\n      monthSelectProps,\n      props,\n    )()\n\n    return (\n      <Select.Root\n        variant=\"plain\"\n        items={monthItems}\n        minH=\"{cell-size}\"\n        contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n        rootProps={{\n          fontSize: \"{select-font-size}\",\n          w: \"{select-root-size}\",\n          ...rootProps,\n        }}\n        {...resetFieldProps}\n        {...getMonthSelectProps(rest)}\n      />\n    )\n  },\n  [\"select\", \"months\"],\n)()\n\nexport interface CalendarMonthProps extends Omit<\n  HTMLStyledProps<\"table\">,\n  \"children\"\n> {\n  /**\n   * The day component to use.\n   */\n  day?: ReactNodeOrFunction<{ value: Date }>\n}\n\nexport const CalendarMonth = withContext<\"table\", CalendarMonthProps>(\n  \"table\",\n  \"month\",\n)(undefined, ({ day: dayProp, ...rest }) => {\n  const {\n    day,\n    monthDays,\n    weekdays,\n    dayProps,\n    getMonthProps,\n    getWeekdayProps,\n    monthProps,\n    weekdayProps,\n    weekdaysProps,\n    weekProps,\n    weeksProps,\n  } = useComponentContext()\n\n  dayProp ??= day\n\n  const children = (\n    <>\n      <styled.thead aria-hidden>\n        <CalendarWeekDays {...weekdaysProps}>\n          {weekdays.map(({ label, value }, index) => (\n            <CalendarWeekday\n              key={index}\n              {...getWeekdayProps({ ...weekdayProps, value })}\n            >\n              {label}\n            </CalendarWeekday>\n          ))}\n        </CalendarWeekDays>\n      </styled.thead>\n\n      <CalendarWeeks {...weeksProps}>\n        {monthDays.map((week, index) => (\n          <CalendarWeek key={index} {...weekProps}>\n            {week.map(({ label, value }) => (\n              <CalendarDay\n                key={value.toDateString()}\n                {...{ ...dayProps, value }}\n              >\n                {runIfFn(dayProp, { value }) ?? (\n                  <styled.span>{label}</styled.span>\n                )}\n              </CalendarDay>\n            ))}\n          </CalendarWeek>\n        ))}\n      </CalendarWeeks>\n    </>\n  )\n\n  return {\n    ...getMonthProps(mergeProps(monthProps, rest)()),\n    children,\n  }\n})\n\nconst CalendarWeekDays = withContext(\"tr\", [\"row\", \"weekdays\"])()\n\nconst CalendarWeekday = withContext(\"th\", [\"cell\", \"weekday\"])()\n\nconst CalendarWeeks = withContext(\"tbody\", \"weeks\")()\n\nconst CalendarWeek = withContext(\"tr\", [\"row\", \"week\"])()\n\ninterface CalendarDayProps\n  extends Omit<HTMLStyledProps<\"td\">, \"value\">, UseCalendarDayProps {}\n\nconst CalendarDay = withContext<\"td\", CalendarDayProps>(\"td\", [\"cell\", \"day\"])(\n  undefined,\n  (props) => {\n    const { getDayProps } = useCalendarDay(props)\n\n    return getDayProps()\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;AAiIA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACE,oBACF,YACA,cACD;;;;;;AASD,MAAa,eAAe,cACwC,EAChE,UACA,KACA,aACA,cACA,UACA,YACA,kBACA,iBACA,iBACA,iBACA,aACA,cACA,eACA,WACA,YACA,iBACA,GAAG,YACqC;CACxC,MAAM,EACJ,aACA,UACA,YACA,aACA,UACA,QACA,KACA,SACA,SACA,OACA,WACA,YACA,UACA,OACA,gBACA,cACA,OACA,OACA,UACA,aACA,WACA,eACA,qBACA,oBACA,oBACA,oBACA,cACA,gBACA,iBACA,oBACA,UACA,eACA,aACA,gBACE,YAAY,MAAM;CA4GtB,OACE,oBAAC,4BAAD;EAA4B,OAAO;YACjC,oBAAC,iBAAD;GAAiB,OA7GG,eACf;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAiEwC;aACrC,oBAAC,kBAAD;IAAkB,OAhEC,eAChB;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CAM4C;cACvC,oBAAC,OAAO,KAAR;KAAY,GAAI,cAAc;eAC3B,YACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,oBAAD,EAAsB,CAAA,EACtB,oBAAC,eAAD,EAAiB,CAAA,CAChB,EAAA,CAAA;KAEM,CAAA;IAC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"}

package/dist/types/components/accordion/accordion.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/accordion/accordion.style.d.ts
-declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
+declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "item" | "root", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, {
   panel: {
     button: {
       rounded: "l2";

package/dist/types/components/autocomplete/autocomplete.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/autocomplete/autocomplete.style.d.ts
-declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "valueText" | "empty", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "valueText" | "empty">>, {
+declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText">>, {
   xs: {
     empty: {
       gap: "1.5";

package/dist/types/components/avatar/avatar.d.ts

@@ -23,7 +23,7 @@ interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvata
    */
   imageProps?: AvatarImageProps;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
     shape: {
       circle: {
         root: {
@@ -146,7 +146,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: _$react.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: _$react.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
     shape: {
       circle: {
         root: {
@@ -269,7 +269,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _$_yamada_ui_utils0.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _$_yamada_ui_utils0.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
     shape: {
       circle: {
         root: {

package/dist/types/components/avatar/avatar.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/avatar/avatar.style.d.ts
-declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
   /**
    * The shape of the component
    *

package/dist/types/components/breadcrumb/breadcrumb.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/breadcrumb/breadcrumb.style.d.ts
-declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "root" | "item", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "root" | "item">>, {
+declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "item" | "root", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "item" | "root">>, {
   sm: {
     list: {
       fontSize: "sm";

package/dist/types/components/calendar/calendar.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/calendar/calendar.style.d.ts
-declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "prev" | "month" | "week" | "control" | "weekday" | "day" | "months" | "years" | "weeks", {
+declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "prev" | "root" | "month" | "week" | "control" | "weekday" | "day" | "months" | "years" | "weeks", {
   /**
    * If `true`, the calendar will be fixed rows.
    *
@@ -73,7 +73,7 @@ declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "
       "--font-size": "fontSizes.xl";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "prev" | "month" | "week" | "control" | "weekday" | "day" | "months" | "years" | "weeks">>>;
+}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "prev" | "root" | "month" | "week" | "control" | "weekday" | "day" | "months" | "years" | "weeks">>>;
 type CalendarStyle = typeof calendarStyle;
 //#endregion
 export { CalendarStyle, calendarStyle };

package/dist/types/components/carousel/carousel.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/carousel/carousel.style.d.ts
-declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>, {
+declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "prev" | "item" | "root" | "trigger" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "prev" | "item" | "root" | "trigger" | "indicator" | "indicators">>, {
   sm: {
     root: {
       h: "sm";
@@ -17,7 +17,7 @@ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "indi
       h: "lg";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>>;
+}, CSSModifierObject<CSSSlotObject<"list" | "next" | "prev" | "item" | "root" | "trigger" | "indicator" | "indicators">>>;
 type CarouselStyle = typeof carouselStyle;
 //#endregion
 export { CarouselStyle, carouselStyle };

package/dist/types/components/checkbox/checkbox.d.ts

@@ -37,7 +37,7 @@ interface CheckboxProps<Y extends string = string> extends Merge<HTMLStyledProps
    */
   rootProps?: HTMLStyledProps<"label">;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
+declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
     shape: {
       rounded: {
         indicator: {

package/dist/types/components/checkbox-card/checkbox-card.d.ts

@@ -63,7 +63,7 @@ interface CheckboxCardRootProps<Y extends string = string> extends Merge<HTMLSty
    */
   rootProps?: HTMLStyledProps<"label">;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
+declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
     justify: {
       end: {
         addon: {

package/dist/types/components/data-list/data-list.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/data-list/data-list.style.d.ts
-declare const dataListStyle: ComponentSlotStyle<"term" | "root" | "description" | "item", {
+declare const dataListStyle: ComponentSlotStyle<"term" | "item" | "root" | "description", {
   /**
    * The orientation of the data list.
    *

package/dist/types/components/flip/flip.d.ts

@@ -82,7 +82,7 @@ declare const Flip: Component<({
   onChange,
   onClick: onClickProp,
   ...rest
-}: WithoutThemeProps<FlipProps, ComponentSlotStyle<"from" | "to" | "root" | "item", CSSPropObject<CSSSlotObject<"from" | "to" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "root" | "item">>>, keyof FlipProps>) => _$react_jsx_runtime0.JSX.Element, FlipProps>;
+}: WithoutThemeProps<FlipProps, ComponentSlotStyle<"from" | "to" | "item" | "root", CSSPropObject<CSSSlotObject<"from" | "to" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "item" | "root">>>, keyof FlipProps>) => _$react_jsx_runtime0.JSX.Element, FlipProps>;
 //#endregion
 export { Flip, FlipProps, FlipPropsContext, useFlipPropsContext };
 //# sourceMappingURL=flip.d.ts.map

package/dist/types/components/flip/flip.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/flip/flip.style.d.ts
-declare const flipStyle: ComponentSlotStyle<"from" | "to" | "root" | "item", CSSPropObject<CSSSlotObject<"from" | "to" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "root" | "item">>>;
+declare const flipStyle: ComponentSlotStyle<"from" | "to" | "item" | "root", CSSPropObject<CSSSlotObject<"from" | "to" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"from" | "to" | "item" | "root">>>;
 type FlipStyle = typeof flipStyle;
 //#endregion
 export { FlipStyle, flipStyle };

package/dist/types/components/icon/icon.d.ts

@@ -8,11 +8,11 @@ import * as _$_yamada_ui_utils0 from "@yamada-ui/utils";
 
 //#region src/components/icon/icon.d.ts
 interface IconProps extends HTMLStyledProps<"svg">, ThemeProps<IconStyle> {}
-declare const component: <D extends "fragment" | As = "div", H extends _$_yamada_ui_utils0.Dict = IconProps>(el: D | _$react.FC<H>, {
+declare const component: <D extends As | "fragment" = "div", H extends _$_yamada_ui_utils0.Dict = IconProps>(el: D | _$react.FC<H>, {
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => D extends "fragment" ? _$react.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>, IconPropsContext: _$react.Context<Partial<IconProps> | undefined>, useIconPropsContext: () => Partial<IconProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends IconProps = IconProps, R extends keyof H = keyof H>(el: D | _$react.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
+  }?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => D extends "fragment" ? _$react.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>, IconPropsContext: _$react.Context<Partial<IconProps> | undefined>, useIconPropsContext: () => Partial<IconProps> | undefined, withContext: <D extends As | "fragment" = "div", H extends IconProps = IconProps, R extends keyof H = keyof H>(el: D | _$react.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
     name,
     className,
     withContext,

package/dist/types/components/list/list.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/list/list.style.d.ts
-declare const listStyle: ComponentSlotStyle<"icon" | "root" | "item", {
+declare const listStyle: ComponentSlotStyle<"icon" | "item" | "root", {
   styleType: {
     circle: {
       root: {
@@ -35,7 +35,7 @@ declare const listStyle: ComponentSlotStyle<"icon" | "root" | "item", {
       };
     };
   };
-}, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item">>>;
+}, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root">>>;
 type ListStyle = typeof listStyle;
 //#endregion
 export { ListStyle, listStyle };

package/dist/types/components/loading/loading.d.ts

@@ -17,7 +17,7 @@ interface LoadingProps extends WithoutThemeProps<IconProps>, ThemeProps<LoadingS
    */
   secondaryColor?: CSSProps["color"];
 }
-declare const LoadingPropsContext: _$react.Context<Partial<LoadingProps> | undefined>, useLoadingPropsContext: () => Partial<LoadingProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends LoadingProps = LoadingProps, R extends keyof H = keyof H>(el: D | _$react.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
+declare const LoadingPropsContext: _$react.Context<Partial<LoadingProps> | undefined>, useLoadingPropsContext: () => Partial<LoadingProps> | undefined, withContext: <D extends As | "fragment" = "div", H extends LoadingProps = LoadingProps, R extends keyof H = keyof H>(el: D | _$react.FC<WithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>>, {
     name,
     className,
     withContext,

package/dist/types/components/menu/menu.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/menu/menu.style.d.ts
-declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>, {
+declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator">>, {
   sm: {
     command: {
       fontSize: "2xs";
@@ -86,7 +86,7 @@ declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "con
       px: "2";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>>;
+}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator">>>;
 type MenuStyle = typeof menuStyle;
 //#endregion
 export { MenuStyle, menuStyle };

package/dist/types/components/native-accordion/native-accordion.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/native-accordion/native-accordion.style.d.ts
-declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", {
+declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "item" | "root", {
   /**
    * If `true`, animate the accordion items when they are expanded or collapsed.
    *
@@ -31,7 +31,7 @@ declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "ico
       };
     };
   };
-}, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
+}, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, {
   panel: {
     button: {
       rounded: "l2";

package/dist/types/components/notice/notice.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/notice/notice.style.d.ts
-declare const noticeStyle: ComponentSlotStyle<"content" | "closeButton" | "root" | "item", CSSPropObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>>;
+declare const noticeStyle: ComponentSlotStyle<"content" | "closeButton" | "item" | "root", CSSPropObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>>;
 type NoticeStyle = typeof noticeStyle;
 //#endregion
 export { NoticeStyle };

package/dist/types/components/pagination/pagination.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/pagination/pagination.style.d.ts
-declare const paginationStyle: ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
+declare const paginationStyle: ComponentSlotStyle<"text" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
   xs: {
     item: {
       fontSize: "{font-size}";

package/dist/types/components/radio/radio.d.ts

@@ -29,7 +29,7 @@ interface RadioProps<Y extends string = string> extends Merge<HTMLStyledProps<"l
    */
   rootProps?: HTMLStyledProps<"label">;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
+declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
     shape: {
       circle: {
         indicator: {

package/dist/types/components/radio-card/radio-card.d.ts

@@ -55,7 +55,7 @@ interface RadioCardRootProps<Y extends string = string> extends Merge<HTMLStyled
    */
   rootProps?: HTMLStyledProps<"label">;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
+declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
     justify: {
       end: {
         addon: {

package/dist/types/components/rating/rating.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/rating/rating.style.d.ts
-declare const ratingStyle: ComponentSlotStyle<"group" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"group" | "icon" | "root" | "item">>, {
+declare const ratingStyle: ComponentSlotStyle<"group" | "icon" | "item" | "root", CSSPropObject<CSSSlotObject<"group" | "icon" | "item" | "root">>, {
   xs: {
     icon: {
       fontSize: "md";
@@ -27,7 +27,7 @@ declare const ratingStyle: ComponentSlotStyle<"group" | "icon" | "root" | "item"
       fontSize: "3xl";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"group" | "icon" | "root" | "item">>>;
+}, CSSModifierObject<CSSSlotObject<"group" | "icon" | "item" | "root">>>;
 type RatingStyle = typeof ratingStyle;
 //#endregion
 export { RatingStyle, ratingStyle };

package/dist/types/components/reorder/reorder.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/reorder/reorder.style.d.ts
-declare const reorderStyle: ComponentSlotStyle<"root" | "item" | "trigger", {
+declare const reorderStyle: ComponentSlotStyle<"item" | "root" | "trigger", {
   /**
    * The orientation of the reorder.
    *

package/dist/types/components/resizable/resizable.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/resizable/resizable.style.d.ts
-declare const resizableStyle: ComponentSlotStyle<"icon" | "root" | "item" | "trigger", {
+declare const resizableStyle: ComponentSlotStyle<"icon" | "item" | "root" | "trigger", {
   /**
    * The orientation of the resizable.
    *
@@ -19,7 +19,7 @@ declare const resizableStyle: ComponentSlotStyle<"icon" | "root" | "item" | "tri
       };
     };
   };
-}, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item" | "trigger">>, {
+}, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root" | "trigger">>, {
   border: {
     icon: {
       bg: "colorScheme.muted";

package/dist/types/components/segmented-control/segmented-control.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/segmented-control/segmented-control.style.d.ts
-declare const segmentedControlStyle: ComponentSlotStyle<"root" | "indicator" | "item", {
+declare const segmentedControlStyle: ComponentSlotStyle<"item" | "root" | "indicator", {
   /**
    * If `true`, the segmented control will be full rounded.
    *
@@ -113,7 +113,7 @@ declare const segmentedControlStyle: ComponentSlotStyle<"root" | "indicator" | "
       };
     };
   };
-}, CSSModifierObject<CSSSlotObject<"root" | "indicator" | "item">>>;
+}, CSSModifierObject<CSSSlotObject<"item" | "root" | "indicator">>>;
 type SegmentedControlStyle = typeof segmentedControlStyle;
 //#endregion
 export { SegmentedControlStyle, segmentedControlStyle };

package/dist/types/components/steps/steps.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/steps/steps.style.d.ts
-declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "root" | "description" | "indicator" | "item", {
+declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "item" | "root" | "description" | "indicator", {
   /**
    * The orientation of the steps.
    *

package/dist/types/components/timeline/timeline.d.ts

@@ -69,7 +69,7 @@ declare const TimelineRoot: Component<({
   index,
   items,
   ...rest
-}: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "root" | "description" | "indicator" | "item" | "connector", {
+}: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "item" | "root" | "description" | "indicator" | "connector", {
   align: {
     center: {
       content: {

package/dist/types/components/timeline/timeline.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/timeline/timeline.style.d.ts
-declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "root" | "description" | "indicator" | "item" | "connector", {
+declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "item" | "root" | "description" | "indicator" | "connector", {
   /**
    * The alignment of the timeline.
    *

package/dist/types/components/toggle/toggle.d.ts

@@ -12,7 +12,7 @@ import * as _$_yamada_ui_utils0 from "@yamada-ui/utils";
 
 //#region src/components/toggle/toggle.d.ts
 interface ToggleProps<Y extends string = string> extends Omit<WithoutThemeProps<IconButtonProps, ToggleStyle>, "aria-label" | "onChange" | "ref" | "value">, UseToggleProps<Y>, Pick<UseInputBorderProps, "errorBorderColor">, ThemeProps<ToggleStyle> {}
-declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root", {
+declare const component: <H extends As | "fragment" = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root", {
     fullRounded: {
       true: {
         root: {

package/dist/types/components/tree/tree.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/tree/tree.style.d.ts
-declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "root" | "indicator" | "item", {
+declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "item" | "root" | "indicator", {
   /**
    * The shape of the component
    *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yamada-ui/react",
   "type": "module",
-  "version": "2.2.1-dev-20260510062932",
+  "version": "2.2.1-dev-20260511103853",
   "description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
   "keywords": [
     "yamada",
@@ -147,7 +147,7 @@
     "scroll-into-view-if-needed": "^3.1.0",
     "sonner": "^2.0.7",
     "uqr": "^0.1.3",
-    "@yamada-ui/utils": "2.1.3-dev-20260510062932"
+    "@yamada-ui/utils": "2.1.3-dev-20260511103853"
   },
   "devDependencies": {
     "@babel/parser": "^7.29.2",
@@ -163,7 +163,6 @@
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/browser": "^4.1.5",
     "@vitest/browser-playwright": "^4.1.5",
-    "axe-core": "^4.11.2",
     "axe-playwright": "^2.2.2",
     "jsdom": "^29.1.1",
     "playwright": "^1.59.1",