@yamada-ui/react 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018

package/dist/cjs/_virtual/rolldown_runtime.cjs

@@ -21,7 +21,6 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
@@ -35,12 +34,6 @@ Object.defineProperty(exports, '__export', {
     return __export;
   }
 });
-Object.defineProperty(exports, '__reExport', {
-  enumerable: true,
-  get: function () {
-    return __reExport;
-  }
-});
 Object.defineProperty(exports, '__toESM', {
   enumerable: true,
   get: function () {

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

@@ -4,7 +4,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('../../utils/children.cjs');
 const require_utils_context = require('../../utils/context.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_collapse_collapse = require('../collapse/collapse.cjs');
@@ -60,14 +61,14 @@ const AccordionRoot = withProvider(({ icon, iconHidden,...props }) => {
 }, "root")();
 const AccordionItem = withContext(({ button, children, icon,...rest }) => {
 	const { disabled, open, getButtonProps, getIconProps, getItemProps, getPanelProps } = require_components_accordion_use_accordion.useAccordionItem(rest);
-	children = (0, require_utils_index.utils_exports.runIfFn)(children, {
+	children = require_utils_common_function.runIfFn(children, {
 		disabled,
 		expanded: open
 	});
 	const validChildren = require_utils_children.getValidChildren(children);
 	const customAccordionButton = require_utils_children.findChild(validChildren, AccordionButton);
 	const customAccordionPanel = require_utils_children.findChild(validChildren, AccordionPanel);
-	const cloneChildren = !(0, require_utils_index.utils_exports.isEmpty)(validChildren) ? require_utils_children.omitChildren(validChildren, AccordionButton, AccordionPanel) : children;
+	const cloneChildren = !require_utils_common_assertion.isEmpty(validChildren) ? require_utils_children.omitChildren(validChildren, AccordionButton, AccordionPanel) : children;
 	const context = (0, react.useMemo)(() => ({
 		disabled,
 		icon,
@@ -90,7 +91,7 @@ const AccordionItem = withContext(({ button, children, icon,...rest }) => {
 			value: componentContext,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_system_factory.styled.div, {
 				...getItemProps(),
-				children: [customAccordionButton ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionButton, { children: (0, require_utils_index.utils_exports.runIfFn)(button, {
+				children: [customAccordionButton ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionButton, { children: require_utils_common_function.runIfFn(button, {
 					disabled,
 					expanded: open
 				}) }), customAccordionPanel ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionPanel, { children: cloneChildren })]
@@ -110,7 +111,7 @@ const AccordionButton = withContext(({ children, icon: customIcon, containerProp
 		...containerProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_system_factory.styled.button, {
 			...getButtonProps(rest),
-			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionIcon, { children: (0, require_utils_index.utils_exports.runIfFn)(itemIcon, props) ?? (0, require_utils_index.utils_exports.runIfFn)(rootIcon, props) ?? (0, require_utils_index.utils_exports.runIfFn)(customIcon, props) })]
+			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionIcon, { children: require_utils_common_function.runIfFn(itemIcon, props) ?? require_utils_common_function.runIfFn(rootIcon, props) ?? require_utils_common_function.runIfFn(customIcon, props) })]
 		})
 	});
 }, "button")();
@@ -138,7 +139,7 @@ const AccordionPanel = withContext(({ animationOpacity, children, delay, duratio
 		unmountOnExit,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_system_factory.styled.div, {
 			...getPanelProps(rest),
-			children: (0, require_utils_index.utils_exports.isString)(children) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_system_factory.styled.p, { children }) : children
+			children: require_utils_common_assertion.isString(children) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_system_factory.styled.p, { children }) : children
 		})
 	});
 }, "panel")();

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

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

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

@@ -4,7 +4,10 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_context = require('../../utils/context.cjs');
 const require_utils_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
+const require_utils_common_string = require('../../utils/common/string.cjs');
 const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
 const require_hooks_use_descendant_index = require('../../hooks/use-descendant/index.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
@@ -14,7 +17,7 @@ const { DescendantsContext: AccordionDescendantsContext, useDescendant: useAccor
 const [AccordionContext, useAccordionContext] = require_utils_context.createContext({ name: "AccordionContext" });
 const [AccordionItemContext, useAccordionItemContext] = require_utils_context.createContext({ name: "AccordionItemContext" });
 const useAccordion = ({ defaultIndex: defaultIndexProp, index: indexProp, multiple, toggle, onChange,...rest } = {}) => {
-	if ((indexProp || defaultIndexProp) != null && !(0, require_utils_index.utils_exports.isArray)(indexProp || defaultIndexProp) && multiple) console.warn(`Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`);
+	if ((indexProp || defaultIndexProp) != null && !require_utils_common_assertion.isArray(indexProp || defaultIndexProp) && multiple) console.warn(`Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`);
 	if (multiple && toggle) console.warn(`Accordion: If 'multiple' is passed, 'toggle' will be ignored. Either remove 'toggle' or 'multiple' depending on whether you want multiple accordions visible or not`);
 	const descendants = useAccordionDescendants();
 	const [focusedIndex, setFocusedIndex] = (0, react.useState)(-1);
@@ -47,11 +50,11 @@ const useAccordionItem = ({ disabled,...rest } = {}) => {
 	const panelId = (0, react.useId)();
 	const { index: selectedIndex, multiple, setFocusedIndex, setIndex, toggle } = useAccordionContext();
 	const { descendants, index, register } = useAccordionDescendant({ disabled });
-	const open = index !== -1 ? (0, require_utils_index.utils_exports.isArray)(selectedIndex) ? selectedIndex.includes(index) : selectedIndex === index : false;
+	const open = index !== -1 ? require_utils_common_assertion.isArray(selectedIndex) ? selectedIndex.includes(index) : selectedIndex === index : false;
 	if (open && disabled) console.warn(`Accordion: Cannot open a disabled accordion item`);
 	const onChange = (0, react.useCallback)((open$1) => {
 		if (index === -1) return;
-		if (multiple && (0, require_utils_index.utils_exports.isArray)(selectedIndex)) setIndex(open$1 ? selectedIndex.concat(index) : selectedIndex.filter((i) => i !== index));
+		if (multiple && require_utils_common_assertion.isArray(selectedIndex)) setIndex(open$1 ? selectedIndex.concat(index) : selectedIndex.filter((i) => i !== index));
 		else if (open$1) setIndex(index);
 		else if (toggle) setIndex(-1);
 	}, [
@@ -98,7 +101,7 @@ const useAccordionItem = ({ disabled,...rest } = {}) => {
 		action(ev);
 	}, [descendants, index]);
 	const getItemProps = (0, react.useCallback)(({ ref,...props } = {}) => ({
-		"data-expanded": (0, require_utils_index.utils_exports.dataAttr)(open),
+		"data-expanded": require_utils_common_dom.dataAttr(open),
 		...props,
 		...rest,
 		ref: require_utils_ref.mergeRefs(ref, rest.ref)
@@ -107,14 +110,14 @@ const useAccordionItem = ({ disabled,...rest } = {}) => {
 		id: itemId,
 		type: "button",
 		"aria-controls": panelId,
-		"aria-disabled": (0, require_utils_index.utils_exports.ariaAttr)(!multiple && !toggle && open || disabled),
+		"aria-disabled": require_utils_common_dom.ariaAttr(!multiple && !toggle && open || disabled),
 		"aria-expanded": open,
 		...props,
 		ref: require_utils_ref.mergeRefs(register, ref),
 		disabled,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onClick),
-		onFocus: (0, require_utils_index.utils_exports.handlerAll)(props.onFocus, onFocus),
-		onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props.onKeyDown, onKeyDown)
+		onClick: require_utils_common_function.handlerAll(props.onClick, onClick),
+		onFocus: require_utils_common_function.handlerAll(props.onFocus, onFocus),
+		onKeyDown: require_utils_common_function.handlerAll(props.onKeyDown, onKeyDown)
 	}), [
 		itemId,
 		open,
@@ -129,12 +132,12 @@ const useAccordionItem = ({ disabled,...rest } = {}) => {
 	]);
 	const getPanelProps = (0, react.useCallback)(({ "aria-labelledby": ariaLabelledby,...props } = {}) => ({
 		id: panelId,
-		"aria-labelledby": (0, require_utils_index.utils_exports.cx)(ariaLabelledby, itemId),
+		"aria-labelledby": require_utils_common_string.cx(ariaLabelledby, itemId),
 		role: "region",
 		...props
 	}), [itemId, panelId]);
 	const getIconProps = (0, react.useCallback)((props) => ({
-		"aria-disabled": (0, require_utils_index.utils_exports.ariaAttr)(disabled),
+		"aria-disabled": require_utils_common_dom.ariaAttr(disabled),
 		"aria-expanded": open,
 		"aria-hidden": true,
 		role: "presentation",

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

@@ -1 +1 @@
-{"version":3,"file":"use-accordion.cjs","names":["getRootProps: PropGetter","open: boolean","open","ev: KeyboardEvent<HTMLButtonElement>","actions: { [key: string]: KeyboardEventHandler }","getItemProps: PropGetter","getButtonProps: PropGetter<\"button\">","getPanelProps: PropGetter","getIconProps: PropGetter<\"svg\">"],"sources":["../../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent, KeyboardEventHandler } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendant } from \"../../hooks/use-descendant\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  mergeRefs,\n} from \"../../utils\"\n\nexport const {\n  DescendantsContext: AccordionDescendantsContext,\n  useDescendant: useAccordionDescendant,\n  useDescendants: useAccordionDescendants,\n} = createDescendant<HTMLButtonElement>()\n\ninterface AccordionContext\n  extends Omit<UseAccordionReturn, \"descendants\" | \"getRootProps\"> {}\n\nexport const [AccordionContext, useAccordionContext] =\n  createContext<AccordionContext>({\n    name: \"AccordionContext\",\n  })\n\ninterface AccordionItemContext\n  extends Omit<UseAccordionItemReturn, \"getItemProps\"> {}\n\nexport const [AccordionItemContext, useAccordionItemContext] =\n  createContext<AccordionItemContext>({\n    name: \"AccordionItemContext\",\n  })\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    ({ ref, ...props } = {}) => ({\n      ...props,\n      ...rest,\n      ref: mergeRefs(ref, rest.ref),\n    }),\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   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useAccordionItem = ({\n  disabled,\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, index, 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      const actions: { [key: string]: KeyboardEventHandler } = {\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      const action = actions[ev.key]\n\n      if (!action) return\n\n      ev.preventDefault()\n      action(ev)\n    },\n    [descendants, index],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"data-expanded\": dataAttr(open),\n      ...props,\n      ...rest,\n      ref: mergeRefs(ref, rest.ref),\n    }),\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(disabled),\n      \"aria-expanded\": open,\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [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":";;;;;;;;;;;;AAiBA,MAAa,EACX,oBAAoB,6BACpB,eAAe,wBACf,gBAAgB,yBACjB,GAAG,qDAAqC;AAKzC,MAAa,CAAC,kBAAkB,oBAAoB,GAClD,oCAAgC,EAC9B,MAAM,mBACP,EAAC;AAKJ,MAAa,CAAC,sBAAsB,wBAAwB,GAC1D,oCAAoC,EAClC,MAAM,uBACP,EAAC;AA6BJ,MAAa,eAAe,CAAC,EAC3B,cAAc,kBACd,OAAO,WACP,UACA,QACA,SACA,GAAG,MACe,GAAG,CAAE,MAAK;AAC5B,MACG,aAAa,qBAAqB,SAClC,+CAAQ,aAAa,iBAAiB,IACvC,SAEA,SAAQ,MACL,sFACF;AAGH,KAAI,YAAY,OACd,SAAQ,MACL,qKACF;CAGH,MAAM,cAAc,yBAAyB;CAE7C,MAAM,CAAC,cAAc,gBAAgB,GAAG,oBAAiB,GAAG;CAE5D,MAAM,CAAC,OAAO,SAAS,GAAG,gEAAqB;EAC7C,cAAc,MACZ,WAAY,oBAAoB,CAAE,IAAK,oBAAoB;EAC7D,OAAO;EACP;CACD,EAAC;CAEF,MAAMA,eAA2B,uBAC/B,CAAC,EAAE,IAAK,GAAG,OAAO,GAAG,CAAE,OAAM;EAC3B,GAAG;EACH,GAAG;EACH,KAAK,4BAAU,KAAK,KAAK,IAAI;CAC9B,IACD,CAAC,IAAK,EACP;AAED,sBAAU,MAAM;AACd,SAAO,MAAM,gBAAgB,GAAG;CACjC,GAAE,CAAE,EAAC;AAEN,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACF;AAaD,MAAa,mBAAmB,CAAC,EAC/B,SACA,GAAG,MACmB,GAAG,CAAE,MAAK;CAChC,MAAM,SAAS,kBAAO;CACtB,MAAM,UAAU,kBAAO;CACvB,MAAM,EACJ,OAAO,eACP,UACA,iBACA,UACA,QACD,GAAG,qBAAqB;CACzB,MAAM,EAAE,aAAa,OAAO,UAAU,GAAG,uBAAuB,EAAE,SAAU,EAAC;CAC7E,MAAM,OACJ,UAAU,KACN,+CAAQ,cAAc,GACpB,cAAc,SAAS,MAAM,GAC7B,kBAAkB,QACpB;AAEN,KAAI,QAAQ,SACV,SAAQ,MAAM,kDAAkD;CAElE,MAAM,WAAW,uBACf,CAACC,WAAkB;AACjB,MAAI,UAAU,GAAI;AAElB,MAAI,YAAY,+CAAQ,cAAc,CACpC,UACEC,SACI,cAAc,OAAO,MAAM,GAC3B,cAAc,OAAO,CAAC,MAAM,MAAM,MAAM,CAC7C;WACQA,OACT,UAAS,MAAM;WACN,OACT,UAAS,GAAG;CAEf,GACD;EAAC;EAAU;EAAQ;EAAO;EAAe;CAAS,EACnD;CAED,MAAM,UAAU,uBAAY,MAAM;AAChC,kBAAgB,MAAM;CACvB,GAAE,CAAC,iBAAiB,KAAM,EAAC;CAE5B,MAAM,UAAU,uBAAY,MAAM;AAChC,YAAU,KAAK;AACf,kBAAgB,MAAM;CACvB,GAAE;EAAC;EAAO;EAAiB;EAAM;CAAS,EAAC;CAE5C,MAAM,YAAY,uBAChB,CAACC,OAAyC;EACxC,MAAMC,UAAmD;GACvD,WAAW,MAAM;IACf,MAAM,OAAO,YAAY,iBAAiB,MAAM;AAEhD,UAAM,KAAK,OAAO;GACnB;GACD,SAAS,MAAM;IACb,MAAM,OAAO,YAAY,iBAAiB,MAAM;AAEhD,UAAM,KAAK,OAAO;GACnB;GACD,KAAK,MAAM;IACT,MAAM,OAAO,YAAY,kBAAkB;AAE3C,UAAM,KAAK,OAAO;GACnB;GACD,MAAM,MAAM;IACV,MAAM,QAAQ,YAAY,mBAAmB;AAE7C,WAAO,KAAK,OAAO;GACpB;EACF;EAED,MAAM,SAAS,QAAQ,GAAG;AAE1B,OAAK,OAAQ;AAEb,KAAG,gBAAgB;AACnB,SAAO,GAAG;CACX,GACD,CAAC,aAAa,KAAM,EACrB;CAED,MAAMC,eAA2B,uBAC/B,CAAC,EAAE,IAAK,GAAG,OAAO,GAAG,CAAE,OAAM;EAC3B,iBAAiB,gDAAS,KAAK;EAC/B,GAAG;EACH,GAAG;EACH,KAAK,4BAAU,KAAK,KAAK,IAAI;CAC9B,IACD,CAAC,MAAM,IAAK,EACb;CAED,MAAMC,iBAAuC,uBAC3C,CAAC,EAAE,IAAK,GAAG,OAAO,GAAG,CAAE,OAAM;EAC3B,IAAI;EACJ,MAAM;EACN,iBAAiB;EACjB,iBAAiB,iDAAW,aAAa,UAAU,QAAS,SAAS;EACrE,iBAAiB;EACjB,GAAG;EACH,KAAK,4BAAU,UAAU,IAAI;EAC7B;EACA,SAAS,kDAAW,MAAM,SAAS,QAAQ;EAC3C,SAAS,kDAAW,MAAM,SAAS,QAAQ;EAC3C,WAAW,kDAAW,MAAM,WAAW,UAAU;CAClD,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CAED,MAAMC,gBAA4B,uBAChC,CAAC,EAAE,mBAAmB,eAAgB,GAAG,OAAO,GAAG,CAAE,OAAM;EACzD,IAAI;EACJ,mBAAmB,0CAAG,gBAAgB,OAAO;EAC7C,MAAM;EACN,GAAG;CACJ,IACD,CAAC,QAAQ,OAAQ,EAClB;CAED,MAAMC,eAAkC,uBACtC,CAAC,WAAW;EACV,iBAAiB,gDAAS,SAAS;EACnC,iBAAiB;EACjB,eAAe;EACf,MAAM;EACN,GAAG;CACJ,IACD,CAAC,MAAM,QAAS,EACjB;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACD;AACF"}
+{"version":3,"file":"use-accordion.cjs","names":["getRootProps: PropGetter","open: boolean","open","ev: KeyboardEvent<HTMLButtonElement>","actions: { [key: string]: KeyboardEventHandler }","getItemProps: PropGetter","getButtonProps: PropGetter<\"button\">","getPanelProps: PropGetter","getIconProps: PropGetter<\"svg\">"],"sources":["../../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent, KeyboardEventHandler } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendant } from \"../../hooks/use-descendant\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  mergeRefs,\n} from \"../../utils\"\n\nexport const {\n  DescendantsContext: AccordionDescendantsContext,\n  useDescendant: useAccordionDescendant,\n  useDescendants: useAccordionDescendants,\n} = createDescendant<HTMLButtonElement>()\n\ninterface AccordionContext\n  extends Omit<UseAccordionReturn, \"descendants\" | \"getRootProps\"> {}\n\nexport const [AccordionContext, useAccordionContext] =\n  createContext<AccordionContext>({\n    name: \"AccordionContext\",\n  })\n\ninterface AccordionItemContext\n  extends Omit<UseAccordionItemReturn, \"getItemProps\"> {}\n\nexport const [AccordionItemContext, useAccordionItemContext] =\n  createContext<AccordionItemContext>({\n    name: \"AccordionItemContext\",\n  })\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    ({ ref, ...props } = {}) => ({\n      ...props,\n      ...rest,\n      ref: mergeRefs(ref, rest.ref),\n    }),\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   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useAccordionItem = ({\n  disabled,\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, index, 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      const actions: { [key: string]: KeyboardEventHandler } = {\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      const action = actions[ev.key]\n\n      if (!action) return\n\n      ev.preventDefault()\n      action(ev)\n    },\n    [descendants, index],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"data-expanded\": dataAttr(open),\n      ...props,\n      ...rest,\n      ref: mergeRefs(ref, rest.ref),\n    }),\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(disabled),\n      \"aria-expanded\": open,\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [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/airy/airy.cjs

@@ -2,7 +2,8 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_core_css_use_inject_vars = require('../../core/css/use-inject-vars.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_motion_factory = require('../motion/factory.cjs');
@@ -51,13 +52,13 @@ const Airy = withContext(({ defaultValue = "from", delay = 0, disabled, duration
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_motion_factory.motion.button, {
 		type: "button",
-		"data-disabled": (0, require_utils_index.utils_exports.dataAttr)(disabled),
-		"data-readonly": (0, require_utils_index.utils_exports.dataAttr)(readOnly),
+		"data-disabled": require_utils_common_dom.dataAttr(disabled),
+		"data-readonly": require_utils_common_dom.dataAttr(readOnly),
 		"data-value": value,
 		animate,
 		disabled,
 		initial: { opacity },
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(onClickProp, onClick),
+		onClick: require_utils_common_function.handlerAll(onClickProp, onClick),
 		...rest,
 		children: value === "from" ? from : to
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"airy.cjs","names":["airyStyle","motion"],"sources":["../../../../src/components/airy/airy.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { AiryStyle } from \"./airy.style\"\nimport { useAnimation } from \"motion/react\"\nimport { useCallback } from \"react\"\nimport {\n  createComponent,\n  useInjectVarsIntoCss,\n  useInjectVarsIntoProps,\n} from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { airyStyle } from \"./airy.style\"\n\nexport interface AiryProps\n  extends Omit<HTMLMotionProps<\"button\">, \"onChange\">,\n    ThemeProps<AiryStyle> {\n  /**\n   * Passing React elements to \"from\" is required.\n   */\n  from: ReactNode\n  /**\n   * Passing React elements to \"to\" is required.\n   */\n  to: ReactNode\n  /**\n   * You can set the initial state.\n   *\n   * @default 'from'\n   */\n  defaultValue?: KeyframeIdent\n  /**\n   *　The animation delay.\n   *\n   * @default 0\n   */\n  delay?: number\n  /**\n   * If `true`, the component is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The animation duration.\n   *\n   * @default 0.2\n   */\n  duration?: number\n  /**\n   * If `true`, the component is readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * Use this when you want to control the animation from outside the component.\n   */\n  value?: KeyframeIdent\n  /**\n   * This is a callback function that is called when the animation state changes.\n   */\n  onChange?: (value: KeyframeIdent) => void\n}\n\nexport const {\n  PropsContext: AiryPropsContext,\n  usePropsContext: useAiryPropsContext,\n  withContext,\n} = createComponent<AiryProps, AiryStyle>(\"airy\", airyStyle)\n\n/**\n * `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.\n *\n * @see https://yamada-ui.com/components/airy\n */\nexport const Airy = withContext(\n  ({\n    defaultValue = \"from\",\n    delay = 0,\n    disabled,\n    duration = 0.2,\n    from,\n    readOnly,\n    to,\n    value: valueProp,\n    onChange,\n    onClick: onClickProp,\n    ...rest\n  }) => {\n    const opacity = \"var(--opacity)\"\n    const animate = useAnimation()\n    const [value, setValue] = useControllableState<KeyframeIdent>({\n      defaultValue,\n      value: valueProp,\n      onChange,\n    })\n\n    const onClick = useCallback(async () => {\n      if (readOnly) return\n\n      await animate.start({ opacity: 0, transition: { delay, duration } })\n\n      setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n\n      await animate.start({ opacity, transition: { duration } })\n    }, [animate, setValue, readOnly, opacity, duration, delay])\n\n    return (\n      <motion.button\n        type=\"button\"\n        data-disabled={dataAttr(disabled)}\n        data-readonly={dataAttr(readOnly)}\n        data-value={value}\n        animate={animate}\n        disabled={disabled}\n        initial={{ opacity }}\n        onClick={handlerAll(onClickProp, onClick)}\n        {...rest}\n      >\n        {value === \"from\" ? from : to}\n      </motion.button>\n    )\n  },\n)(undefined, (props) => {\n  const css = useInjectVarsIntoCss(props.css, { opacity: \"opacity\" })\n  const rest = useInjectVarsIntoProps(props, { opacity: \"opacity\" })\n\n  return { ...rest, css, opacity: \"{opacity}\" }\n})\n"],"mappings":";;;;;;;;;;;;;;;AAqEA,MAAa,EACX,cAAc,kBACd,iBAAiB,qBACjB,aACD,GAAG,yDAAsC,QAAQA,6CAAU;;;;;;AAO5D,MAAa,OAAO,YAClB,CAAC,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,UACA,IACA,OAAO,WACP,UACA,SAAS,YACT,GAAG,MACJ,KAAK;CACJ,MAAM,UAAU;CAChB,MAAM,UAAU,gCAAc;CAC9B,MAAM,CAAC,OAAO,SAAS,GAAG,gEAAoC;EAC5D;EACA,OAAO;EACP;CACD,EAAC;CAEF,MAAM,UAAU,uBAAY,YAAY;AACtC,MAAI,SAAU;AAEd,QAAM,QAAQ,MAAM;GAAE,SAAS;GAAG,YAAY;IAAE;IAAO;GAAU;EAAE,EAAC;AAEpE,WAAS,CAAC,SAAU,SAAS,SAAS,OAAO,OAAQ;AAErD,QAAM,QAAQ,MAAM;GAAE;GAAS,YAAY,EAAE,SAAU;EAAE,EAAC;CAC3D,GAAE;EAAC;EAAS;EAAU;EAAU;EAAS;EAAU;CAAM,EAAC;AAE3D,wBACE,2BAACC,yCAAO;EACN,MAAK;EACL,iBAAe,gDAAS,SAAS;EACjC,iBAAe,gDAAS,SAAS;EACjC,cAAY;EACH;EACC;EACV,SAAS,EAAE,QAAS;EACpB,SAAS,kDAAW,aAAa,QAAQ;EACzC,GAAI;YAEH,UAAU,SAAS,OAAO;GACb;AAEnB,EACF,SAAY,CAAC,UAAU;CACtB,MAAM,MAAM,sDAAqB,MAAM,KAAK,EAAE,SAAS,UAAW,EAAC;CACnE,MAAM,OAAO,wDAAuB,OAAO,EAAE,SAAS,UAAW,EAAC;AAElE,QAAO;EAAE,GAAG;EAAM;EAAK,SAAS;CAAa;AAC9C,EAAC"}
+{"version":3,"file":"airy.cjs","names":["airyStyle","motion"],"sources":["../../../../src/components/airy/airy.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { AiryStyle } from \"./airy.style\"\nimport { useAnimation } from \"motion/react\"\nimport { useCallback } from \"react\"\nimport {\n  createComponent,\n  useInjectVarsIntoCss,\n  useInjectVarsIntoProps,\n} from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { airyStyle } from \"./airy.style\"\n\nexport interface AiryProps\n  extends Omit<HTMLMotionProps<\"button\">, \"onChange\">,\n    ThemeProps<AiryStyle> {\n  /**\n   * Passing React elements to \"from\" is required.\n   */\n  from: ReactNode\n  /**\n   * Passing React elements to \"to\" is required.\n   */\n  to: ReactNode\n  /**\n   * You can set the initial state.\n   *\n   * @default 'from'\n   */\n  defaultValue?: KeyframeIdent\n  /**\n   *　The animation delay.\n   *\n   * @default 0\n   */\n  delay?: number\n  /**\n   * If `true`, the component is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The animation duration.\n   *\n   * @default 0.2\n   */\n  duration?: number\n  /**\n   * If `true`, the component is readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * Use this when you want to control the animation from outside the component.\n   */\n  value?: KeyframeIdent\n  /**\n   * This is a callback function that is called when the animation state changes.\n   */\n  onChange?: (value: KeyframeIdent) => void\n}\n\nexport const {\n  PropsContext: AiryPropsContext,\n  usePropsContext: useAiryPropsContext,\n  withContext,\n} = createComponent<AiryProps, AiryStyle>(\"airy\", airyStyle)\n\n/**\n * `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.\n *\n * @see https://yamada-ui.com/components/airy\n */\nexport const Airy = withContext(\n  ({\n    defaultValue = \"from\",\n    delay = 0,\n    disabled,\n    duration = 0.2,\n    from,\n    readOnly,\n    to,\n    value: valueProp,\n    onChange,\n    onClick: onClickProp,\n    ...rest\n  }) => {\n    const opacity = \"var(--opacity)\"\n    const animate = useAnimation()\n    const [value, setValue] = useControllableState<KeyframeIdent>({\n      defaultValue,\n      value: valueProp,\n      onChange,\n    })\n\n    const onClick = useCallback(async () => {\n      if (readOnly) return\n\n      await animate.start({ opacity: 0, transition: { delay, duration } })\n\n      setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n\n      await animate.start({ opacity, transition: { duration } })\n    }, [animate, setValue, readOnly, opacity, duration, delay])\n\n    return (\n      <motion.button\n        type=\"button\"\n        data-disabled={dataAttr(disabled)}\n        data-readonly={dataAttr(readOnly)}\n        data-value={value}\n        animate={animate}\n        disabled={disabled}\n        initial={{ opacity }}\n        onClick={handlerAll(onClickProp, onClick)}\n        {...rest}\n      >\n        {value === \"from\" ? from : to}\n      </motion.button>\n    )\n  },\n)(undefined, (props) => {\n  const css = useInjectVarsIntoCss(props.css, { opacity: \"opacity\" })\n  const rest = useInjectVarsIntoProps(props, { opacity: \"opacity\" })\n\n  return { ...rest, css, opacity: \"{opacity}\" }\n})\n"],"mappings":";;;;;;;;;;;;;;;;AAqEA,MAAa,EACX,cAAc,kBACd,iBAAiB,qBACjB,aACD,GAAG,yDAAsC,QAAQA,6CAAU;;;;;;AAO5D,MAAa,OAAO,YAClB,CAAC,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,UACA,IACA,OAAO,WACP,UACA,SAAS,YACT,GAAG,MACJ,KAAK;CACJ,MAAM,UAAU;CAChB,MAAM,UAAU,gCAAc;CAC9B,MAAM,CAAC,OAAO,SAAS,GAAG,gEAAoC;EAC5D;EACA,OAAO;EACP;CACD,EAAC;CAEF,MAAM,UAAU,uBAAY,YAAY;AACtC,MAAI,SAAU;AAEd,QAAM,QAAQ,MAAM;GAAE,SAAS;GAAG,YAAY;IAAE;IAAO;GAAU;EAAE,EAAC;AAEpE,WAAS,CAAC,SAAU,SAAS,SAAS,OAAO,OAAQ;AAErD,QAAM,QAAQ,MAAM;GAAE;GAAS,YAAY,EAAE,SAAU;EAAE,EAAC;CAC3D,GAAE;EAAC;EAAS;EAAU;EAAU;EAAS;EAAU;CAAM,EAAC;AAE3D,wBACE,2BAACC,yCAAO;EACN,MAAK;EACL,iBAAe,kCAAS,SAAS;EACjC,iBAAe,kCAAS,SAAS;EACjC,cAAY;EACH;EACC;EACV,SAAS,EAAE,QAAS;EACpB,SAAS,yCAAW,aAAa,QAAQ;EACzC,GAAI;YAEH,UAAU,SAAS,OAAO;GACb;AAEnB,EACF,SAAY,CAAC,UAAU;CACtB,MAAM,MAAM,sDAAqB,MAAM,KAAK,EAAE,SAAS,UAAW,EAAC;CACnE,MAAM,OAAO,wDAAuB,OAAO,EAAE,SAAS,UAAW,EAAC;AAElE,QAAO;EAAE,GAAG;EAAM;EAAK,SAAS;CAAa;AAC9C,EAAC"}

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

@@ -2,7 +2,7 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_object = require('../../utils/common/object.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_aspect_ratio_aspect_ratio_style = require('./aspect-ratio.style.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
@@ -22,7 +22,7 @@ const AspectRatio = withContext("div")(void 0, ({ children, ratio = 4 / 3,...res
 		_before: {
 			display: "block",
 			h: 0,
-			pb: (0, require_utils_index.utils_exports.replaceObject)(ratio, (r) => `${1 / r * 100}%`)
+			pb: require_utils_common_object.replaceObject(ratio, (r) => `${1 / r * 100}%`)
 		}
 	};
 });

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

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.cjs","names":["aspectRatioStyle","AspectRatio: FC<AspectRatioProps>"],"sources":["../../../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC } from \"react\"\nimport type { HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { AspectRatioStyle } from \"./aspect-ratio.style\"\nimport { Children } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { aspectRatioStyle } from \"./aspect-ratio.style\"\n\nexport interface AspectRatioProps extends HTMLStyledProps {\n  /**\n   * The aspect ratio of the Box.\n   *\n   * @default '4 / 3'\n   */\n  ratio?: StyleValue<number>\n}\n\nexport const {\n  PropsContext: AspectRatioPropsContext,\n  usePropsContext: useAspectRatioPropsContext,\n  withContext,\n} = createComponent<AspectRatioProps, AspectRatioStyle>(\n  \"aspect-ratio\",\n  aspectRatioStyle,\n)\n\n/**\n * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.\n *\n * @see https://yamada-ui.com/components/aspect-ratio\n */\nexport const AspectRatio: FC<AspectRatioProps> = withContext(\"div\")(\n  undefined,\n  ({ children, ratio = 4 / 3, ...rest }) => {\n    const child = Children.only(children)\n\n    return {\n      ...rest,\n      children: child,\n      _before: {\n        display: \"block\",\n        h: 0,\n        pb: replaceObject(ratio, (r) => `${(1 / r) * 100}%`),\n      },\n    }\n  },\n)\n"],"mappings":";;;;;;;;;;AAmBA,MAAa,EACX,cAAc,yBACd,iBAAiB,4BACjB,aACD,GAAG,yDACF,gBACAA,oEACD;;;;;;AAOD,MAAaC,cAAoC,YAAY,MAAM,SAEjE,CAAC,EAAE,UAAU,QAAQ,IAAI,EAAG,GAAG,MAAM,KAAK;CACxC,MAAM,QAAQ,eAAS,KAAK,SAAS;AAErC,QAAO;EACL,GAAG;EACH,UAAU;EACV,SAAS;GACP,SAAS;GACT,GAAG;GACH,IAAI,qDAAc,OAAO,CAAC,SAAU,IAAI,IAAK,IAAI,GAAG;EACrD;CACF;AACF,EACF"}
+{"version":3,"file":"aspect-ratio.cjs","names":["aspectRatioStyle","AspectRatio: FC<AspectRatioProps>"],"sources":["../../../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC } from \"react\"\nimport type { HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { AspectRatioStyle } from \"./aspect-ratio.style\"\nimport { Children } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { aspectRatioStyle } from \"./aspect-ratio.style\"\n\nexport interface AspectRatioProps extends HTMLStyledProps {\n  /**\n   * The aspect ratio of the Box.\n   *\n   * @default '4 / 3'\n   */\n  ratio?: StyleValue<number>\n}\n\nexport const {\n  PropsContext: AspectRatioPropsContext,\n  usePropsContext: useAspectRatioPropsContext,\n  withContext,\n} = createComponent<AspectRatioProps, AspectRatioStyle>(\n  \"aspect-ratio\",\n  aspectRatioStyle,\n)\n\n/**\n * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.\n *\n * @see https://yamada-ui.com/components/aspect-ratio\n */\nexport const AspectRatio: FC<AspectRatioProps> = withContext(\"div\")(\n  undefined,\n  ({ children, ratio = 4 / 3, ...rest }) => {\n    const child = Children.only(children)\n\n    return {\n      ...rest,\n      children: child,\n      _before: {\n        display: \"block\",\n        h: 0,\n        pb: replaceObject(ratio, (r) => `${(1 / r) * 100}%`),\n      },\n    }\n  },\n)\n"],"mappings":";;;;;;;;;;AAmBA,MAAa,EACX,cAAc,yBACd,iBAAiB,4BACjB,aACD,GAAG,yDACF,gBACAA,oEACD;;;;;;AAOD,MAAaC,cAAoC,YAAY,MAAM,SAEjE,CAAC,EAAE,UAAU,QAAQ,IAAI,EAAG,GAAG,MAAM,KAAK;CACxC,MAAM,QAAQ,eAAS,KAAK,SAAS;AAErC,QAAO;EACL,GAAG;EACH,UAAU;EACV,SAAS;GACP,SAAS;GACT,GAAG;GACH,IAAI,0CAAc,OAAO,CAAC,SAAU,IAAI,IAAK,IAAI,GAAG;EACrD;CACF;AACF,EACF"}

package/dist/cjs/components/avatar/use-avatar-group.cjs

@@ -1,19 +1,19 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('../../utils/children.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 
 //#region src/components/avatar/use-avatar-group.ts
 const useAvatarGroup = ({ children, max, reverse,...rest } = {}) => {
 	const validChildren = require_utils_children.getValidChildren(children);
-	const excess = !(0, require_utils_index.utils_exports.isUndefined)(max) ? validChildren.length - max : 0;
+	const excess = !require_utils_common_assertion.isUndefined(max) ? validChildren.length - max : 0;
 	const getRootProps = (0, react.useCallback)((props) => ({
 		...rest,
 		...props,
 		role: "group"
 	}), [rest]);
 	const cloneChildren = (0, react.useMemo)(() => {
-		const omittedChildren = !(0, require_utils_index.utils_exports.isUndefined)(max) ? validChildren.slice(0, max) : [...validChildren];
+		const omittedChildren = !require_utils_common_assertion.isUndefined(max) ? validChildren.slice(0, max) : [...validChildren];
 		return reverse ? omittedChildren.reverse() : omittedChildren;
 	}, [
 		max,

package/dist/cjs/components/avatar/use-avatar-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-avatar-group.cjs","names":["getRootProps: PropGetter"],"sources":["../../../../src/components/avatar/use-avatar-group.ts"],"sourcesContent":["import type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { getValidChildren, isUndefined } from \"../../utils\"\n\nexport interface UseAvatarGroupProps extends HTMLProps {\n  /**\n   * The maximum number of visible avatars.\n   */\n  max?: number\n  /**\n   * Whether to reverse the order of the avatars.\n   */\n  reverse?: boolean\n}\n\nexport const useAvatarGroup = ({\n  children,\n  max,\n  reverse,\n  ...rest\n}: UseAvatarGroupProps = {}) => {\n  const validChildren = getValidChildren(children)\n  const excess = !isUndefined(max) ? validChildren.length - max : 0\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...rest, ...props, role: \"group\" }),\n    [rest],\n  )\n\n  const cloneChildren = useMemo(() => {\n    const omittedChildren = !isUndefined(max)\n      ? validChildren.slice(0, max)\n      : [...validChildren]\n\n    return reverse ? omittedChildren.reverse() : omittedChildren\n  }, [max, validChildren, reverse])\n\n  return {\n    children: cloneChildren,\n    excess,\n    getRootProps,\n  }\n}\n\nexport type UseAvatarGroupReturn = ReturnType<typeof useAvatarGroup>\n"],"mappings":";;;;;;AAeA,MAAa,iBAAiB,CAAC,EAC7B,UACA,KACA,QACA,GAAG,MACiB,GAAG,CAAE,MAAK;CAC9B,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,UAAU,mDAAY,IAAI,GAAG,cAAc,SAAS,MAAM;CAEhE,MAAMA,eAA2B,uBAC/B,CAAC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,MAAM;CAAS,IAChD,CAAC,IAAK,EACP;CAED,MAAM,gBAAgB,mBAAQ,MAAM;EAClC,MAAM,mBAAmB,mDAAY,IAAI,GACrC,cAAc,MAAM,GAAG,IAAI,GAC3B,CAAC,GAAG,aAAc;AAEtB,SAAO,UAAU,gBAAgB,SAAS,GAAG;CAC9C,GAAE;EAAC;EAAK;EAAe;CAAQ,EAAC;AAEjC,QAAO;EACL,UAAU;EACV;EACA;CACD;AACF"}
+{"version":3,"file":"use-avatar-group.cjs","names":["getRootProps: PropGetter"],"sources":["../../../../src/components/avatar/use-avatar-group.ts"],"sourcesContent":["import type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { getValidChildren, isUndefined } from \"../../utils\"\n\nexport interface UseAvatarGroupProps extends HTMLProps {\n  /**\n   * The maximum number of visible avatars.\n   */\n  max?: number\n  /**\n   * Whether to reverse the order of the avatars.\n   */\n  reverse?: boolean\n}\n\nexport const useAvatarGroup = ({\n  children,\n  max,\n  reverse,\n  ...rest\n}: UseAvatarGroupProps = {}) => {\n  const validChildren = getValidChildren(children)\n  const excess = !isUndefined(max) ? validChildren.length - max : 0\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...rest, ...props, role: \"group\" }),\n    [rest],\n  )\n\n  const cloneChildren = useMemo(() => {\n    const omittedChildren = !isUndefined(max)\n      ? validChildren.slice(0, max)\n      : [...validChildren]\n\n    return reverse ? omittedChildren.reverse() : omittedChildren\n  }, [max, validChildren, reverse])\n\n  return {\n    children: cloneChildren,\n    excess,\n    getRootProps,\n  }\n}\n\nexport type UseAvatarGroupReturn = ReturnType<typeof useAvatarGroup>\n"],"mappings":";;;;;;AAeA,MAAa,iBAAiB,CAAC,EAC7B,UACA,KACA,QACA,GAAG,MACiB,GAAG,CAAE,MAAK;CAC9B,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,UAAU,2CAAY,IAAI,GAAG,cAAc,SAAS,MAAM;CAEhE,MAAMA,eAA2B,uBAC/B,CAAC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,MAAM;CAAS,IAChD,CAAC,IAAK,EACP;CAED,MAAM,gBAAgB,mBAAQ,MAAM;EAClC,MAAM,mBAAmB,2CAAY,IAAI,GACrC,cAAc,MAAM,GAAG,IAAI,GAC3B,CAAC,GAAG,aAAc;AAEtB,SAAO,UAAU,gBAAgB,SAAS,GAAG;CAC9C,GAAE;EAAC;EAAK;EAAe;CAAQ,EAAC;AAEjC,QAAO;EACL,UAAU;EACV;EACA;CACD;AACF"}

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

@@ -2,7 +2,8 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_providers_i18n_provider_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 
@@ -22,8 +23,8 @@ const useAvatar = ({ name, src, srcSet, alt, crossOrigin, fallback: fallbackMess
 	const getRootProps = (0, react.useCallback)((props) => ({
 		...rest,
 		...props,
-		"data-fallback": (0, require_utils_index.utils_exports.dataAttr)(!!fallbackMessage),
-		"data-loaded": (0, require_utils_index.utils_exports.dataAttr)(loaded)
+		"data-fallback": require_utils_common_dom.dataAttr(!!fallbackMessage),
+		"data-loaded": require_utils_common_dom.dataAttr(loaded)
 	}), [
 		loaded,
 		fallbackMessage,
@@ -39,7 +40,7 @@ const useAvatar = ({ name, src, srcSet, alt, crossOrigin, fallback: fallbackMess
 		hidden: fallback,
 		loading,
 		referrerPolicy,
-		onLoad: (0, require_utils_index.utils_exports.handlerAll)(onLoad, () => setLoaded(true))
+		onLoad: require_utils_common_function.handlerAll(onLoad, () => setLoaded(true))
 	}), [
 		src,
 		srcSet,

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

@@ -1 +1 @@
-{"version":3,"file":"use-avatar.cjs","names":["name: string","getGroupProps: PropGetter","getRootProps: PropGetter","getImageProps: PropGetter<\"img\">","getFallbackProps: PropGetter"],"sources":["../../../../src/components/avatar/use-avatar.ts"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useState } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr, handlerAll } from \"../../utils\"\n\nconst defaultFormat = (name: string) => {\n  const names = name.trim().split(\" \")\n  const firstName = names[0] ?? \"\"\n  const lastName = names.length > 1 ? names[names.length - 1] : \"\"\n\n  return firstName && lastName\n    ? `${firstName.charAt(0)}${lastName.charAt(0)}`\n    : firstName.charAt(0)\n}\n\nexport interface UseAvatarProps extends HTMLProps {\n  /**\n   * The name of the person in the avatar.\n   *\n   * - If `src` has loaded, the name will be used as the `alt` attribute of the `img`\n   * - If `src` is not loaded, the name will be used to create the initials\n   */\n  name?: string\n  /**\n   * The image url of the avatar.\n   */\n  src?: HTMLProps<\"img\">[\"src\"]\n  /**\n   * List of sources to use for different screen resolutions.\n   */\n  srcSet?: HTMLProps<\"img\">[\"srcSet\"]\n  /**\n   * The `HTMLImageElement` property `alt`.\n   */\n  alt?: HTMLProps<\"img\">[\"alt\"]\n  /**\n   * The `HTMLImageElement` property `crossOrigin`.\n   */\n  crossOrigin?: HTMLProps<\"img\">[\"crossOrigin\"]\n  /**\n   * The fallback text to display if the image is not provided.\n   */\n  fallback?: ReactNode\n  /**\n   * Function to get the initials to display.\n   */\n  format?: (name: string) => string\n  /**\n   * The avatar icon to use.\n   */\n  icon?: ReactElement\n  /**\n   * Defines loading strategy.\n   */\n  loading?: HTMLProps<\"img\">[\"loading\"]\n  /**\n   * Defining which referrer is sent when fetching the resource.\n   *\n   * @default 'no-referrer'\n   */\n  referrerPolicy?: HTMLProps<\"img\">[\"referrerPolicy\"]\n}\n\nexport const useAvatar = ({\n  name,\n  src,\n  srcSet,\n  alt,\n  crossOrigin,\n  fallback: fallbackMessage,\n  format = defaultFormat,\n  icon,\n  loading,\n  referrerPolicy = \"no-referrer\",\n  ...rest\n}: UseAvatarProps = {}) => {\n  const initials = name ? format(name) : undefined\n  const [loaded, setLoaded] = useState<boolean>(false)\n  const fallback = !src || !loaded\n  const { t } = useI18n(\"avatar\")\n\n  const getGroupProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...rest,\n      ...props,\n      \"data-fallback\": dataAttr(!!fallbackMessage),\n      \"data-loaded\": dataAttr(loaded),\n    }),\n    [loaded, fallbackMessage, rest],\n  )\n\n  const getImageProps: PropGetter<\"img\"> = useCallback(\n    ({ onLoad, ...props } = {}) => ({\n      ...props,\n      src,\n      srcSet,\n      alt: name || alt,\n      crossOrigin,\n      draggable: false,\n      hidden: fallback,\n      loading,\n      referrerPolicy,\n      onLoad: handlerAll(onLoad, () => setLoaded(true)),\n    }),\n    [src, srcSet, alt, crossOrigin, loading, referrerPolicy, fallback, name],\n  )\n\n  const getFallbackProps: PropGetter = useCallback(\n    (props) => ({\n      ...props,\n      \"aria-label\": !fallbackMessage\n        ? name || alt || t(\"Avatar Icon\")\n        : undefined,\n      children: fallbackMessage || initials || icon,\n      hidden: !fallback,\n      role: \"img\",\n    }),\n    [name, initials, fallback, icon, fallbackMessage, alt, t],\n  )\n\n  return {\n    name,\n    loaded,\n    getFallbackProps,\n    getGroupProps,\n    getImageProps,\n    getRootProps,\n  }\n}\n\nexport type UseAvatarReturn = ReturnType<typeof useAvatar>\n"],"mappings":";;;;;;;;;AAQA,MAAM,gBAAgB,CAACA,SAAiB;CACtC,MAAM,QAAQ,KAAK,MAAM,CAAC,MAAM,IAAI;CACpC,MAAM,YAAY,MAAM,MAAM;CAC9B,MAAM,WAAW,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,KAAK;AAE9D,QAAO,aAAa,cACb,UAAU,OAAO,EAAE,GAAG,SAAS,OAAO,EAAE,KAC3C,UAAU,OAAO,EAAE;AACxB;AAkDD,MAAa,YAAY,CAAC,EACxB,MACA,KACA,QACA,KACA,aACA,UAAU,iBACV,SAAS,eACT,MACA,SACA,iBAAiB,cACjB,GAAG,MACY,GAAG,CAAE,MAAK;CACzB,MAAM,WAAW,OAAO,OAAO,KAAK;CACpC,MAAM,CAAC,QAAQ,UAAU,GAAG,oBAAkB,MAAM;CACpD,MAAM,YAAY,QAAQ;CAC1B,MAAM,EAAE,GAAG,GAAG,sDAAQ,SAAS;CAE/B,MAAMC,gBAA4B,uBAAY,CAAC,WAAW,EAAE,GAAG,MAAO,IAAG,CAAE,EAAC;CAE5E,MAAMC,eAA2B,uBAC/B,CAAC,WAAW;EACV,GAAG;EACH,GAAG;EACH,iBAAiB,kDAAW,gBAAgB;EAC5C,eAAe,gDAAS,OAAO;CAChC,IACD;EAAC;EAAQ;EAAiB;CAAK,EAChC;CAED,MAAMC,gBAAmC,uBACvC,CAAC,EAAE,OAAQ,GAAG,OAAO,GAAG,CAAE,OAAM;EAC9B,GAAG;EACH;EACA;EACA,KAAK,QAAQ;EACb;EACA,WAAW;EACX,QAAQ;EACR;EACA;EACA,QAAQ,kDAAW,QAAQ,MAAM,UAAU,KAAK,CAAC;CAClD,IACD;EAAC;EAAK;EAAQ;EAAK;EAAa;EAAS;EAAgB;EAAU;CAAK,EACzE;CAED,MAAMC,mBAA+B,uBACnC,CAAC,WAAW;EACV,GAAG;EACH,eAAe,kBACX,QAAQ,OAAO,EAAE,cAAc;EAEnC,UAAU,mBAAmB,YAAY;EACzC,SAAS;EACT,MAAM;CACP,IACD;EAAC;EAAM;EAAU;EAAU;EAAM;EAAiB;EAAK;CAAE,EAC1D;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACD;AACF"}
+{"version":3,"file":"use-avatar.cjs","names":["name: string","getGroupProps: PropGetter","getRootProps: PropGetter","getImageProps: PropGetter<\"img\">","getFallbackProps: PropGetter"],"sources":["../../../../src/components/avatar/use-avatar.ts"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useState } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr, handlerAll } from \"../../utils\"\n\nconst defaultFormat = (name: string) => {\n  const names = name.trim().split(\" \")\n  const firstName = names[0] ?? \"\"\n  const lastName = names.length > 1 ? names[names.length - 1] : \"\"\n\n  return firstName && lastName\n    ? `${firstName.charAt(0)}${lastName.charAt(0)}`\n    : firstName.charAt(0)\n}\n\nexport interface UseAvatarProps extends HTMLProps {\n  /**\n   * The name of the person in the avatar.\n   *\n   * - If `src` has loaded, the name will be used as the `alt` attribute of the `img`\n   * - If `src` is not loaded, the name will be used to create the initials\n   */\n  name?: string\n  /**\n   * The image url of the avatar.\n   */\n  src?: HTMLProps<\"img\">[\"src\"]\n  /**\n   * List of sources to use for different screen resolutions.\n   */\n  srcSet?: HTMLProps<\"img\">[\"srcSet\"]\n  /**\n   * The `HTMLImageElement` property `alt`.\n   */\n  alt?: HTMLProps<\"img\">[\"alt\"]\n  /**\n   * The `HTMLImageElement` property `crossOrigin`.\n   */\n  crossOrigin?: HTMLProps<\"img\">[\"crossOrigin\"]\n  /**\n   * The fallback text to display if the image is not provided.\n   */\n  fallback?: ReactNode\n  /**\n   * Function to get the initials to display.\n   */\n  format?: (name: string) => string\n  /**\n   * The avatar icon to use.\n   */\n  icon?: ReactElement\n  /**\n   * Defines loading strategy.\n   */\n  loading?: HTMLProps<\"img\">[\"loading\"]\n  /**\n   * Defining which referrer is sent when fetching the resource.\n   *\n   * @default 'no-referrer'\n   */\n  referrerPolicy?: HTMLProps<\"img\">[\"referrerPolicy\"]\n}\n\nexport const useAvatar = ({\n  name,\n  src,\n  srcSet,\n  alt,\n  crossOrigin,\n  fallback: fallbackMessage,\n  format = defaultFormat,\n  icon,\n  loading,\n  referrerPolicy = \"no-referrer\",\n  ...rest\n}: UseAvatarProps = {}) => {\n  const initials = name ? format(name) : undefined\n  const [loaded, setLoaded] = useState<boolean>(false)\n  const fallback = !src || !loaded\n  const { t } = useI18n(\"avatar\")\n\n  const getGroupProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...rest,\n      ...props,\n      \"data-fallback\": dataAttr(!!fallbackMessage),\n      \"data-loaded\": dataAttr(loaded),\n    }),\n    [loaded, fallbackMessage, rest],\n  )\n\n  const getImageProps: PropGetter<\"img\"> = useCallback(\n    ({ onLoad, ...props } = {}) => ({\n      ...props,\n      src,\n      srcSet,\n      alt: name || alt,\n      crossOrigin,\n      draggable: false,\n      hidden: fallback,\n      loading,\n      referrerPolicy,\n      onLoad: handlerAll(onLoad, () => setLoaded(true)),\n    }),\n    [src, srcSet, alt, crossOrigin, loading, referrerPolicy, fallback, name],\n  )\n\n  const getFallbackProps: PropGetter = useCallback(\n    (props) => ({\n      ...props,\n      \"aria-label\": !fallbackMessage\n        ? name || alt || t(\"Avatar Icon\")\n        : undefined,\n      children: fallbackMessage || initials || icon,\n      hidden: !fallback,\n      role: \"img\",\n    }),\n    [name, initials, fallback, icon, fallbackMessage, alt, t],\n  )\n\n  return {\n    name,\n    loaded,\n    getFallbackProps,\n    getGroupProps,\n    getImageProps,\n    getRootProps,\n  }\n}\n\nexport type UseAvatarReturn = ReturnType<typeof useAvatar>\n"],"mappings":";;;;;;;;;;AAQA,MAAM,gBAAgB,CAACA,SAAiB;CACtC,MAAM,QAAQ,KAAK,MAAM,CAAC,MAAM,IAAI;CACpC,MAAM,YAAY,MAAM,MAAM;CAC9B,MAAM,WAAW,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,KAAK;AAE9D,QAAO,aAAa,cACb,UAAU,OAAO,EAAE,GAAG,SAAS,OAAO,EAAE,KAC3C,UAAU,OAAO,EAAE;AACxB;AAkDD,MAAa,YAAY,CAAC,EACxB,MACA,KACA,QACA,KACA,aACA,UAAU,iBACV,SAAS,eACT,MACA,SACA,iBAAiB,cACjB,GAAG,MACY,GAAG,CAAE,MAAK;CACzB,MAAM,WAAW,OAAO,OAAO,KAAK;CACpC,MAAM,CAAC,QAAQ,UAAU,GAAG,oBAAkB,MAAM;CACpD,MAAM,YAAY,QAAQ;CAC1B,MAAM,EAAE,GAAG,GAAG,sDAAQ,SAAS;CAE/B,MAAMC,gBAA4B,uBAAY,CAAC,WAAW,EAAE,GAAG,MAAO,IAAG,CAAE,EAAC;CAE5E,MAAMC,eAA2B,uBAC/B,CAAC,WAAW;EACV,GAAG;EACH,GAAG;EACH,iBAAiB,oCAAW,gBAAgB;EAC5C,eAAe,kCAAS,OAAO;CAChC,IACD;EAAC;EAAQ;EAAiB;CAAK,EAChC;CAED,MAAMC,gBAAmC,uBACvC,CAAC,EAAE,OAAQ,GAAG,OAAO,GAAG,CAAE,OAAM;EAC9B,GAAG;EACH;EACA;EACA,KAAK,QAAQ;EACb;EACA,WAAW;EACX,QAAQ;EACR;EACA;EACA,QAAQ,yCAAW,QAAQ,MAAM,UAAU,KAAK,CAAC;CAClD,IACD;EAAC;EAAK;EAAQ;EAAK;EAAa;EAAS;EAAgB;EAAU;CAAK,EACzE;CAED,MAAMC,mBAA+B,uBACnC,CAAC,WAAW;EACV,GAAG;EACH,eAAe,kBACX,QAAQ,OAAO,EAAE,cAAc;EAEnC,UAAU,mBAAmB,YAAY;EACzC,SAAS;EACT,MAAM;CACP,IACD;EAAC;EAAM;EAAU;EAAU;EAAM;EAAiB;EAAK;CAAE,EAC1D;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACD;AACF"}

package/dist/cjs/components/bleed/bleed.cjs

@@ -1,7 +1,7 @@
 "use client";
 
 
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_calc = require('../../utils/common/calc.cjs');
 const require_core_system_var = require('../../core/system/var.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_bleed_bleed_style = require('./bleed.style.cjs');
@@ -20,10 +20,10 @@ const Bleed = withContext("div")(void 0, ({ block, blockEnd, blockStart, inline,
 	inlineEnd ??= inline;
 	const inlineStartFull = inlineStart === "full";
 	const inlineEndFull = inlineEnd === "full";
-	const marginBlockStart = require_utils_index.utils_exports.calc.negate("{block-start}");
-	const marginBlockEnd = require_utils_index.utils_exports.calc.negate("{block-end}");
-	const marginInlineStart = inlineStartFull ? "calc(50% - 50vw)" : require_utils_index.utils_exports.calc.negate("{inline-start}");
-	const marginInlineEnd = inlineEndFull ? "calc(50% - 50vw)" : require_utils_index.utils_exports.calc.negate("{inline-end}");
+	const marginBlockStart = require_utils_common_calc.calc.negate("{block-start}");
+	const marginBlockEnd = require_utils_common_calc.calc.negate("{block-end}");
+	const marginInlineStart = inlineStartFull ? "calc(50% - 50vw)" : require_utils_common_calc.calc.negate("{inline-start}");
+	const marginInlineEnd = inlineEndFull ? "calc(50% - 50vw)" : require_utils_common_calc.calc.negate("{inline-end}");
 	return {
 		...rest,
 		"--block-end": require_core_system_var.varAttr(blockEnd, "spaces"),

package/dist/cjs/components/bleed/bleed.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"bleed.cjs","names":["bleedStyle"],"sources":["../../../../src/components/bleed/bleed.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps } from \"../../core\"\nimport type { BleedStyle } from \"./bleed.style\"\nimport { createComponent, varAttr } from \"../../core\"\nimport { calc } from \"../../utils\"\nimport { bleedStyle } from \"./bleed.style\"\n\nexport interface BleedProps extends HTMLStyledProps {\n  /**\n   * The CSS `margin-block` property.\n   */\n  block?: CSSProps[\"marginBlock\"]\n  /**\n   * The CSS `margin-block-end` property.\n   */\n  blockEnd?: CSSProps[\"marginBlockEnd\"]\n  /**\n   * The CSS `margin-block-start` property.\n   */\n  blockStart?: CSSProps[\"marginBlockStart\"]\n  /**\n   * The CSS `margin-inline` property.\n   */\n  inline?: \"full\" | CSSProps[\"marginInline\"]\n  /**\n   * The CSS `margin-inline-end` property.\n   */\n  inlineEnd?: \"full\" | CSSProps[\"marginInlineEnd\"]\n  /**\n   * The CSS `margin-inline-start` property.\n   */\n  inlineStart?: \"full\" | CSSProps[\"marginInlineStart\"]\n}\n\nexport const {\n  PropsContext: BleedPropsContext,\n  usePropsContext: useBleedPropsContext,\n  withContext,\n} = createComponent<BleedProps, BleedStyle>(\"bleed\", bleedStyle)\n\n/**\n * `Bleed` is a component used to break an element from the boundaries of its container.\n *\n * @see https://yamada-ui.com/components/bleed\n */\nexport const Bleed = withContext(\"div\")(\n  undefined,\n  ({\n    block,\n    blockEnd,\n    blockStart,\n    inline,\n    inlineEnd,\n    inlineStart,\n    ...rest\n  }) => {\n    blockStart ??= block\n    blockEnd ??= block\n    inlineStart ??= inline\n    inlineEnd ??= inline\n\n    const inlineStartFull = inlineStart === \"full\"\n    const inlineEndFull = inlineEnd === \"full\"\n\n    const marginBlockStart = calc.negate(\"{block-start}\")\n    const marginBlockEnd = calc.negate(\"{block-end}\")\n    const marginInlineStart = inlineStartFull\n      ? \"calc(50% - 50vw)\"\n      : calc.negate(\"{inline-start}\")\n    const marginInlineEnd = inlineEndFull\n      ? \"calc(50% - 50vw)\"\n      : calc.negate(\"{inline-end}\")\n\n    return {\n      ...rest,\n      \"--block-end\": varAttr(blockEnd, \"spaces\"),\n      \"--block-start\": varAttr(blockStart, \"spaces\"),\n      \"--inline-end\": varAttr(inlineEnd, \"spaces\"),\n      \"--inline-start\": varAttr(inlineStart, \"spaces\"),\n      marginBlockEnd,\n      marginBlockStart,\n      marginInlineEnd,\n      marginInlineStart,\n    }\n  },\n)\n"],"mappings":";;;;;;;;;AAmCA,MAAa,EACX,cAAc,mBACd,iBAAiB,sBACjB,aACD,GAAG,yDAAwC,SAASA,gDAAW;;;;;;AAOhE,MAAa,QAAQ,YAAY,MAAM,SAErC,CAAC,EACC,OACA,UACA,YACA,QACA,WACA,YACA,GAAG,MACJ,KAAK;AACJ,gBAAe;AACf,cAAa;AACb,iBAAgB;AAChB,eAAc;CAEd,MAAM,kBAAkB,gBAAgB;CACxC,MAAM,gBAAgB,cAAc;CAEpC,MAAM,mBAAmB,uCAAK,OAAO,gBAAgB;CACrD,MAAM,iBAAiB,uCAAK,OAAO,cAAc;CACjD,MAAM,oBAAoB,kBACtB,qBACA,uCAAK,OAAO,iBAAiB;CACjC,MAAM,kBAAkB,gBACpB,qBACA,uCAAK,OAAO,eAAe;AAE/B,QAAO;EACL,GAAG;EACH,eAAe,gCAAQ,UAAU,SAAS;EAC1C,iBAAiB,gCAAQ,YAAY,SAAS;EAC9C,gBAAgB,gCAAQ,WAAW,SAAS;EAC5C,kBAAkB,gCAAQ,aAAa,SAAS;EAChD;EACA;EACA;EACA;CACD;AACF,EACF"}
+{"version":3,"file":"bleed.cjs","names":["bleedStyle"],"sources":["../../../../src/components/bleed/bleed.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps } from \"../../core\"\nimport type { BleedStyle } from \"./bleed.style\"\nimport { createComponent, varAttr } from \"../../core\"\nimport { calc } from \"../../utils\"\nimport { bleedStyle } from \"./bleed.style\"\n\nexport interface BleedProps extends HTMLStyledProps {\n  /**\n   * The CSS `margin-block` property.\n   */\n  block?: CSSProps[\"marginBlock\"]\n  /**\n   * The CSS `margin-block-end` property.\n   */\n  blockEnd?: CSSProps[\"marginBlockEnd\"]\n  /**\n   * The CSS `margin-block-start` property.\n   */\n  blockStart?: CSSProps[\"marginBlockStart\"]\n  /**\n   * The CSS `margin-inline` property.\n   */\n  inline?: \"full\" | CSSProps[\"marginInline\"]\n  /**\n   * The CSS `margin-inline-end` property.\n   */\n  inlineEnd?: \"full\" | CSSProps[\"marginInlineEnd\"]\n  /**\n   * The CSS `margin-inline-start` property.\n   */\n  inlineStart?: \"full\" | CSSProps[\"marginInlineStart\"]\n}\n\nexport const {\n  PropsContext: BleedPropsContext,\n  usePropsContext: useBleedPropsContext,\n  withContext,\n} = createComponent<BleedProps, BleedStyle>(\"bleed\", bleedStyle)\n\n/**\n * `Bleed` is a component used to break an element from the boundaries of its container.\n *\n * @see https://yamada-ui.com/components/bleed\n */\nexport const Bleed = withContext(\"div\")(\n  undefined,\n  ({\n    block,\n    blockEnd,\n    blockStart,\n    inline,\n    inlineEnd,\n    inlineStart,\n    ...rest\n  }) => {\n    blockStart ??= block\n    blockEnd ??= block\n    inlineStart ??= inline\n    inlineEnd ??= inline\n\n    const inlineStartFull = inlineStart === \"full\"\n    const inlineEndFull = inlineEnd === \"full\"\n\n    const marginBlockStart = calc.negate(\"{block-start}\")\n    const marginBlockEnd = calc.negate(\"{block-end}\")\n    const marginInlineStart = inlineStartFull\n      ? \"calc(50% - 50vw)\"\n      : calc.negate(\"{inline-start}\")\n    const marginInlineEnd = inlineEndFull\n      ? \"calc(50% - 50vw)\"\n      : calc.negate(\"{inline-end}\")\n\n    return {\n      ...rest,\n      \"--block-end\": varAttr(blockEnd, \"spaces\"),\n      \"--block-start\": varAttr(blockStart, \"spaces\"),\n      \"--inline-end\": varAttr(inlineEnd, \"spaces\"),\n      \"--inline-start\": varAttr(inlineStart, \"spaces\"),\n      marginBlockEnd,\n      marginBlockStart,\n      marginInlineEnd,\n      marginInlineStart,\n    }\n  },\n)\n"],"mappings":";;;;;;;;;AAmCA,MAAa,EACX,cAAc,mBACd,iBAAiB,sBACjB,aACD,GAAG,yDAAwC,SAASA,gDAAW;;;;;;AAOhE,MAAa,QAAQ,YAAY,MAAM,SAErC,CAAC,EACC,OACA,UACA,YACA,QACA,WACA,YACA,GAAG,MACJ,KAAK;AACJ,gBAAe;AACf,cAAa;AACb,iBAAgB;AAChB,eAAc;CAEd,MAAM,kBAAkB,gBAAgB;CACxC,MAAM,gBAAgB,cAAc;CAEpC,MAAM,mBAAmB,+BAAK,OAAO,gBAAgB;CACrD,MAAM,iBAAiB,+BAAK,OAAO,cAAc;CACjD,MAAM,oBAAoB,kBACtB,qBACA,+BAAK,OAAO,iBAAiB;CACjC,MAAM,kBAAkB,gBACpB,qBACA,+BAAK,OAAO,eAAe;AAE/B,QAAO;EACL,GAAG;EACH,eAAe,gCAAQ,UAAU,SAAS;EAC1C,iBAAiB,gCAAQ,YAAY,SAAS;EAC9C,gBAAgB,gCAAQ,WAAW,SAAS;EAC5C,kBAAkB,gCAAQ,aAAa,SAAS;EAChD;EACA;EACA;EACA;CACD;AACF,EACF"}

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

@@ -3,7 +3,7 @@
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('../../utils/children.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_providers_i18n_provider_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 
@@ -23,7 +23,7 @@ const useBreadcrumb = ({ children, ellipsis, endBoundaries = 0, items = [], link
 	}, [link]);
 	const renderEllipsis = (0, react.useCallback)((items$1) => {
 		if (!ellipsis) return null;
-		return (0, require_utils_index.utils_exports.runIfFn)(ellipsis, { items: items$1 });
+		return require_utils_common_function.runIfFn(ellipsis, { items: items$1 });
 	}, [ellipsis]);
 	const splitItems = (0, react.useCallback)((items$1) => {
 		const length$1 = items$1.length;

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

@@ -1 +1 @@
-{"version":3,"file":"use-breadcrumb.cjs","names":["items: BreadcrumbItem[]","rest","length","items","getRootProps: PropGetter<\"nav\">","getListProps: PropGetter<\"ol\">","getLinkProps: PropGetter<\"a\", { currentPage?: boolean }>","getEllipsisProps: PropGetter<\"svg\">"],"sources":["../../../../src/components/breadcrumb/use-breadcrumb.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport { cloneElement, useCallback, useMemo } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { getValidChildren, runIfFn } from \"../../utils\"\n\ninterface BreadcrumbItem extends HTMLProps<\"a\"> {\n  currentPage?: boolean\n  label?: ReactNode\n}\n\nexport interface UseBreadcrumbProps extends HTMLProps<\"nav\"> {\n  /**\n   * The icon to be used in the ellipsis.\n   */\n  ellipsis?: ReactNodeOrFunction<{ items: BreadcrumbItem[] }>\n  /**\n   * Number of elements visible on the end(right) edges.\n   *\n   * @default 0\n   */\n  endBoundaries?: number\n  /**\n   * If provided, generate breadcrumb items based on items.\n   */\n  items?: BreadcrumbItem[]\n  /**\n   * The component to be used for the link.\n   */\n  link?: ReactElement<any>\n  /**\n   * Number of elements visible on the start(left) edges.\n   *\n   * @default 0\n   */\n  startBoundaries?: number\n}\n\nexport const useBreadcrumb = ({\n  children,\n  ellipsis,\n  endBoundaries = 0,\n  items = [],\n  link,\n  startBoundaries = 0,\n  ...rest\n}: UseBreadcrumbProps = {}) => {\n  const validChildren = getValidChildren(children)\n  const length = validChildren.length || items.length\n  const { t } = useI18n(\"breadcrumb\")\n\n  const hasBoundaries =\n    startBoundaries + endBoundaries > 0 &&\n    length > startBoundaries + endBoundaries\n\n  const renderLink = useCallback(\n    (items: BreadcrumbItem[]) => {\n      if (!link) return []\n\n      return items.map(({ label, ...rest }) =>\n        cloneElement<any>(link, { ...link.props, children: label, ...rest }),\n      )\n    },\n    [link],\n  )\n\n  const renderEllipsis = useCallback(\n    (items: BreadcrumbItem[]) => {\n      if (!ellipsis) return null\n\n      return runIfFn(ellipsis, { items })\n    },\n    [ellipsis],\n  )\n\n  const splitItems = useCallback(\n    (items: BreadcrumbItem[]) => {\n      const length = items.length\n      const firstItems = items.slice(0, startBoundaries)\n      const ellipsisItems = items.slice(startBoundaries, length - endBoundaries)\n      const lastItems = items.slice(length - endBoundaries)\n\n      return [firstItems, ellipsisItems, lastItems] as const\n    },\n    [startBoundaries, endBoundaries],\n  )\n\n  const cloneChildren = useMemo(() => {\n    const hasChildren = !!validChildren.length\n\n    if (hasChildren) {\n      return validChildren\n    } else if (hasBoundaries) {\n      const [firstItems, ellipsisItems, lastItems] = splitItems(items)\n\n      return [\n        ...renderLink(firstItems),\n        renderEllipsis(ellipsisItems),\n        ...renderLink(lastItems),\n      ]\n    } else {\n      return renderLink(items)\n    }\n  }, [\n    validChildren,\n    items,\n    hasBoundaries,\n    renderEllipsis,\n    renderLink,\n    splitItems,\n  ])\n\n  const getRootProps: PropGetter<\"nav\"> = useCallback(\n    (props) => ({\n      \"aria-label\": t(\"Breadcrumb\"),\n      ...rest,\n      ...props,\n    }),\n    [rest, t],\n  )\n\n  const getListProps: PropGetter<\"ol\"> = useCallback(\n    (props) => ({ ...props }),\n    [],\n  )\n\n  const getLinkProps: PropGetter<\"a\", { currentPage?: boolean }> = useCallback(\n    ({ href, currentPage, ...props } = {}) => ({\n      href: !currentPage ? href : undefined,\n      \"aria-current\": currentPage ? \"page\" : undefined,\n      ...props,\n    }),\n    [],\n  )\n\n  const getEllipsisProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-label\": t(\"Ellipsis\"),\n      role: \"presentation\",\n      ...props,\n    }),\n    [t],\n  )\n\n  return {\n    children: cloneChildren,\n    getEllipsisProps,\n    getLinkProps,\n    getListProps,\n    getRootProps,\n  }\n}\n\nexport type UseBreadcrumbReturn = ReturnType<typeof useBreadcrumb>\n"],"mappings":";;;;;;;;;;AAyCA,MAAa,gBAAgB,CAAC,EAC5B,UACA,UACA,gBAAgB,GAChB,QAAQ,CAAE,GACV,MACA,kBAAkB,EAClB,GAAG,MACgB,GAAG,CAAE,MAAK;CAC7B,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,SAAS,cAAc,UAAU,MAAM;CAC7C,MAAM,EAAE,GAAG,GAAG,sDAAQ,aAAa;CAEnC,MAAM,gBACJ,kBAAkB,gBAAgB,KAClC,SAAS,kBAAkB;CAE7B,MAAM,aAAa,uBACjB,CAACA,YAA4B;AAC3B,OAAK,KAAM,QAAO,CAAE;AAEpB,SAAO,QAAM,IAAI,CAAC,EAAE,MAAO,GAAGC,QAAM,KAClC,wBAAkB,MAAM;GAAE,GAAG,KAAK;GAAO,UAAU;GAAO,GAAGA;EAAM,EAAC,CACrE;CACF,GACD,CAAC,IAAK,EACP;CAED,MAAM,iBAAiB,uBACrB,CAACD,YAA4B;AAC3B,OAAK,SAAU,QAAO;AAEtB,SAAO,+CAAQ,UAAU,EAAE,eAAO,EAAC;CACpC,GACD,CAAC,QAAS,EACX;CAED,MAAM,aAAa,uBACjB,CAACA,YAA4B;EAC3B,MAAME,WAASC,QAAM;EACrB,MAAM,aAAa,QAAM,MAAM,GAAG,gBAAgB;EAClD,MAAM,gBAAgB,QAAM,MAAM,iBAAiBD,WAAS,cAAc;EAC1E,MAAM,YAAY,QAAM,MAAMA,WAAS,cAAc;AAErD,SAAO;GAAC;GAAY;GAAe;EAAU;CAC9C,GACD,CAAC,iBAAiB,aAAc,EACjC;CAED,MAAM,gBAAgB,mBAAQ,MAAM;EAClC,MAAM,gBAAgB,cAAc;AAEpC,MAAI,YACF,QAAO;WACE,eAAe;GACxB,MAAM,CAAC,YAAY,eAAe,UAAU,GAAG,WAAW,MAAM;AAEhE,UAAO;IACL,GAAG,WAAW,WAAW;IACzB,eAAe,cAAc;IAC7B,GAAG,WAAW,UAAU;GACzB;EACF,MACC,QAAO,WAAW,MAAM;CAE3B,GAAE;EACD;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;CAEF,MAAME,eAAkC,uBACtC,CAAC,WAAW;EACV,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,GAAG;CACJ,IACD,CAAC,MAAM,CAAE,EACV;CAED,MAAMC,eAAiC,uBACrC,CAAC,WAAW,EAAE,GAAG,MAAO,IACxB,CAAE,EACH;CAED,MAAMC,eAA2D,uBAC/D,CAAC,EAAE,MAAM,YAAa,GAAG,OAAO,GAAG,CAAE,OAAM;EACzC,OAAO,cAAc;EACrB,gBAAgB,cAAc;EAC9B,GAAG;CACJ,IACD,CAAE,EACH;CAED,MAAMC,mBAAsC,uBAC1C,CAAC,WAAW;EACV,cAAc,EAAE,WAAW;EAC3B,MAAM;EACN,GAAG;CACJ,IACD,CAAC,CAAE,EACJ;AAED,QAAO;EACL,UAAU;EACV;EACA;EACA;EACA;CACD;AACF"}
+{"version":3,"file":"use-breadcrumb.cjs","names":["items: BreadcrumbItem[]","rest","length","items","getRootProps: PropGetter<\"nav\">","getListProps: PropGetter<\"ol\">","getLinkProps: PropGetter<\"a\", { currentPage?: boolean }>","getEllipsisProps: PropGetter<\"svg\">"],"sources":["../../../../src/components/breadcrumb/use-breadcrumb.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport { cloneElement, useCallback, useMemo } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { getValidChildren, runIfFn } from \"../../utils\"\n\ninterface BreadcrumbItem extends HTMLProps<\"a\"> {\n  currentPage?: boolean\n  label?: ReactNode\n}\n\nexport interface UseBreadcrumbProps extends HTMLProps<\"nav\"> {\n  /**\n   * The icon to be used in the ellipsis.\n   */\n  ellipsis?: ReactNodeOrFunction<{ items: BreadcrumbItem[] }>\n  /**\n   * Number of elements visible on the end(right) edges.\n   *\n   * @default 0\n   */\n  endBoundaries?: number\n  /**\n   * If provided, generate breadcrumb items based on items.\n   */\n  items?: BreadcrumbItem[]\n  /**\n   * The component to be used for the link.\n   */\n  link?: ReactElement<any>\n  /**\n   * Number of elements visible on the start(left) edges.\n   *\n   * @default 0\n   */\n  startBoundaries?: number\n}\n\nexport const useBreadcrumb = ({\n  children,\n  ellipsis,\n  endBoundaries = 0,\n  items = [],\n  link,\n  startBoundaries = 0,\n  ...rest\n}: UseBreadcrumbProps = {}) => {\n  const validChildren = getValidChildren(children)\n  const length = validChildren.length || items.length\n  const { t } = useI18n(\"breadcrumb\")\n\n  const hasBoundaries =\n    startBoundaries + endBoundaries > 0 &&\n    length > startBoundaries + endBoundaries\n\n  const renderLink = useCallback(\n    (items: BreadcrumbItem[]) => {\n      if (!link) return []\n\n      return items.map(({ label, ...rest }) =>\n        cloneElement<any>(link, { ...link.props, children: label, ...rest }),\n      )\n    },\n    [link],\n  )\n\n  const renderEllipsis = useCallback(\n    (items: BreadcrumbItem[]) => {\n      if (!ellipsis) return null\n\n      return runIfFn(ellipsis, { items })\n    },\n    [ellipsis],\n  )\n\n  const splitItems = useCallback(\n    (items: BreadcrumbItem[]) => {\n      const length = items.length\n      const firstItems = items.slice(0, startBoundaries)\n      const ellipsisItems = items.slice(startBoundaries, length - endBoundaries)\n      const lastItems = items.slice(length - endBoundaries)\n\n      return [firstItems, ellipsisItems, lastItems] as const\n    },\n    [startBoundaries, endBoundaries],\n  )\n\n  const cloneChildren = useMemo(() => {\n    const hasChildren = !!validChildren.length\n\n    if (hasChildren) {\n      return validChildren\n    } else if (hasBoundaries) {\n      const [firstItems, ellipsisItems, lastItems] = splitItems(items)\n\n      return [\n        ...renderLink(firstItems),\n        renderEllipsis(ellipsisItems),\n        ...renderLink(lastItems),\n      ]\n    } else {\n      return renderLink(items)\n    }\n  }, [\n    validChildren,\n    items,\n    hasBoundaries,\n    renderEllipsis,\n    renderLink,\n    splitItems,\n  ])\n\n  const getRootProps: PropGetter<\"nav\"> = useCallback(\n    (props) => ({\n      \"aria-label\": t(\"Breadcrumb\"),\n      ...rest,\n      ...props,\n    }),\n    [rest, t],\n  )\n\n  const getListProps: PropGetter<\"ol\"> = useCallback(\n    (props) => ({ ...props }),\n    [],\n  )\n\n  const getLinkProps: PropGetter<\"a\", { currentPage?: boolean }> = useCallback(\n    ({ href, currentPage, ...props } = {}) => ({\n      href: !currentPage ? href : undefined,\n      \"aria-current\": currentPage ? \"page\" : undefined,\n      ...props,\n    }),\n    [],\n  )\n\n  const getEllipsisProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-label\": t(\"Ellipsis\"),\n      role: \"presentation\",\n      ...props,\n    }),\n    [t],\n  )\n\n  return {\n    children: cloneChildren,\n    getEllipsisProps,\n    getLinkProps,\n    getListProps,\n    getRootProps,\n  }\n}\n\nexport type UseBreadcrumbReturn = ReturnType<typeof useBreadcrumb>\n"],"mappings":";;;;;;;;;;AAyCA,MAAa,gBAAgB,CAAC,EAC5B,UACA,UACA,gBAAgB,GAChB,QAAQ,CAAE,GACV,MACA,kBAAkB,EAClB,GAAG,MACgB,GAAG,CAAE,MAAK;CAC7B,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,SAAS,cAAc,UAAU,MAAM;CAC7C,MAAM,EAAE,GAAG,GAAG,sDAAQ,aAAa;CAEnC,MAAM,gBACJ,kBAAkB,gBAAgB,KAClC,SAAS,kBAAkB;CAE7B,MAAM,aAAa,uBACjB,CAACA,YAA4B;AAC3B,OAAK,KAAM,QAAO,CAAE;AAEpB,SAAO,QAAM,IAAI,CAAC,EAAE,MAAO,GAAGC,QAAM,KAClC,wBAAkB,MAAM;GAAE,GAAG,KAAK;GAAO,UAAU;GAAO,GAAGA;EAAM,EAAC,CACrE;CACF,GACD,CAAC,IAAK,EACP;CAED,MAAM,iBAAiB,uBACrB,CAACD,YAA4B;AAC3B,OAAK,SAAU,QAAO;AAEtB,SAAO,sCAAQ,UAAU,EAAE,eAAO,EAAC;CACpC,GACD,CAAC,QAAS,EACX;CAED,MAAM,aAAa,uBACjB,CAACA,YAA4B;EAC3B,MAAME,WAASC,QAAM;EACrB,MAAM,aAAa,QAAM,MAAM,GAAG,gBAAgB;EAClD,MAAM,gBAAgB,QAAM,MAAM,iBAAiBD,WAAS,cAAc;EAC1E,MAAM,YAAY,QAAM,MAAMA,WAAS,cAAc;AAErD,SAAO;GAAC;GAAY;GAAe;EAAU;CAC9C,GACD,CAAC,iBAAiB,aAAc,EACjC;CAED,MAAM,gBAAgB,mBAAQ,MAAM;EAClC,MAAM,gBAAgB,cAAc;AAEpC,MAAI,YACF,QAAO;WACE,eAAe;GACxB,MAAM,CAAC,YAAY,eAAe,UAAU,GAAG,WAAW,MAAM;AAEhE,UAAO;IACL,GAAG,WAAW,WAAW;IACzB,eAAe,cAAc;IAC7B,GAAG,WAAW,UAAU;GACzB;EACF,MACC,QAAO,WAAW,MAAM;CAE3B,GAAE;EACD;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;CAEF,MAAME,eAAkC,uBACtC,CAAC,WAAW;EACV,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,GAAG;CACJ,IACD,CAAC,MAAM,CAAE,EACV;CAED,MAAMC,eAAiC,uBACrC,CAAC,WAAW,EAAE,GAAG,MAAO,IACxB,CAAE,EACH;CAED,MAAMC,eAA2D,uBAC/D,CAAC,EAAE,MAAM,YAAa,GAAG,OAAO,GAAG,CAAE,OAAM;EACzC,OAAO,cAAc;EACrB,gBAAgB,cAAc;EAC9B,GAAG;CACJ,IACD,CAAE,EACH;CAED,MAAMC,mBAAsC,uBAC1C,CAAC,WAAW;EACV,cAAc,EAAE,WAAW;EAC3B,MAAM;EACN,GAAG;CACJ,IACD,CAAC,CAAE,EACJ;AAED,QAAO;EACL,UAAU;EACV;EACA;EACA;EACA;CACD;AACF"}