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

package/dist/cjs/components/modal/modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"modal.cjs","names":["modalStyle","AnimatePresence","Portal","FocusLock","RemoveScroll","styled","CloseButton","motion","fadeVariants","ShorthandModalContent: FC<ShorthandModalContentProps>","Button"],"sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { CloseButtonProps } from \"../button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, HTMLMotionPropsWithoutAs } from \"../motion\"\nimport type { PopupAnimationProps } from \"../popover\"\nimport type { PortalProps } from \"../portal\"\nimport type { ModalStyle } from \"./modal.style\"\nimport type { UseModalProps, UseModalReturn } from \"./use-modal\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n  cast,\n  findChildren,\n  getValidChildren,\n  wrapOrPassProps,\n} from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { getPopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { modalStyle } from \"./modal.style\"\nimport { useModal } from \"./use-modal\"\n\ninterface ComponentContext\n  extends Omit<UseModalReturn, \"getRootProps\">,\n    PopupAnimationProps,\n    Pick<ModalRootProps, \"withCloseButton\"> {}\n\nexport interface ModalRootProps\n  extends ThemeProps<ModalStyle>,\n    Omit<UseModalProps, \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    PopupAnimationProps,\n    ShorthandModalContentProps {\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The modal trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * If `true`, display the modal close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the modal overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback function to run side effects after the modal has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nexport const {\n  ComponentContext,\n  PropsContext: ModalPropsContext,\n  useComponentContext,\n  usePropsContext: useModalPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ModalRootProps, ModalStyle, ComponentContext>(\n  \"modal\",\n  modalStyle,\n)\n\n/**\n * `Modal` is a component that is displayed over the main content to focus the user's attention solely on the information.\n *\n * @see https://yamada-ui.com/components/overlay/modal\n */\nexport const ModalRoot = withProvider<\"div\", ModalRootProps>(\n  ({\n    allowPinchZoom = false,\n    animationScheme = \"scale\",\n    autoFocus,\n    blockScrollOnMount = true,\n    body,\n    cancel,\n    children,\n    duration,\n    finalFocusRef,\n    footer,\n    header,\n    initialFocusRef,\n    lockFocusAcrossFrames = true,\n    middle,\n    restoreFocus,\n    success,\n    title,\n    trigger,\n    withCloseButton = true,\n    withOverlay = true,\n    portalProps,\n    onCancel,\n    onCloseComplete,\n    onMiddle,\n    onSuccess,\n    ...props\n  }) => {\n    const validChildren = getValidChildren(children)\n    const [openTrigger, ...omittedChildren] = findChildren(\n      validChildren,\n      ModalOpenTrigger,\n    )\n    const [customOverlay, ...cloneChildren] = findChildren(\n      omittedChildren,\n      ModalOverlay,\n    )\n    const { open, getRootProps, ...rest } = useModal(props)\n    const hasChildren = !!cloneChildren.length\n    const customOpenTrigger = trigger ? (\n      <ModalOpenTrigger>{trigger}</ModalOpenTrigger>\n    ) : null\n\n    const context = useMemo(\n      () => ({\n        animationScheme,\n        duration,\n        open,\n        withCloseButton,\n        ...rest,\n      }),\n      [animationScheme, duration, open, withCloseButton, rest],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <styled.div {...getRootProps()}>\n                    {customOverlay ?? (withOverlay ? <ModalOverlay /> : null)}\n\n                    {hasChildren ? (\n                      cloneChildren\n                    ) : (\n                      <ShorthandModalContent\n                        body={body}\n                        cancel={cancel}\n                        footer={footer}\n                        header={header}\n                        middle={middle}\n                        success={success}\n                        title={title}\n                        onCancel={onCancel}\n                        onMiddle={onMiddle}\n                        onSuccess={onSuccess}\n                      />\n                    )}\n                  </styled.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface ModalOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ModalOpenTrigger = withContext<\"button\", ModalOpenTriggerProps>(\n  \"button\",\n  { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] },\n)(undefined, (props) => {\n  const { getOpenTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getOpenTriggerProps(props) }\n})\n\nexport interface ModalCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ModalCloseTrigger = withContext<\"button\", ModalCloseTriggerProps>(\n  \"button\",\n  { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] },\n)(undefined, (props) => {\n  const { getCloseTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getCloseTriggerProps(props) }\n})\n\nexport interface ModalCloseButtonProps extends CloseButtonProps {}\n\nexport const ModalCloseButton = withContext<\"button\", ModalCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)(undefined, (props) => {\n  const { getCloseButtonProps } = useComponentContext()\n\n  return { ...getCloseButtonProps(props) }\n})\n\nexport interface ModalOverlayProps extends HTMLMotionProps {}\n\nexport const ModalOverlay = withContext<\"div\", ModalOverlayProps>((props) => {\n  const { animationScheme, duration, getOverlayProps } = useComponentContext()\n\n  return (\n    <motion.div\n      custom={{ duration }}\n      {...(animationScheme !== \"none\"\n        ? {\n            animate: \"enter\",\n            exit: \"exit\",\n            initial: \"exit\",\n            variants: fadeVariants,\n          }\n        : {})}\n      {...cast<HTMLMotionProps>(getOverlayProps(cast<HTMLProps>(props)))}\n    />\n  )\n}, \"overlay\")()\n\nexport interface ModalContentProps\n  extends Omit<HTMLMotionProps<\"section\">, \"children\">,\n    PropsWithChildren {}\n\nexport const ModalContent = withContext<\"section\", ModalContentProps>(\n  ({ children, ...rest }) => {\n    const { animationScheme, duration, withCloseButton, getContentProps } =\n      useComponentContext()\n    const validChildren = getValidChildren(children)\n    const [customCloseButton, ...cloneChildren] = findChildren(\n      validChildren,\n      ModalCloseButton,\n    )\n\n    return (\n      <motion.section\n        {...getPopupAnimationProps(animationScheme, duration)}\n        {...cast<HTMLMotionPropsWithoutAs<\"section\">>(\n          getContentProps(cast<HTMLProps<\"section\">>(rest)),\n        )}\n      >\n        {customCloseButton ?? (withCloseButton ? <ModalCloseButton /> : null)}\n\n        {cloneChildren}\n      </motion.section>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandModalContentProps {\n  /**\n   * The modal body to use.\n   */\n  body?: ModalBodyProps | ReactNode\n  /**\n   * The modal cancel button to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The modal footer to use.\n   */\n  footer?: ModalFooterProps | ReactNode\n  /**\n   * The modal header to use.\n   */\n  header?: ModalHeaderProps | ReactNode\n  /**\n   * The modal middle button to use.\n   */\n  middle?: ButtonProps | ReactNode\n  /**\n   * The modal success button to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The modal title to use.\n   */\n  title?: ModalTitleProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: () => void) => void\n  /**\n   * The callback invoked when middle button clicked.\n   */\n  onMiddle?: (onClose: () => void) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: () => void) => void\n}\n\nexport const ShorthandModalContent: FC<ShorthandModalContentProps> = ({\n  body,\n  cancel,\n  footer,\n  header,\n  middle,\n  success,\n  title,\n  onCancel,\n  onMiddle,\n  onSuccess,\n}) => {\n  const { onClose } = useComponentContext()\n  const customHeader = wrapOrPassProps(ModalHeader, header)\n  const customTitle = wrapOrPassProps(ModalTitle, title)\n  const customBody = wrapOrPassProps(ModalBody, body)\n  const customFooter = wrapOrPassProps(ModalFooter, footer)\n  const customCancel = wrapOrPassProps(Button, cancel, {\n    variant: \"ghost\",\n    onClick: () => (onCancel ? onCancel(onClose) : onClose()),\n  })\n  const customMiddle = wrapOrPassProps(Button, middle, {\n    colorScheme: \"secondary\",\n    onClick: () => (onMiddle ? onMiddle(onClose) : onClose()),\n  })\n  const customSuccess = wrapOrPassProps(Button, success, {\n    colorScheme: \"primary\",\n    onClick: () => (onSuccess ? onSuccess(onClose) : onClose()),\n  })\n\n  return (\n    <ModalContent>\n      {customHeader ??\n        (customTitle ? <ModalHeader>{customTitle}</ModalHeader> : null)}\n      {customBody}\n      {customFooter ??\n        (customCancel || customMiddle || customSuccess ? (\n          <ModalFooter>\n            {customCancel}\n            {customMiddle}\n            {customSuccess}\n          </ModalFooter>\n        ) : null)}\n    </ModalContent>\n  )\n}\n\nexport interface ModalHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const ModalHeader = withContext<\"header\", ModalHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return { ...getHeaderProps(props) }\n})\n\nexport interface ModalTitleProps extends HTMLStyledProps<\"h2\"> {}\n\nexport const ModalTitle = withContext<\"h2\", ModalTitleProps>(\"h2\", \"title\")(\n  undefined,\n  (props) => {\n    const { getTitleProps } = useComponentContext()\n\n    return { ...getTitleProps(props) }\n  },\n)\n\nexport interface ModalBodyProps extends HTMLStyledProps {}\n\nexport const ModalBody = withContext<\"div\", ModalBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return { ...getBodyProps(props) }\n  },\n)\n\nexport interface ModalFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const ModalFooter = withContext<\"footer\", ModalFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return { ...getFooterProps(props) }\n})\n"],"mappings":"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"}
+{"version":3,"file":"modal.cjs","names":["modalStyle","AnimatePresence","Portal","FocusLock","RemoveScroll","styled","CloseButton","motion","fadeVariants","ShorthandModalContent: FC<ShorthandModalContentProps>","Button"],"sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { CloseButtonProps } from \"../button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, HTMLMotionPropsWithoutAs } from \"../motion\"\nimport type { PopupAnimationProps } from \"../popover\"\nimport type { PortalProps } from \"../portal\"\nimport type { ModalStyle } from \"./modal.style\"\nimport type { UseModalProps, UseModalReturn } from \"./use-modal\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n  cast,\n  findChildren,\n  getValidChildren,\n  wrapOrPassProps,\n} from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { getPopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { modalStyle } from \"./modal.style\"\nimport { useModal } from \"./use-modal\"\n\ninterface ComponentContext\n  extends Omit<UseModalReturn, \"getRootProps\">,\n    PopupAnimationProps,\n    Pick<ModalRootProps, \"withCloseButton\"> {}\n\nexport interface ModalRootProps\n  extends ThemeProps<ModalStyle>,\n    Omit<UseModalProps, \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    PopupAnimationProps,\n    ShorthandModalContentProps {\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The modal trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * If `true`, display the modal close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the modal overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback function to run side effects after the modal has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nexport const {\n  ComponentContext,\n  PropsContext: ModalPropsContext,\n  useComponentContext,\n  usePropsContext: useModalPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ModalRootProps, ModalStyle, ComponentContext>(\n  \"modal\",\n  modalStyle,\n)\n\n/**\n * `Modal` is a component that is displayed over the main content to focus the user's attention solely on the information.\n *\n * @see https://yamada-ui.com/components/overlay/modal\n */\nexport const ModalRoot = withProvider<\"div\", ModalRootProps>(\n  ({\n    allowPinchZoom = false,\n    animationScheme = \"scale\",\n    autoFocus,\n    blockScrollOnMount = true,\n    body,\n    cancel,\n    children,\n    duration,\n    finalFocusRef,\n    footer,\n    header,\n    initialFocusRef,\n    lockFocusAcrossFrames = true,\n    middle,\n    restoreFocus,\n    success,\n    title,\n    trigger,\n    withCloseButton = true,\n    withOverlay = true,\n    portalProps,\n    onCancel,\n    onCloseComplete,\n    onMiddle,\n    onSuccess,\n    ...props\n  }) => {\n    const validChildren = getValidChildren(children)\n    const [openTrigger, ...omittedChildren] = findChildren(\n      validChildren,\n      ModalOpenTrigger,\n    )\n    const [customOverlay, ...cloneChildren] = findChildren(\n      omittedChildren,\n      ModalOverlay,\n    )\n    const { open, getRootProps, ...rest } = useModal(props)\n    const hasChildren = !!cloneChildren.length\n    const customOpenTrigger = trigger ? (\n      <ModalOpenTrigger>{trigger}</ModalOpenTrigger>\n    ) : null\n\n    const context = useMemo(\n      () => ({\n        animationScheme,\n        duration,\n        open,\n        withCloseButton,\n        ...rest,\n      }),\n      [animationScheme, duration, open, withCloseButton, rest],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <styled.div {...getRootProps()}>\n                    {customOverlay ?? (withOverlay ? <ModalOverlay /> : null)}\n\n                    {hasChildren ? (\n                      cloneChildren\n                    ) : (\n                      <ShorthandModalContent\n                        body={body}\n                        cancel={cancel}\n                        footer={footer}\n                        header={header}\n                        middle={middle}\n                        success={success}\n                        title={title}\n                        onCancel={onCancel}\n                        onMiddle={onMiddle}\n                        onSuccess={onSuccess}\n                      />\n                    )}\n                  </styled.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface ModalOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ModalOpenTrigger = withContext<\"button\", ModalOpenTriggerProps>(\n  \"button\",\n  { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] },\n)(undefined, (props) => {\n  const { getOpenTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getOpenTriggerProps(props) }\n})\n\nexport interface ModalCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ModalCloseTrigger = withContext<\"button\", ModalCloseTriggerProps>(\n  \"button\",\n  { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] },\n)(undefined, (props) => {\n  const { getCloseTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getCloseTriggerProps(props) }\n})\n\nexport interface ModalCloseButtonProps extends CloseButtonProps {}\n\nexport const ModalCloseButton = withContext<\"button\", ModalCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)(undefined, (props) => {\n  const { getCloseButtonProps } = useComponentContext()\n\n  return { ...getCloseButtonProps(props) }\n})\n\nexport interface ModalOverlayProps extends HTMLMotionProps {}\n\nexport const ModalOverlay = withContext<\"div\", ModalOverlayProps>((props) => {\n  const { animationScheme, duration, getOverlayProps } = useComponentContext()\n\n  return (\n    <motion.div\n      custom={{ duration }}\n      {...(animationScheme !== \"none\"\n        ? {\n            animate: \"enter\",\n            exit: \"exit\",\n            initial: \"exit\",\n            variants: fadeVariants,\n          }\n        : {})}\n      {...cast<HTMLMotionProps>(getOverlayProps(cast<HTMLProps>(props)))}\n    />\n  )\n}, \"overlay\")()\n\nexport interface ModalContentProps\n  extends Omit<HTMLMotionProps<\"section\">, \"children\">,\n    PropsWithChildren {}\n\nexport const ModalContent = withContext<\"section\", ModalContentProps>(\n  ({ children, ...rest }) => {\n    const { animationScheme, duration, withCloseButton, getContentProps } =\n      useComponentContext()\n    const validChildren = getValidChildren(children)\n    const [customCloseButton, ...cloneChildren] = findChildren(\n      validChildren,\n      ModalCloseButton,\n    )\n\n    return (\n      <motion.section\n        {...getPopupAnimationProps(animationScheme, duration)}\n        {...cast<HTMLMotionPropsWithoutAs<\"section\">>(\n          getContentProps(cast<HTMLProps<\"section\">>(rest)),\n        )}\n      >\n        {customCloseButton ?? (withCloseButton ? <ModalCloseButton /> : null)}\n\n        {cloneChildren}\n      </motion.section>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandModalContentProps {\n  /**\n   * The modal body to use.\n   */\n  body?: ModalBodyProps | ReactNode\n  /**\n   * The modal cancel button to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The modal footer to use.\n   */\n  footer?: ModalFooterProps | ReactNode\n  /**\n   * The modal header to use.\n   */\n  header?: ModalHeaderProps | ReactNode\n  /**\n   * The modal middle button to use.\n   */\n  middle?: ButtonProps | ReactNode\n  /**\n   * The modal success button to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The modal title to use.\n   */\n  title?: ModalTitleProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: () => void) => void\n  /**\n   * The callback invoked when middle button clicked.\n   */\n  onMiddle?: (onClose: () => void) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: () => void) => void\n}\n\nexport const ShorthandModalContent: FC<ShorthandModalContentProps> = ({\n  body,\n  cancel,\n  footer,\n  header,\n  middle,\n  success,\n  title,\n  onCancel,\n  onMiddle,\n  onSuccess,\n}) => {\n  const { onClose } = useComponentContext()\n  const customHeader = wrapOrPassProps(ModalHeader, header)\n  const customTitle = wrapOrPassProps(ModalTitle, title)\n  const customBody = wrapOrPassProps(ModalBody, body)\n  const customFooter = wrapOrPassProps(ModalFooter, footer)\n  const customCancel = wrapOrPassProps(Button, cancel, {\n    variant: \"ghost\",\n    onClick: () => (onCancel ? onCancel(onClose) : onClose()),\n  })\n  const customMiddle = wrapOrPassProps(Button, middle, {\n    colorScheme: \"secondary\",\n    onClick: () => (onMiddle ? onMiddle(onClose) : onClose()),\n  })\n  const customSuccess = wrapOrPassProps(Button, success, {\n    colorScheme: \"primary\",\n    onClick: () => (onSuccess ? onSuccess(onClose) : onClose()),\n  })\n\n  return (\n    <ModalContent>\n      {customHeader ??\n        (customTitle ? <ModalHeader>{customTitle}</ModalHeader> : null)}\n      {customBody}\n      {customFooter ??\n        (customCancel || customMiddle || customSuccess ? (\n          <ModalFooter>\n            {customCancel}\n            {customMiddle}\n            {customSuccess}\n          </ModalFooter>\n        ) : null)}\n    </ModalContent>\n  )\n}\n\nexport interface ModalHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const ModalHeader = withContext<\"header\", ModalHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return { ...getHeaderProps(props) }\n})\n\nexport interface ModalTitleProps extends HTMLStyledProps<\"h2\"> {}\n\nexport const ModalTitle = withContext<\"h2\", ModalTitleProps>(\"h2\", \"title\")(\n  undefined,\n  (props) => {\n    const { getTitleProps } = useComponentContext()\n\n    return { ...getTitleProps(props) }\n  },\n)\n\nexport interface ModalBodyProps extends HTMLStyledProps {}\n\nexport const ModalBody = withContext<\"div\", ModalBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return { ...getBodyProps(props) }\n  },\n)\n\nexport interface ModalFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const ModalFooter = withContext<\"footer\", ModalFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return { ...getFooterProps(props) }\n})\n"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 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_string = require('../../utils/common/string.cjs');
 const require_providers_i18n_provider_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 const require_hooks_use_disclosure_use_disclosure = require('../../hooks/use-disclosure/use-disclosure.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
@@ -28,7 +29,7 @@ const useModal = ({ closeOnEsc = true, closeOnOverlay = true, onEsc,...rest } =
 	const getOverlayProps = (0, react.useCallback)((props = {}) => ({
 		"aria-hidden": "true",
 		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, (ev) => {
+		onClick: require_utils_common_function.handlerAll(props.onClick, (ev) => {
 			ev.stopPropagation();
 			if (closeOnOverlay) onClose();
 		})
@@ -39,7 +40,7 @@ const useModal = ({ closeOnEsc = true, closeOnOverlay = true, onEsc,...rest } =
 		"aria-haspopup": "dialog",
 		"aria-label": t("Open modal"),
 		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onOpen)
+		onClick: require_utils_common_function.handlerAll(props.onClick, onOpen)
 	}), [
 		contentId,
 		onOpen,
@@ -49,21 +50,21 @@ const useModal = ({ closeOnEsc = true, closeOnOverlay = true, onEsc,...rest } =
 	const getCloseTriggerProps = (0, react.useCallback)((props = {}) => ({
 		"aria-label": t("Close modal"),
 		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onClose)
+		onClick: require_utils_common_function.handlerAll(props.onClick, onClose)
 	}), [onClose, t]);
 	const getCloseButtonProps = (0, react.useCallback)((props = {}) => ({
 		"aria-label": t("Close modal"),
 		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onClose)
+		onClick: require_utils_common_function.handlerAll(props.onClick, onClose)
 	}), [onClose, t]);
 	const getContentProps = (0, react.useCallback)(({ "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby,...props } = {}) => ({
 		id: contentId,
-		"aria-describedby": (0, require_utils_index.utils_exports.cx)(ariaDescribedby, bodyId),
-		"aria-labelledby": (0, require_utils_index.utils_exports.cx)(ariaLabelledby, titleId),
+		"aria-describedby": require_utils_common_string.cx(ariaDescribedby, bodyId),
+		"aria-labelledby": require_utils_common_string.cx(ariaLabelledby, titleId),
 		"aria-modal": "true",
 		role: "dialog",
 		...props,
-		onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props.onKeyDown, onKeyDown)
+		onKeyDown: require_utils_common_function.handlerAll(props.onKeyDown, onKeyDown)
 	}), [
 		bodyId,
 		contentId,

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

@@ -1 +1 @@
-{"version":3,"file":"use-modal.cjs","names":["ev: KeyboardEvent","getRootProps: PropGetter","getOverlayProps: PropGetter","getOpenTriggerProps: PropGetter<\"button\">","getCloseTriggerProps: PropGetter<\"button\">","getCloseButtonProps: PropGetter<\"button\">","getContentProps: PropGetter<\"section\">","getHeaderProps: PropGetter<\"header\">","getTitleProps: PropGetter<\"h2\">","getBodyProps: PropGetter","getFooterProps: PropGetter<\"footer\">"],"sources":["../../../../src/components/modal/use-modal.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback, useId } from \"react\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { cx, handlerAll } from \"../../utils\"\n\nexport interface UseModalProps extends HTMLProps, UseDisclosureProps {\n  /**\n   * If `true`, the modal will close when the `Esc` key is pressed.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the modal will close when the overlay is clicked.\n   *\n   * @default true\n   */\n  closeOnOverlay?: boolean\n  /**\n   * Callback invoked when the escape key is pressed and focus is within modal.\n   */\n  onEsc?: () => void\n}\n\nexport const useModal = ({\n  closeOnEsc = true,\n  closeOnOverlay = true,\n  onEsc,\n  ...rest\n}: UseModalProps = {}) => {\n  const { open, onClose, onOpen, onToggle } = useDisclosure(rest)\n  const contentId = useId()\n  const titleId = useId()\n  const bodyId = useId()\n  const { t } = useI18n(\"modal\")\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      ev.stopPropagation()\n\n      if (closeOnEsc) onClose()\n\n      onEsc?.()\n    },\n    [closeOnEsc, onClose, onEsc],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...rest,\n      ...props,\n    }),\n    [rest],\n  )\n\n  const getOverlayProps: PropGetter = useCallback(\n    (props = {}) => ({\n      \"aria-hidden\": \"true\",\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        ev.stopPropagation()\n\n        if (closeOnOverlay) onClose()\n      }),\n    }),\n    [closeOnOverlay, onClose],\n  )\n\n  const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      \"aria-label\": t(\"Open modal\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onOpen),\n    }),\n    [contentId, onOpen, open, t],\n  )\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-label\": t(\"Close modal\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onClose),\n    }),\n    [onClose, t],\n  )\n\n  const getCloseButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-label\": t(\"Close modal\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onClose),\n    }),\n    [onClose, t],\n  )\n\n  const getContentProps: PropGetter<\"section\"> = useCallback(\n    ({\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => ({\n      id: contentId,\n      \"aria-describedby\": cx(ariaDescribedby, bodyId),\n      \"aria-labelledby\": cx(ariaLabelledby, titleId),\n      \"aria-modal\": \"true\",\n      role: \"dialog\",\n      ...props,\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [bodyId, contentId, onKeyDown, titleId],\n  )\n\n  const getHeaderProps: PropGetter<\"header\"> = useCallback(\n    (props) => ({\n      ...props,\n    }),\n    [],\n  )\n\n  const getTitleProps: PropGetter<\"h2\"> = useCallback(\n    (props) => ({\n      id: titleId,\n      ...props,\n    }),\n    [titleId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({\n      id: bodyId,\n      ...props,\n    }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter<\"footer\"> = useCallback(\n    (props) => ({\n      ...props,\n    }),\n    [],\n  )\n\n  return {\n    open,\n    getBodyProps,\n    getCloseButtonProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getOpenTriggerProps,\n    getOverlayProps,\n    getRootProps,\n    getTitleProps,\n    onClose,\n    onOpen,\n    onToggle,\n  }\n}\n\nexport type UseModalReturn = ReturnType<typeof useModal>\n"],"mappings":";;;;;;;AA2BA,MAAa,WAAW,CAAC,EACvB,aAAa,MACb,iBAAiB,MACjB,MACA,GAAG,MACW,GAAG,CAAE,MAAK;CACxB,MAAM,EAAE,MAAM,SAAS,QAAQ,UAAU,GAAG,0DAAc,KAAK;CAC/D,MAAM,YAAY,kBAAO;CACzB,MAAM,UAAU,kBAAO;CACvB,MAAM,SAAS,kBAAO;CACtB,MAAM,EAAE,GAAG,GAAG,sDAAQ,QAAQ;CAE9B,MAAM,YAAY,uBAChB,CAACA,OAAsB;AACrB,MAAI,GAAG,QAAQ,SAAU;AAEzB,KAAG,iBAAiB;AAEpB,MAAI,WAAY,UAAS;AAEzB,WAAS;CACV,GACD;EAAC;EAAY;EAAS;CAAM,EAC7B;CAED,MAAMC,eAA2B,uBAC/B,CAAC,WAAW;EACV,GAAG;EACH,GAAG;CACJ,IACD,CAAC,IAAK,EACP;CAED,MAAMC,kBAA8B,uBAClC,CAAC,QAAQ,CAAE,OAAM;EACf,eAAe;EACf,GAAG;EACH,SAAS,kDAAW,MAAM,SAAS,CAAC,OAAO;AACzC,MAAG,iBAAiB;AAEpB,OAAI,eAAgB,UAAS;EAC9B,EAAC;CACH,IACD,CAAC,gBAAgB,OAAQ,EAC1B;CAED,MAAMC,sBAA4C,uBAChD,CAAC,QAAQ,CAAE,OAAM;EACf,iBAAiB,OAAO;EACxB,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,SAAS,kDAAW,MAAM,SAAS,OAAO;CAC3C,IACD;EAAC;EAAW;EAAQ;EAAM;CAAE,EAC7B;CAED,MAAMC,uBAA6C,uBACjD,CAAC,QAAQ,CAAE,OAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,SAAS,kDAAW,MAAM,SAAS,QAAQ;CAC5C,IACD,CAAC,SAAS,CAAE,EACb;CAED,MAAMC,sBAA4C,uBAChD,CAAC,QAAQ,CAAE,OAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,SAAS,kDAAW,MAAM,SAAS,QAAQ;CAC5C,IACD,CAAC,SAAS,CAAE,EACb;CAED,MAAMC,kBAAyC,uBAC7C,CAAC,EACC,oBAAoB,iBACpB,mBAAmB,eACnB,GAAG,OACJ,GAAG,CAAE,OAAM;EACV,IAAI;EACJ,oBAAoB,0CAAG,iBAAiB,OAAO;EAC/C,mBAAmB,0CAAG,gBAAgB,QAAQ;EAC9C,cAAc;EACd,MAAM;EACN,GAAG;EACH,WAAW,kDAAW,MAAM,WAAW,UAAU;CAClD,IACD;EAAC;EAAQ;EAAW;EAAW;CAAQ,EACxC;CAED,MAAMC,iBAAuC,uBAC3C,CAAC,WAAW,EACV,GAAG,MACJ,IACD,CAAE,EACH;CAED,MAAMC,gBAAkC,uBACtC,CAAC,WAAW;EACV,IAAI;EACJ,GAAG;CACJ,IACD,CAAC,OAAQ,EACV;CAED,MAAMC,eAA2B,uBAC/B,CAAC,WAAW;EACV,IAAI;EACJ,GAAG;CACJ,IACD,CAAC,MAAO,EACT;CAED,MAAMC,iBAAuC,uBAC3C,CAAC,WAAW,EACV,GAAG,MACJ,IACD,CAAE,EACH;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACF"}
+{"version":3,"file":"use-modal.cjs","names":["ev: KeyboardEvent","getRootProps: PropGetter","getOverlayProps: PropGetter","getOpenTriggerProps: PropGetter<\"button\">","getCloseTriggerProps: PropGetter<\"button\">","getCloseButtonProps: PropGetter<\"button\">","getContentProps: PropGetter<\"section\">","getHeaderProps: PropGetter<\"header\">","getTitleProps: PropGetter<\"h2\">","getBodyProps: PropGetter","getFooterProps: PropGetter<\"footer\">"],"sources":["../../../../src/components/modal/use-modal.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback, useId } from \"react\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { cx, handlerAll } from \"../../utils\"\n\nexport interface UseModalProps extends HTMLProps, UseDisclosureProps {\n  /**\n   * If `true`, the modal will close when the `Esc` key is pressed.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the modal will close when the overlay is clicked.\n   *\n   * @default true\n   */\n  closeOnOverlay?: boolean\n  /**\n   * Callback invoked when the escape key is pressed and focus is within modal.\n   */\n  onEsc?: () => void\n}\n\nexport const useModal = ({\n  closeOnEsc = true,\n  closeOnOverlay = true,\n  onEsc,\n  ...rest\n}: UseModalProps = {}) => {\n  const { open, onClose, onOpen, onToggle } = useDisclosure(rest)\n  const contentId = useId()\n  const titleId = useId()\n  const bodyId = useId()\n  const { t } = useI18n(\"modal\")\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      ev.stopPropagation()\n\n      if (closeOnEsc) onClose()\n\n      onEsc?.()\n    },\n    [closeOnEsc, onClose, onEsc],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...rest,\n      ...props,\n    }),\n    [rest],\n  )\n\n  const getOverlayProps: PropGetter = useCallback(\n    (props = {}) => ({\n      \"aria-hidden\": \"true\",\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        ev.stopPropagation()\n\n        if (closeOnOverlay) onClose()\n      }),\n    }),\n    [closeOnOverlay, onClose],\n  )\n\n  const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      \"aria-label\": t(\"Open modal\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onOpen),\n    }),\n    [contentId, onOpen, open, t],\n  )\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-label\": t(\"Close modal\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onClose),\n    }),\n    [onClose, t],\n  )\n\n  const getCloseButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-label\": t(\"Close modal\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onClose),\n    }),\n    [onClose, t],\n  )\n\n  const getContentProps: PropGetter<\"section\"> = useCallback(\n    ({\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => ({\n      id: contentId,\n      \"aria-describedby\": cx(ariaDescribedby, bodyId),\n      \"aria-labelledby\": cx(ariaLabelledby, titleId),\n      \"aria-modal\": \"true\",\n      role: \"dialog\",\n      ...props,\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [bodyId, contentId, onKeyDown, titleId],\n  )\n\n  const getHeaderProps: PropGetter<\"header\"> = useCallback(\n    (props) => ({\n      ...props,\n    }),\n    [],\n  )\n\n  const getTitleProps: PropGetter<\"h2\"> = useCallback(\n    (props) => ({\n      id: titleId,\n      ...props,\n    }),\n    [titleId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({\n      id: bodyId,\n      ...props,\n    }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter<\"footer\"> = useCallback(\n    (props) => ({\n      ...props,\n    }),\n    [],\n  )\n\n  return {\n    open,\n    getBodyProps,\n    getCloseButtonProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getOpenTriggerProps,\n    getOverlayProps,\n    getRootProps,\n    getTitleProps,\n    onClose,\n    onOpen,\n    onToggle,\n  }\n}\n\nexport type UseModalReturn = ReturnType<typeof useModal>\n"],"mappings":";;;;;;;;AA2BA,MAAa,WAAW,CAAC,EACvB,aAAa,MACb,iBAAiB,MACjB,MACA,GAAG,MACW,GAAG,CAAE,MAAK;CACxB,MAAM,EAAE,MAAM,SAAS,QAAQ,UAAU,GAAG,0DAAc,KAAK;CAC/D,MAAM,YAAY,kBAAO;CACzB,MAAM,UAAU,kBAAO;CACvB,MAAM,SAAS,kBAAO;CACtB,MAAM,EAAE,GAAG,GAAG,sDAAQ,QAAQ;CAE9B,MAAM,YAAY,uBAChB,CAACA,OAAsB;AACrB,MAAI,GAAG,QAAQ,SAAU;AAEzB,KAAG,iBAAiB;AAEpB,MAAI,WAAY,UAAS;AAEzB,WAAS;CACV,GACD;EAAC;EAAY;EAAS;CAAM,EAC7B;CAED,MAAMC,eAA2B,uBAC/B,CAAC,WAAW;EACV,GAAG;EACH,GAAG;CACJ,IACD,CAAC,IAAK,EACP;CAED,MAAMC,kBAA8B,uBAClC,CAAC,QAAQ,CAAE,OAAM;EACf,eAAe;EACf,GAAG;EACH,SAAS,yCAAW,MAAM,SAAS,CAAC,OAAO;AACzC,MAAG,iBAAiB;AAEpB,OAAI,eAAgB,UAAS;EAC9B,EAAC;CACH,IACD,CAAC,gBAAgB,OAAQ,EAC1B;CAED,MAAMC,sBAA4C,uBAChD,CAAC,QAAQ,CAAE,OAAM;EACf,iBAAiB,OAAO;EACxB,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,SAAS,yCAAW,MAAM,SAAS,OAAO;CAC3C,IACD;EAAC;EAAW;EAAQ;EAAM;CAAE,EAC7B;CAED,MAAMC,uBAA6C,uBACjD,CAAC,QAAQ,CAAE,OAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,SAAS,yCAAW,MAAM,SAAS,QAAQ;CAC5C,IACD,CAAC,SAAS,CAAE,EACb;CAED,MAAMC,sBAA4C,uBAChD,CAAC,QAAQ,CAAE,OAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,SAAS,yCAAW,MAAM,SAAS,QAAQ;CAC5C,IACD,CAAC,SAAS,CAAE,EACb;CAED,MAAMC,kBAAyC,uBAC7C,CAAC,EACC,oBAAoB,iBACpB,mBAAmB,eACnB,GAAG,OACJ,GAAG,CAAE,OAAM;EACV,IAAI;EACJ,oBAAoB,+BAAG,iBAAiB,OAAO;EAC/C,mBAAmB,+BAAG,gBAAgB,QAAQ;EAC9C,cAAc;EACd,MAAM;EACN,GAAG;EACH,WAAW,yCAAW,MAAM,WAAW,UAAU;CAClD,IACD;EAAC;EAAQ;EAAW;EAAW;CAAQ,EACxC;CAED,MAAMC,iBAAuC,uBAC3C,CAAC,WAAW,EACV,GAAG,MACJ,IACD,CAAE,EACH;CAED,MAAMC,gBAAkC,uBACtC,CAAC,WAAW;EACV,IAAI;EACJ,GAAG;CACJ,IACD,CAAC,OAAQ,EACV;CAED,MAAMC,eAA2B,uBAC/B,CAAC,WAAW;EACV,IAAI;EACJ,GAAG;CACJ,IACD,CAAC,MAAO,EACT;CAED,MAAMC,iBAAuC,uBAC3C,CAAC,WAAW,EACV,GAAG,MACJ,IACD,CAAE,EACH;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACF"}

package/dist/cjs/components/motion/motion.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_string = require('../../utils/common/string.cjs');
 const require_core_system_system_provider = require('../../core/system/system-provider.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
@@ -23,7 +23,7 @@ const Motion = ({ ref, as: asProp = "div", className,...rest }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
 		ref,
 		as,
-		className: (0, require_utils_index.utils_exports.cx)(system.utils.getClassName("motion"), className),
+		className: require_utils_common_string.cx(system.utils.getClassName("motion"), className),
 		...rest
 	});
 };

package/dist/cjs/components/motion/motion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"motion.cjs","names":[],"sources":["../../../../src/components/motion/motion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { HTMLMotionProps, MotionStyledComponent } from \"./index.types\"\nimport { motion } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { styled, useSystem } from \"../../core\"\nimport { cx } from \"../../utils\"\n\nconst forwardProps = [\"transition\"]\n\nconst Component = styled<\"div\", Dict>(\"div\", { forwardProps })\n\n/**\n * `Motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see https://yamada-ui.com/components/motion\n */\nexport const Motion = (({\n  ref,\n  as: asProp = \"div\",\n  className,\n  ...rest\n}: HTMLMotionProps) => {\n  const system = useSystem()\n  const as = useMemo(() => motion.create(asProp), [asProp])\n\n  return (\n    <Component\n      ref={ref}\n      as={as}\n      className={cx(system.utils.getClassName(\"motion\"), className)}\n      {...rest}\n    />\n  )\n}) as MotionStyledComponent<\"div\">\n"],"mappings":";;;;;;;;;;;;AASA,MAAM,eAAe,CAAC,YAAa;AAEnC,MAAM,YAAY,mCAAoB,OAAO,EAAE,aAAc,EAAC;;;;;;AAO9D,MAAa,SAAU,CAAC,EACtB,KACA,IAAI,SAAS,OACb,UACA,GAAG,MACa,KAAK;CACrB,MAAM,SAAS,+CAAW;CAC1B,MAAM,KAAK,mBAAQ,MAAM,oBAAO,OAAO,OAAO,EAAE,CAAC,MAAO,EAAC;AAEzD,wBACE,2BAAC;EACM;EACD;EACJ,WAAW,0CAAG,OAAO,MAAM,aAAa,SAAS,EAAE,UAAU;EAC7D,GAAI;GACJ;AAEL"}
+{"version":3,"file":"motion.cjs","names":[],"sources":["../../../../src/components/motion/motion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Dict } from \"../../utils\"\nimport type { HTMLMotionProps, MotionStyledComponent } from \"./index.types\"\nimport { motion } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { styled, useSystem } from \"../../core\"\nimport { cx } from \"../../utils\"\n\nconst forwardProps = [\"transition\"]\n\nconst Component = styled<\"div\", Dict>(\"div\", { forwardProps })\n\n/**\n * `Motion` is a component that allows for the easy implementation of a wide variety of animations.\n *\n * @see https://yamada-ui.com/components/motion\n */\nexport const Motion = (({\n  ref,\n  as: asProp = \"div\",\n  className,\n  ...rest\n}: HTMLMotionProps) => {\n  const system = useSystem()\n  const as = useMemo(() => motion.create(asProp), [asProp])\n\n  return (\n    <Component\n      ref={ref}\n      as={as}\n      className={cx(system.utils.getClassName(\"motion\"), className)}\n      {...rest}\n    />\n  )\n}) as MotionStyledComponent<\"div\">\n"],"mappings":";;;;;;;;;;;;AASA,MAAM,eAAe,CAAC,YAAa;AAEnC,MAAM,YAAY,mCAAoB,OAAO,EAAE,aAAc,EAAC;;;;;;AAO9D,MAAa,SAAU,CAAC,EACtB,KACA,IAAI,SAAS,OACb,UACA,GAAG,MACa,KAAK;CACrB,MAAM,SAAS,+CAAW;CAC1B,MAAM,KAAK,mBAAQ,MAAM,oBAAO,OAAO,OAAO,EAAE,CAAC,MAAO,EAAC;AAEzD,wBACE,2BAAC;EACM;EACD;EACJ,WAAW,+BAAG,OAAO,MAAM,aAAa,SAAS,EAAE,UAAU;EAC7D,GAAI;GACJ;AAEL"}

package/dist/cjs/components/motion/transition.cjs

@@ -1,4 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 
 //#region src/components/motion/transition.ts
 const createTransition = {
@@ -14,8 +14,8 @@ const createTransition = {
 						1
 					]
 				},
-				...duration ? { duration: (0, require_utils_index.utils_exports.isNumber)(duration) ? duration : duration.enter } : {},
-				delay: (0, require_utils_index.utils_exports.isNumber)(delay) ? delay : delay?.enter
+				...duration ? { duration: require_utils_common_assertion.isNumber(duration) ? duration : duration.enter } : {},
+				delay: require_utils_common_assertion.isNumber(delay) ? delay : delay?.enter
 			};
 		};
 	},
@@ -31,8 +31,8 @@ const createTransition = {
 						1
 					]
 				},
