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

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

@@ -1 +1 @@
-{"version":3,"file":"use-popover.cjs","names":["ev: KeyboardEvent<HTMLDivElement>","ev: FocusEvent<HTMLDivElement>","getTriggerProps: PropGetter<\"button\">","getAnchorProps: PropGetter","getPositionerProps: PropGetter","getContentProps: PropGetter","getHeaderProps: PropGetter","getBodyProps: PropGetter","getFooterProps: PropGetter"],"sources":["../../../../src/components/popover/use-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FocusEvent, KeyboardEvent, RefObject } from \"react\"\nimport type { PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useFocusOnShow } from \"../../hooks/use-focus\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { usePopper } from \"../../hooks/use-popper\"\nimport {\n  contains,\n  cx,\n  dataAttr,\n  focusTransfer,\n  focusTrap,\n  getEventRelatedTarget,\n  getWindow,\n  handlerAll,\n  mergeRefs,\n  scrollLock,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UsePopoverProps\n  extends Omit<UseDisclosureProps, \"timing\">,\n    UsePopperProps {\n  /**\n   * If `true`, focus will be transferred to the first interactive element when the popover opens.\n   *\n   * @default true\n   */\n  autoFocus?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default false\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The delay before hiding the popover.\n   *\n   * @default 0\n   */\n  closeDelay?: number\n  /**\n   * If `true`, the popover will close when you blur out it by clicking outside or tabbing out.\n   *\n   * @default true\n   */\n  closeOnBlur?: boolean\n  /**\n   * If `true`, the popover will hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the popover will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the popover will be modal.\n   *\n   * - scrolling is blocked.\n   * - focus is trapped within the popover.\n   *\n   * @default false\n   */\n  modal?: boolean\n  /**\n   * The delay before showing the popover.\n   *\n   * @default 0\n   */\n  openDelay?: number\n}\n\nexport const usePopover = ({\n  autoFocus = true,\n  autoUpdate,\n  blockScrollOnMount = false,\n  closeDelay = 0,\n  closeOnBlur = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  initialFocusRef,\n  matchWidth,\n  middleware,\n  modal = false,\n  offset,\n  open: openProp,\n  openDelay = 0,\n  placement = \"end\",\n  platform,\n  preventOverflow,\n  strategy,\n  transform,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UsePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const contentId = useId()\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { refs, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  const onForceClose = useCallback(() => {\n    if (closeTimeout.current) {\n      clearTimeout(closeTimeout.current)\n\n      closeTimeout.current = undefined\n    }\n\n    onClose()\n  }, [onClose])\n\n  const onDelayOpen = useCallback(() => {\n    if (!disabled && !openTimeout.current) {\n      if (open) onForceClose()\n\n      openTimeout.current = getWindow(refs.reference.current).setTimeout(() => {\n        onOpen()\n        openTimeout.current = undefined\n      }, openDelay)\n    }\n  }, [disabled, open, onForceClose, refs.reference, onOpen, openDelay])\n\n  const onDelayClose = useCallback(() => {\n    if (openTimeout.current) {\n      clearTimeout(openTimeout.current)\n      openTimeout.current = undefined\n    }\n\n    closeTimeout.current = getWindow(refs.reference.current).setTimeout(\n      onForceClose,\n      closeDelay,\n    )\n  }, [closeDelay, onForceClose, refs.reference])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      if (closeOnEsc && ev.key === \"Escape\") {\n        onDelayClose()\n\n        triggerRef.current?.focus()\n      }\n    },\n    [closeOnEsc, onDelayClose],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLDivElement>) => {\n      const relatedTarget = getEventRelatedTarget(ev)\n      const popup = relatedTarget?.hasAttribute(\"data-popup\")\n\n      if (contains(contentRef.current, relatedTarget)) return\n      if (contains(contentRef.current, ev.target) && popup) return\n\n      if (closeOnBlur) onDelayClose()\n    },\n    [closeOnBlur, onDelayClose],\n  )\n\n  useEventListener(getDocument(), \"scroll\", () => {\n    if (open && closeOnScroll) onForceClose()\n  })\n\n  useFocusOnShow(contentRef, {\n    focusTarget: initialFocusRef,\n    shouldFocus: autoFocus,\n    visible: open,\n  })\n\n  useOutsideClick({\n    ref: contentRef,\n    enabled: open,\n    handler: () => {\n      onDelayClose()\n    },\n  })\n\n  useEffect(() => {\n    if (!open || !modal) return\n\n    return focusTrap(contentRef.current)\n  }, [open, modal])\n\n  useEffect(() => {\n    if (!open || !modal || !blockScrollOnMount) return\n\n    return scrollLock(contentRef.current)\n  }, [open, modal, blockScrollOnMount])\n\n  useEffect(() => {\n    if (!open || modal) return\n\n    return focusTransfer(contentRef.current, triggerRef.current)\n  }, [open, modal])\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      role: \"button\",\n      ...props,\n      ref: mergeRefs(ref, triggerRef, (node) => {\n        if (anchorRef.current == null) refs.setReference(node)\n      }),\n      onClick: handlerAll(props.onClick, !open ? onDelayOpen : onDelayClose),\n    }),\n    [contentId, onDelayClose, onDelayOpen, open, refs],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => {\n      return getPopperProps(props)\n    },\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => {\n      const hasHeader = !!getDocument()?.getElementById(headerId)\n      const hasBody = !!getDocument()?.getElementById(bodyId)\n\n      return {\n        id: contentId,\n        \"aria-describedby\": cx(ariaDescribedby, hasBody ? bodyId : undefined),\n        \"aria-hidden\": !open,\n        \"aria-labelledby\": cx(ariaLabelledby, hasHeader ? headerId : undefined),\n        \"aria-modal\": modal ? \"true\" : undefined,\n        \"data-close\": dataAttr(!open),\n        \"data-open\": dataAttr(open),\n        \"data-popup\": dataAttr(true),\n        role: \"dialog\",\n        tabIndex: -1,\n        ...props,\n        ref: mergeRefs(ref, contentRef),\n        onBlur: handlerAll(props.onBlur, onBlur),\n        onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      }\n    },\n    [getDocument, headerId, bodyId, contentId, open, modal, onBlur, onKeyDown],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({\n      id: headerId,\n      ...props,\n    }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({\n      id: bodyId,\n      ...props,\n    }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  return {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose: onForceClose,\n    onDelayClose,\n    onDelayOpen,\n    onOpen,\n  }\n}\n\nexport type UsePopoverReturn = ReturnType<typeof usePopover>\n"],"mappings":"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"}
+{"version":3,"file":"use-popover.cjs","names":["ev: KeyboardEvent<HTMLDivElement>","ev: FocusEvent<HTMLDivElement>","getTriggerProps: PropGetter<\"button\">","getAnchorProps: PropGetter","getPositionerProps: PropGetter","getContentProps: PropGetter","getHeaderProps: PropGetter","getBodyProps: PropGetter","getFooterProps: PropGetter"],"sources":["../../../../src/components/popover/use-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FocusEvent, KeyboardEvent, RefObject } from \"react\"\nimport type { PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useFocusOnShow } from \"../../hooks/use-focus\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { usePopper } from \"../../hooks/use-popper\"\nimport {\n  contains,\n  cx,\n  dataAttr,\n  focusTransfer,\n  focusTrap,\n  getEventRelatedTarget,\n  getWindow,\n  handlerAll,\n  mergeRefs,\n  scrollLock,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UsePopoverProps\n  extends Omit<UseDisclosureProps, \"timing\">,\n    UsePopperProps {\n  /**\n   * If `true`, focus will be transferred to the first interactive element when the popover opens.\n   *\n   * @default true\n   */\n  autoFocus?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default false\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The delay before hiding the popover.\n   *\n   * @default 0\n   */\n  closeDelay?: number\n  /**\n   * If `true`, the popover will close when you blur out it by clicking outside or tabbing out.\n   *\n   * @default true\n   */\n  closeOnBlur?: boolean\n  /**\n   * If `true`, the popover will hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the popover will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the popover will be modal.\n   *\n   * - scrolling is blocked.\n   * - focus is trapped within the popover.\n   *\n   * @default false\n   */\n  modal?: boolean\n  /**\n   * The delay before showing the popover.\n   *\n   * @default 0\n   */\n  openDelay?: number\n}\n\nexport const usePopover = ({\n  autoFocus = true,\n  autoUpdate,\n  blockScrollOnMount = false,\n  closeDelay = 0,\n  closeOnBlur = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  initialFocusRef,\n  matchWidth,\n  middleware,\n  modal = false,\n  offset,\n  open: openProp,\n  openDelay = 0,\n  placement = \"end\",\n  platform,\n  preventOverflow,\n  strategy,\n  transform,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UsePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const contentId = useId()\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { refs, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  const onForceClose = useCallback(() => {\n    if (closeTimeout.current) {\n      clearTimeout(closeTimeout.current)\n\n      closeTimeout.current = undefined\n    }\n\n    onClose()\n  }, [onClose])\n\n  const onDelayOpen = useCallback(() => {\n    if (!disabled && !openTimeout.current) {\n      if (open) onForceClose()\n\n      openTimeout.current = getWindow(refs.reference.current).setTimeout(() => {\n        onOpen()\n        openTimeout.current = undefined\n      }, openDelay)\n    }\n  }, [disabled, open, onForceClose, refs.reference, onOpen, openDelay])\n\n  const onDelayClose = useCallback(() => {\n    if (openTimeout.current) {\n      clearTimeout(openTimeout.current)\n      openTimeout.current = undefined\n    }\n\n    closeTimeout.current = getWindow(refs.reference.current).setTimeout(\n      onForceClose,\n      closeDelay,\n    )\n  }, [closeDelay, onForceClose, refs.reference])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      if (closeOnEsc && ev.key === \"Escape\") {\n        onDelayClose()\n\n        triggerRef.current?.focus()\n      }\n    },\n    [closeOnEsc, onDelayClose],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLDivElement>) => {\n      const relatedTarget = getEventRelatedTarget(ev)\n      const popup = relatedTarget?.hasAttribute(\"data-popup\")\n\n      if (contains(contentRef.current, relatedTarget)) return\n      if (contains(contentRef.current, ev.target) && popup) return\n\n      if (closeOnBlur) onDelayClose()\n    },\n    [closeOnBlur, onDelayClose],\n  )\n\n  useEventListener(getDocument(), \"scroll\", () => {\n    if (open && closeOnScroll) onForceClose()\n  })\n\n  useFocusOnShow(contentRef, {\n    focusTarget: initialFocusRef,\n    shouldFocus: autoFocus,\n    visible: open,\n  })\n\n  useOutsideClick({\n    ref: contentRef,\n    enabled: open,\n    handler: () => {\n      onDelayClose()\n    },\n  })\n\n  useEffect(() => {\n    if (!open || !modal) return\n\n    return focusTrap(contentRef.current)\n  }, [open, modal])\n\n  useEffect(() => {\n    if (!open || !modal || !blockScrollOnMount) return\n\n    return scrollLock(contentRef.current)\n  }, [open, modal, blockScrollOnMount])\n\n  useEffect(() => {\n    if (!open || modal) return\n\n    return focusTransfer(contentRef.current, triggerRef.current)\n  }, [open, modal])\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      role: \"button\",\n      ...props,\n      ref: mergeRefs(ref, triggerRef, (node) => {\n        if (anchorRef.current == null) refs.setReference(node)\n      }),\n      onClick: handlerAll(props.onClick, !open ? onDelayOpen : onDelayClose),\n    }),\n    [contentId, onDelayClose, onDelayOpen, open, refs],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => {\n      return getPopperProps(props)\n    },\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => {\n      const hasHeader = !!getDocument()?.getElementById(headerId)\n      const hasBody = !!getDocument()?.getElementById(bodyId)\n\n      return {\n        id: contentId,\n        \"aria-describedby\": cx(ariaDescribedby, hasBody ? bodyId : undefined),\n        \"aria-hidden\": !open,\n        \"aria-labelledby\": cx(ariaLabelledby, hasHeader ? headerId : undefined),\n        \"aria-modal\": modal ? \"true\" : undefined,\n        \"data-close\": dataAttr(!open),\n        \"data-open\": dataAttr(open),\n        \"data-popup\": dataAttr(true),\n        role: \"dialog\",\n        tabIndex: -1,\n        ...props,\n        ref: mergeRefs(ref, contentRef),\n        onBlur: handlerAll(props.onBlur, onBlur),\n        onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      }\n    },\n    [getDocument, headerId, bodyId, contentId, open, modal, onBlur, onKeyDown],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({\n      id: headerId,\n      ...props,\n    }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({\n      id: bodyId,\n      ...props,\n    }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  return {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose: onForceClose,\n    onDelayClose,\n    onDelayOpen,\n    onOpen,\n  }\n}\n\nexport type UsePopoverReturn = ReturnType<typeof usePopover>\n"],"mappings":"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"}