-				...duration ? { duration: (0, require_utils_index.utils_exports.isNumber)(duration) ? duration : duration.exit } : {},
-				delay: (0, require_utils_index.utils_exports.isNumber)(delay) ? delay : delay?.exit
+				...duration ? { duration: require_utils_common_assertion.isNumber(duration) ? duration : duration.exit } : {},
+				delay: require_utils_common_assertion.isNumber(delay) ? delay : delay?.exit
 			};
 		};
 	}

package/dist/cjs/components/motion/transition.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"transition.cjs","names":["transition?: Transition","delay?: MotionTransitionProps[\"delay\"]","duration?: MotionTransitionProps[\"duration\"]"],"sources":["../../../../src/components/motion/transition.ts"],"sourcesContent":["import type { Transition } from \"motion/react\"\nimport type { MotionTransitionProps } from \"./index.types\"\nimport { isNumber } from \"../../utils\"\n\nexport const createTransition = {\n  enter: function (transition?: Transition) {\n    return function (\n      delay?: MotionTransitionProps[\"delay\"],\n      duration?: MotionTransitionProps[\"duration\"],\n    ): Transition {\n      return {\n        ...(transition ?? {\n          duration: 0.2,\n          ease: [0, 0, 0.58, 1],\n        }),\n        ...(duration\n          ? { duration: isNumber(duration) ? duration : duration.enter }\n          : {}),\n        delay: isNumber(delay) ? delay : delay?.enter,\n      }\n    }\n  },\n  exit: function (transition?: Transition) {\n    return function (\n      delay?: MotionTransitionProps[\"delay\"],\n      duration?: MotionTransitionProps[\"duration\"],\n    ): Transition {\n      return {\n        ...(transition ?? {\n          duration: 0.2,\n          ease: [0.42, 0, 1, 1],\n        }),\n        ...(duration\n          ? { duration: isNumber(duration) ? duration : duration.exit }\n          : {}),\n        delay: isNumber(delay) ? delay : delay?.exit,\n      }\n    }\n  },\n}\n"],"mappings":";;;AAIA,MAAa,mBAAmB;CAC9B,OAAO,SAAUA,YAAyB;AACxC,SAAO,SACLC,OACAC,UACY;AACZ,UAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAG;MAAG;MAAM;KAAE;IACtB;IACD,GAAI,WACA,EAAE,UAAU,gDAAS,SAAS,GAAG,WAAW,SAAS,MAAO,IAC5D,CAAE;IACN,OAAO,gDAAS,MAAM,GAAG,QAAQ,OAAO;GACzC;EACF;CACF;CACD,MAAM,SAAUF,YAAyB;AACvC,SAAO,SACLC,OACAC,UACY;AACZ,UAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAM;MAAG;MAAG;KAAE;IACtB;IACD,GAAI,WACA,EAAE,UAAU,gDAAS,SAAS,GAAG,WAAW,SAAS,KAAM,IAC3D,CAAE;IACN,OAAO,gDAAS,MAAM,GAAG,QAAQ,OAAO;GACzC;EACF;CACF;AACF"}
+{"version":3,"file":"transition.cjs","names":["transition?: Transition","delay?: MotionTransitionProps[\"delay\"]","duration?: MotionTransitionProps[\"duration\"]"],"sources":["../../../../src/components/motion/transition.ts"],"sourcesContent":["import type { Transition } from \"motion/react\"\nimport type { MotionTransitionProps } from \"./index.types\"\nimport { isNumber } from \"../../utils\"\n\nexport const createTransition = {\n  enter: function (transition?: Transition) {\n    return function (\n      delay?: MotionTransitionProps[\"delay\"],\n      duration?: MotionTransitionProps[\"duration\"],\n    ): Transition {\n      return {\n        ...(transition ?? {\n          duration: 0.2,\n          ease: [0, 0, 0.58, 1],\n        }),\n        ...(duration\n          ? { duration: isNumber(duration) ? duration : duration.enter }\n          : {}),\n        delay: isNumber(delay) ? delay : delay?.enter,\n      }\n    }\n  },\n  exit: function (transition?: Transition) {\n    return function (\n      delay?: MotionTransitionProps[\"delay\"],\n      duration?: MotionTransitionProps[\"duration\"],\n    ): Transition {\n      return {\n        ...(transition ?? {\n          duration: 0.2,\n          ease: [0.42, 0, 1, 1],\n        }),\n        ...(duration\n          ? { duration: isNumber(duration) ? duration : duration.exit }\n          : {}),\n        delay: isNumber(delay) ? delay : delay?.exit,\n      }\n    }\n  },\n}\n"],"mappings":";;;AAIA,MAAa,mBAAmB;CAC9B,OAAO,SAAUA,YAAyB;AACxC,SAAO,SACLC,OACAC,UACY;AACZ,UAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAG;MAAG;MAAM;KAAE;IACtB;IACD,GAAI,WACA,EAAE,UAAU,wCAAS,SAAS,GAAG,WAAW,SAAS,MAAO,IAC5D,CAAE;IACN,OAAO,wCAAS,MAAM,GAAG,QAAQ,OAAO;GACzC;EACF;CACF;CACD,MAAM,SAAUF,YAAyB;AACvC,SAAO,SACLC,OACAC,UACY;AACZ,UAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAM;MAAG;MAAG;KAAE;IACtB;IACD,GAAI,WACA,EAAE,UAAU,wCAAS,SAAS,GAAG,WAAW,SAAS,KAAM,IAC3D,CAAE;IACN,OAAO,wCAAS,MAAM,GAAG,QAAQ,OAAO;GACzC;EACF;CACF;AACF"}

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

@@ -3,7 +3,8 @@
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.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 require_components_field_use_field_props = require('../field/use-field-props.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
@@ -58,14 +59,14 @@ const useNativeSelect = (props = {}) => {
 		tabIndex: interactive ? void 0 : -1,
 		...ariaProps,
 		...dataProps,
-		"aria-disabled": (0, require_utils_index.utils_exports.ariaAttr)(!interactive),
+		"aria-disabled": require_utils_common_dom.ariaAttr(!interactive),
 		"aria-label": placeholder,
 		...rest,
 		...props$1,
 		ref: require_utils_ref.mergeRefs(ref, rest.ref),
 		children: props$1.children ?? computedChildren,
-		onBlur: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onBlur, props$1.onBlur),
-		onFocus: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onFocus, props$1.onFocus)
+		onBlur: require_utils_common_function.handlerAll(eventProps.onBlur, props$1.onBlur),
+		onFocus: require_utils_common_function.handlerAll(eventProps.onFocus, props$1.onFocus)
 	}), [
 		interactive,
 		ariaProps,

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

@@ -1 +1 @@
-{"version":3,"file":"use-native-select.cjs","names":["props: UseNativeSelectProps","computedChildren: ReactNode","props","index","label","computedChildren","getRootProps: PropGetter","getFieldProps: PropGetter<\"select\">","getIconProps: PropGetter"],"sources":["../../../../src/components/native-select/use-native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field/field\"\nimport { cloneElement, useCallback, useMemo } from \"react\"\nimport { ariaAttr, handlerAll } from \"../../utils\"\nimport { mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface NativeSelectSharedItem\n  extends Omit<HTMLProps<\"option\">, \"children\" | \"label\" | \"value\"> {\n  label?: string\n}\n\ninterface NativeSelectItemWithValue extends NativeSelectSharedItem {\n  value?: HTMLProps<\"option\">[\"value\"]\n}\n\ninterface NativeSelectItemWithItems extends NativeSelectSharedItem {\n  items?: NativeSelectItemWithValue[]\n}\n\nexport type NativeSelectItem =\n  | NativeSelectItemWithItems\n  | NativeSelectItemWithValue\n\nexport interface UseNativeSelectProps extends HTMLProps<\"select\">, FieldProps {\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default '[]'\n   */\n  items?: NativeSelectItem[]\n  /**\n   * The placeholder for select.\n   */\n  placeholder?: string\n  /**\n   * If `true`, include placeholders in options.\n   *\n   * @default true\n   */\n  placeholderInOptions?: boolean\n}\n\nexport const useNativeSelect = (props: UseNativeSelectProps = {}) => {\n  const {\n    props: {\n      children,\n      disabled,\n      items = [],\n      placeholder,\n      placeholderInOptions = true,\n      readOnly,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n\n  const computedChildren = useMemo(() => {\n    let computedChildren: ReactNode = null\n\n    if (children) {\n      computedChildren = children\n    } else if (items.length) {\n      computedChildren = items.map((item, index) => {\n        if (\"value\" in item) {\n          const { label, ...props } = item\n\n          return cloneElement(<option />, {\n            key: index,\n            children: label,\n            ...props,\n          })\n        } else if (\"items\" in item) {\n          const { items = [], label, ...props } = item\n\n          return cloneElement(<optgroup />, {\n            key: index,\n            children: items.map(({ label, ...props }, index) =>\n              cloneElement(<option />, {\n                key: index,\n                children: label,\n                ...props,\n              }),\n            ),\n            label,\n            ...props,\n          })\n        }\n      })\n    }\n\n    return (\n      <>\n        {placeholder ? (\n          <option hidden={!placeholderInOptions} value=\"\">\n            {placeholder}\n          </option>\n        ) : null}\n\n        {computedChildren}\n      </>\n    )\n  }, [children, items, placeholder, placeholderInOptions])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter<\"select\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      disabled,\n      readOnly,\n      tabIndex: interactive ? undefined : -1,\n      ...ariaProps,\n      ...dataProps,\n      \"aria-disabled\": ariaAttr(!interactive),\n      \"aria-label\": placeholder,\n      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref),\n      children: props.children ?? computedChildren,\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n    }),\n    [\n      interactive,\n      ariaProps,\n      computedChildren,\n      dataProps,\n      eventProps,\n\n      rest,\n      placeholder,\n      disabled,\n      readOnly,\n    ],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  return { getFieldProps, getIconProps, getRootProps }\n}\n\nexport type UseNativeSelectReturn = ReturnType<typeof useNativeSelect>\n"],"mappings":";;;;;;;;;;;AA8CA,MAAa,kBAAkB,CAACA,QAA8B,CAAE,MAAK;CACnE,MAAM,EACJ,OAAO,EACL,UACA,UACA,QAAQ,CAAE,GACV,aACA,uBAAuB,MACvB,SACA,GAAG,MACJ,EACD,WACA,WACA,YACD,GAAG,uDAAc,MAAM;CACxB,MAAM,gBAAgB,YAAY;CAElC,MAAM,mBAAmB,mBAAQ,MAAM;EACrC,IAAIC,qBAA8B;AAElC,MAAI,SACF,sBAAmB;WACV,MAAM,OACf,sBAAmB,MAAM,IAAI,CAAC,MAAM,UAAU;AAC5C,OAAI,WAAW,MAAM;IACnB,MAAM,EAAE,MAAO,GAAGC,SAAO,GAAG;AAE5B,WAAO,wCAAa,2BAAC,aAAS,EAAE;KAC9B,KAAK;KACL,UAAU;KACV,GAAGA;IACJ,EAAC;GACH,WAAU,WAAW,MAAM;IAC1B,MAAM,EAAE,iBAAQ,CAAE,GAAE,MAAO,GAAGA,SAAO,GAAG;AAExC,WAAO,wCAAa,2BAAC,eAAW,EAAE;KAChC,KAAK;KACL,UAAU,QAAM,IAAI,CAAC,EAAE,eAAO,GAAGA,SAAO,EAAEC,YACxC,wCAAa,2BAAC,aAAS,EAAE;MACvB,KAAKA;MACL,UAAUC;MACV,GAAGF;KACJ,EAAC,CACH;KACD;KACA,GAAGA;IACJ,EAAC;GACH;EACF,EAAC;AAGJ,yBACE,qEACG,8BACC,2BAAC;GAAO,SAAS;GAAsB,OAAM;aAC1C;IACM,GACP,MAEHG,sBACA;CAEN,GAAE;EAAC;EAAU;EAAO;EAAa;CAAqB,EAAC;CAExD,MAAMC,eAA2B,uBAC/B,CAACJ,aAAW;EACV,GAAG;EACH,GAAGA;CACJ,IACD,CAAC,SAAU,EACZ;CAED,MAAMK,gBAAsC,uBAC1C,CAAC,EAAE,IAAK,GAAGL,SAAO,GAAG,CAAE,OAAM;EAC3B;EACA;EACA,UAAU,uBAA0B;EACpC,GAAG;EACH,GAAG;EACH,iBAAiB,iDAAU,YAAY;EACvC,cAAc;EACd,GAAG;EACH,GAAGA;EACH,KAAK,4BAAU,KAAK,KAAK,IAAI;EAC7B,UAAUA,QAAM,YAAY;EAC5B,QAAQ,kDAAW,WAAW,QAAQA,QAAM,OAAO;EACnD,SAAS,kDAAW,WAAW,SAASA,QAAM,QAAQ;CACvD,IACD;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;CACD,EACF;CAED,MAAMM,eAA2B,uBAC/B,CAACN,aAAW;EACV,GAAG;EACH,GAAGA;CACJ,IACD,CAAC,SAAU,EACZ;AAED,QAAO;EAAE;EAAe;EAAc;CAAc;AACrD"}
+{"version":3,"file":"use-native-select.cjs","names":["props: UseNativeSelectProps","computedChildren: ReactNode","props","index","label","computedChildren","getRootProps: PropGetter","getFieldProps: PropGetter<\"select\">","getIconProps: PropGetter"],"sources":["../../../../src/components/native-select/use-native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field/field\"\nimport { cloneElement, useCallback, useMemo } from \"react\"\nimport { ariaAttr, handlerAll } from \"../../utils\"\nimport { mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface NativeSelectSharedItem\n  extends Omit<HTMLProps<\"option\">, \"children\" | \"label\" | \"value\"> {\n  label?: string\n}\n\ninterface NativeSelectItemWithValue extends NativeSelectSharedItem {\n  value?: HTMLProps<\"option\">[\"value\"]\n}\n\ninterface NativeSelectItemWithItems extends NativeSelectSharedItem {\n  items?: NativeSelectItemWithValue[]\n}\n\nexport type NativeSelectItem =\n  | NativeSelectItemWithItems\n  | NativeSelectItemWithValue\n\nexport interface UseNativeSelectProps extends HTMLProps<\"select\">, FieldProps {\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default '[]'\n   */\n  items?: NativeSelectItem[]\n  /**\n   * The placeholder for select.\n   */\n  placeholder?: string\n  /**\n   * If `true`, include placeholders in options.\n   *\n   * @default true\n   */\n  placeholderInOptions?: boolean\n}\n\nexport const useNativeSelect = (props: UseNativeSelectProps = {}) => {\n  const {\n    props: {\n      children,\n      disabled,\n      items = [],\n      placeholder,\n      placeholderInOptions = true,\n      readOnly,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n\n  const computedChildren = useMemo(() => {\n    let computedChildren: ReactNode = null\n\n    if (children) {\n      computedChildren = children\n    } else if (items.length) {\n      computedChildren = items.map((item, index) => {\n        if (\"value\" in item) {\n          const { label, ...props } = item\n\n          return cloneElement(<option />, {\n            key: index,\n            children: label,\n            ...props,\n          })\n        } else if (\"items\" in item) {\n          const { items = [], label, ...props } = item\n\n          return cloneElement(<optgroup />, {\n            key: index,\n            children: items.map(({ label, ...props }, index) =>\n              cloneElement(<option />, {\n                key: index,\n                children: label,\n                ...props,\n              }),\n            ),\n            label,\n            ...props,\n          })\n        }\n      })\n    }\n\n    return (\n      <>\n        {placeholder ? (\n          <option hidden={!placeholderInOptions} value=\"\">\n            {placeholder}\n          </option>\n        ) : null}\n\n        {computedChildren}\n      </>\n    )\n  }, [children, items, placeholder, placeholderInOptions])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter<\"select\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      disabled,\n      readOnly,\n      tabIndex: interactive ? undefined : -1,\n      ...ariaProps,\n      ...dataProps,\n      \"aria-disabled\": ariaAttr(!interactive),\n      \"aria-label\": placeholder,\n      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref),\n      children: props.children ?? computedChildren,\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n    }),\n    [\n      interactive,\n      ariaProps,\n      computedChildren,\n      dataProps,\n      eventProps,\n\n      rest,\n      placeholder,\n      disabled,\n      readOnly,\n    ],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  return { getFieldProps, getIconProps, getRootProps }\n}\n\nexport type UseNativeSelectReturn = ReturnType<typeof useNativeSelect>\n"],"mappings":";;;;;;;;;;;;AA8CA,MAAa,kBAAkB,CAACA,QAA8B,CAAE,MAAK;CACnE,MAAM,EACJ,OAAO,EACL,UACA,UACA,QAAQ,CAAE,GACV,aACA,uBAAuB,MACvB,SACA,GAAG,MACJ,EACD,WACA,WACA,YACD,GAAG,uDAAc,MAAM;CACxB,MAAM,gBAAgB,YAAY;CAElC,MAAM,mBAAmB,mBAAQ,MAAM;EACrC,IAAIC,qBAA8B;AAElC,MAAI,SACF,sBAAmB;WACV,MAAM,OACf,sBAAmB,MAAM,IAAI,CAAC,MAAM,UAAU;AAC5C,OAAI,WAAW,MAAM;IACnB,MAAM,EAAE,MAAO,GAAGC,SAAO,GAAG;AAE5B,WAAO,wCAAa,2BAAC,aAAS,EAAE;KAC9B,KAAK;KACL,UAAU;KACV,GAAGA;IACJ,EAAC;GACH,WAAU,WAAW,MAAM;IAC1B,MAAM,EAAE,iBAAQ,CAAE,GAAE,MAAO,GAAGA,SAAO,GAAG;AAExC,WAAO,wCAAa,2BAAC,eAAW,EAAE;KAChC,KAAK;KACL,UAAU,QAAM,IAAI,CAAC,EAAE,eAAO,GAAGA,SAAO,EAAEC,YACxC,wCAAa,2BAAC,aAAS,EAAE;MACvB,KAAKA;MACL,UAAUC;MACV,GAAGF;KACJ,EAAC,CACH;KACD;KACA,GAAGA;IACJ,EAAC;GACH;EACF,EAAC;AAGJ,yBACE,qEACG,8BACC,2BAAC;GAAO,SAAS;GAAsB,OAAM;aAC1C;IACM,GACP,MAEHG,sBACA;CAEN,GAAE;EAAC;EAAU;EAAO;EAAa;CAAqB,EAAC;CAExD,MAAMC,eAA2B,uBAC/B,CAACJ,aAAW;EACV,GAAG;EACH,GAAGA;CACJ,IACD,CAAC,SAAU,EACZ;CAED,MAAMK,gBAAsC,uBAC1C,CAAC,EAAE,IAAK,GAAGL,SAAO,GAAG,CAAE,OAAM;EAC3B;EACA;EACA,UAAU,uBAA0B;EACpC,GAAG;EACH,GAAG;EACH,iBAAiB,mCAAU,YAAY;EACvC,cAAc;EACd,GAAG;EACH,GAAGA;EACH,KAAK,4BAAU,KAAK,KAAK,IAAI;EAC7B,UAAUA,QAAM,YAAY;EAC5B,QAAQ,yCAAW,WAAW,QAAQA,QAAM,OAAO;EACnD,SAAS,yCAAW,WAAW,SAASA,QAAM,QAAQ;CACvD,IACD;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;CACD,EACF;CAED,MAAMM,eAA2B,uBAC/B,CAACN,aAAW;EACV,GAAG;EACH,GAAGA;CACJ,IACD,CAAC,SAAU,EACZ;AAED,QAAO;EAAE;EAAe;EAAc;CAAc;AACrD"}

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

@@ -4,7 +4,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_dom = require('../../utils/dom.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_providers_i18n_provider_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 const require_components_number_input_use_spinner = require('./use-spinner.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
@@ -26,8 +26,8 @@ const useNumberCounter = ({ decrement, disabled, increment, keepWithinRange, max
 		tabIndex: -1,
 		...rest,
 		...props,
-		onPointerLeave: (0, require_utils_index.utils_exports.handlerAll)(props.onPointerLeave, stop),
-		onPointerUp: (0, require_utils_index.utils_exports.handlerAll)(props.onPointerUp, stop)
+		onPointerLeave: require_utils_common_function.handlerAll(props.onPointerLeave, stop),
+		onPointerUp: require_utils_common_function.handlerAll(props.onPointerUp, stop)
 	}), [
 		rest,
 		disabled,
@@ -42,7 +42,7 @@ const useNumberCounter = ({ decrement, disabled, increment, keepWithinRange, max
 				disabled: trulyDisabled,
 				...props
 			}),
-			onPointerDown: (0, require_utils_index.utils_exports.handlerAll)(props.onPointerDown, (ev) => {
+			onPointerDown: require_utils_common_function.handlerAll(props.onPointerDown, (ev) => {
 				if (ev.button !== 0 || trulyDisabled) return;
 				ev.preventDefault();
 				up();
@@ -65,7 +65,7 @@ const useNumberCounter = ({ decrement, disabled, increment, keepWithinRange, max
 				disabled: trulyDisabled,
 				...props
 			}),
-			onPointerDown: (0, require_utils_index.utils_exports.handlerAll)(props.onPointerDown, (ev) => {
+			onPointerDown: require_utils_common_function.handlerAll(props.onPointerDown, (ev) => {
 				if (ev.button !== 0 || trulyDisabled) return;
 				ev.preventDefault();
 				down();

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

@@ -1 +1 @@
-{"version":3,"file":"use-number-counter.cjs","names":["getButtonProps: PropGetter<\"button\">","getIncrementProps: PropGetter<\"button\">","getDecrementProps: PropGetter<\"button\">"],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      disabled,\n      tabIndex: -1,\n      ...rest,\n      ...props,\n      onPointerLeave: handlerAll(props.onPointerLeave, stop),\n      onPointerUp: handlerAll(props.onPointerUp, stop),\n    }),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAa,mBAAmB,CAAC,EAC/B,WACA,UACA,WACA,iBACA,KACA,IACA,GAAG,MACmB,KAAK;CAC3B,MAAM,eAAe,kBAA0B,KAAK;CACpD,MAAM,eAAe,kBAA0B,KAAK;CACpD,MAAM,EAAE,MAAM,UAAU,MAAM,IAAI,GAAG,uDAAW;EAAE;EAAW;CAAW,EAAC;CACzE,MAAM,EAAE,GAAG,GAAG,sDAAQ,cAAc;AAEpC,wCAAqB,cAAc,CAAC,UAAW,GAAE,UAAU,KAAK;AAChE,wCAAqB,cAAc,CAAC,UAAW,GAAE,UAAU,KAAK;CAEhE,MAAMA,iBAAuC,uBAC3C,CAAC,QAAQ,CAAE,OAAM;EACf,MAAM;EACN;EACA,UAAU;EACV,GAAG;EACH,GAAG;EACH,gBAAgB,kDAAW,MAAM,gBAAgB,KAAK;EACtD,aAAa,kDAAW,MAAM,aAAa,KAAK;CACjD,IACD;EAAC;EAAM;EAAU;CAAK,EACvB;CAED,MAAMC,oBAA0C,uBAC9C,CAAC,EAAE,IAAK,GAAG,OAAO,GAAG,CAAE,MAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,SAAO;GACL,KAAK,4BAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;GAAO,EAAC;GACxD,eAAe,kDAAW,MAAM,eAAe,CAAC,OAAO;AACrD,QAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,OAAG,gBAAgB;AACnB,QAAI;GACL,EAAC;EACH;CACF,GACD;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;CAAE,EACxD;CAED,MAAMC,oBAA0C,uBAC9C,CAAC,EAAE,IAAK,GAAG,OAAO,GAAG,CAAE,MAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,SAAO;GACL,KAAK,4BAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;GAAO,EAAC;GACxD,eAAe,kDAAW,MAAM,eAAe,CAAC,OAAO;AACrD,QAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,OAAG,gBAAgB;AACnB,UAAM;GACP,EAAC;EACH;CACF,GACD;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAM;CAAE,EAC1D;AAED,QAAO;EAAE;EAAmB;CAAmB;AAChD"}
+{"version":3,"file":"use-number-counter.cjs","names":["getButtonProps: PropGetter<\"button\">","getIncrementProps: PropGetter<\"button\">","getDecrementProps: PropGetter<\"button\">"],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      disabled,\n      tabIndex: -1,\n      ...rest,\n      ...props,\n      onPointerLeave: handlerAll(props.onPointerLeave, stop),\n      onPointerUp: handlerAll(props.onPointerUp, stop),\n    }),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAa,mBAAmB,CAAC,EAC/B,WACA,UACA,WACA,iBACA,KACA,IACA,GAAG,MACmB,KAAK;CAC3B,MAAM,eAAe,kBAA0B,KAAK;CACpD,MAAM,eAAe,kBAA0B,KAAK;CACpD,MAAM,EAAE,MAAM,UAAU,MAAM,IAAI,GAAG,uDAAW;EAAE;EAAW;CAAW,EAAC;CACzE,MAAM,EAAE,GAAG,GAAG,sDAAQ,cAAc;AAEpC,wCAAqB,cAAc,CAAC,UAAW,GAAE,UAAU,KAAK;AAChE,wCAAqB,cAAc,CAAC,UAAW,GAAE,UAAU,KAAK;CAEhE,MAAMA,iBAAuC,uBAC3C,CAAC,QAAQ,CAAE,OAAM;EACf,MAAM;EACN;EACA,UAAU;EACV,GAAG;EACH,GAAG;EACH,gBAAgB,yCAAW,MAAM,gBAAgB,KAAK;EACtD,aAAa,yCAAW,MAAM,aAAa,KAAK;CACjD,IACD;EAAC;EAAM;EAAU;CAAK,EACvB;CAED,MAAMC,oBAA0C,uBAC9C,CAAC,EAAE,IAAK,GAAG,OAAO,GAAG,CAAE,MAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,SAAO;GACL,KAAK,4BAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;GAAO,EAAC;GACxD,eAAe,yCAAW,MAAM,eAAe,CAAC,OAAO;AACrD,QAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,OAAG,gBAAgB;AACnB,QAAI;GACL,EAAC;EACH;CACF,GACD;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;CAAE,EACxD;CAED,MAAMC,oBAA0C,uBAC9C,CAAC,EAAE,IAAK,GAAG,OAAO,GAAG,CAAE,MAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,SAAO;GACL,KAAK,4BAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;GAAO,EAAC;GACxD,eAAe,yCAAW,MAAM,eAAe,CAAC,OAAO;AACrD,QAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,OAAG,gBAAgB;AACnB,UAAM;GACP,EAAC;EACH;CACF,GACD;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAM;CAAE,EAC1D;AAED,QAAO;EAAE;EAAmB;CAAmB;AAChD"}

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

@@ -5,7 +5,8 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_dom = require('../../utils/dom.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_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_hooks_use_event_listener_index = require('../../hooks/use-event-listener/index.cjs');
 const require_components_field_use_field_props = require('../field/use-field-props.cjs');
 const require_hooks_use_counter_index = require('../../hooks/use-counter/index.cjs');
@@ -136,7 +137,7 @@ const useNumberInput = (props = {}) => {
 		update
 	]);
 	const { getDecrementProps, getIncrementProps } = require_components_number_input_use_number_counter.useNumberCounter({
-		"aria-disabled": (0, require_utils_index.utils_exports.ariaAttr)(!interactive),
+		"aria-disabled": require_utils_common_dom.ariaAttr(!interactive),
 		decrement,
 		disabled,
 		increment,
@@ -165,7 +166,7 @@ const useNumberInput = (props = {}) => {
 		...ariaProps,
 		...dataProps,
 		type: "text",
-		"aria-invalid": (0, require_utils_index.utils_exports.ariaAttr)(ariaProps["aria-invalid"] ?? out),
+		"aria-invalid": require_utils_common_dom.ariaAttr(ariaProps["aria-invalid"] ?? out),
 		"aria-valuemax": maxValue,
 		"aria-valuemin": minValue,
 		"aria-valuenow": Number.isNaN(valueAsNumber) ? void 0 : valueAsNumber,
@@ -184,10 +185,10 @@ const useNumberInput = (props = {}) => {
 		...rest,
 		...props$1,
 		ref: require_utils_ref.mergeRefs(ref, rest.ref, inputRef),
-		onBlur: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onBlur, props$1.onBlur, onBlur),
-		onChange: (0, require_utils_index.utils_exports.handlerAll)(props$1.onChange, onChange),
-		onFocus: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onFocus, props$1.onFocus, onFocus),
-		onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(rest.onKeyDown, props$1.onKeyDown, onKeyDown)
+		onBlur: require_utils_common_function.handlerAll(eventProps.onBlur, props$1.onBlur, onBlur),
+		onChange: require_utils_common_function.handlerAll(props$1.onChange, onChange),
+		onFocus: require_utils_common_function.handlerAll(eventProps.onFocus, props$1.onFocus, onFocus),
+		onKeyDown: require_utils_common_function.handlerAll(rest.onKeyDown, props$1.onKeyDown, onKeyDown)
 	}), [
 		format,
 		out,

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

@@ -1 +1 @@
-{"version":3,"file":"use-number-input.cjs","names":["value: number | string","value: string","char: string","isValid: (key: string) => boolean","props: UseNumberInputProps","value: number","value","ev: ChangeEvent<HTMLInputElement>","ev: FocusEvent<HTMLInputElement>","ev: KeyboardEvent<HTMLInputElement>","getInputProps: PropGetter<\"input\">","props"],"sources":["../../../../src/components/number-input/use-number-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps } from \"../../hooks/use-counter\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { useCounter } from \"../../hooks/use-counter\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport {\n  ariaAttr,\n  handlerAll,\n  mergeRefs,\n  runKeyAction,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useNumberCounter } from \"./use-number-counter\"\n\nconst defaultFormat = (value: number | string) => value.toString()\n\nconst defaultParse = (value: string) => value\n\nconst isDefaultValidCharacter = (char: string) => /^[Ee0-9+\\-.]$/.test(char)\n\nconst isValidNumericKeyboardEvent = (\n  { key, altKey, ctrlKey, metaKey }: KeyboardEvent,\n  isValid: (key: string) => boolean,\n) => {\n  const modifierKey = ctrlKey || altKey || metaKey\n  const singleCharacterKey = key.length === 1\n\n  if (!singleCharacterKey || modifierKey) return true\n\n  return isValid(key)\n}\n\nconst getStepRatio = <Y extends KeyboardEvent | WheelEvent>({\n  ctrlKey,\n  metaKey,\n  shiftKey,\n}: Y) => {\n  let ratio = 1\n\n  if (metaKey || ctrlKey) ratio = 0.1\n\n  if (shiftKey) ratio = 10\n\n  return ratio\n}\n\nexport interface UseNumberInputProps\n  extends Omit<HTMLProps<\"input\">, keyof UseCounterProps>,\n    UseCounterProps,\n    FieldProps {\n  /**\n   * If `true`, the input's value will change based on mouse wheel.\n   *\n   * @default false\n   */\n  allowMouseWheel?: boolean\n  /**\n   * This controls the value update when you blur out of the input.\n   * - If `true` and the value is greater than `max`, the value will be reset to `max`.\n   * - Else, the value remains the same.\n   *\n   * @default true\n   */\n  clampValueOnBlur?: boolean\n  /**\n   * If `true`, the input will be focused as you increment or decrement the value with the button.\n   *\n   * @default true\n   */\n  focusInputOnChange?: boolean\n  /**\n   * If using a custom display format, this converts the default format to the custom format.\n   */\n  format?: (value: number | string) => string\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: number | string) => string | undefined\n  /**\n   * Whether the pressed key should be allowed in the input.\n   * The default behavior is to allow DOM floating point characters defined by /^[Ee0-9+\\-.]$/.\n   */\n  isValidCharacter?: (value: string) => boolean\n  /**\n   * If using a custom display format, this converts the custom format to a format `parseFloat` understands.\n   */\n  parse?: (value: string) => string\n}\n\nexport const useNumberInput = (props: UseNumberInputProps = {}) => {\n  const {\n    props: {\n      allowMouseWheel,\n      clampValueOnBlur = true,\n      defaultValue,\n      disabled,\n      focusInputOnChange = true,\n      format = defaultFormat,\n      getAriaValueText,\n      isValidCharacter = isDefaultValidCharacter,\n      keepWithinRange = true,\n      max: maxValue = Number.MAX_SAFE_INTEGER,\n      min: minValue = Number.MIN_SAFE_INTEGER,\n      parse = defaultParse,\n      precision,\n      readOnly,\n      step = 1,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const {\n    cast,\n    max,\n    min,\n    out,\n    setValue,\n    update,\n    value,\n    valueAsNumber,\n    ...counter\n  } = useCounter({\n    defaultValue,\n    keepWithinRange,\n    max: maxValue,\n    min: minValue,\n    precision,\n    step,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const selectionRef = useRef<null | {\n    end: null | number\n    start: null | number\n  }>(null)\n  const valueText = useMemo(() => {\n    let text = getAriaValueText?.(value)\n\n    if (text != null) return text\n\n    text = value.toString()\n\n    return !text ? undefined : text\n  }, [value, getAriaValueText])\n\n  const sanitize = useCallback(\n    (value: string) => value.split(\"\").filter(isValidCharacter).join(\"\"),\n    [isValidCharacter],\n  )\n\n  const increment = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.increment(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const decrement = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.decrement(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if ((ev.nativeEvent as InputEvent).isComposing) return\n\n      const { selectionEnd, selectionStart, value } = ev.currentTarget\n\n      update(sanitize(parse(value)))\n\n      selectionRef.current = { end: selectionEnd, start: selectionStart }\n    },\n    [parse, sanitize, update],\n  )\n\n  const onFocus = useCallback((ev: FocusEvent<HTMLInputElement>) => {\n    if (!selectionRef.current) return\n\n    const { end, start } = selectionRef.current\n    const { selectionStart, value } = ev.currentTarget\n\n    ev.currentTarget.selectionStart = start ?? value.length\n    ev.currentTarget.selectionEnd = end ?? selectionStart\n  }, [])\n\n  const onBlur = useCallback(() => {\n    if (!clampValueOnBlur) return\n\n    let nextValue = value as number | string\n\n    if (value === \"\") return\n\n    const valueStartsWithE = /^[eE]/.test(value.toString())\n\n    if (valueStartsWithE) {\n      setValue(\"\")\n    } else {\n      if (valueAsNumber < minValue) nextValue = minValue\n\n      if (valueAsNumber > maxValue) nextValue = maxValue\n\n      cast(nextValue)\n    }\n  }, [\n    cast,\n    clampValueOnBlur,\n    maxValue,\n    minValue,\n    setValue,\n    value,\n    valueAsNumber,\n  ])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (ev.nativeEvent.isComposing) return\n\n      if (!isValidNumericKeyboardEvent(ev, isValidCharacter))\n        ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n\n      runKeyAction(ev, {\n        ArrowDown: () => decrement(stepValue),\n        ArrowUp: () => increment(stepValue),\n        End: () => update(maxValue),\n        Home: () => update(minValue),\n      })\n    },\n    [decrement, increment, isValidCharacter, maxValue, minValue, step, update],\n  )\n\n  const { getDecrementProps, getIncrementProps } = useNumberCounter({\n    \"aria-disabled\": ariaAttr(!interactive),\n    decrement,\n    disabled,\n    increment,\n    keepWithinRange,\n    max,\n    min,\n    ...dataProps,\n  })\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    const notInSync = inputRef.current.value != value\n\n    if (!notInSync) return\n\n    setValue(sanitize(parse(inputRef.current.value)))\n  }, [parse, sanitize])\n\n  useEventListener(\n    inputRef.current,\n    \"wheel\",\n    (ev) => {\n      const ownerDocument = inputRef.current?.ownerDocument ?? document\n      const focused = ownerDocument.activeElement === inputRef.current\n\n      if (!allowMouseWheel || !focused) return\n\n      ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n      const direction = Math.sign(ev.deltaY)\n\n      if (direction === -1) {\n        increment(stepValue)\n      } else if (direction === 1) {\n        decrement(stepValue)\n      }\n    },\n    { passive: false },\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...ariaProps,\n      ...dataProps,\n      type: \"text\",\n      \"aria-invalid\": ariaAttr(ariaProps[\"aria-invalid\"] ?? out),\n      \"aria-valuemax\": maxValue,\n      \"aria-valuemin\": minValue,\n      \"aria-valuenow\": Number.isNaN(valueAsNumber) ? undefined : valueAsNumber,\n      \"aria-valuetext\": valueText,\n      autoComplete: \"off\",\n      autoCorrect: \"off\",\n      disabled,\n      inputMode: \"decimal\",\n      max: maxValue,\n      min: minValue,\n      pattern: \"[0-9]*(.[0-9]+)?\",\n      readOnly,\n      role: \"spinbutton\",\n      step,\n      value: format(value),\n      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, inputRef),\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onChange),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus, onFocus),\n      onKeyDown: handlerAll(rest.onKeyDown, props.onKeyDown, onKeyDown),\n    }),\n    [\n      format,\n      out,\n      value,\n      valueText,\n      ariaProps,\n      dataProps,\n      eventProps,\n      maxValue,\n      minValue,\n      valueAsNumber,\n      disabled,\n      readOnly,\n      step,\n      rest,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onChange,\n    ],\n  )\n\n  return { getDecrementProps, getIncrementProps, getInputProps }\n}\n\nexport type UseNumberInputReturn = ReturnType<typeof useNumberInput>\n"],"mappings":"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"}
+{"version":3,"file":"use-number-input.cjs","names":["value: number | string","value: string","char: string","isValid: (key: string) => boolean","props: UseNumberInputProps","value: number","value","ev: ChangeEvent<HTMLInputElement>","ev: FocusEvent<HTMLInputElement>","ev: KeyboardEvent<HTMLInputElement>","getInputProps: PropGetter<\"input\">","props"],"sources":["../../../../src/components/number-input/use-number-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps } from \"../../hooks/use-counter\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { useCounter } from \"../../hooks/use-counter\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport {\n  ariaAttr,\n  handlerAll,\n  mergeRefs,\n  runKeyAction,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useNumberCounter } from \"./use-number-counter\"\n\nconst defaultFormat = (value: number | string) => value.toString()\n\nconst defaultParse = (value: string) => value\n\nconst isDefaultValidCharacter = (char: string) => /^[Ee0-9+\\-.]$/.test(char)\n\nconst isValidNumericKeyboardEvent = (\n  { key, altKey, ctrlKey, metaKey }: KeyboardEvent,\n  isValid: (key: string) => boolean,\n) => {\n  const modifierKey = ctrlKey || altKey || metaKey\n  const singleCharacterKey = key.length === 1\n\n  if (!singleCharacterKey || modifierKey) return true\n\n  return isValid(key)\n}\n\nconst getStepRatio = <Y extends KeyboardEvent | WheelEvent>({\n  ctrlKey,\n  metaKey,\n  shiftKey,\n}: Y) => {\n  let ratio = 1\n\n  if (metaKey || ctrlKey) ratio = 0.1\n\n  if (shiftKey) ratio = 10\n\n  return ratio\n}\n\nexport interface UseNumberInputProps\n  extends Omit<HTMLProps<\"input\">, keyof UseCounterProps>,\n    UseCounterProps,\n    FieldProps {\n  /**\n   * If `true`, the input's value will change based on mouse wheel.\n   *\n   * @default false\n   */\n  allowMouseWheel?: boolean\n  /**\n   * This controls the value update when you blur out of the input.\n   * - If `true` and the value is greater than `max`, the value will be reset to `max`.\n   * - Else, the value remains the same.\n   *\n   * @default true\n   */\n  clampValueOnBlur?: boolean\n  /**\n   * If `true`, the input will be focused as you increment or decrement the value with the button.\n   *\n   * @default true\n   */\n  focusInputOnChange?: boolean\n  /**\n   * If using a custom display format, this converts the default format to the custom format.\n   */\n  format?: (value: number | string) => string\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: number | string) => string | undefined\n  /**\n   * Whether the pressed key should be allowed in the input.\n   * The default behavior is to allow DOM floating point characters defined by /^[Ee0-9+\\-.]$/.\n   */\n  isValidCharacter?: (value: string) => boolean\n  /**\n   * If using a custom display format, this converts the custom format to a format `parseFloat` understands.\n   */\n  parse?: (value: string) => string\n}\n\nexport const useNumberInput = (props: UseNumberInputProps = {}) => {\n  const {\n    props: {\n      allowMouseWheel,\n      clampValueOnBlur = true,\n      defaultValue,\n      disabled,\n      focusInputOnChange = true,\n      format = defaultFormat,\n      getAriaValueText,\n      isValidCharacter = isDefaultValidCharacter,\n      keepWithinRange = true,\n      max: maxValue = Number.MAX_SAFE_INTEGER,\n      min: minValue = Number.MIN_SAFE_INTEGER,\n      parse = defaultParse,\n      precision,\n      readOnly,\n      step = 1,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const {\n    cast,\n    max,\n    min,\n    out,\n    setValue,\n    update,\n    value,\n    valueAsNumber,\n    ...counter\n  } = useCounter({\n    defaultValue,\n    keepWithinRange,\n    max: maxValue,\n    min: minValue,\n    precision,\n    step,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const selectionRef = useRef<null | {\n    end: null | number\n    start: null | number\n  }>(null)\n  const valueText = useMemo(() => {\n    let text = getAriaValueText?.(value)\n\n    if (text != null) return text\n\n    text = value.toString()\n\n    return !text ? undefined : text\n  }, [value, getAriaValueText])\n\n  const sanitize = useCallback(\n    (value: string) => value.split(\"\").filter(isValidCharacter).join(\"\"),\n    [isValidCharacter],\n  )\n\n  const increment = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.increment(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const decrement = useCallback(\n    (value: number = step) => {\n      if (!interactive) return\n\n      counter.decrement(value)\n\n      if (!focusInputOnChange) return\n\n      requestAnimationFrame(() => {\n        inputRef.current?.focus()\n      })\n    },\n    [interactive, counter, step, focusInputOnChange],\n  )\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if ((ev.nativeEvent as InputEvent).isComposing) return\n\n      const { selectionEnd, selectionStart, value } = ev.currentTarget\n\n      update(sanitize(parse(value)))\n\n      selectionRef.current = { end: selectionEnd, start: selectionStart }\n    },\n    [parse, sanitize, update],\n  )\n\n  const onFocus = useCallback((ev: FocusEvent<HTMLInputElement>) => {\n    if (!selectionRef.current) return\n\n    const { end, start } = selectionRef.current\n    const { selectionStart, value } = ev.currentTarget\n\n    ev.currentTarget.selectionStart = start ?? value.length\n    ev.currentTarget.selectionEnd = end ?? selectionStart\n  }, [])\n\n  const onBlur = useCallback(() => {\n    if (!clampValueOnBlur) return\n\n    let nextValue = value as number | string\n\n    if (value === \"\") return\n\n    const valueStartsWithE = /^[eE]/.test(value.toString())\n\n    if (valueStartsWithE) {\n      setValue(\"\")\n    } else {\n      if (valueAsNumber < minValue) nextValue = minValue\n\n      if (valueAsNumber > maxValue) nextValue = maxValue\n\n      cast(nextValue)\n    }\n  }, [\n    cast,\n    clampValueOnBlur,\n    maxValue,\n    minValue,\n    setValue,\n    value,\n    valueAsNumber,\n  ])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (ev.nativeEvent.isComposing) return\n\n      if (!isValidNumericKeyboardEvent(ev, isValidCharacter))\n        ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n\n      runKeyAction(ev, {\n        ArrowDown: () => decrement(stepValue),\n        ArrowUp: () => increment(stepValue),\n        End: () => update(maxValue),\n        Home: () => update(minValue),\n      })\n    },\n    [decrement, increment, isValidCharacter, maxValue, minValue, step, update],\n  )\n\n  const { getDecrementProps, getIncrementProps } = useNumberCounter({\n    \"aria-disabled\": ariaAttr(!interactive),\n    decrement,\n    disabled,\n    increment,\n    keepWithinRange,\n    max,\n    min,\n    ...dataProps,\n  })\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    const notInSync = inputRef.current.value != value\n\n    if (!notInSync) return\n\n    setValue(sanitize(parse(inputRef.current.value)))\n  }, [parse, sanitize])\n\n  useEventListener(\n    inputRef.current,\n    \"wheel\",\n    (ev) => {\n      const ownerDocument = inputRef.current?.ownerDocument ?? document\n      const focused = ownerDocument.activeElement === inputRef.current\n\n      if (!allowMouseWheel || !focused) return\n\n      ev.preventDefault()\n\n      const stepValue = getStepRatio(ev) * step\n      const direction = Math.sign(ev.deltaY)\n\n      if (direction === -1) {\n        increment(stepValue)\n      } else if (direction === 1) {\n        decrement(stepValue)\n      }\n    },\n    { passive: false },\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...ariaProps,\n      ...dataProps,\n      type: \"text\",\n      \"aria-invalid\": ariaAttr(ariaProps[\"aria-invalid\"] ?? out),\n      \"aria-valuemax\": maxValue,\n      \"aria-valuemin\": minValue,\n      \"aria-valuenow\": Number.isNaN(valueAsNumber) ? undefined : valueAsNumber,\n      \"aria-valuetext\": valueText,\n      autoComplete: \"off\",\n      autoCorrect: \"off\",\n      disabled,\n      inputMode: \"decimal\",\n      max: maxValue,\n      min: minValue,\n      pattern: \"[0-9]*(.[0-9]+)?\",\n      readOnly,\n      role: \"spinbutton\",\n      step,\n      value: format(value),\n      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, inputRef),\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onChange),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus, onFocus),\n      onKeyDown: handlerAll(rest.onKeyDown, props.onKeyDown, onKeyDown),\n    }),\n    [\n      format,\n      out,\n      value,\n      valueText,\n      ariaProps,\n      dataProps,\n      eventProps,\n      maxValue,\n      minValue,\n      valueAsNumber,\n      disabled,\n      readOnly,\n      step,\n      rest,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onChange,\n    ],\n  )\n\n  return { getDecrementProps, getIncrementProps, getInputProps }\n}\n\nexport type UseNumberInputReturn = ReturnType<typeof useNumberInput>\n"],"mappings":"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"}

package/dist/cjs/components/pagination/pagination.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_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_chevron_left_icon = require('../icon/icons/chevron-left-icon.cjs');
@@ -81,7 +82,7 @@ const PaginationRoot = withProvider(({ size, variant, boundaries: boundariesProp
 				...controlProps,
 				...controlPrevProps
 			}) }));
-			children$1.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItems, { render: (page) => (0, require_utils_index.utils_exports.isNumber)(page) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, {
+			children$1.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItems, { render: (page) => require_utils_common_assertion.isNumber(page) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationItem, {
 				...itemProps,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_system_factory.styled.span, {
 					role: "presentation",
@@ -150,7 +151,7 @@ const PaginationText = withContext("span", "text")(void 0, ({ children, format =
 	const { currentPage, total } = require_components_pagination_use_pagination.usePaginationContext();
 	const { t } = require_providers_i18n_provider_i18n_provider.useI18n("pagination");
 	const computedChildren = (0, react.useMemo)(() => {
-		if (children) return (0, require_utils_index.utils_exports.runIfFn)(children, {
+		if (children) return require_utils_common_function.runIfFn(children, {
 			page: currentPage,
 			total
 		});

package/dist/cjs/components/pagination/pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.cjs","names":["paginationStyle","children: ReactNode[]","ChevronsLeftIcon","ChevronLeftIcon","styled","EllipsisIcon","ChevronRightIcon","ChevronsRightIcon","children","PaginationContext","ButtonGroup","PaginationItems: FC<PaginationItemsProps>","component","IconButton"],"sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactNode } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLStyledProps,\n  StyleValue,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { ButtonGroupProps, IconButtonProps } from \"../button\"\nimport type { PaginationStyle } from \"./pagination.style\"\nimport type { Page, UsePaginationProps } from \"./use-pagination\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { isNumber, runIfFn } from \"../../utils\"\nimport { ButtonGroup, IconButton } from \"../button\"\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronsLeftIcon,\n  ChevronsRightIcon,\n  EllipsisIcon,\n} from \"../icon\"\nimport { paginationStyle } from \"./pagination.style\"\nimport {\n  PaginationContext,\n  usePagination,\n  usePaginationContext,\n} from \"./use-pagination\"\n\nexport interface PaginationRootProps\n  extends WithoutThemeProps<\n      Omit<ButtonGroupProps, \"onChange\" | \"page\">,\n      PaginationStyle\n    >,\n    ThemeProps<PaginationStyle>,\n    Omit<UsePaginationProps, \"boundaries\" | \"siblings\"> {\n  /**\n   * Number of elements visible on the left/right edges.\n   *\n   * @default 1\n   */\n  boundaries?: StyleValue<number>\n  /** Number of siblings displayed on the left/right side of selected page.\n   *\n   * @default 1\n   */\n  siblings?: StyleValue<number>\n  /**\n   * If `true`, display the control buttons.\n   *\n   * @default true\n   */\n  withControls?: StyleValue<boolean>\n  /**\n   * If `true`, display the edge buttons.\n   *\n   * @default false\n   */\n  withEdges?: StyleValue<boolean>\n  /**\n   * Props for next of the control button element.\n   */\n  controlNextProps?: PaginationItemProps\n  /**\n   * Props for previous of the control button element.\n   */\n  controlPrevProps?: PaginationItemProps\n  /**\n   * Props for control button element.\n   */\n  controlProps?: PaginationItemProps\n  /**\n   * Props for end of the edge button element.\n   */\n  edgeEndProps?: PaginationItemProps\n  /**\n   * Props for edge button element.\n   */\n  edgeProps?: PaginationItemProps\n  /**\n   * Props for start of the edge button element.\n   */\n  edgeStartProps?: PaginationItemProps\n  /**\n   * Props for ellipsis of the element.\n   */\n  ellipsisProps?: PaginationItemProps\n  /**\n   * Props for item of the button element.\n   */\n  itemProps?: PaginationItemProps\n}\n\nexport const {\n  component,\n  PropsContext: PaginationPropsContext,\n  usePropsContext: usePaginationPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<PaginationRootProps, PaginationStyle>(\n  \"pagination\",\n  paginationStyle,\n)\n\n/**\n * `Pagination` is a component for managing the pagination and navigation of content.\n *\n * @see https://yamada-ui.com/components/pagination\n */\nexport const PaginationRoot = withProvider(\n  ({\n    size,\n    variant,\n    boundaries: boundariesProp,\n    children,\n    siblings: siblingsProp,\n    withControls: withControlsProp = true,\n    withEdges: withEdgesProp = false,\n    controlNextProps,\n    controlPrevProps,\n    controlProps,\n    edgeEndProps,\n    edgeProps,\n    edgeStartProps,\n    ellipsisProps,\n    itemProps,\n    ...rest\n  }) => {\n    const boundaries = useValue(boundariesProp)\n    const siblings = useValue(siblingsProp)\n    const withControls = useValue(withControlsProp)\n    const withEdges = useValue(withEdgesProp)\n    const {\n      currentPage,\n      disabled,\n      range,\n      total,\n      getEndTriggerProps,\n      getItemProps,\n      getNextTriggerProps,\n      getPrevTriggerProps,\n      getRootProps,\n      getStartTriggerProps,\n      onChange,\n      onChangeEnd,\n      onChangeNext,\n      onChangePrev,\n      onChangeStart,\n    } = usePagination({ ...rest, boundaries, siblings })\n    const context = useMemo(\n      () => ({\n        currentPage,\n        disabled,\n        range,\n        total,\n        getEndTriggerProps,\n        getItemProps,\n        getNextTriggerProps,\n        getPrevTriggerProps,\n        getStartTriggerProps,\n        onChange,\n        onChangeEnd,\n        onChangeNext,\n        onChangePrev,\n        onChangeStart,\n      }),\n      [\n        currentPage,\n        disabled,\n        range,\n        total,\n        getEndTriggerProps,\n        getItemProps,\n        getNextTriggerProps,\n        getPrevTriggerProps,\n        getStartTriggerProps,\n        onChange,\n        onChangeEnd,\n        onChangeNext,\n        onChangePrev,\n        onChangeStart,\n      ],\n    )\n    const computedChildren = useMemo(() => {\n      if (children) {\n        return children\n      } else {\n        const children: ReactNode[] = []\n\n        if (withEdges)\n          children.push(\n            <PaginationStartTrigger>\n              <PaginationItem\n                icon={<ChevronsLeftIcon />}\n                {...edgeProps}\n                {...edgeStartProps}\n              />\n            </PaginationStartTrigger>,\n          )\n        if (withControls)\n          children.push(\n            <PaginationPrevTrigger>\n              <PaginationItem\n                icon={<ChevronLeftIcon />}\n                {...controlProps}\n                {...controlPrevProps}\n              />\n            </PaginationPrevTrigger>,\n          )\n\n        children.push(\n          <PaginationItems\n            render={(page) =>\n              isNumber(page) ? (\n                <PaginationItem {...itemProps}>\n                  <styled.span role=\"presentation\">{page}</styled.span>\n                </PaginationItem>\n              ) : (\n                <PaginationItem\n                  as=\"span\"\n                  icon={<EllipsisIcon />}\n                  {...ellipsisProps}\n                />\n              )\n            }\n          />,\n        )\n\n        if (withControls)\n          children.push(\n            <PaginationNextTrigger>\n              <PaginationItem\n                icon={<ChevronRightIcon />}\n                {...controlProps}\n                {...controlNextProps}\n              />\n            </PaginationNextTrigger>,\n          )\n        if (withEdges)\n          children.push(\n            <PaginationEndTrigger>\n              <PaginationItem\n                icon={<ChevronsRightIcon />}\n                {...edgeProps}\n                {...edgeEndProps}\n              />\n            </PaginationEndTrigger>,\n          )\n\n        return children\n      }\n    }, [\n      children,\n      withEdges,\n      withControls,\n      itemProps,\n      ellipsisProps,\n      edgeProps,\n      edgeStartProps,\n      edgeEndProps,\n      controlProps,\n      controlPrevProps,\n      controlNextProps,\n    ])\n\n    return (\n      <PaginationContext value={context}>\n        <ButtonGroup as=\"nav\" size={size} variant={variant} {...getRootProps()}>\n          {computedChildren}\n        </ButtonGroup>\n      </PaginationContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"variant\", \"size\"] },\n)()\n\nexport interface PaginationItemsProps {\n  /**\n   * The function used to generate children.\n   * it will be called with page number or `\"ellipsis\"`.\n   */\n  children?: (page: Page) => ReactNode\n  /**\n   * The function used to generate children.\n   * it will be called with page number or `\"ellipsis\"`.\n   */\n  render?: (page: Page) => ReactNode\n}\n\nexport const PaginationItems: FC<PaginationItemsProps> = ({\n  children,\n  render,\n}) => {\n  const { range, getItemProps } = usePaginationContext()\n\n  return useMemo(\n    () =>\n      range.map((page, index) => {\n        const component = children?.(page) ?? render?.(page)\n\n        if (isValidElement<HTMLProps<\"button\">>(component)) {\n          return cloneElement(component, {\n            ...getItemProps({ key: index, page, ...component.props }),\n          })\n        } else {\n          return component\n        }\n      }),\n    [children, getItemProps, range, render],\n  )\n}\n\nexport interface PaginationItemProps extends IconButtonProps {}\n\nexport const PaginationItem = withContext<\"button\", PaginationItemProps>(\n  IconButton,\n  \"item\",\n)()\n\nexport interface PaginationTextProps\n  extends Omit<HTMLStyledProps<\"span\">, \"children\"> {\n  /**\n   * The children of the text.\n   * if function, it will be called with `{ page: number; total: number }`.\n   */\n  children?: ReactNodeOrFunction<{ page: number; total: number }>\n  /**\n   * The format of the text.\n   *\n   * @default 'compact'\n   */\n  format?: \"compact\" | \"short\"\n}\n\nexport const PaginationText = withContext<\"span\", PaginationTextProps>(\n  \"span\",\n  \"text\",\n)(undefined, ({ children, format = \"compact\", ...rest }) => {\n  const { currentPage, total } = usePaginationContext()\n  const { t } = useI18n(\"pagination\")\n  const computedChildren = useMemo(() => {\n    if (children) {\n      return runIfFn(children, { page: currentPage, total })\n    } else if (format === \"short\") {\n      return t(\"text.short\", {\n        total,\n        value: currentPage,\n      })\n    } else {\n      return t(\"text.compact\", {\n        total,\n        value: currentPage,\n      })\n    }\n  }, [children, currentPage, format, total, t])\n\n  return {\n    ...rest,\n    children: computedChildren,\n  }\n})\n\nexport interface PaginationStartTriggerProps\n  extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationStartTrigger = withContext<\n  \"button\",\n  PaginationStartTriggerProps\n>(\"button\", { name: \"startTrigger\", slot: [\"trigger\", \"start\"] })(\n  undefined,\n  (props) => {\n    const { getStartTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getStartTriggerProps(props) }\n  },\n)\n\nexport interface PaginationEndTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationEndTrigger = withContext<\n  \"button\",\n  PaginationEndTriggerProps\n>(\"button\", { name: \"endTrigger\", slot: [\"trigger\", \"end\"] })(\n  undefined,\n  (props) => {\n    const { getEndTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getEndTriggerProps(props) }\n  },\n)\n\nexport interface PaginationPrevTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationPrevTrigger = withContext<\n  \"button\",\n  PaginationPrevTriggerProps\n>(\"button\", { name: \"prevTrigger\", slot: [\"trigger\", \"prev\"] })(\n  undefined,\n  (props) => {\n    const { getPrevTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getPrevTriggerProps(props) }\n  },\n)\n\nexport interface PaginationNextTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationNextTrigger = withContext<\n  \"button\",\n  PaginationNextTriggerProps\n>(\"button\", { name: \"nextTrigger\", slot: [\"trigger\", \"next\"] })(\n  undefined,\n  (props) => {\n    const { getNextTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getNextTriggerProps(props) }\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"pagination.cjs","names":["paginationStyle","children: ReactNode[]","ChevronsLeftIcon","ChevronLeftIcon","styled","EllipsisIcon","ChevronRightIcon","ChevronsRightIcon","children","PaginationContext","ButtonGroup","PaginationItems: FC<PaginationItemsProps>","component","IconButton"],"sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactNode } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLStyledProps,\n  StyleValue,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { ButtonGroupProps, IconButtonProps } from \"../button\"\nimport type { PaginationStyle } from \"./pagination.style\"\nimport type { Page, UsePaginationProps } from \"./use-pagination\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { isNumber, runIfFn } from \"../../utils\"\nimport { ButtonGroup, IconButton } from \"../button\"\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronsLeftIcon,\n  ChevronsRightIcon,\n  EllipsisIcon,\n} from \"../icon\"\nimport { paginationStyle } from \"./pagination.style\"\nimport {\n  PaginationContext,\n  usePagination,\n  usePaginationContext,\n} from \"./use-pagination\"\n\nexport interface PaginationRootProps\n  extends WithoutThemeProps<\n      Omit<ButtonGroupProps, \"onChange\" | \"page\">,\n      PaginationStyle\n    >,\n    ThemeProps<PaginationStyle>,\n    Omit<UsePaginationProps, \"boundaries\" | \"siblings\"> {\n  /**\n   * Number of elements visible on the left/right edges.\n   *\n   * @default 1\n   */\n  boundaries?: StyleValue<number>\n  /** Number of siblings displayed on the left/right side of selected page.\n   *\n   * @default 1\n   */\n  siblings?: StyleValue<number>\n  /**\n   * If `true`, display the control buttons.\n   *\n   * @default true\n   */\n  withControls?: StyleValue<boolean>\n  /**\n   * If `true`, display the edge buttons.\n   *\n   * @default false\n   */\n  withEdges?: StyleValue<boolean>\n  /**\n   * Props for next of the control button element.\n   */\n  controlNextProps?: PaginationItemProps\n  /**\n   * Props for previous of the control button element.\n   */\n  controlPrevProps?: PaginationItemProps\n  /**\n   * Props for control button element.\n   */\n  controlProps?: PaginationItemProps\n  /**\n   * Props for end of the edge button element.\n   */\n  edgeEndProps?: PaginationItemProps\n  /**\n   * Props for edge button element.\n   */\n  edgeProps?: PaginationItemProps\n  /**\n   * Props for start of the edge button element.\n   */\n  edgeStartProps?: PaginationItemProps\n  /**\n   * Props for ellipsis of the element.\n   */\n  ellipsisProps?: PaginationItemProps\n  /**\n   * Props for item of the button element.\n   */\n  itemProps?: PaginationItemProps\n}\n\nexport const {\n  component,\n  PropsContext: PaginationPropsContext,\n  usePropsContext: usePaginationPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<PaginationRootProps, PaginationStyle>(\n  \"pagination\",\n  paginationStyle,\n)\n\n/**\n * `Pagination` is a component for managing the pagination and navigation of content.\n *\n * @see https://yamada-ui.com/components/pagination\n */\nexport const PaginationRoot = withProvider(\n  ({\n    size,\n    variant,\n    boundaries: boundariesProp,\n    children,\n    siblings: siblingsProp,\n    withControls: withControlsProp = true,\n    withEdges: withEdgesProp = false,\n    controlNextProps,\n    controlPrevProps,\n    controlProps,\n    edgeEndProps,\n    edgeProps,\n    edgeStartProps,\n    ellipsisProps,\n    itemProps,\n    ...rest\n  }) => {\n    const boundaries = useValue(boundariesProp)\n    const siblings = useValue(siblingsProp)\n    const withControls = useValue(withControlsProp)\n    const withEdges = useValue(withEdgesProp)\n    const {\n      currentPage,\n      disabled,\n      range,\n      total,\n      getEndTriggerProps,\n      getItemProps,\n      getNextTriggerProps,\n      getPrevTriggerProps,\n      getRootProps,\n      getStartTriggerProps,\n      onChange,\n      onChangeEnd,\n      onChangeNext,\n      onChangePrev,\n      onChangeStart,\n    } = usePagination({ ...rest, boundaries, siblings })\n    const context = useMemo(\n      () => ({\n        currentPage,\n        disabled,\n        range,\n        total,\n        getEndTriggerProps,\n        getItemProps,\n        getNextTriggerProps,\n        getPrevTriggerProps,\n        getStartTriggerProps,\n        onChange,\n        onChangeEnd,\n        onChangeNext,\n        onChangePrev,\n        onChangeStart,\n      }),\n      [\n        currentPage,\n        disabled,\n        range,\n        total,\n        getEndTriggerProps,\n        getItemProps,\n        getNextTriggerProps,\n        getPrevTriggerProps,\n        getStartTriggerProps,\n        onChange,\n        onChangeEnd,\n        onChangeNext,\n        onChangePrev,\n        onChangeStart,\n      ],\n    )\n    const computedChildren = useMemo(() => {\n      if (children) {\n        return children\n      } else {\n        const children: ReactNode[] = []\n\n        if (withEdges)\n          children.push(\n            <PaginationStartTrigger>\n              <PaginationItem\n                icon={<ChevronsLeftIcon />}\n                {...edgeProps}\n                {...edgeStartProps}\n              />\n            </PaginationStartTrigger>,\n          )\n        if (withControls)\n          children.push(\n            <PaginationPrevTrigger>\n              <PaginationItem\n                icon={<ChevronLeftIcon />}\n                {...controlProps}\n                {...controlPrevProps}\n              />\n            </PaginationPrevTrigger>,\n          )\n\n        children.push(\n          <PaginationItems\n            render={(page) =>\n              isNumber(page) ? (\n                <PaginationItem {...itemProps}>\n                  <styled.span role=\"presentation\">{page}</styled.span>\n                </PaginationItem>\n              ) : (\n                <PaginationItem\n                  as=\"span\"\n                  icon={<EllipsisIcon />}\n                  {...ellipsisProps}\n                />\n              )\n            }\n          />,\n        )\n\n        if (withControls)\n          children.push(\n            <PaginationNextTrigger>\n              <PaginationItem\n                icon={<ChevronRightIcon />}\n                {...controlProps}\n                {...controlNextProps}\n              />\n            </PaginationNextTrigger>,\n          )\n        if (withEdges)\n          children.push(\n            <PaginationEndTrigger>\n              <PaginationItem\n                icon={<ChevronsRightIcon />}\n                {...edgeProps}\n                {...edgeEndProps}\n              />\n            </PaginationEndTrigger>,\n          )\n\n        return children\n      }\n    }, [\n      children,\n      withEdges,\n      withControls,\n      itemProps,\n      ellipsisProps,\n      edgeProps,\n      edgeStartProps,\n      edgeEndProps,\n      controlProps,\n      controlPrevProps,\n      controlNextProps,\n    ])\n\n    return (\n      <PaginationContext value={context}>\n        <ButtonGroup as=\"nav\" size={size} variant={variant} {...getRootProps()}>\n          {computedChildren}\n        </ButtonGroup>\n      </PaginationContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"variant\", \"size\"] },\n)()\n\nexport interface PaginationItemsProps {\n  /**\n   * The function used to generate children.\n   * it will be called with page number or `\"ellipsis\"`.\n   */\n  children?: (page: Page) => ReactNode\n  /**\n   * The function used to generate children.\n   * it will be called with page number or `\"ellipsis\"`.\n   */\n  render?: (page: Page) => ReactNode\n}\n\nexport const PaginationItems: FC<PaginationItemsProps> = ({\n  children,\n  render,\n}) => {\n  const { range, getItemProps } = usePaginationContext()\n\n  return useMemo(\n    () =>\n      range.map((page, index) => {\n        const component = children?.(page) ?? render?.(page)\n\n        if (isValidElement<HTMLProps<\"button\">>(component)) {\n          return cloneElement(component, {\n            ...getItemProps({ key: index, page, ...component.props }),\n          })\n        } else {\n          return component\n        }\n      }),\n    [children, getItemProps, range, render],\n  )\n}\n\nexport interface PaginationItemProps extends IconButtonProps {}\n\nexport const PaginationItem = withContext<\"button\", PaginationItemProps>(\n  IconButton,\n  \"item\",\n)()\n\nexport interface PaginationTextProps\n  extends Omit<HTMLStyledProps<\"span\">, \"children\"> {\n  /**\n   * The children of the text.\n   * if function, it will be called with `{ page: number; total: number }`.\n   */\n  children?: ReactNodeOrFunction<{ page: number; total: number }>\n  /**\n   * The format of the text.\n   *\n   * @default 'compact'\n   */\n  format?: \"compact\" | \"short\"\n}\n\nexport const PaginationText = withContext<\"span\", PaginationTextProps>(\n  \"span\",\n  \"text\",\n)(undefined, ({ children, format = \"compact\", ...rest }) => {\n  const { currentPage, total } = usePaginationContext()\n  const { t } = useI18n(\"pagination\")\n  const computedChildren = useMemo(() => {\n    if (children) {\n      return runIfFn(children, { page: currentPage, total })\n    } else if (format === \"short\") {\n      return t(\"text.short\", {\n        total,\n        value: currentPage,\n      })\n    } else {\n      return t(\"text.compact\", {\n        total,\n        value: currentPage,\n      })\n    }\n  }, [children, currentPage, format, total, t])\n\n  return {\n    ...rest,\n    children: computedChildren,\n  }\n})\n\nexport interface PaginationStartTriggerProps\n  extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationStartTrigger = withContext<\n  \"button\",\n  PaginationStartTriggerProps\n>(\"button\", { name: \"startTrigger\", slot: [\"trigger\", \"start\"] })(\n  undefined,\n  (props) => {\n    const { getStartTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getStartTriggerProps(props) }\n  },\n)\n\nexport interface PaginationEndTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationEndTrigger = withContext<\n  \"button\",\n  PaginationEndTriggerProps\n>(\"button\", { name: \"endTrigger\", slot: [\"trigger\", \"end\"] })(\n  undefined,\n  (props) => {\n    const { getEndTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getEndTriggerProps(props) }\n  },\n)\n\nexport interface PaginationPrevTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationPrevTrigger = withContext<\n  \"button\",\n  PaginationPrevTriggerProps\n>(\"button\", { name: \"prevTrigger\", slot: [\"trigger\", \"prev\"] })(\n  undefined,\n  (props) => {\n    const { getPrevTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getPrevTriggerProps(props) }\n  },\n)\n\nexport interface PaginationNextTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PaginationNextTrigger = withContext<\n  \"button\",\n  PaginationNextTriggerProps\n>(\"button\", { name: \"nextTrigger\", slot: [\"trigger\", \"next\"] })(\n  undefined,\n  (props) => {\n    const { getNextTriggerProps } = usePaginationContext()\n\n    return { asChild: true, ...getNextTriggerProps(props) }\n  },\n)\n"],"mappings":"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"}