package/dist/cjs/components/portal/portal.cjs

@@ -3,7 +3,7 @@
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_ssr = require('../../utils/ssr.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_core_system_environment_provider = require('../../core/system/environment-provider.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
@@ -12,8 +12,8 @@ const react_dom = require_rolldown_runtime.__toESM(require("react-dom"));
 //#region src/components/portal/portal.tsx
 const getPortalNode = (node) => {
 	const rootNode = node.getRootNode();
-	if ((0, require_utils_index.utils_exports.isShadowRoot)(rootNode)) return rootNode;
-	return (0, require_utils_index.utils_exports.getDocument)(node).body;
+	if (require_utils_common_dom.isShadowRoot(rootNode)) return rootNode;
+	return require_utils_common_dom.getDocument(node).body;
 };
 /**
 * `Portal` is a component that renders elements outside of the current `DOM` hierarchy.

package/dist/cjs/components/portal/portal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"portal.cjs","names":["node: RootNode","Portal: FC<PortalProps>"],"sources":["../../../../src/components/portal/portal.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport type { RootNode } from \"../../core\"\nimport { Children, useEffect, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { useEnvironment } from \"../../core\"\nimport { getDocument, isShadowRoot, useSsr } from \"../../utils\"\n\nconst getPortalNode = (node: RootNode) => {\n  const rootNode = node.getRootNode()\n\n  if (isShadowRoot(rootNode)) return rootNode\n\n  return getDocument(node).body\n}\n\nexport interface PortalProps extends PropsWithChildren {\n  /**\n   * The `ref` to the component where the portal will be attached to.\n   */\n  containerRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the forwarding will be disabled.\n   */\n  disabled?: boolean\n}\n\n/**\n * `Portal` is a component that renders elements outside of the current `DOM` hierarchy.\n *\n * @see https://yamada-ui.com/components/portal\n */\nexport const Portal: FC<PortalProps> = ({\n  children,\n  containerRef: ref,\n  disabled,\n}) => {\n  const [target, setTarget] = useState(ref?.current)\n  const ssr = useSsr()\n  const { getRootNode } = useEnvironment()\n\n  useEffect(() => {\n    setTarget(() => ref?.current)\n  }, [ref])\n\n  if (ssr || disabled) return children\n\n  const container = target ?? getPortalNode(getRootNode())\n\n  return (\n    <>{Children.map(children, (child) => createPortal(child, container))}</>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AASA,MAAM,gBAAgB,CAACA,SAAmB;CACxC,MAAM,WAAW,KAAK,aAAa;AAEnC,KAAI,oDAAa,SAAS,CAAE,QAAO;AAEnC,QAAO,mDAAY,KAAK,CAAC;AAC1B;;;;;;AAkBD,MAAaC,SAA0B,CAAC,EACtC,UACA,cAAc,KACd,UACD,KAAK;CACJ,MAAM,CAAC,QAAQ,UAAU,GAAG,oBAAS,KAAK,QAAQ;CAClD,MAAM,MAAM,0BAAQ;CACpB,MAAM,EAAE,aAAa,GAAG,yDAAgB;AAExC,sBAAU,MAAM;AACd,YAAU,MAAM,KAAK,QAAQ;CAC9B,GAAE,CAAC,GAAI,EAAC;AAET,KAAI,OAAO,SAAU,QAAO;CAE5B,MAAM,YAAY,UAAU,cAAc,aAAa,CAAC;AAExD,wBACE,mEAAG,eAAS,IAAI,UAAU,CAAC,UAAU,4BAAa,OAAO,UAAU,CAAC,GAAI;AAE3E"}
+{"version":3,"file":"portal.cjs","names":["node: RootNode","Portal: FC<PortalProps>"],"sources":["../../../../src/components/portal/portal.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport type { RootNode } from \"../../core\"\nimport { Children, useEffect, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { useEnvironment } from \"../../core\"\nimport { getDocument, isShadowRoot, useSsr } from \"../../utils\"\n\nconst getPortalNode = (node: RootNode) => {\n  const rootNode = node.getRootNode()\n\n  if (isShadowRoot(rootNode)) return rootNode\n\n  return getDocument(node).body\n}\n\nexport interface PortalProps extends PropsWithChildren {\n  /**\n   * The `ref` to the component where the portal will be attached to.\n   */\n  containerRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the forwarding will be disabled.\n   */\n  disabled?: boolean\n}\n\n/**\n * `Portal` is a component that renders elements outside of the current `DOM` hierarchy.\n *\n * @see https://yamada-ui.com/components/portal\n */\nexport const Portal: FC<PortalProps> = ({\n  children,\n  containerRef: ref,\n  disabled,\n}) => {\n  const [target, setTarget] = useState(ref?.current)\n  const ssr = useSsr()\n  const { getRootNode } = useEnvironment()\n\n  useEffect(() => {\n    setTarget(() => ref?.current)\n  }, [ref])\n\n  if (ssr || disabled) return children\n\n  const container = target ?? getPortalNode(getRootNode())\n\n  return (\n    <>{Children.map(children, (child) => createPortal(child, container))}</>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AASA,MAAM,gBAAgB,CAACA,SAAmB;CACxC,MAAM,WAAW,KAAK,aAAa;AAEnC,KAAI,sCAAa,SAAS,CAAE,QAAO;AAEnC,QAAO,qCAAY,KAAK,CAAC;AAC1B;;;;;;AAkBD,MAAaC,SAA0B,CAAC,EACtC,UACA,cAAc,KACd,UACD,KAAK;CACJ,MAAM,CAAC,QAAQ,UAAU,GAAG,oBAAS,KAAK,QAAQ;CAClD,MAAM,MAAM,0BAAQ;CACpB,MAAM,EAAE,aAAa,GAAG,yDAAgB;AAExC,sBAAU,MAAM;AACd,YAAU,MAAM,KAAK,QAAQ;CAC9B,GAAE,CAAC,GAAI,EAAC;AAET,KAAI,OAAO,SAAU,QAAO;CAE5B,MAAM,YAAY,UAAU,cAAc,aAAa,CAAC;AAExD,wBACE,mEAAG,eAAS,IAAI,UAAU,CAAC,UAAU,4BAAa,OAAO,UAAU,CAAC,GAAI;AAE3E"}

package/dist/cjs/components/progress/progress.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_assertion = require('../../utils/common/assertion.cjs');
 const require_core_css_merge_css = require('../../core/css/merge-css.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
@@ -33,7 +33,7 @@ const Progress = withProvider(({ css, max, min, rangeColor, trackColor, value, r
 		})
 	});
 }, "root")(void 0, ({ duration,...rest }) => ({
-	"--duration": (0, require_utils_index.utils_exports.isNumber)(duration) ? `${duration}s` : duration,
+	"--duration": require_utils_common_assertion.isNumber(duration) ? `${duration}s` : duration,
 	...rest
 }));
 const ProgressRange = withContext("div", "range")();

package/dist/cjs/components/progress/progress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress.cjs","names":["progressStyle","styled"],"sources":["../../../../src/components/progress/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ProgressStyle } from \"./progress.style\"\nimport type { UseProgressProps } from \"./use-progress\"\nimport { createSlotComponent, mergeCSS, styled } from \"../../core\"\nimport { isNumber } from \"../../utils\"\nimport { progressStyle } from \"./progress.style\"\nimport { useProgress } from \"./use-progress\"\n\nexport interface ProgressProps\n  extends HTMLStyledProps,\n    UseProgressProps,\n    ThemeProps<ProgressStyle> {\n  /**\n   * The animation duration in seconds.\n   */\n  duration?: number | string\n  /**\n   * The color of the progress range.\n   */\n  rangeColor?: CSSProps[\"color\"]\n  /**\n   * The color of the progress track.\n   */\n  trackColor?: CSSProps[\"color\"]\n  /**\n   * Props for the progress range element.\n   */\n  rangeProps?: ProgressRangeProps\n}\n\nexport const {\n  PropsContext: ProgressPropsContext,\n  usePropsContext: useProgressPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ProgressProps, ProgressStyle>(\"progress\", progressStyle)\n\n/**\n * `Progress` is a component for visually indicating progress.\n *\n * @see https://yamada-ui.com/components/progress\n */\nexport const Progress = withProvider(\n  ({ css, max, min, rangeColor, trackColor, value, rangeProps, ...rest }) => {\n    const { percent, getRangeProps, getRootProps } = useProgress({\n      max,\n      min,\n      value,\n    })\n\n    return (\n      <styled.div\n        css={mergeCSS(css, { \"--width\": `${percent}%` })}\n        bg={trackColor}\n        {...getRootProps(rest)}\n      >\n        <ProgressRange bg={rangeColor} {...getRangeProps(rangeProps)} />\n      </styled.div>\n    )\n  },\n  \"root\",\n)(undefined, ({ duration, ...rest }) => ({\n  \"--duration\": isNumber(duration) ? `${duration}s` : duration,\n  ...rest,\n}))\n\ninterface ProgressRangeProps extends HTMLStyledProps {}\n\nconst ProgressRange = withContext<\"div\", ProgressRangeProps>(\"div\", \"range\")()\n"],"mappings":";;;;;;;;;;;;;AAgCA,MAAa,EACX,cAAc,sBACd,iBAAiB,yBACjB,aACA,cACD,GAAG,6DAAkD,YAAYA,yDAAc;;;;;;AAOhF,MAAa,WAAW,aACtB,CAAC,EAAE,KAAK,KAAK,KAAK,YAAY,YAAY,OAAO,WAAY,GAAG,MAAM,KAAK;CACzE,MAAM,EAAE,SAAS,eAAe,cAAc,GAAG,qDAAY;EAC3D;EACA;EACA;CACD,EAAC;AAEF,wBACE,2BAACC,mCAAO;EACN,KAAK,oCAAS,KAAK,EAAE,cAAc,QAAQ,GAAI,EAAC;EAChD,IAAI;EACJ,GAAI,aAAa,KAAK;4BAEtB,2BAAC;GAAc,IAAI;GAAY,GAAI,cAAc,WAAW;IAAI;GACrD;AAEhB,GACD,OACD,SAAY,CAAC,EAAE,SAAU,GAAG,MAAM,MAAM;CACvC,cAAc,gDAAS,SAAS,MAAM,SAAS,KAAK;CACpD,GAAG;AACJ,GAAE;AAIH,MAAM,gBAAgB,YAAuC,OAAO,QAAQ,EAAE"}
+{"version":3,"file":"progress.cjs","names":["progressStyle","styled"],"sources":["../../../../src/components/progress/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ProgressStyle } from \"./progress.style\"\nimport type { UseProgressProps } from \"./use-progress\"\nimport { createSlotComponent, mergeCSS, styled } from \"../../core\"\nimport { isNumber } from \"../../utils\"\nimport { progressStyle } from \"./progress.style\"\nimport { useProgress } from \"./use-progress\"\n\nexport interface ProgressProps\n  extends HTMLStyledProps,\n    UseProgressProps,\n    ThemeProps<ProgressStyle> {\n  /**\n   * The animation duration in seconds.\n   */\n  duration?: number | string\n  /**\n   * The color of the progress range.\n   */\n  rangeColor?: CSSProps[\"color\"]\n  /**\n   * The color of the progress track.\n   */\n  trackColor?: CSSProps[\"color\"]\n  /**\n   * Props for the progress range element.\n   */\n  rangeProps?: ProgressRangeProps\n}\n\nexport const {\n  PropsContext: ProgressPropsContext,\n  usePropsContext: useProgressPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ProgressProps, ProgressStyle>(\"progress\", progressStyle)\n\n/**\n * `Progress` is a component for visually indicating progress.\n *\n * @see https://yamada-ui.com/components/progress\n */\nexport const Progress = withProvider(\n  ({ css, max, min, rangeColor, trackColor, value, rangeProps, ...rest }) => {\n    const { percent, getRangeProps, getRootProps } = useProgress({\n      max,\n      min,\n      value,\n    })\n\n    return (\n      <styled.div\n        css={mergeCSS(css, { \"--width\": `${percent}%` })}\n        bg={trackColor}\n        {...getRootProps(rest)}\n      >\n        <ProgressRange bg={rangeColor} {...getRangeProps(rangeProps)} />\n      </styled.div>\n    )\n  },\n  \"root\",\n)(undefined, ({ duration, ...rest }) => ({\n  \"--duration\": isNumber(duration) ? `${duration}s` : duration,\n  ...rest,\n}))\n\ninterface ProgressRangeProps extends HTMLStyledProps {}\n\nconst ProgressRange = withContext<\"div\", ProgressRangeProps>(\"div\", \"range\")()\n"],"mappings":";;;;;;;;;;;;;AAgCA,MAAa,EACX,cAAc,sBACd,iBAAiB,yBACjB,aACA,cACD,GAAG,6DAAkD,YAAYA,yDAAc;;;;;;AAOhF,MAAa,WAAW,aACtB,CAAC,EAAE,KAAK,KAAK,KAAK,YAAY,YAAY,OAAO,WAAY,GAAG,MAAM,KAAK;CACzE,MAAM,EAAE,SAAS,eAAe,cAAc,GAAG,qDAAY;EAC3D;EACA;EACA;CACD,EAAC;AAEF,wBACE,2BAACC,mCAAO;EACN,KAAK,oCAAS,KAAK,EAAE,cAAc,QAAQ,GAAI,EAAC;EAChD,IAAI;EACJ,GAAI,aAAa,KAAK;4BAEtB,2BAAC;GAAc,IAAI;GAAY,GAAI,cAAc,WAAW;IAAI;GACrD;AAEhB,GACD,OACD,SAAY,CAAC,EAAE,SAAU,GAAG,MAAM,MAAM;CACvC,cAAc,wCAAS,SAAS,MAAM,SAAS,KAAK;CACpD,GAAG;AACJ,GAAE;AAIH,MAAM,gBAAgB,YAAuC,OAAO,QAAQ,EAAE"}

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

@@ -2,21 +2,22 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
+const require_utils_common_number = require('../../utils/common/number.cjs');
 const require_providers_i18n_provider_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 
 //#region src/components/progress/use-progress.ts
 const useProgress = ({ max = 100, min = 0, value } = {}) => {
 	const indeterminate = value === null;
-	const percent = (0, require_utils_index.utils_exports.valueToPercent)(value ?? 0, min, max);
+	const percent = require_utils_common_number.valueToPercent(value ?? 0, min, max);
 	const { t } = require_providers_i18n_provider_i18n_provider.useI18n("progress");
 	const getRootProps = (0, react.useCallback)((props) => ({
 		"aria-label": indeterminate ? t("loading") : t("percent", { value: percent }),
 		"aria-valuemax": max,
 		"aria-valuemin": min,
 		"aria-valuenow": value ?? void 0,
-		"data-indeterminate": (0, require_utils_index.utils_exports.dataAttr)(indeterminate),
+		"data-indeterminate": require_utils_common_dom.dataAttr(indeterminate),
 		role: "progressbar",
 		...props
 	}), [
@@ -28,11 +29,11 @@ const useProgress = ({ max = 100, min = 0, value } = {}) => {
 		t
 	]);
 	const getTrackProps = (0, react.useCallback)((props) => ({
-		"data-indeterminate": (0, require_utils_index.utils_exports.dataAttr)(indeterminate),
+		"data-indeterminate": require_utils_common_dom.dataAttr(indeterminate),
 		...props
 	}), [indeterminate]);
 	const getRangeProps = (0, react.useCallback)((props) => ({
-		"data-indeterminate": (0, require_utils_index.utils_exports.dataAttr)(indeterminate),
+		"data-indeterminate": require_utils_common_dom.dataAttr(indeterminate),
 		...props
 	}), [indeterminate]);
 	return {

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

@@ -1 +1 @@
-{"version":3,"file":"use-progress.cjs","names":["props?: HTMLProps<Y>","props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">"],"sources":["../../../../src/components/progress/use-progress.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr, valueToPercent } from \"../../utils\"\n\nexport interface UseProgressProps {\n  /**\n   * The maximum value of the progress.\n   *\n   * @default 100\n   */\n  max?: number\n  /**\n   * The minimum value of the progress.\n   *\n   * @default 0\n   */\n  min?: number\n  /**\n   * The value of the progress. If `null`, the progress will be indeterminate.\n   *\n   * @default 0\n   */\n  value?: null | number\n}\n\nexport const useProgress = <Y extends \"div\" | \"svg\" = \"div\">({\n  max = 100,\n  min = 0,\n  value,\n}: UseProgressProps = {}) => {\n  const indeterminate = value === null\n  const percent = valueToPercent(value ?? 0, min, max)\n  const { t } = useI18n(\"progress\")\n\n  const getRootProps = useCallback(\n    (props?: HTMLProps<Y>) => ({\n      \"aria-label\": indeterminate\n        ? t(\"loading\")\n        : t(\"percent\", { value: percent }),\n      \"aria-valuemax\": max,\n      \"aria-valuemin\": min,\n      \"aria-valuenow\": value ?? undefined,\n      \"data-indeterminate\": dataAttr(indeterminate),\n      role: \"progressbar\",\n      ...props,\n    }),\n    [max, min, percent, value, indeterminate, t],\n  )\n\n  const getTrackProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  const getRangeProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  return {\n    percent,\n    getRangeProps,\n    getRootProps,\n    getTrackProps,\n  }\n}\n\nexport type UseProgressReturn = ReturnType<typeof useProgress>\n"],"mappings":";;;;;;;;;AA4BA,MAAa,cAAc,CAAkC,EAC3D,MAAM,KACN,MAAM,GACN,OACiB,GAAG,CAAE,MAAK;CAC3B,MAAM,gBAAgB,UAAU;CAChC,MAAM,UAAU,sDAAe,SAAS,GAAG,KAAK,IAAI;CACpD,MAAM,EAAE,GAAG,GAAG,sDAAQ,WAAW;CAEjC,MAAM,eAAe,uBACnB,CAACA,WAA0B;EACzB,cAAc,gBACV,EAAE,UAAU,GACZ,EAAE,WAAW,EAAE,OAAO,QAAS,EAAC;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,sBAAsB,gDAAS,cAAc;EAC7C,MAAM;EACN,GAAG;CACJ,IACD;EAAC;EAAK;EAAK;EAAS;EAAO;EAAe;CAAE,EAC7C;CAED,MAAM,gBAAgB,uBACpB,CAACC,WAA2D;EAC1D,sBAAsB,gDAAS,cAAc;EAC7C,GAAG;CACJ,IACD,CAAC,aAAc,EAChB;CAED,MAAM,gBAAgB,uBACpB,CAACA,WAA2D;EAC1D,sBAAsB,gDAAS,cAAc;EAC7C,GAAG;CACJ,IACD,CAAC,aAAc,EAChB;AAED,QAAO;EACL;EACA;EACA;EACA;CACD;AACF"}
+{"version":3,"file":"use-progress.cjs","names":["props?: HTMLProps<Y>","props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">"],"sources":["../../../../src/components/progress/use-progress.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr, valueToPercent } from \"../../utils\"\n\nexport interface UseProgressProps {\n  /**\n   * The maximum value of the progress.\n   *\n   * @default 100\n   */\n  max?: number\n  /**\n   * The minimum value of the progress.\n   *\n   * @default 0\n   */\n  min?: number\n  /**\n   * The value of the progress. If `null`, the progress will be indeterminate.\n   *\n   * @default 0\n   */\n  value?: null | number\n}\n\nexport const useProgress = <Y extends \"div\" | \"svg\" = \"div\">({\n  max = 100,\n  min = 0,\n  value,\n}: UseProgressProps = {}) => {\n  const indeterminate = value === null\n  const percent = valueToPercent(value ?? 0, min, max)\n  const { t } = useI18n(\"progress\")\n\n  const getRootProps = useCallback(\n    (props?: HTMLProps<Y>) => ({\n      \"aria-label\": indeterminate\n        ? t(\"loading\")\n        : t(\"percent\", { value: percent }),\n      \"aria-valuemax\": max,\n      \"aria-valuemin\": min,\n      \"aria-valuenow\": value ?? undefined,\n      \"data-indeterminate\": dataAttr(indeterminate),\n      role: \"progressbar\",\n      ...props,\n    }),\n    [max, min, percent, value, indeterminate, t],\n  )\n\n  const getTrackProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  const getRangeProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  return {\n    percent,\n    getRangeProps,\n    getRootProps,\n    getTrackProps,\n  }\n}\n\nexport type UseProgressReturn = ReturnType<typeof useProgress>\n"],"mappings":";;;;;;;;;;AA4BA,MAAa,cAAc,CAAkC,EAC3D,MAAM,KACN,MAAM,GACN,OACiB,GAAG,CAAE,MAAK;CAC3B,MAAM,gBAAgB,UAAU;CAChC,MAAM,UAAU,2CAAe,SAAS,GAAG,KAAK,IAAI;CACpD,MAAM,EAAE,GAAG,GAAG,sDAAQ,WAAW;CAEjC,MAAM,eAAe,uBACnB,CAACA,WAA0B;EACzB,cAAc,gBACV,EAAE,UAAU,GACZ,EAAE,WAAW,EAAE,OAAO,QAAS,EAAC;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,sBAAsB,kCAAS,cAAc;EAC7C,MAAM;EACN,GAAG;CACJ,IACD;EAAC;EAAK;EAAK;EAAS;EAAO;EAAe;CAAE,EAC7C;CAED,MAAM,gBAAgB,uBACpB,CAACC,WAA2D;EAC1D,sBAAsB,kCAAS,cAAc;EAC7C,GAAG;CACJ,IACD,CAAC,aAAc,EAChB;CAED,MAAM,gBAAgB,uBACpB,CAACA,WAA2D;EAC1D,sBAAsB,kCAAS,cAAc;EAC7C,GAAG;CACJ,IACD,CAAC,aAAc,EAChB;AAED,QAAO;EACL;EACA;EACA;EACA;CACD;AACF"}

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

@@ -6,13 +6,15 @@ const require_utils_children = require('../../utils/children.cjs');
 const require_utils_context = require('../../utils/context.cjs');
 const require_utils_effect = require('../../utils/effect.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 react = require_rolldown_runtime.__toESM(require("react"));
 const motion_react = require_rolldown_runtime.__toESM(require("motion/react"));
 
 //#region src/components/reorder/use-reorder.ts
 const getAlternativeValue = ({ children, label } = {}) => serializeValue(children ?? label);
-const serializeValue = (value) => (0, require_utils_index.utils_exports.isObject)(value) || (0, require_utils_index.utils_exports.isArray)(value) ? JSON.stringify(value) : value;
+const serializeValue = (value) => require_utils_common_assertion.isObject(value) || require_utils_common_assertion.isArray(value) ? JSON.stringify(value) : value;
 const [ReorderContext, useReorderContext] = require_utils_context.createContext({ name: "ReorderContext" });
 const [ReorderItemContext, useReorderItemContext] = require_utils_context.createContext({ name: "ReorderItemContext" });
 const useReorder = ({ ref, children, item, items = [], orientation = "vertical", onChange, onCompleteChange,...rest } = {}) => {
@@ -77,9 +79,9 @@ const useReorder = ({ ref, children, item, items = [], orientation = "vertical",
 		...rest,
 		...props,
 		ref: require_utils_ref.mergeRefs(props.ref, ref),
-		onMouseUp: (0, require_utils_index.utils_exports.handlerAll)(props.onMouseUp, rest.onMouseUp, onCompleteReorder),
-		onReorder: (0, require_utils_index.utils_exports.handlerAll)(props.onReorder, rest.onReorder, onReorder),
-		onTouchEnd: (0, require_utils_index.utils_exports.handlerAll)(props.onTouchEnd, rest.onTouchEnd, onCompleteReorder)
+		onMouseUp: require_utils_common_function.handlerAll(props.onMouseUp, rest.onMouseUp, onCompleteReorder),
+		onReorder: require_utils_common_function.handlerAll(props.onReorder, rest.onReorder, onReorder),
+		onTouchEnd: require_utils_common_function.handlerAll(props.onTouchEnd, rest.onTouchEnd, onCompleteReorder)
 	}), [
 		rest,
 		ref,
@@ -122,8 +124,8 @@ const useReorderItem = ({ ref, label, value,...rest }) => {
 	const getItemProps = (0, react.useCallback)((props = {}) => {
 		const children = props.children ?? rest.children ?? label;
 		return {
-			"data-has-trigger": (0, require_utils_index.utils_exports.dataAttr)(hasTrigger),
-			"data-selected": (0, require_utils_index.utils_exports.dataAttr)(drag),
+			"data-has-trigger": require_utils_common_dom.dataAttr(hasTrigger),
+			"data-selected": require_utils_common_dom.dataAttr(drag),
 			dragControls,
 			dragListener: !hasTrigger,
 			value: value ?? getAlternativeValue({ children }),
@@ -152,8 +154,8 @@ const useReorderItem = ({ ref, label, value,...rest }) => {
 	const getTriggerProps = (0, react.useCallback)((props = {}) => ({
 		...props,
 		ref: require_utils_ref.mergeRefs(register, props.ref),
-		"data-selected": (0, require_utils_index.utils_exports.dataAttr)(drag),
-		onPointerDown: (0, require_utils_index.utils_exports.handlerAll)(props.onPointerDown, (ev) => dragControls.start(ev))
+		"data-selected": require_utils_common_dom.dataAttr(drag),
+		onPointerDown: require_utils_common_function.handlerAll(props.onPointerDown, (ev) => dragControls.start(ev))
 	}), [
 		drag,
 		dragControls,

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

@@ -1 +1 @@
-{"version":3,"file":"use-reorder.cjs","names":["value: any","values","newValues: Y[]","getRootProps: PropGetter<\n    Partial<Omit<ReorderGroupProps<Y>, \"values\">>,\n    undefined,\n    ReorderGroupProps<Y>\n  >","node: HTMLElement | null","x","y","getItemProps: PropGetter<\n    Omit<HTMLMotionProps<\"li\">, \"layout\" | \"value\"> &\n      Pick<ReorderItemProps<Y>, \"layout\">,\n    undefined,\n    ReorderItemProps<Y>\n  >","getTriggerProps: PropGetter"],"sources":["../../../../src/components/reorder/use-reorder.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLMotionProps, Reorder } from \"motion/react\"\nimport type { PropsWithChildren, ReactElement, ReactNode } from \"react\"\nimport type { Orientation, PropGetter } from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport { useDragControls, useMotionValue } from \"motion/react\"\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport {\n  createContext,\n  dataAttr,\n  getValidChildren,\n  handlerAll,\n  isArray,\n  isObject,\n  mergeRefs,\n  useUpdateEffect,\n} from \"../../utils\"\n\nconst getAlternativeValue = ({ children, label }: Dict = {}) =>\n  serializeValue(children ?? label)\n\nconst serializeValue = (value: any) =>\n  isObject(value) || isArray(value) ? JSON.stringify(value) : value\n\ntype ReorderGroupProps<Y = string> = Merge<\n  HTMLMotionProps<\"ul\">,\n  Pick<Parameters<typeof Reorder.Group<Y>>[0], \"axis\" | \"onReorder\" | \"values\">\n>\ntype ReorderItemProps<Y = string> = Merge<\n  HTMLMotionProps<\"li\">,\n  Partial<Pick<Parameters<typeof Reorder.Item<Y>>[0], \"layout\" | \"value\">>\n>\n\ninterface ReorderContext extends Pick<UseReorderProps, \"orientation\"> {}\n\nexport const [ReorderContext, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n  })\n\ninterface ReorderItemContext {\n  getTriggerProps: PropGetter\n}\n\nexport const [ReorderItemContext, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderItemContext\",\n  })\n\nexport interface UseReorderProps<Y = string>\n  extends Partial<\n      Omit<ReorderGroupProps<Y>, \"children\" | \"onChange\" | \"values\">\n    >,\n    PropsWithChildren {\n  /**\n   * The component to be used for the item.\n   */\n  item?: ReactElement<any>\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: UseReorderItemProps<Y>[]\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (values: Y[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (values: Y[]) => void\n}\n\nexport const useReorder = <Y = string>({\n  ref,\n  children,\n  item,\n  items = [],\n  orientation = \"vertical\",\n  onChange,\n  onCompleteChange,\n  ...rest\n}: UseReorderProps<Y> = {}) => {\n  const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n  const validChildren = useMemo(() => getValidChildren(children), [children])\n  const hasChildren = !!validChildren.length\n  const defaultValues = useMemo(() => {\n    const values = hasChildren\n      ? validChildren.map(\n          ({ props }) => props.value ?? getAlternativeValue(props),\n        )\n      : items.map((props) => props.value ?? getAlternativeValue(props))\n\n    const duplicatedValues = values.filter(\n      (value, index, self) =>\n        self.indexOf(value) === index && index !== self.lastIndexOf(value),\n    )\n\n    if (duplicatedValues.length)\n      console.warn(\n        `Reorder: 'value' of 'ReorderItem' must not be duplicated. duplicate 'value' is '${duplicatedValues.join(\n          `', '`,\n        )}' `,\n      )\n\n    return Array.from(new Set(values))\n  }, [hasChildren, validChildren, items])\n  const childMap = useMemo(() => {\n    return Object.fromEntries(\n      validChildren.map((child) => [\n        serializeValue(child.props.value) ??\n          serializeValue(getAlternativeValue(child.props)),\n        child,\n      ]),\n    )\n  }, [validChildren])\n  const itemMap = useMemo(() => {\n    return Object.fromEntries(\n      items.map((props) => [\n        serializeValue(props.value) ??\n          serializeValue(getAlternativeValue(props)),\n        props,\n      ]),\n    )\n  }, [items])\n  const prevDefaultValues = useRef<Y[]>(defaultValues)\n  const [values, setValues] = useState<Y[]>(defaultValues)\n  const prevValues = useRef<Y[]>(defaultValues)\n  const cloneChildren = useMemo(\n    () =>\n      values.map((value) => {\n        if (hasChildren) {\n          return childMap[serializeValue(value)]\n        } else {\n          const props = itemMap[serializeValue(value)]\n\n          return props && item\n            ? cloneElement(item, { key: serializeValue(props.value), ...props })\n            : null\n        }\n      }),\n    [values, hasChildren, childMap, itemMap, item],\n  )\n\n  const onReorder = useCallback(\n    (newValues: Y[]) => {\n      setValues(newValues)\n\n      onChange?.(newValues)\n    },\n    [onChange],\n  )\n\n  const onCompleteReorder = useCallback(() => {\n    const equal = JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n    if (equal) return\n\n    prevValues.current = values\n\n    onCompleteChange?.(values)\n  }, [onCompleteChange, values])\n\n  useUpdateEffect(() => {\n    const equal =\n      JSON.stringify(defaultValues) ===\n      JSON.stringify(prevDefaultValues.current)\n\n    if (equal) return\n\n    prevValues.current = defaultValues\n    prevDefaultValues.current = defaultValues\n\n    setValues(defaultValues)\n  }, [defaultValues])\n\n  const getRootProps: PropGetter<\n    Partial<Omit<ReorderGroupProps<Y>, \"values\">>,\n    undefined,\n    ReorderGroupProps<Y>\n  > = useCallback(\n    (props = {}) => ({\n      axis,\n      values,\n      ...rest,\n      ...props,\n      ref: mergeRefs(props.ref, ref),\n      onMouseUp: handlerAll(props.onMouseUp, rest.onMouseUp, onCompleteReorder),\n      onReorder: handlerAll(props.onReorder, rest.onReorder, onReorder),\n      onTouchEnd: handlerAll(\n        props.onTouchEnd,\n        rest.onTouchEnd,\n        onCompleteReorder,\n      ),\n    }),\n    [rest, ref, onCompleteReorder, onReorder, axis, values],\n  )\n\n  return { children: cloneChildren, orientation, values, getRootProps }\n}\n\nexport type UseReorderReturn<Y = string> = ReturnType<typeof useReorder<Y>>\n\nexport interface UseReorderItemProps<Y = string> extends ReorderItemProps<Y> {\n  /**\n   * The label of the reorder item.\n   */\n  label?: ReactNode\n  /**\n   * The value of the reorder item.\n   */\n  value?: Y\n}\n\nexport const useReorderItem = <Y = string>({\n  ref,\n  label,\n  value,\n  ...rest\n}: UseReorderItemProps<Y>) => {\n  const { orientation } = useReorderContext()\n  const dragControls = useDragControls()\n  const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n  const [drag, setDrag] = useState<boolean>(false)\n  const x = useMotionValue(0)\n  const y = useMotionValue(0)\n\n  const register = useCallback(\n    (node: HTMLElement | null) => setHasTrigger(!!node),\n    [],\n  )\n\n  useEffect(() => {\n    const unsubscribeX = x.on(\"change\", (x) => {\n      if (orientation === \"horizontal\") setDrag(x !== 0)\n    })\n    const unsubscribeY = y.on(\"change\", (y) => {\n      if (orientation === \"vertical\") setDrag(y !== 0)\n    })\n\n    return () => {\n      unsubscribeX()\n      unsubscribeY()\n    }\n  }, [orientation, x, y])\n\n  const getItemProps: PropGetter<\n    Omit<HTMLMotionProps<\"li\">, \"layout\" | \"value\"> &\n      Pick<ReorderItemProps<Y>, \"layout\">,\n    undefined,\n    ReorderItemProps<Y>\n  > = useCallback(\n    (props = {}) => {\n      const children = props.children ?? rest.children ?? label\n\n      return {\n        \"data-has-trigger\": dataAttr(hasTrigger),\n        \"data-selected\": dataAttr(drag),\n        dragControls,\n        dragListener: !hasTrigger,\n        value: value ?? getAlternativeValue({ children }),\n        ...props,\n        ...rest,\n        ref: mergeRefs(props.ref, ref),\n        style: { x, y, ...props.style, ...rest.style },\n        children,\n      }\n    },\n    [ref, rest, dragControls, hasTrigger, value, x, y, drag, label],\n  )\n\n  const getTriggerProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...props,\n      ref: mergeRefs(register, props.ref),\n      \"data-selected\": dataAttr(drag),\n      onPointerDown: handlerAll(props.onPointerDown, (ev) =>\n        dragControls.start(ev),\n      ),\n    }),\n    [drag, dragControls, register],\n  )\n\n  return { getItemProps, getTriggerProps }\n}\n\nexport type UseReorderItemReturn<Y = string> = ReturnType<\n  typeof useReorderItem<Y>\n>\n"],"mappings":"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"}
+{"version":3,"file":"use-reorder.cjs","names":["value: any","values","newValues: Y[]","getRootProps: PropGetter<\n    Partial<Omit<ReorderGroupProps<Y>, \"values\">>,\n    undefined,\n    ReorderGroupProps<Y>\n  >","node: HTMLElement | null","x","y","getItemProps: PropGetter<\n    Omit<HTMLMotionProps<\"li\">, \"layout\" | \"value\"> &\n      Pick<ReorderItemProps<Y>, \"layout\">,\n    undefined,\n    ReorderItemProps<Y>\n  >","getTriggerProps: PropGetter"],"sources":["../../../../src/components/reorder/use-reorder.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLMotionProps, Reorder } from \"motion/react\"\nimport type { PropsWithChildren, ReactElement, ReactNode } from \"react\"\nimport type { Orientation, PropGetter } from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport { useDragControls, useMotionValue } from \"motion/react\"\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport {\n  createContext,\n  dataAttr,\n  getValidChildren,\n  handlerAll,\n  isArray,\n  isObject,\n  mergeRefs,\n  useUpdateEffect,\n} from \"../../utils\"\n\nconst getAlternativeValue = ({ children, label }: Dict = {}) =>\n  serializeValue(children ?? label)\n\nconst serializeValue = (value: any) =>\n  isObject(value) || isArray(value) ? JSON.stringify(value) : value\n\ntype ReorderGroupProps<Y = string> = Merge<\n  HTMLMotionProps<\"ul\">,\n  Pick<Parameters<typeof Reorder.Group<Y>>[0], \"axis\" | \"onReorder\" | \"values\">\n>\ntype ReorderItemProps<Y = string> = Merge<\n  HTMLMotionProps<\"li\">,\n  Partial<Pick<Parameters<typeof Reorder.Item<Y>>[0], \"layout\" | \"value\">>\n>\n\ninterface ReorderContext extends Pick<UseReorderProps, \"orientation\"> {}\n\nexport const [ReorderContext, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n  })\n\ninterface ReorderItemContext {\n  getTriggerProps: PropGetter\n}\n\nexport const [ReorderItemContext, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderItemContext\",\n  })\n\nexport interface UseReorderProps<Y = string>\n  extends Partial<\n      Omit<ReorderGroupProps<Y>, \"children\" | \"onChange\" | \"values\">\n    >,\n    PropsWithChildren {\n  /**\n   * The component to be used for the item.\n   */\n  item?: ReactElement<any>\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: UseReorderItemProps<Y>[]\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (values: Y[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (values: Y[]) => void\n}\n\nexport const useReorder = <Y = string>({\n  ref,\n  children,\n  item,\n  items = [],\n  orientation = \"vertical\",\n  onChange,\n  onCompleteChange,\n  ...rest\n}: UseReorderProps<Y> = {}) => {\n  const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n  const validChildren = useMemo(() => getValidChildren(children), [children])\n  const hasChildren = !!validChildren.length\n  const defaultValues = useMemo(() => {\n    const values = hasChildren\n      ? validChildren.map(\n          ({ props }) => props.value ?? getAlternativeValue(props),\n        )\n      : items.map((props) => props.value ?? getAlternativeValue(props))\n\n    const duplicatedValues = values.filter(\n      (value, index, self) =>\n        self.indexOf(value) === index && index !== self.lastIndexOf(value),\n    )\n\n    if (duplicatedValues.length)\n      console.warn(\n        `Reorder: 'value' of 'ReorderItem' must not be duplicated. duplicate 'value' is '${duplicatedValues.join(\n          `', '`,\n        )}' `,\n      )\n\n    return Array.from(new Set(values))\n  }, [hasChildren, validChildren, items])\n  const childMap = useMemo(() => {\n    return Object.fromEntries(\n      validChildren.map((child) => [\n        serializeValue(child.props.value) ??\n          serializeValue(getAlternativeValue(child.props)),\n        child,\n      ]),\n    )\n  }, [validChildren])\n  const itemMap = useMemo(() => {\n    return Object.fromEntries(\n      items.map((props) => [\n        serializeValue(props.value) ??\n          serializeValue(getAlternativeValue(props)),\n        props,\n      ]),\n    )\n  }, [items])\n  const prevDefaultValues = useRef<Y[]>(defaultValues)\n  const [values, setValues] = useState<Y[]>(defaultValues)\n  const prevValues = useRef<Y[]>(defaultValues)\n  const cloneChildren = useMemo(\n    () =>\n      values.map((value) => {\n        if (hasChildren) {\n          return childMap[serializeValue(value)]\n        } else {\n          const props = itemMap[serializeValue(value)]\n\n          return props && item\n            ? cloneElement(item, { key: serializeValue(props.value), ...props })\n            : null\n        }\n      }),\n    [values, hasChildren, childMap, itemMap, item],\n  )\n\n  const onReorder = useCallback(\n    (newValues: Y[]) => {\n      setValues(newValues)\n\n      onChange?.(newValues)\n    },\n    [onChange],\n  )\n\n  const onCompleteReorder = useCallback(() => {\n    const equal = JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n    if (equal) return\n\n    prevValues.current = values\n\n    onCompleteChange?.(values)\n  }, [onCompleteChange, values])\n\n  useUpdateEffect(() => {\n    const equal =\n      JSON.stringify(defaultValues) ===\n      JSON.stringify(prevDefaultValues.current)\n\n    if (equal) return\n\n    prevValues.current = defaultValues\n    prevDefaultValues.current = defaultValues\n\n    setValues(defaultValues)\n  }, [defaultValues])\n\n  const getRootProps: PropGetter<\n    Partial<Omit<ReorderGroupProps<Y>, \"values\">>,\n    undefined,\n    ReorderGroupProps<Y>\n  > = useCallback(\n    (props = {}) => ({\n      axis,\n      values,\n      ...rest,\n      ...props,\n      ref: mergeRefs(props.ref, ref),\n      onMouseUp: handlerAll(props.onMouseUp, rest.onMouseUp, onCompleteReorder),\n      onReorder: handlerAll(props.onReorder, rest.onReorder, onReorder),\n      onTouchEnd: handlerAll(\n        props.onTouchEnd,\n        rest.onTouchEnd,\n        onCompleteReorder,\n      ),\n    }),\n    [rest, ref, onCompleteReorder, onReorder, axis, values],\n  )\n\n  return { children: cloneChildren, orientation, values, getRootProps }\n}\n\nexport type UseReorderReturn<Y = string> = ReturnType<typeof useReorder<Y>>\n\nexport interface UseReorderItemProps<Y = string> extends ReorderItemProps<Y> {\n  /**\n   * The label of the reorder item.\n   */\n  label?: ReactNode\n  /**\n   * The value of the reorder item.\n   */\n  value?: Y\n}\n\nexport const useReorderItem = <Y = string>({\n  ref,\n  label,\n  value,\n  ...rest\n}: UseReorderItemProps<Y>) => {\n  const { orientation } = useReorderContext()\n  const dragControls = useDragControls()\n  const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n  const [drag, setDrag] = useState<boolean>(false)\n  const x = useMotionValue(0)\n  const y = useMotionValue(0)\n\n  const register = useCallback(\n    (node: HTMLElement | null) => setHasTrigger(!!node),\n    [],\n  )\n\n  useEffect(() => {\n    const unsubscribeX = x.on(\"change\", (x) => {\n      if (orientation === \"horizontal\") setDrag(x !== 0)\n    })\n    const unsubscribeY = y.on(\"change\", (y) => {\n      if (orientation === \"vertical\") setDrag(y !== 0)\n    })\n\n    return () => {\n      unsubscribeX()\n      unsubscribeY()\n    }\n  }, [orientation, x, y])\n\n  const getItemProps: PropGetter<\n    Omit<HTMLMotionProps<\"li\">, \"layout\" | \"value\"> &\n      Pick<ReorderItemProps<Y>, \"layout\">,\n    undefined,\n    ReorderItemProps<Y>\n  > = useCallback(\n    (props = {}) => {\n      const children = props.children ?? rest.children ?? label\n\n      return {\n        \"data-has-trigger\": dataAttr(hasTrigger),\n        \"data-selected\": dataAttr(drag),\n        dragControls,\n        dragListener: !hasTrigger,\n        value: value ?? getAlternativeValue({ children }),\n        ...props,\n        ...rest,\n        ref: mergeRefs(props.ref, ref),\n        style: { x, y, ...props.style, ...rest.style },\n        children,\n      }\n    },\n    [ref, rest, dragControls, hasTrigger, value, x, y, drag, label],\n  )\n\n  const getTriggerProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...props,\n      ref: mergeRefs(register, props.ref),\n      \"data-selected\": dataAttr(drag),\n      onPointerDown: handlerAll(props.onPointerDown, (ev) =>\n        dragControls.start(ev),\n      ),\n    }),\n    [drag, dragControls, register],\n  )\n\n  return { getItemProps, getTriggerProps }\n}\n\nexport type UseReorderItemReturn<Y = string> = ReturnType<\n  typeof useReorderItem<Y>\n>\n"],"mappings":"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"}

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

@@ -4,7 +4,8 @@
 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_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 const react_resizable_panels = require_rolldown_runtime.__toESM(require("react-resizable-panels"));
 
@@ -28,7 +29,7 @@ const useResizable = ({ id, ref, controlRef: controlRefProp, disabled, keyboardS
 		...props,
 		ref: require_utils_ref.mergeRefs(ref$1, controlRefProp, controlRef),
 		tagName: props.as ?? groupProps.as,
-		onLayout: (0, require_utils_index.utils_exports.fnAll)(props.onLayout, groupProps.onLayout, onLayout)
+		onLayout: require_utils_common_function.fnAll(props.onLayout, groupProps.onLayout, onLayout)
 	}), [
 		id,
 		orientation,
@@ -60,9 +61,9 @@ const useResizableItem = ({ id, ref, as, controlRef, onCollapse, onExpand, onRes
 		tagName: props.as ?? as,
 		...props,
 		...rest,
-		onCollapse: (0, require_utils_index.utils_exports.fnAll)(props.onCollapse, onCollapse),
-		onExpand: (0, require_utils_index.utils_exports.fnAll)(props.onExpand, onExpand),
-		onResize: (0, require_utils_index.utils_exports.fnAll)(props.onResize, onResize)
+		onCollapse: require_utils_common_function.fnAll(props.onCollapse, onCollapse),
+		onExpand: require_utils_common_function.fnAll(props.onExpand, onExpand),
+		onResize: require_utils_common_function.fnAll(props.onResize, onResize)
 	}), [
 		as,
 		controlRef,
@@ -96,13 +97,13 @@ const useResizableTrigger = ({ id, ref, as, disabled, onDragging,...rest }) => {
 	const getTriggerProps = (0, react.useCallback)((props = {}) => ({
 		id,
 		"aria-orientation": orientation,
-		"data-active": (0, require_utils_index.utils_exports.dataAttr)(active),
+		"data-active": require_utils_common_dom.dataAttr(active),
 		disabled: trulyDisabled,
 		tagName: props.as ?? as,
 		...rest,
 		...props,
-		onDoubleClick: (0, require_utils_index.utils_exports.handlerAll)(props.onDoubleClick, rest.onDoubleClick, onDoubleClick),
-		onDragging: (0, require_utils_index.utils_exports.fnAll)(props.onDragging, onDragging, setActive)
+		onDoubleClick: require_utils_common_function.handlerAll(props.onDoubleClick, rest.onDoubleClick, onDoubleClick),
+		onDragging: require_utils_common_function.fnAll(props.onDragging, onDragging, setActive)
 	}), [
 		id,
 		as,
@@ -114,7 +115,7 @@ const useResizableTrigger = ({ id, ref, as, disabled, onDragging,...rest }) => {
 		active
 	]);
 	const getIconProps = (0, react.useCallback)((props = {}) => ({
-		"data-active": (0, require_utils_index.utils_exports.dataAttr)(active),
+		"data-active": require_utils_common_dom.dataAttr(active),
 		"data-icon": "",
 		...props
 	}), [active]);

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

@@ -1 +1 @@
-{"version":3,"file":"use-resizable.cjs","names":["getRootProps: PropGetter","getGroupProps: PropGetter<\n    ResizableGroupProps,\n    undefined,\n    PanelGroupProps\n  >","ref","getItemProps: PropGetter<ResizableItemProps, undefined, PanelProps>","ev: MouseEvent<HTMLDivElement>","getTriggerProps: PropGetter<\n    ResizableTriggerProps,\n    undefined,\n    PanelResizeHandleProps\n  >","getIconProps: PropGetter"],"sources":["../../../../src/components/resizable/use-resizable.ts"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent, MouseEventHandler, RefObject } from \"react\"\nimport type {\n  ImperativePanelGroupHandle,\n  ImperativePanelHandle,\n  PanelGroupOnLayout,\n  PanelGroupProps,\n  PanelGroupStorage,\n  PanelProps,\n  PanelResizeHandleProps,\n} from \"react-resizable-panels\"\nimport type {\n  HTMLProps,\n  HTMLRefAttributes,\n  Orientation,\n  PropGetter,\n} from \"../../core\"\nimport { useCallback, useId, useLayoutEffect, useRef, useState } from \"react\"\nimport {\n  getPanelElement,\n  getPanelGroupElement,\n  getResizeHandleElement,\n} from \"react-resizable-panels\"\nimport {\n  assignRef,\n  createContext,\n  dataAttr,\n  fnAll,\n  handlerAll,\n  mergeRefs,\n} from \"../../utils\"\n\ninterface ResizableContext\n  extends Omit<UseResizableReturn, \"getGroupProps\" | \"getRootProps\"> {}\n\nexport const [ResizableContext, useResizableContext] =\n  createContext<ResizableContext>({\n    name: \"ResizableContext\",\n  })\n\nexport interface ResizableStorage extends PanelGroupStorage {}\nexport interface ResizableGroupControl extends ImperativePanelGroupHandle {}\nexport interface ResizableItemControl extends ImperativePanelHandle {}\n\ninterface ResizableGroupProps\n  extends Omit<Partial<PanelGroupProps>, \"tagName\"> {\n  /**\n   * Ref of the resizable group callback.\n   */\n  ref?: RefObject<ResizableGroupControl>\n  /**\n   * The HTML element to render.\n   */\n  as?: keyof HTMLElementTagNameMap\n}\ninterface ResizableItemProps extends Omit<PanelProps, \"tagName\"> {\n  /**\n   * Ref of the resizable item callback.\n   */\n  ref?: RefObject<ResizableItemControl>\n  /**\n   * The HTML element to render.\n   */\n  as?: keyof HTMLElementTagNameMap\n}\ninterface ResizableTriggerProps\n  extends Omit<PanelResizeHandleProps, \"tagName\">,\n    HTMLRefAttributes {\n  /**\n   * The HTML element to render.\n   */\n  as?: keyof HTMLElementTagNameMap\n}\n\nexport interface UseResizableProps extends HTMLProps {\n  /**\n   * Ref of the resizable item callback.\n   */\n  controlRef?: RefObject<null | ResizableGroupControl>\n  /**\n   * If `true`, the resizable trigger will be disabled.\n   */\n  disabled?: boolean\n  /**\n   * Unit to resize by keyboard operation.\n   *\n   * @default 10\n   */\n  keyboardStep?: number\n  /**\n   * The orientation of the resizable.\n   *\n   * @default \"horizontal\"\n   */\n  orientation?: Orientation\n  /**\n   * A callback that gets and sets a value in custom storage.\n   */\n  storage?: PanelGroupStorage\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n  /**\n   * Props for resizable component.\n   */\n  groupProps?: ResizableGroupProps\n  /**\n   * The callback invoked when resizable items are resized.\n   */\n  onLayout?: PanelGroupOnLayout\n}\n\nexport const useResizable = ({\n  id,\n  ref,\n\n  controlRef: controlRefProp,\n  disabled,\n  keyboardStep,\n  orientation = \"horizontal\",\n  storage,\n  storageKey,\n  groupProps = {},\n  onLayout,\n  ...rest\n}: UseResizableProps = {}) => {\n  const controlRef = useRef<ResizableGroupControl>(null)\n  const uuid = useId()\n\n  id ??= uuid\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getGroupProps: PropGetter<\n    ResizableGroupProps,\n    undefined,\n    PanelGroupProps\n  > = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id,\n      autoSaveId: storageKey,\n      direction: orientation,\n      keyboardResizeBy: keyboardStep,\n      storage,\n      ...groupProps,\n      ...props,\n      ref: mergeRefs(ref, controlRefProp, controlRef),\n      tagName: props.as ?? groupProps.as,\n      onLayout: fnAll(props.onLayout, groupProps.onLayout, onLayout),\n    }),\n    [\n      id,\n      orientation,\n      groupProps,\n      controlRefProp,\n      storageKey,\n      keyboardStep,\n      onLayout,\n      storage,\n    ],\n  )\n\n  useLayoutEffect(() => {\n    const el = getPanelGroupElement(id) as HTMLDivElement | null\n\n    assignRef(ref, el)\n  }, [ref, id])\n\n  return {\n    controlRef,\n    disabled,\n    orientation,\n    getGroupProps,\n    getRootProps,\n  }\n}\n\nexport type UseResizableReturn = ReturnType<typeof useResizable>\n\nexport interface UseResizableItemProps\n  extends HTMLProps,\n    Pick<ResizableItemProps, \"as\"> {\n  /**\n   * The collapsed size of the resizable item.\n   */\n  collapsedSize?: number\n  /**\n   * If `true`, the resizable item can be collapsed.\n   *\n   * @default false\n   */\n  collapsible?: boolean\n  /**\n   * Ref of the resizable item callback.\n   */\n  controlRef?: RefObject<null | ResizableItemControl>\n  /**\n   * The initial size of the resizable item.\n   */\n  defaultSize?: number\n  /**\n   * The maximum allowed value of the resizable item.\n   */\n  maxSize?: number\n  /**\n   * The minimum allowed value of the resizable item.\n   */\n  minSize?: number\n  /**\n   * Order for the resizable item.\n   */\n  order?: number\n  /**\n   * The callback invoked when resizable item are collapsed.\n   */\n  onCollapse?: () => void\n  /**\n   * The callback invoked when resizable item are expanded.\n   */\n  onExpand?: () => void\n  /**\n   * The callback invoked when resizable item are resized.\n   */\n  onResize?: (size: number, prevSize: number | undefined) => void\n}\n\nexport const useResizableItem = ({\n  id,\n  ref,\n  as,\n  controlRef,\n  onCollapse,\n  onExpand,\n  onResize,\n  ...rest\n}: UseResizableItemProps) => {\n  const uuid = useId()\n\n  id ??= uuid\n\n  const getItemProps: PropGetter<ResizableItemProps, undefined, PanelProps> =\n    useCallback(\n      ({ ref, ...props } = {}) => ({\n        id,\n        ref: mergeRefs(ref, controlRef),\n        tagName: props.as ?? as,\n        ...props,\n        ...rest,\n        onCollapse: fnAll(props.onCollapse, onCollapse),\n        onExpand: fnAll(props.onExpand, onExpand),\n        onResize: fnAll(props.onResize, onResize),\n      }),\n      [as, controlRef, id, onCollapse, onExpand, onResize, rest],\n    )\n\n  useLayoutEffect(() => {\n    const el = getPanelElement(id) as HTMLDivElement | null\n\n    assignRef(ref, el)\n  }, [ref, id])\n\n  return {\n    getItemProps,\n  }\n}\n\nexport type UseResizableItemReturn = ReturnType<typeof useResizableItem>\n\nexport interface UseResizableTriggerProps\n  extends HTMLProps,\n    Pick<ResizableTriggerProps, \"as\"> {\n  /**\n   * If `true`, the resizable trigger will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The callback invoked when resizable trigger are dragged.\n   */\n  onDragging?: (dragging: boolean) => void\n}\n\nexport const useResizableTrigger = ({\n  id,\n  ref,\n  as,\n  disabled,\n  onDragging,\n  ...rest\n}: UseResizableTriggerProps) => {\n  const uuid = useId()\n  const {\n    controlRef,\n    disabled: groupDisabled,\n    orientation,\n  } = useResizableContext()\n  const [active, setActive] = useState<boolean>(false)\n  const trulyDisabled = disabled || groupDisabled\n\n  id ??= uuid\n\n  const onDoubleClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      ev.preventDefault()\n\n      const layout = controlRef.current?.getLayout()\n\n      if (!layout) return\n\n      const count = layout.length\n      const size = 100 / count\n      const nextLayout = layout.map(() => size)\n\n      controlRef.current?.setLayout(nextLayout)\n    },\n    [controlRef],\n  )\n\n  const getTriggerProps: PropGetter<\n    ResizableTriggerProps,\n    undefined,\n    PanelResizeHandleProps\n  > = useCallback(\n    (props = {}) =>\n      ({\n        id,\n        \"aria-orientation\": orientation,\n        \"data-active\": dataAttr(active),\n        disabled: trulyDisabled,\n        tagName: props.as ?? as,\n        ...rest,\n        ...props,\n        onDoubleClick: handlerAll(\n          props.onDoubleClick as MouseEventHandler<HTMLDivElement> | undefined,\n          rest.onDoubleClick,\n          onDoubleClick,\n        ),\n        onDragging: fnAll(props.onDragging, onDragging, setActive),\n      }) as unknown as PanelResizeHandleProps,\n    [\n      id,\n      as,\n      orientation,\n      trulyDisabled,\n      rest,\n      onDoubleClick,\n      onDragging,\n      active,\n    ],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props = {}) => ({\n      \"data-active\": dataAttr(active),\n      \"data-icon\": \"\",\n      ...props,\n    }),\n    [active],\n  )\n\n  useLayoutEffect(() => {\n    const el = getResizeHandleElement(id) as HTMLDivElement | null\n\n    assignRef(ref, el)\n  }, [ref, id])\n\n  return {\n    getIconProps,\n    getTriggerProps,\n  }\n}\n\nexport type UseResizableTriggerReturn = ReturnType<typeof useResizableTrigger>\n"],"mappings":"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"}
+{"version":3,"file":"use-resizable.cjs","names":["getRootProps: PropGetter","getGroupProps: PropGetter<\n    ResizableGroupProps,\n    undefined,\n    PanelGroupProps\n  >","ref","getItemProps: PropGetter<ResizableItemProps, undefined, PanelProps>","ev: MouseEvent<HTMLDivElement>","getTriggerProps: PropGetter<\n    ResizableTriggerProps,\n    undefined,\n    PanelResizeHandleProps\n  >","getIconProps: PropGetter"],"sources":["../../../../src/components/resizable/use-resizable.ts"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent, MouseEventHandler, RefObject } from \"react\"\nimport type {\n  ImperativePanelGroupHandle,\n  ImperativePanelHandle,\n  PanelGroupOnLayout,\n  PanelGroupProps,\n  PanelGroupStorage,\n  PanelProps,\n  PanelResizeHandleProps,\n} from \"react-resizable-panels\"\nimport type {\n  HTMLProps,\n  HTMLRefAttributes,\n  Orientation,\n  PropGetter,\n} from \"../../core\"\nimport { useCallback, useId, useLayoutEffect, useRef, useState } from \"react\"\nimport {\n  getPanelElement,\n  getPanelGroupElement,\n  getResizeHandleElement,\n} from \"react-resizable-panels\"\nimport {\n  assignRef,\n  createContext,\n  dataAttr,\n  fnAll,\n  handlerAll,\n  mergeRefs,\n} from \"../../utils\"\n\ninterface ResizableContext\n  extends Omit<UseResizableReturn, \"getGroupProps\" | \"getRootProps\"> {}\n\nexport const [ResizableContext, useResizableContext] =\n  createContext<ResizableContext>({\n    name: \"ResizableContext\",\n  })\n\nexport interface ResizableStorage extends PanelGroupStorage {}\nexport interface ResizableGroupControl extends ImperativePanelGroupHandle {}\nexport interface ResizableItemControl extends ImperativePanelHandle {}\n\ninterface ResizableGroupProps\n  extends Omit<Partial<PanelGroupProps>, \"tagName\"> {\n  /**\n   * Ref of the resizable group callback.\n   */\n  ref?: RefObject<ResizableGroupControl>\n  /**\n   * The HTML element to render.\n   */\n  as?: keyof HTMLElementTagNameMap\n}\ninterface ResizableItemProps extends Omit<PanelProps, \"tagName\"> {\n  /**\n   * Ref of the resizable item callback.\n   */\n  ref?: RefObject<ResizableItemControl>\n  /**\n   * The HTML element to render.\n   */\n  as?: keyof HTMLElementTagNameMap\n}\ninterface ResizableTriggerProps\n  extends Omit<PanelResizeHandleProps, \"tagName\">,\n    HTMLRefAttributes {\n  /**\n   * The HTML element to render.\n   */\n  as?: keyof HTMLElementTagNameMap\n}\n\nexport interface UseResizableProps extends HTMLProps {\n  /**\n   * Ref of the resizable item callback.\n   */\n  controlRef?: RefObject<null | ResizableGroupControl>\n  /**\n   * If `true`, the resizable trigger will be disabled.\n   */\n  disabled?: boolean\n  /**\n   * Unit to resize by keyboard operation.\n   *\n   * @default 10\n   */\n  keyboardStep?: number\n  /**\n   * The orientation of the resizable.\n   *\n   * @default \"horizontal\"\n   */\n  orientation?: Orientation\n  /**\n   * A callback that gets and sets a value in custom storage.\n   */\n  storage?: PanelGroupStorage\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n  /**\n   * Props for resizable component.\n   */\n  groupProps?: ResizableGroupProps\n  /**\n   * The callback invoked when resizable items are resized.\n   */\n  onLayout?: PanelGroupOnLayout\n}\n\nexport const useResizable = ({\n  id,\n  ref,\n\n  controlRef: controlRefProp,\n  disabled,\n  keyboardStep,\n  orientation = \"horizontal\",\n  storage,\n  storageKey,\n  groupProps = {},\n  onLayout,\n  ...rest\n}: UseResizableProps = {}) => {\n  const controlRef = useRef<ResizableGroupControl>(null)\n  const uuid = useId()\n\n  id ??= uuid\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => ({ ...rest, ...props }),\n    [rest],\n  )\n\n  const getGroupProps: PropGetter<\n    ResizableGroupProps,\n    undefined,\n    PanelGroupProps\n  > = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id,\n      autoSaveId: storageKey,\n      direction: orientation,\n      keyboardResizeBy: keyboardStep,\n      storage,\n      ...groupProps,\n      ...props,\n      ref: mergeRefs(ref, controlRefProp, controlRef),\n      tagName: props.as ?? groupProps.as,\n      onLayout: fnAll(props.onLayout, groupProps.onLayout, onLayout),\n    }),\n    [\n      id,\n      orientation,\n      groupProps,\n      controlRefProp,\n      storageKey,\n      keyboardStep,\n      onLayout,\n      storage,\n    ],\n  )\n\n  useLayoutEffect(() => {\n    const el = getPanelGroupElement(id) as HTMLDivElement | null\n\n    assignRef(ref, el)\n  }, [ref, id])\n\n  return {\n    controlRef,\n    disabled,\n    orientation,\n    getGroupProps,\n    getRootProps,\n  }\n}\n\nexport type UseResizableReturn = ReturnType<typeof useResizable>\n\nexport interface UseResizableItemProps\n  extends HTMLProps,\n    Pick<ResizableItemProps, \"as\"> {\n  /**\n   * The collapsed size of the resizable item.\n   */\n  collapsedSize?: number\n  /**\n   * If `true`, the resizable item can be collapsed.\n   *\n   * @default false\n   */\n  collapsible?: boolean\n  /**\n   * Ref of the resizable item callback.\n   */\n  controlRef?: RefObject<null | ResizableItemControl>\n  /**\n   * The initial size of the resizable item.\n   */\n  defaultSize?: number\n  /**\n   * The maximum allowed value of the resizable item.\n   */\n  maxSize?: number\n  /**\n   * The minimum allowed value of the resizable item.\n   */\n  minSize?: number\n  /**\n   * Order for the resizable item.\n   */\n  order?: number\n  /**\n   * The callback invoked when resizable item are collapsed.\n   */\n  onCollapse?: () => void\n  /**\n   * The callback invoked when resizable item are expanded.\n   */\n  onExpand?: () => void\n  /**\n   * The callback invoked when resizable item are resized.\n   */\n  onResize?: (size: number, prevSize: number | undefined) => void\n}\n\nexport const useResizableItem = ({\n  id,\n  ref,\n  as,\n  controlRef,\n  onCollapse,\n  onExpand,\n  onResize,\n  ...rest\n}: UseResizableItemProps) => {\n  const uuid = useId()\n\n  id ??= uuid\n\n  const getItemProps: PropGetter<ResizableItemProps, undefined, PanelProps> =\n    useCallback(\n      ({ ref, ...props } = {}) => ({\n        id,\n        ref: mergeRefs(ref, controlRef),\n        tagName: props.as ?? as,\n        ...props,\n        ...rest,\n        onCollapse: fnAll(props.onCollapse, onCollapse),\n        onExpand: fnAll(props.onExpand, onExpand),\n        onResize: fnAll(props.onResize, onResize),\n      }),\n      [as, controlRef, id, onCollapse, onExpand, onResize, rest],\n    )\n\n  useLayoutEffect(() => {\n    const el = getPanelElement(id) as HTMLDivElement | null\n\n    assignRef(ref, el)\n  }, [ref, id])\n\n  return {\n    getItemProps,\n  }\n}\n\nexport type UseResizableItemReturn = ReturnType<typeof useResizableItem>\n\nexport interface UseResizableTriggerProps\n  extends HTMLProps,\n    Pick<ResizableTriggerProps, \"as\"> {\n  /**\n   * If `true`, the resizable trigger will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The callback invoked when resizable trigger are dragged.\n   */\n  onDragging?: (dragging: boolean) => void\n}\n\nexport const useResizableTrigger = ({\n  id,\n  ref,\n  as,\n  disabled,\n  onDragging,\n  ...rest\n}: UseResizableTriggerProps) => {\n  const uuid = useId()\n  const {\n    controlRef,\n    disabled: groupDisabled,\n    orientation,\n  } = useResizableContext()\n  const [active, setActive] = useState<boolean>(false)\n  const trulyDisabled = disabled || groupDisabled\n\n  id ??= uuid\n\n  const onDoubleClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      ev.preventDefault()\n\n      const layout = controlRef.current?.getLayout()\n\n      if (!layout) return\n\n      const count = layout.length\n      const size = 100 / count\n      const nextLayout = layout.map(() => size)\n\n      controlRef.current?.setLayout(nextLayout)\n    },\n    [controlRef],\n  )\n\n  const getTriggerProps: PropGetter<\n    ResizableTriggerProps,\n    undefined,\n    PanelResizeHandleProps\n  > = useCallback(\n    (props = {}) =>\n      ({\n        id,\n        \"aria-orientation\": orientation,\n        \"data-active\": dataAttr(active),\n        disabled: trulyDisabled,\n        tagName: props.as ?? as,\n        ...rest,\n        ...props,\n        onDoubleClick: handlerAll(\n          props.onDoubleClick as MouseEventHandler<HTMLDivElement> | undefined,\n          rest.onDoubleClick,\n          onDoubleClick,\n        ),\n        onDragging: fnAll(props.onDragging, onDragging, setActive),\n      }) as unknown as PanelResizeHandleProps,\n    [\n      id,\n      as,\n      orientation,\n      trulyDisabled,\n      rest,\n      onDoubleClick,\n      onDragging,\n      active,\n    ],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props = {}) => ({\n      \"data-active\": dataAttr(active),\n      \"data-icon\": \"\",\n      ...props,\n    }),\n    [active],\n  )\n\n  useLayoutEffect(() => {\n    const el = getResizeHandleElement(id) as HTMLDivElement | null\n\n    assignRef(ref, el)\n  }, [ref, id])\n\n  return {\n    getIconProps,\n    getTriggerProps,\n  }\n}\n\nexport type UseResizableTriggerReturn = ReturnType<typeof useResizableTrigger>\n"],"mappings":"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"}

package/dist/cjs/components/ripple/ripple.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_function = require('../../utils/common/function.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_motion_factory = require('../motion/factory.cjs');
 const require_components_ripple_ripple_style = require('./ripple.style.cjs');
@@ -46,7 +46,7 @@ const Ripple = withContext(({ style, color = "currentColor", disabled, ripples,
 				},
 				transition: { duration },
 				...rest,
-				onAnimationComplete: (0, require_utils_index.utils_exports.handlerAll)(onAnimationComplete, () => onClear(key))
+				onAnimationComplete: require_utils_common_function.handlerAll(onAnimationComplete, () => onClear(key))
 			})
 		}, key);
 	}) });

package/dist/cjs/components/ripple/ripple.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ripple.cjs","names":["value: number","min: number","max: number","rippleStyle","Ripple: FC<RippleProps>","AnimatePresence","motion"],"sources":["../../../../src/components/ripple/ripple.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, Key } from \"react\"\nimport type { ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { RippleStyle } from \"./ripple.style\"\nimport type { RippleOptions } from \"./use-ripple\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createComponent } from \"../../core\"\nimport { handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { rippleStyle } from \"./ripple.style\"\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(Math.max(value, min), max)\n\nexport interface RippleProps\n  extends HTMLMotionProps<\"span\">,\n    ThemeProps<RippleStyle> {\n  /**\n   * The ripples to use.\n   */\n  ripples: RippleOptions[]\n  /**\n   * The callback invoked when a ripple is cleared.\n   */\n  onClear: (key: Key) => void\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const {\n  PropsContext: RipplePropsContext,\n  usePropsContext: useRipplePropsContext,\n  withContext,\n} = createComponent<RippleProps, RippleStyle>(\"ripple\", rippleStyle)\n\n/**\n * `Ripple` is a component that adds a ripple effect to elements, allowing users to recognize when they have clicked.\n *\n * @see https://yamada-ui.com/components/ripple\n */\nexport const Ripple: FC<RippleProps> = withContext(\n  ({\n    style,\n    color = \"currentColor\",\n    disabled,\n    ripples,\n    onAnimationComplete,\n    onClear,\n    ...rest\n  }) => {\n    if (disabled) return null\n\n    return (\n      <>\n        {ripples.map(({ key, size, x, y }) => {\n          const duration = clamp(0.01 * size, 0.2, size > 100 ? 0.75 : 0.5)\n\n          return (\n            <AnimatePresence key={key} mode=\"popLayout\">\n              <motion.span\n                style={{\n                  height: `${size}px`,\n                  left: x,\n                  pointerEvents: \"none\",\n                  position: \"absolute\",\n                  top: y,\n                  transformOrigin: \"center\",\n                  width: `${size}px`,\n                  ...style,\n                }}\n                animate={{ opacity: 0, transform: \"scale(2)\" }}\n                bgColor={color}\n                exit={{ opacity: 0 }}\n                initial={{ opacity: 0.35, transform: \"scale(0)\" }}\n                transition={{ duration }}\n                {...rest}\n                onAnimationComplete={handlerAll(onAnimationComplete, () =>\n                  onClear(key),\n                )}\n              />\n            </AnimatePresence>\n          )\n        })}\n      </>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,QAAQ,CAACA,OAAeC,KAAaC,QACzC,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,EAAE,IAAI;AAqBrC,MAAa,EACX,cAAc,oBACd,iBAAiB,uBACjB,aACD,GAAG,yDAA0C,UAAUC,mDAAY;;;;;;AAOpE,MAAaC,SAA0B,YACrC,CAAC,EACC,OACA,QAAQ,gBACR,UACA,SACA,qBACA,QACA,GAAG,MACJ,KAAK;AACJ,KAAI,SAAU,QAAO;AAErB,wBACE,mEACG,QAAQ,IAAI,CAAC,EAAE,KAAK,MAAM,GAAG,GAAG,KAAK;EACpC,MAAM,WAAW,MAAM,MAAO,MAAM,IAAK,OAAO,MAAM,MAAO,GAAI;AAEjE,yBACE,2BAACC;GAA0B,MAAK;6BAC9B,2BAACC,yCAAO;IACN,OAAO;KACL,WAAW,KAAK;KAChB,MAAM;KACN,eAAe;KACf,UAAU;KACV,KAAK;KACL,iBAAiB;KACjB,UAAU,KAAK;KACf,GAAG;IACJ;IACD,SAAS;KAAE,SAAS;KAAG,WAAW;IAAY;IAC9C,SAAS;IACT,MAAM,EAAE,SAAS,EAAG;IACpB,SAAS;KAAE,SAAS;KAAM,WAAW;IAAY;IACjD,YAAY,EAAE,SAAU;IACxB,GAAI;IACJ,qBAAqB,kDAAW,qBAAqB,MACnD,QAAQ,IAAI,CACb;KACD;KArBkB,IAsBJ;CAErB,EAAC,GACD;AAEN,EACF,EAAE"}
+{"version":3,"file":"ripple.cjs","names":["value: number","min: number","max: number","rippleStyle","Ripple: FC<RippleProps>","AnimatePresence","motion"],"sources":["../../../../src/components/ripple/ripple.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, Key } from \"react\"\nimport type { ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { RippleStyle } from \"./ripple.style\"\nimport type { RippleOptions } from \"./use-ripple\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createComponent } from \"../../core\"\nimport { handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { rippleStyle } from \"./ripple.style\"\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(Math.max(value, min), max)\n\nexport interface RippleProps\n  extends HTMLMotionProps<\"span\">,\n    ThemeProps<RippleStyle> {\n  /**\n   * The ripples to use.\n   */\n  ripples: RippleOptions[]\n  /**\n   * The callback invoked when a ripple is cleared.\n   */\n  onClear: (key: Key) => void\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const {\n  PropsContext: RipplePropsContext,\n  usePropsContext: useRipplePropsContext,\n  withContext,\n} = createComponent<RippleProps, RippleStyle>(\"ripple\", rippleStyle)\n\n/**\n * `Ripple` is a component that adds a ripple effect to elements, allowing users to recognize when they have clicked.\n *\n * @see https://yamada-ui.com/components/ripple\n */\nexport const Ripple: FC<RippleProps> = withContext(\n  ({\n    style,\n    color = \"currentColor\",\n    disabled,\n    ripples,\n    onAnimationComplete,\n    onClear,\n    ...rest\n  }) => {\n    if (disabled) return null\n\n    return (\n      <>\n        {ripples.map(({ key, size, x, y }) => {\n          const duration = clamp(0.01 * size, 0.2, size > 100 ? 0.75 : 0.5)\n\n          return (\n            <AnimatePresence key={key} mode=\"popLayout\">\n              <motion.span\n                style={{\n                  height: `${size}px`,\n                  left: x,\n                  pointerEvents: \"none\",\n                  position: \"absolute\",\n                  top: y,\n                  transformOrigin: \"center\",\n                  width: `${size}px`,\n                  ...style,\n                }}\n                animate={{ opacity: 0, transform: \"scale(2)\" }}\n                bgColor={color}\n                exit={{ opacity: 0 }}\n                initial={{ opacity: 0.35, transform: \"scale(0)\" }}\n                transition={{ duration }}\n                {...rest}\n                onAnimationComplete={handlerAll(onAnimationComplete, () =>\n                  onClear(key),\n                )}\n              />\n            </AnimatePresence>\n          )\n        })}\n      </>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,QAAQ,CAACA,OAAeC,KAAaC,QACzC,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,EAAE,IAAI;AAqBrC,MAAa,EACX,cAAc,oBACd,iBAAiB,uBACjB,aACD,GAAG,yDAA0C,UAAUC,mDAAY;;;;;;AAOpE,MAAaC,SAA0B,YACrC,CAAC,EACC,OACA,QAAQ,gBACR,UACA,SACA,qBACA,QACA,GAAG,MACJ,KAAK;AACJ,KAAI,SAAU,QAAO;AAErB,wBACE,mEACG,QAAQ,IAAI,CAAC,EAAE,KAAK,MAAM,GAAG,GAAG,KAAK;EACpC,MAAM,WAAW,MAAM,MAAO,MAAM,IAAK,OAAO,MAAM,MAAO,GAAI;AAEjE,yBACE,2BAACC;GAA0B,MAAK;6BAC9B,2BAACC,yCAAO;IACN,OAAO;KACL,WAAW,KAAK;KAChB,MAAM;KACN,eAAe;KACf,UAAU;KACV,KAAK;KACL,iBAAiB;KACjB,UAAU,KAAK;KACf,GAAG;IACJ;IACD,SAAS;KAAE,SAAS;KAAG,WAAW;IAAY;IAC9C,SAAS;IACT,MAAM,EAAE,SAAS,EAAG;IACpB,SAAS;KAAE,SAAS;KAAM,WAAW;IAAY;IACjD,YAAY,EAAE,SAAU;IACxB,GAAI;IACJ,qBAAqB,yCAAW,qBAAqB,MACnD,QAAQ,IAAI,CACb;KACD;KArBkB,IAsBJ;CAErB,EAAC,GACD;AAEN,EACF,EAAE"}

package/dist/cjs/components/ripple/use-ripple.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 react = require_rolldown_runtime.__toESM(require("react"));
 
 //#region src/components/ripple/use-ripple.ts
@@ -14,7 +15,7 @@ const useRipple = ({ disabled,...rest } = {}) => {
 		const size = Math.max(trigger.clientWidth, trigger.clientHeight);
 		const rect = trigger.getBoundingClientRect();
 		setRipples((prev) => [...prev, {
-			key: (0, require_utils_index.utils_exports.uuid)(),
+			key: require_utils_common_dom.uuid(),
 			size,
 			x: ev.clientX - rect.x - size / 2,
 			y: ev.clientY - rect.y - size / 2
@@ -26,7 +27,7 @@ const useRipple = ({ disabled,...rest } = {}) => {
 	return {
 		ripples,
 		onClear,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(onClick, rest.onClick)
+		onClick: require_utils_common_function.handlerAll(onClick, rest.onClick)
 	};
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"use-ripple.cjs","names":["onClick: MouseEventHandler<T>","key: Key"],"sources":["../../../../src/components/ripple/use-ripple.ts"],"sourcesContent":["\"use client\"\n\nimport type { Key, MouseEventHandler } from \"react\"\nimport { useCallback, useState } from \"react\"\nimport { handlerAll, uuid } from \"../../utils\"\n\nexport interface RippleOptions {\n  key: Key\n  size: number\n  x: number\n  y: number\n}\n\nexport interface UseRippleProps<T = HTMLElement> {\n  disabled?: boolean\n  onClick?: MouseEventHandler<T>\n}\n\nexport const useRipple = <T = HTMLElement>({\n  disabled,\n  ...rest\n}: UseRippleProps<T> = {}) => {\n  const [ripples, setRipples] = useState<RippleOptions[]>([])\n\n  const onClick: MouseEventHandler<T> = useCallback(\n    (ev) => {\n      if (disabled) return\n\n      const trigger = ev.currentTarget as unknown as Element\n\n      const size = Math.max(trigger.clientWidth, trigger.clientHeight)\n      const rect = trigger.getBoundingClientRect()\n\n      setRipples((prev) => [\n        ...prev,\n        {\n          key: uuid(),\n          size,\n          x: ev.clientX - rect.x - size / 2,\n          y: ev.clientY - rect.y - size / 2,\n        },\n      ])\n    },\n    [disabled],\n  )\n\n  const onClear = useCallback((key: Key) => {\n    setRipples((prev) => prev.filter((item) => item.key !== key))\n  }, [])\n\n  return {\n    ripples,\n    onClear,\n    onClick: handlerAll(onClick, rest.onClick),\n  }\n}\n\nexport type UseRippleReturn = ReturnType<typeof useRipple>\n"],"mappings":";;;;;;;;AAkBA,MAAa,YAAY,CAAkB,EACzC,SACA,GAAG,MACe,GAAG,CAAE,MAAK;CAC5B,MAAM,CAAC,SAAS,WAAW,GAAG,oBAA0B,CAAE,EAAC;CAE3D,MAAMA,UAAgC,uBACpC,CAAC,OAAO;AACN,MAAI,SAAU;EAEd,MAAM,UAAU,GAAG;EAEnB,MAAM,OAAO,KAAK,IAAI,QAAQ,aAAa,QAAQ,aAAa;EAChE,MAAM,OAAO,QAAQ,uBAAuB;AAE5C,aAAW,CAAC,SAAS,CACnB,GAAG,MACH;GACE,KAAK,6CAAM;GACX;GACA,GAAG,GAAG,UAAU,KAAK,IAAI,OAAO;GAChC,GAAG,GAAG,UAAU,KAAK,IAAI,OAAO;EACjC,CACF,EAAC;CACH,GACD,CAAC,QAAS,EACX;CAED,MAAM,UAAU,uBAAY,CAACC,QAAa;AACxC,aAAW,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,KAAK,QAAQ,IAAI,CAAC;CAC9D,GAAE,CAAE,EAAC;AAEN,QAAO;EACL;EACA;EACA,SAAS,kDAAW,SAAS,KAAK,QAAQ;CAC3C;AACF"}
+{"version":3,"file":"use-ripple.cjs","names":["onClick: MouseEventHandler<T>","key: Key"],"sources":["../../../../src/components/ripple/use-ripple.ts"],"sourcesContent":["\"use client\"\n\nimport type { Key, MouseEventHandler } from \"react\"\nimport { useCallback, useState } from \"react\"\nimport { handlerAll, uuid } from \"../../utils\"\n\nexport interface RippleOptions {\n  key: Key\n  size: number\n  x: number\n  y: number\n}\n\nexport interface UseRippleProps<T = HTMLElement> {\n  disabled?: boolean\n  onClick?: MouseEventHandler<T>\n}\n\nexport const useRipple = <T = HTMLElement>({\n  disabled,\n  ...rest\n}: UseRippleProps<T> = {}) => {\n  const [ripples, setRipples] = useState<RippleOptions[]>([])\n\n  const onClick: MouseEventHandler<T> = useCallback(\n    (ev) => {\n      if (disabled) return\n\n      const trigger = ev.currentTarget as unknown as Element\n\n      const size = Math.max(trigger.clientWidth, trigger.clientHeight)\n      const rect = trigger.getBoundingClientRect()\n\n      setRipples((prev) => [\n        ...prev,\n        {\n          key: uuid(),\n          size,\n          x: ev.clientX - rect.x - size / 2,\n          y: ev.clientY - rect.y - size / 2,\n        },\n      ])\n    },\n    [disabled],\n  )\n\n  const onClear = useCallback((key: Key) => {\n    setRipples((prev) => prev.filter((item) => item.key !== key))\n  }, [])\n\n  return {\n    ripples,\n    onClear,\n    onClick: handlerAll(onClick, rest.onClick),\n  }\n}\n\nexport type UseRippleReturn = ReturnType<typeof useRipple>\n"],"mappings":";;;;;;;;;AAkBA,MAAa,YAAY,CAAkB,EACzC,SACA,GAAG,MACe,GAAG,CAAE,MAAK;CAC5B,MAAM,CAAC,SAAS,WAAW,GAAG,oBAA0B,CAAE,EAAC;CAE3D,MAAMA,UAAgC,uBACpC,CAAC,OAAO;AACN,MAAI,SAAU;EAEd,MAAM,UAAU,GAAG;EAEnB,MAAM,OAAO,KAAK,IAAI,QAAQ,aAAa,QAAQ,aAAa;EAChE,MAAM,OAAO,QAAQ,uBAAuB;AAE5C,aAAW,CAAC,SAAS,CACnB,GAAG,MACH;GACE,KAAK,+BAAM;GACX;GACA,GAAG,GAAG,UAAU,KAAK,IAAI,OAAO;GAChC,GAAG,GAAG,UAAU,KAAK,IAAI,OAAO;EACjC,CACF,EAAC;CACH,GACD,CAAC,QAAS,EACX;CAED,MAAM,UAAU,uBAAY,CAACC,QAAa;AACxC,aAAW,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,KAAK,QAAQ,IAAI,CAAC;CAC9D,GAAE,CAAE,EAAC;AAEN,QAAO;EACL;EACA;EACA,SAAS,yCAAW,SAAS,KAAK,QAAQ;CAC3C;AACF"}

package/dist/cjs/components/rotate/rotate.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');
@@ -53,8 +54,8 @@ const Rotate = withContext(({ defaultValue = "from", delay = 0, disabled, durati
 	]);
 	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,
 		custom: { rotate },
@@ -63,7 +64,7 @@ const Rotate = withContext(({ defaultValue = "from", delay = 0, disabled, durati
 			opacity,
 			rotate: "0deg"
 		},
-		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/rotate/rotate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"rotate.cjs","names":["rotateStyle","motion"],"sources":["../../../../src/components/rotate/rotate.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { RotateStyle } from \"./rotate.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 { rotateStyle } from \"./rotate.style\"\n\nexport interface RotateProps\n  extends Omit<HTMLMotionProps<\"button\">, \"onChange\" | \"rotate\">,\n    ThemeProps<RotateStyle> {\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.4\n   */\n  duration?: number\n  /**\n   * If `true`, the component is readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The animation rotation.\n   *\n   * @default 45\n   */\n  rotate?: number\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: RotatePropsContext,\n  usePropsContext: useRotatePropsContext,\n  withContext,\n} = createComponent<RotateProps, RotateStyle>(\"rotate\", rotateStyle)\n\n/**\n * `Rotate` is an animation component that alternately rotates two elements as they switch.\n *\n * @see https://yamada-ui.com/components/rotate\n */\nexport const Rotate = withContext<\"button\", RotateProps>(\n  ({\n    defaultValue = \"from\",\n    delay = 0,\n    disabled,\n    duration = 0.4,\n    from,\n    readOnly,\n    rotate = 45,\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({\n        opacity: 0,\n        rotate: `${rotate}deg`,\n        transition: { delay, duration },\n      })\n\n      setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n\n      await animate.start({\n        opacity: \"var(--opacity)\",\n        rotate: \"0deg\",\n        transition: { duration },\n      })\n    }, [readOnly, animate, rotate, duration, delay, setValue])\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        custom={{ rotate }}\n        disabled={disabled}\n        initial={{ opacity, rotate: \"0deg\" }}\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":";;;;;;;;;;;;;;;AA2EA,MAAa,EACX,cAAc,oBACd,iBAAiB,uBACjB,aACD,GAAG,yDAA0C,UAAUA,mDAAY;;;;;;AAOpE,MAAa,SAAS,YACpB,CAAC,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,UACA,SAAS,IACT,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;GAClB,SAAS;GACT,WAAW,OAAO;GAClB,YAAY;IAAE;IAAO;GAAU;EAChC,EAAC;AAEF,WAAS,CAAC,SAAU,SAAS,SAAS,OAAO,OAAQ;AAErD,QAAM,QAAQ,MAAM;GAClB,SAAS;GACT,QAAQ;GACR,YAAY,EAAE,SAAU;EACzB,EAAC;CACH,GAAE;EAAC;EAAU;EAAS;EAAQ;EAAU;EAAO;CAAS,EAAC;AAE1D,wBACE,2BAACC,yCAAO;EACN,MAAK;EACL,iBAAe,gDAAS,SAAS;EACjC,iBAAe,gDAAS,SAAS;EACjC,cAAY;EACH;EACT,QAAQ,EAAE,OAAQ;EACR;EACV,SAAS;GAAE;GAAS,QAAQ;EAAQ;EACpC,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":"rotate.cjs","names":["rotateStyle","motion"],"sources":["../../../../src/components/rotate/rotate.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { RotateStyle } from \"./rotate.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 { rotateStyle } from \"./rotate.style\"\n\nexport interface RotateProps\n  extends Omit<HTMLMotionProps<\"button\">, \"onChange\" | \"rotate\">,\n    ThemeProps<RotateStyle> {\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.4\n   */\n  duration?: number\n  /**\n   * If `true`, the component is readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The animation rotation.\n   *\n   * @default 45\n   */\n  rotate?: number\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: RotatePropsContext,\n  usePropsContext: useRotatePropsContext,\n  withContext,\n} = createComponent<RotateProps, RotateStyle>(\"rotate\", rotateStyle)\n\n/**\n * `Rotate` is an animation component that alternately rotates two elements as they switch.\n *\n * @see https://yamada-ui.com/components/rotate\n */\nexport const Rotate = withContext<\"button\", RotateProps>(\n  ({\n    defaultValue = \"from\",\n    delay = 0,\n    disabled,\n    duration = 0.4,\n    from,\n    readOnly,\n    rotate = 45,\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({\n        opacity: 0,\n        rotate: `${rotate}deg`,\n        transition: { delay, duration },\n      })\n\n      setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n\n      await animate.start({\n        opacity: \"var(--opacity)\",\n        rotate: \"0deg\",\n        transition: { duration },\n      })\n    }, [readOnly, animate, rotate, duration, delay, setValue])\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        custom={{ rotate }}\n        disabled={disabled}\n        initial={{ opacity, rotate: \"0deg\" }}\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":";;;;;;;;;;;;;;;;AA2EA,MAAa,EACX,cAAc,oBACd,iBAAiB,uBACjB,aACD,GAAG,yDAA0C,UAAUA,mDAAY;;;;;;AAOpE,MAAa,SAAS,YACpB,CAAC,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,UACA,SAAS,IACT,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;GAClB,SAAS;GACT,WAAW,OAAO;GAClB,YAAY;IAAE;IAAO;GAAU;EAChC,EAAC;AAEF,WAAS,CAAC,SAAU,SAAS,SAAS,OAAO,OAAQ;AAErD,QAAM,QAAQ,MAAM;GAClB,SAAS;GACT,QAAQ;GACR,YAAY,EAAE,SAAU;EACzB,EAAC;CACH,GAAE;EAAC;EAAU;EAAS;EAAQ;EAAU;EAAO;CAAS,EAAC;AAE1D,wBACE,2BAACC,yCAAO;EACN,MAAK;EACL,iBAAe,kCAAS,SAAS;EACjC,iBAAe,kCAAS,SAAS;EACjC,cAAY;EACH;EACT,QAAQ,EAAE,OAAQ;EACR;EACV,SAAS;GAAE;GAAS,QAAQ;EAAQ;EACpC,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"}