@yamada-ui/react 2.2.2-dev-20260525091318 → 2.2.2-dev-20260525152928

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

@@ -1 +1 @@
-{"version":3,"file":"modal.cjs","names":["createSlotComponent","modalStyle","useSplitChildren","useModal","AnimatePresence","Portal","FocusLock","RemoveScroll","styled","CloseButton","useValue","motion","fadeVariants","usePopupAnimationProps","wrapOrPassProps","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 \"../close-button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, HTMLMotionPropsWithoutAs } from \"../motion\"\nimport type { UsePopupAnimationProps } 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 { useValue } from \"../../hooks/use-value\"\nimport { cast, isArray, useSplitChildren, wrapOrPassProps } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../close-button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { usePopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { modalStyle } from \"./modal.style\"\nimport { useModal } from \"./use-modal\"\n\ninterface ComponentContext\n  extends\n    Omit<UseModalReturn, \"getRootProps\">,\n    UsePopupAnimationProps,\n    Pick<ModalRootProps, \"withCloseButton\"> {}\n\nexport interface ModalRootProps\n  extends\n    ThemeProps<ModalStyle>,\n    Omit<UseModalProps, \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    UsePopupAnimationProps,\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\nconst {\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\nexport { ModalPropsContext, useModalPropsContext }\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/docs/components/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 [omittedChildren, openTrigger, customOverlay] = useSplitChildren(\n      children,\n      ModalOpenTrigger,\n      ModalOverlay,\n    )\n    const hasChildren = isArray(omittedChildren) && !!omittedChildren.length\n    const { open, getRootProps, ...rest } = useModal(props)\n    const customOpenTrigger = trigger ? (\n      <ModalOpenTrigger>{trigger}</ModalOpenTrigger>\n    ) : null\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                      omittedChildren\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 {\n    animationScheme,\n    duration: durationProp,\n    getOverlayProps,\n  } = useComponentContext()\n  const duration = useValue(durationProp)\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\">, PropsWithChildren {}\n\nexport const ModalContent = withContext<\"section\", ModalContentProps>(\n  ({ children, ...rest }) => {\n    const { animationScheme, duration, withCloseButton, getContentProps } =\n      useComponentContext()\n    const [omittedChildren, customCloseButton] = useSplitChildren(\n      children,\n      ModalCloseButton,\n    )\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <motion.section\n        {...popupAnimationProps}\n        {...cast<HTMLMotionPropsWithoutAs<\"section\">>(\n          getContentProps(cast<HTMLProps<\"section\">>(rest)),\n        )}\n      >\n        {customCloseButton ?? (withCloseButton ? <ModalCloseButton /> : null)}\n\n        {omittedChildren}\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    colorScheme: \"mono\",\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":["createSlotComponent","modalStyle","useSplitChildren","useModal","AnimatePresence","Portal","FocusLock","RemoveScroll","styled","CloseButton","useValue","motion","fadeVariants","usePopupAnimationProps","wrapOrPassProps","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 \"../close-button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, HTMLMotionPropsWithoutAs } from \"../motion\"\nimport type { UsePopupAnimationProps } 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 { useValue } from \"../../hooks/use-value\"\nimport { cast, isArray, useSplitChildren, wrapOrPassProps } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../close-button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { usePopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { modalStyle } from \"./modal.style\"\nimport { useModal } from \"./use-modal\"\n\ninterface ComponentContext\n  extends\n    Omit<UseModalReturn, \"getRootProps\">,\n    UsePopupAnimationProps,\n    Pick<ModalRootProps, \"withCloseButton\"> {}\n\nexport interface ModalRootProps\n  extends\n    ThemeProps<ModalStyle>,\n    Omit<UseModalProps, \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    UsePopupAnimationProps,\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\nconst {\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\nexport { ModalPropsContext, useModalPropsContext }\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/docs/components/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 [omittedChildren, openTrigger, customOverlay] = useSplitChildren(\n      children,\n      ModalOpenTrigger,\n      ModalOverlay,\n    )\n    const hasChildren = isArray(omittedChildren) && !!omittedChildren.length\n    const { open, getRootProps, ...rest } = useModal(props)\n    const customOpenTrigger = trigger ? (\n      <ModalOpenTrigger>{trigger}</ModalOpenTrigger>\n    ) : null\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                      omittedChildren\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 {\n    animationScheme,\n    duration: durationProp,\n    getOverlayProps,\n  } = useComponentContext()\n  const duration = useValue(durationProp)\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\">, PropsWithChildren {}\n\nexport const ModalContent = withContext<\"section\", ModalContentProps>(\n  ({ children, ...rest }) => {\n    const { animationScheme, duration, withCloseButton, getContentProps } =\n      useComponentContext()\n    const [omittedChildren, customCloseButton] = useSplitChildren(\n      children,\n      ModalCloseButton,\n    )\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <motion.section\n        {...popupAnimationProps}\n        {...cast<HTMLMotionPropsWithoutAs<\"section\">>(\n          getContentProps(cast<HTMLProps<\"section\">>(rest)),\n        )}\n      >\n        {customCloseButton ?? (withCloseButton ? <ModalCloseButton /> : null)}\n\n        {omittedChildren}\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    colorScheme: \"mono\",\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/modal.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"modal.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/modal/modal.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const modalStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{gap}\",\n      my: \"{space}\",\n      px: \"{space}\",\n    },\n    closeButton: {\n      colorScheme: \"mono\",\n      position: \"absolute\",\n      right: \"{gap}\",\n      top: \"{gap}\",\n    },\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.subtle\",\n      borderWidth: \"1px\",\n      boxShadow: \"lg\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      maxH: \"full\",\n      position: \"relative\",\n      rounded: \"l4\",\n      w: \"full\",\n      zIndex: \"burter\",\n    },\n    footer: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-end\",\n      pb: \"{space}\",\n      px: \"{space}\",\n    },\n    header: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n      pt: \"{space}\",\n      px: \"{space}\",\n    },\n    overlay: {\n      bg: \"bg.overlay\",\n      h: \"dvh\",\n      inset: \"0\",\n      position: \"fixed\",\n      w: \"vw\",\n      zIndex: \"jeice\",\n    },\n    root: {\n      \"--gap\": \"spaces.md\",\n      \"--gutter\": \"spaces.md\",\n      \"--space\": \"spaces.lg\",\n      alignItems: \"center\",\n      display: \"flex\",\n      h: \"dvh\",\n      inset: \"0\",\n      justifyContent: \"center\",\n      p: \"{gutter}\",\n      position: \"fixed\",\n      w: \"vw\",\n      zIndex: \"guldo\",\n    },\n    title: {\n      fontSize: \"lg\",\n      fontWeight: \"semibold\",\n    },\n  },\n\n  props: {\n    /**\n     * The placement of the modal.\n     *\n     * @default 'center'\n     */\n    placement: {\n      center: {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"center\",\n        },\n      },\n      \"center-center\": {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"center\",\n        },\n      },\n      \"center-end\": {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"flex-end\",\n        },\n      },\n      \"center-start\": {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"flex-start\",\n        },\n      },\n      \"end-center\": {\n        root: {\n          alignItems: \"flex-end\",\n          justifyContent: \"center\",\n        },\n      },\n      \"end-end\": {\n        root: {\n          alignItems: \"flex-end\",\n          justifyContent: \"flex-end\",\n        },\n      },\n      \"end-start\": {\n        root: {\n          alignItems: \"flex-end\",\n          justifyContent: \"flex-start\",\n        },\n      },\n      \"start-center\": {\n        root: {\n          alignItems: \"flex-start\",\n          justifyContent: \"center\",\n        },\n      },\n      \"start-end\": {\n        root: {\n          alignItems: \"flex-start\",\n          justifyContent: \"flex-end\",\n        },\n      },\n      \"start-start\": {\n        root: {\n          alignItems: \"flex-start\",\n          justifyContent: \"flex-start\",\n        },\n      },\n    },\n    /**\n     * Where scroll behavior should originate.\n     *\n     * - `inside`: scroll only occurs within the `ModalBody`.\n     * - `outside`: the entire `ModalContent` will scroll within the viewport.\n     *\n     * @default 'inside'\n     */\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflow: \"auto\",\n        },\n      },\n      outside: {\n        content: {\n          overflow: \"auto\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: { content: { maxW: \"xs\" } },\n    sm: { content: { maxW: \"sm\" } },\n    md: { content: { maxW: \"md\" } },\n    lg: { content: { maxW: \"lg\" } },\n    xl: { content: { maxW: \"xl\" } },\n    \"2xl\": { content: { maxW: \"2xl\" } },\n    \"3xl\": { content: { maxW: \"3xl\" } },\n    \"4xl\": { content: { maxW: \"4xl\" } },\n    \"5xl\": { content: { maxW: \"5xl\" } },\n    \"6xl\": { content: { maxW: \"6xl\" } },\n    cover: { content: { boxSize: \"full\" } },\n    full: {\n      content: { minH: \"dvh\", minW: \"vw\", rounded: \"0\" },\n      root: { p: \"0\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    placement: \"center\",\n    scrollBehavior: \"inside\",\n  },\n})\n\nexport type ModalStyle = typeof modalStyle\n"],"mappings":"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"}
+{"version":3,"file":"modal.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/modal/modal.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const modalStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{gap}\",\n      my: \"{space}\",\n      px: \"{space}\",\n    },\n    closeButton: {\n      colorScheme: \"mono\",\n      position: \"absolute\",\n      right: \"{gap}\",\n      top: \"{gap}\",\n    },\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.subtle\",\n      borderWidth: \"1px\",\n      boxShadow: \"lg\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      maxH: \"full\",\n      position: \"relative\",\n      rounded: \"l4\",\n      w: \"full\",\n      zIndex: \"burter\",\n    },\n    footer: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-end\",\n      pb: \"{space}\",\n      px: \"{space}\",\n    },\n    header: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n      pt: \"{space}\",\n      px: \"{space}\",\n    },\n    overlay: {\n      bg: \"bg.overlay\",\n      h: \"dvh\",\n      inset: \"0\",\n      position: \"fixed\",\n      w: \"vw\",\n      zIndex: \"jeice\",\n    },\n    root: {\n      \"--gap\": \"spaces.md\",\n      \"--gutter\": \"spaces.md\",\n      \"--space\": \"spaces.lg\",\n      alignItems: \"center\",\n      display: \"flex\",\n      h: \"dvh\",\n      inset: \"0\",\n      justifyContent: \"center\",\n      p: \"{gutter}\",\n      position: \"fixed\",\n      w: \"vw\",\n      zIndex: \"guldo\",\n    },\n    title: {\n      fontSize: \"lg\",\n      fontWeight: \"semibold\",\n    },\n  },\n\n  props: {\n    /**\n     * The placement of the modal.\n     *\n     * @default 'center'\n     */\n    placement: {\n      center: {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"center\",\n        },\n      },\n      \"center-center\": {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"center\",\n        },\n      },\n      \"center-end\": {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"flex-end\",\n        },\n      },\n      \"center-start\": {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"flex-start\",\n        },\n      },\n      \"end-center\": {\n        root: {\n          alignItems: \"flex-end\",\n          justifyContent: \"center\",\n        },\n      },\n      \"end-end\": {\n        root: {\n          alignItems: \"flex-end\",\n          justifyContent: \"flex-end\",\n        },\n      },\n      \"end-start\": {\n        root: {\n          alignItems: \"flex-end\",\n          justifyContent: \"flex-start\",\n        },\n      },\n      \"start-center\": {\n        root: {\n          alignItems: \"flex-start\",\n          justifyContent: \"center\",\n        },\n      },\n      \"start-end\": {\n        root: {\n          alignItems: \"flex-start\",\n          justifyContent: \"flex-end\",\n        },\n      },\n      \"start-start\": {\n        root: {\n          alignItems: \"flex-start\",\n          justifyContent: \"flex-start\",\n        },\n      },\n    },\n    /**\n     * Where scroll behavior should originate.\n     *\n     * - `inside`: scroll only occurs within the `ModalBody`.\n     * - `outside`: the entire `ModalContent` will scroll within the viewport.\n     *\n     * @default 'inside'\n     */\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflow: \"auto\",\n        },\n      },\n      outside: {\n        content: {\n          overflow: \"auto\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: { content: { maxW: \"xs\" } },\n    sm: { content: { maxW: \"sm\" } },\n    md: { content: { maxW: \"md\" } },\n    lg: { content: { maxW: \"lg\" } },\n    xl: { content: { maxW: \"xl\" } },\n    \"2xl\": { content: { maxW: \"2xl\" } },\n    \"3xl\": { content: { maxW: \"3xl\" } },\n    \"4xl\": { content: { maxW: \"4xl\" } },\n    \"5xl\": { content: { maxW: \"5xl\" } },\n    \"6xl\": { content: { maxW: \"6xl\" } },\n    cover: { content: { boxSize: \"full\" } },\n    full: {\n      content: { minH: \"dvh\", minW: \"vw\", rounded: \"0\" },\n      root: { p: \"0\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    placement: \"center\",\n    scrollBehavior: \"inside\",\n  },\n})\n\nexport type ModalStyle = typeof modalStyle\n"],"mappings":"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"}

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

@@ -1,4 +1,3 @@
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_dom = require("../../utils/dom.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_props = require("../../core/components/props.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"use-modal.cjs","names":["useDisclosure","useIds","useI18n","mergeProps"],"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 } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { cx, handlerAll, useIds } from \"../../utils\"\n\nexport interface UseModalProps\n  extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\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  defaultOpen,\n  open: openProp,\n  onClose: onCloseProp,\n  onEsc,\n  onOpen: onOpenProp,\n  ...rest\n}: UseModalProps = {}) => {\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const [contentId, titleId, bodyId] = useIds()\n  const { t } = useI18n(\"modal\")\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      if (closeOnEsc) {\n        ev.stopPropagation()\n        onClose()\n      }\n\n      onEsc?.()\n    },\n    [closeOnEsc, onClose, onEsc],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props ?? {})(),\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  }\n}\n\nexport type UseModalReturn = ReturnType<typeof useModal>\n"],"mappings":";;;;;;;;AA6BA,MAAa,YAAY,EACvB,aAAa,MACb,iBAAiB,MACjB,aACA,MAAM,UACN,SAAS,aACT,OACA,QAAQ,YACR,GAAG,SACc,EAAE,KAAK;CACxB,MAAM,EAAE,MAAM,SAAS,WAAWA,uBAAAA,cAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;EACT,CAAC;CACF,MAAM,CAAC,WAAW,SAAS,UAAUC,YAAAA,QAAQ;CAC7C,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,QAAQ;CAE9B,MAAM,aAAA,GAAA,MAAA,cACH,OAAsB;EACrB,IAAI,GAAG,QAAQ,UAAU;EAEzB,IAAI,YAAY;GACd,GAAG,iBAAiB;GACpB,SAAS;;EAGX,SAAS;IAEX;EAAC;EAAY;EAAS;EAAM,CAC7B;CAED,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUC,cAAAA,WAAW,MAAM,SAAS,EAAE,CAAC,EAAE,EAC1C,CAAC,KAAK,CACP;CAED,MAAM,mBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,MAAM;EACf,eAAe;EACf,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,UAAU,OAAO;GACzC,GAAG,iBAAiB;GAEpB,IAAI,gBAAgB,SAAS;IAC7B;EACH,GACD,CAAC,gBAAgB,QAAQ,CAC1B;CAED,MAAM,uBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,MAAM;EACf,iBAAiB,OAAO,YAAY,KAAA;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,OAAO;EAC3C,GACD;EAAC;EAAW;EAAQ;EAAM;EAAE,CAC7B;CAED,MAAM,wBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,MAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,QAAQ;EAC5C,GACD,CAAC,SAAS,EAAE,CACb;CAED,MAAM,uBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,MAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,QAAQ;EAC5C,GACD,CAAC,SAAS,EAAE,CACb;CAED,MAAM,mBAAA,GAAA,MAAA,cACH,EACC,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,MAAM;EACV,IAAI;EACJ,qBAAA,GAAA,oBAAA,cAAA,IAAuB,iBAAiB,OAAO;EAC/C,oBAAA,GAAA,oBAAA,cAAA,IAAsB,gBAAgB,QAAQ;EAC9C,cAAc;EACd,MAAM;EACN,GAAG;EACH,YAAA,GAAA,oBAAA,cAAA,YAAsB,MAAM,WAAW,UAAU;EAClD,GACD;EAAC;EAAQ;EAAW;EAAW;EAAQ,CACxC;CAED,MAAM,kBAAA,GAAA,MAAA,cACH,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;CAED,MAAM,iBAAA,GAAA,MAAA,cACH,WAAW;EACV,IAAI;EACJ,GAAG;EACJ,GACD,CAAC,QAAQ,CACV;CAiBD,OAAO;EACL;EACA,eAAA,GAAA,MAAA,cAhBC,WAAW;GACV,IAAI;GACJ,GAAG;GACJ,GACD,CAAC,OAAO,CAYI;EACZ;EACA;EACA;EACA,iBAAA,GAAA,MAAA,cAZC,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CASY;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"use-modal.cjs","names":["useDisclosure","useIds","useI18n","mergeProps"],"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 } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { cx, handlerAll, useIds } from \"../../utils\"\n\nexport interface UseModalProps\n  extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\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  defaultOpen,\n  open: openProp,\n  onClose: onCloseProp,\n  onEsc,\n  onOpen: onOpenProp,\n  ...rest\n}: UseModalProps = {}) => {\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const [contentId, titleId, bodyId] = useIds()\n  const { t } = useI18n(\"modal\")\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      if (closeOnEsc) {\n        ev.stopPropagation()\n        onClose()\n      }\n\n      onEsc?.()\n    },\n    [closeOnEsc, onClose, onEsc],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props ?? {})(),\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  }\n}\n\nexport type UseModalReturn = ReturnType<typeof useModal>\n"],"mappings":";;;;;;;AA6BA,MAAa,YAAY,EACvB,aAAa,MACb,iBAAiB,MACjB,aACA,MAAM,UACN,SAAS,aACT,OACA,QAAQ,YACR,GAAG,SACc,CAAC,MAAM;CACxB,MAAM,EAAE,MAAM,SAAS,WAAWA,uBAAAA,cAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;CACV,CAAC;CACD,MAAM,CAAC,WAAW,SAAS,UAAUC,YAAAA,OAAO;CAC5C,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,OAAO;CAE7B,MAAM,aAAA,GAAA,MAAA,cACH,OAAsB;EACrB,IAAI,GAAG,QAAQ,UAAU;EAEzB,IAAI,YAAY;GACd,GAAG,gBAAgB;GACnB,QAAQ;EACV;EAEA,QAAQ;CACV,GACA;EAAC;EAAY;EAAS;CAAK,CAC7B;CAEA,MAAM,gBAAA,GAAA,MAAA,cACH,UAAUC,cAAAA,WAAW,MAAM,SAAS,CAAC,CAAC,EAAE,GACzC,CAAC,IAAI,CACP;CAEA,MAAM,mBAAA,GAAA,MAAA,cACH,QAAQ,CAAC,OAAO;EACf,eAAe;EACf,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,UAAU,OAAO;GACzC,GAAG,gBAAgB;GAEnB,IAAI,gBAAgB,QAAQ;EAC9B,CAAC;CACH,IACA,CAAC,gBAAgB,OAAO,CAC1B;CAEA,MAAM,uBAAA,GAAA,MAAA,cACH,QAAQ,CAAC,OAAO;EACf,iBAAiB,OAAO,YAAY,KAAA;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,YAAY;EAC5B,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,MAAM;CAC3C,IACA;EAAC;EAAW;EAAQ;EAAM;CAAC,CAC7B;CAEA,MAAM,wBAAA,GAAA,MAAA,cACH,QAAQ,CAAC,OAAO;EACf,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,OAAO;CAC5C,IACA,CAAC,SAAS,CAAC,CACb;CAEA,MAAM,uBAAA,GAAA,MAAA,cACH,QAAQ,CAAC,OAAO;EACf,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,OAAO;CAC5C,IACA,CAAC,SAAS,CAAC,CACb;CAEA,MAAM,mBAAA,GAAA,MAAA,cACH,EACC,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,CAAC,OAAO;EACV,IAAI;EACJ,qBAAA,GAAA,oBAAA,cAAA,IAAuB,iBAAiB,MAAM;EAC9C,oBAAA,GAAA,oBAAA,cAAA,IAAsB,gBAAgB,OAAO;EAC7C,cAAc;EACd,MAAM;EACN,GAAG;EACH,YAAA,GAAA,oBAAA,cAAA,YAAsB,MAAM,WAAW,SAAS;CAClD,IACA;EAAC;EAAQ;EAAW;EAAW;CAAO,CACxC;CAEA,MAAM,kBAAA,GAAA,MAAA,cACH,WAAW,EACV,GAAG,MACL,IACA,CAAC,CACH;CAEA,MAAM,iBAAA,GAAA,MAAA,cACH,WAAW;EACV,IAAI;EACJ,GAAG;CACL,IACA,CAAC,OAAO,CACV;CAiBA,OAAO;EACL;EACA,eAAA,GAAA,MAAA,cAhBC,WAAW;GACV,IAAI;GACJ,GAAG;EACL,IACA,CAAC,MAAM,CAYI;EACX;EACA;EACA;EACA,iBAAA,GAAA,MAAA,cAZC,WAAW,EACV,GAAG,MACL,IACA,CAAC,CASY;EACb;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/cjs/components/motion/factory.cjs

@@ -1,4 +1,3 @@
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 let motion_react = require("motion/react");
 //#region src/components/motion/factory.ts

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

@@ -1 +1 @@
-{"version":3,"file":"factory.cjs","names":["styled","originalMotion"],"sources":["../../../../src/components/motion/factory.ts"],"sourcesContent":["import type { FC } from \"react\"\nimport type { DOMElement, StyledOptions } from \"../../core\"\nimport type { MotionStyledComponent } from \"./index.types\"\nimport { motion as originalMotion } from \"motion/react\"\nimport { styled } from \"../../core\"\n\ntype ProxyTarget = (el: DOMElement, options?: StyledOptions) => unknown\n\ntype Components = {\n  [Y in DOMElement]: MotionStyledComponent<Y>\n}\n\ninterface Factory extends Components {\n  <Y extends DOMElement = DOMElement, M extends object = {}>(\n    el: Y,\n    options?: StyledOptions,\n  ): MotionStyledComponent<Y, M>\n}\n\nfunction factory() {\n  const cache = new Map<DOMElement, FC>()\n  const target: ProxyTarget = (el, options) => styled(el, options)\n\n  return new Proxy(target, {\n    apply: function (\n      _target,\n      _thisArg,\n      [el, options]: [DOMElement, StyledOptions],\n    ) {\n      const component = styled(el, options) as FC\n\n      return originalMotion.create(component)\n    },\n\n    get: function (_target, el: DOMElement) {\n      if (!cache.has(el)) {\n        const component = styled(el) as FC\n\n        cache.set(el, originalMotion.create(component) as FC)\n      }\n\n      return cache.get(el)\n    },\n  }) as Factory\n}\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/docs/components/motion\n */\nexport const motion = factory()\n"],"mappings":";;;;AAmBA,SAAS,UAAU;CACjB,MAAM,wBAAQ,IAAI,KAAqB;CACvC,MAAM,UAAuB,IAAI,YAAYA,gBAAAA,OAAO,IAAI,QAAQ;CAEhE,OAAO,IAAI,MAAM,QAAQ;EACvB,OAAO,SACL,SACA,UACA,CAAC,IAAI,UACL;GACA,MAAM,YAAYA,gBAAAA,OAAO,IAAI,QAAQ;GAErC,OAAOC,aAAAA,OAAe,OAAO,UAAU;;EAGzC,KAAK,SAAU,SAAS,IAAgB;GACtC,IAAI,CAAC,MAAM,IAAI,GAAG,EAAE;IAClB,MAAM,YAAYD,gBAAAA,OAAO,GAAG;IAE5B,MAAM,IAAI,IAAIC,aAAAA,OAAe,OAAO,UAAU,CAAO;;GAGvD,OAAO,MAAM,IAAI,GAAG;;EAEvB,CAAC;;;;;;;AAQJ,MAAa,SAAS,SAAS"}
+{"version":3,"file":"factory.cjs","names":["styled","originalMotion"],"sources":["../../../../src/components/motion/factory.ts"],"sourcesContent":["import type { FC } from \"react\"\nimport type { DOMElement, StyledOptions } from \"../../core\"\nimport type { MotionStyledComponent } from \"./index.types\"\nimport { motion as originalMotion } from \"motion/react\"\nimport { styled } from \"../../core\"\n\ntype ProxyTarget = (el: DOMElement, options?: StyledOptions) => unknown\n\ntype Components = {\n  [Y in DOMElement]: MotionStyledComponent<Y>\n}\n\ninterface Factory extends Components {\n  <Y extends DOMElement = DOMElement, M extends object = {}>(\n    el: Y,\n    options?: StyledOptions,\n  ): MotionStyledComponent<Y, M>\n}\n\nfunction factory() {\n  const cache = new Map<DOMElement, FC>()\n  const target: ProxyTarget = (el, options) => styled(el, options)\n\n  return new Proxy(target, {\n    apply: function (\n      _target,\n      _thisArg,\n      [el, options]: [DOMElement, StyledOptions],\n    ) {\n      const component = styled(el, options) as FC\n\n      return originalMotion.create(component)\n    },\n\n    get: function (_target, el: DOMElement) {\n      if (!cache.has(el)) {\n        const component = styled(el) as FC\n\n        cache.set(el, originalMotion.create(component) as FC)\n      }\n\n      return cache.get(el)\n    },\n  }) as Factory\n}\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/docs/components/motion\n */\nexport const motion = factory()\n"],"mappings":";;;AAmBA,SAAS,UAAU;CACjB,MAAM,wBAAQ,IAAI,IAAoB;CACtC,MAAM,UAAuB,IAAI,YAAYA,gBAAAA,OAAO,IAAI,OAAO;CAE/D,OAAO,IAAI,MAAM,QAAQ;EACvB,OAAO,SACL,SACA,UACA,CAAC,IAAI,UACL;GACA,MAAM,YAAYA,gBAAAA,OAAO,IAAI,OAAO;GAEpC,OAAOC,aAAAA,OAAe,OAAO,SAAS;EACxC;EAEA,KAAK,SAAU,SAAS,IAAgB;GACtC,IAAI,CAAC,MAAM,IAAI,EAAE,GAAG;IAClB,MAAM,YAAYD,gBAAAA,OAAO,EAAE;IAE3B,MAAM,IAAI,IAAIC,aAAAA,OAAe,OAAO,SAAS,CAAO;GACtD;GAEA,OAAO,MAAM,IAAI,EAAE;EACrB;CACF,CAAC;AACH;;;;;;AAOA,MAAa,SAAS,QAAQ"}

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

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_system_provider = require("../../core/system/system-provider.cjs");
 const require_factory = require("../../core/system/factory.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"motion.cjs","names":["styled","useSystem","motion"],"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/docs/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":";;;;;;;;;AAWA,MAAM,YAAYA,gBAAAA,OAAoB,OAAO,EAAE,cAAA,CAFzB,aAEqC,EAAE,CAAC;;;;;;AAO9D,MAAa,WAAW,EACtB,KACA,IAAI,SAAS,OACb,WACA,GAAG,WACkB;CACrB,MAAM,SAASC,wBAAAA,WAAW;CAG1B,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,KAAA,GAAA,MAAA,eALqBC,aAAAA,OAAO,OAAO,OAAO,EAAE,CAAC,OAAO,CAK9C;EACN,YAAA,GAAA,oBAAA,cAAA,IAAc,OAAO,MAAM,aAAa,SAAS,EAAE,UAAU;EAC7D,GAAI;EACJ,CAAA"}
+{"version":3,"file":"motion.cjs","names":["styled","useSystem","motion"],"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/docs/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":";;;;;;;;AAWA,MAAM,YAAYA,gBAAAA,OAAoB,OAAO,EAAE,cAAA,CAFzB,YAEoC,EAAE,CAAC;;;;;;AAO7D,MAAa,WAAW,EACtB,KACA,IAAI,SAAS,OACb,WACA,GAAG,WACkB;CACrB,MAAM,SAASC,wBAAAA,UAAU;CAGzB,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,KAAA,GAAA,MAAA,eALqBC,aAAAA,OAAO,OAAO,MAAM,GAAG,CAAC,MAAM,CAK9C;EACL,YAAA,GAAA,oBAAA,cAAA,IAAc,OAAO,MAAM,aAAa,QAAQ,GAAG,SAAS;EAC5D,GAAI;CACL,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"transition.cjs","names":[],"sources":["../../../../src/components/motion/transition.ts"],"sourcesContent":["import type { Transition } from \"motion/react\"\nimport type { MotionTransitionProps } from \"./index.types\"\nimport { isNumber, isUndefined } 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        ...(!isUndefined(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        ...(!isUndefined(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,SAAU,YAAyB;EACxC,OAAO,SACL,OACA,UACY;GACZ,OAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAG;MAAG;MAAM;MAAE;KACtB;IACD,GAAI,EAAA,GAAA,oBAAA,cAAA,aAAa,SAAS,GACtB,EAAE,WAAA,GAAA,oBAAA,cAAA,UAAmB,SAAS,GAAG,WAAW,SAAS,OAAO,GAC5D,EAAE;IACN,QAAA,GAAA,oBAAA,cAAA,UAAgB,MAAM,GAAG,QAAQ,OAAO;IACzC;;;CAGL,MAAM,SAAU,YAAyB;EACvC,OAAO,SACL,OACA,UACY;GACZ,OAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAM;MAAG;MAAG;MAAE;KACtB;IACD,GAAI,EAAA,GAAA,oBAAA,cAAA,aAAa,SAAS,GACtB,EAAE,WAAA,GAAA,oBAAA,cAAA,UAAmB,SAAS,GAAG,WAAW,SAAS,MAAM,GAC3D,EAAE;IACN,QAAA,GAAA,oBAAA,cAAA,UAAgB,MAAM,GAAG,QAAQ,OAAO;IACzC;;;CAGN"}
+{"version":3,"file":"transition.cjs","names":[],"sources":["../../../../src/components/motion/transition.ts"],"sourcesContent":["import type { Transition } from \"motion/react\"\nimport type { MotionTransitionProps } from \"./index.types\"\nimport { isNumber, isUndefined } 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        ...(!isUndefined(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        ...(!isUndefined(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,SAAU,YAAyB;EACxC,OAAO,SACL,OACA,UACY;GACZ,OAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAG;MAAG;MAAM;KAAC;IACtB;IACA,GAAI,EAAA,GAAA,oBAAA,cAAA,aAAa,QAAQ,IACrB,EAAE,WAAA,GAAA,oBAAA,cAAA,UAAmB,QAAQ,IAAI,WAAW,SAAS,MAAM,IAC3D,CAAC;IACL,QAAA,GAAA,oBAAA,cAAA,UAAgB,KAAK,IAAI,QAAQ,OAAO;GAC1C;EACF;CACF;CACA,MAAM,SAAU,YAAyB;EACvC,OAAO,SACL,OACA,UACY;GACZ,OAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAM;MAAG;MAAG;KAAC;IACtB;IACA,GAAI,EAAA,GAAA,oBAAA,cAAA,aAAa,QAAQ,IACrB,EAAE,WAAA,GAAA,oBAAA,cAAA,UAAmB,QAAQ,IAAI,WAAW,SAAS,KAAK,IAC1D,CAAC;IACL,QAAA,GAAA,oBAAA,cAAA,UAAgB,KAAK,IAAI,QAAQ,OAAO;GAC1C;EACF;CACF;AACF"}

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

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_factory = require("../../core/system/factory.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"native-accordion.cjs","names":["createContext","createSlotComponent","nativeAccordionStyle","useNativeAccordion","NativeAccordionContext","styled","useNativeAccordionItem","useSplitChildren","ChevronDownIcon","Children"],"sources":["../../../../src/components/native-accordion/native-accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { NativeAccordionStyle } from \"./native-accordion.style\"\nimport type {\n  UseNativeAccordionItemProps,\n  UseNativeAccordionItemReturn,\n  UseNativeAccordionProps,\n} from \"./use-native-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, useSplitChildren } from \"../../utils\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { nativeAccordionStyle } from \"./native-accordion.style\"\nimport {\n  NativeAccordionContext,\n  useNativeAccordion,\n  useNativeAccordionItem,\n} from \"./use-native-accordion\"\n\nexport interface NativeAccordionItem extends NativeAccordionItemProps {}\n\ninterface ComponentContext extends Pick<\n  NativeAccordionRootProps,\n  \"icon\" | \"iconHidden\"\n> {}\n\nexport interface NativeAccordionRootProps\n  extends\n    Omit<HTMLStyledProps, \"onChange\">,\n    ThemeProps<NativeAccordionStyle>,\n    UseNativeAccordionProps {\n  /**\n   * The accordion icon for all items to use.\n   */\n  icon?: ReactNode\n  /**\n   * If `true`, hide the accordion icon for all items.\n   *\n   * @default false\n   */\n  iconHidden?: boolean\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: NativeAccordionItem[]\n}\n\ninterface ItemComponentContext\n  extends\n    Pick<NativeAccordionItemProps, \"icon\">,\n    Omit<UseNativeAccordionItemReturn, \"getItemProps\"> {}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({\n    name: \"ItemComponentContext\",\n  })\n\nconst {\n  ComponentContext,\n  PropsContext: NativeAccordionPropsContext,\n  useComponentContext,\n  usePropsContext: useNativeAccordionPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  NativeAccordionRootProps,\n  NativeAccordionStyle,\n  ComponentContext\n>(\"native-accordion\", nativeAccordionStyle)\n\nexport { NativeAccordionPropsContext, useNativeAccordionPropsContext }\n\n/**\n * `NativeAccordion` is a component for a list that displays information in an expandable or collapsible manner using the native HTML details element.\n *\n * @see https://yamada-ui.com/docs/components/native-accordion\n */\nexport const NativeAccordionRoot = withProvider<\n  \"div\",\n  NativeAccordionRootProps\n>(({ children, icon, iconHidden, items, ...props }) => {\n  const { name, getRootProps } = useNativeAccordion(props)\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return items?.map((props, index) => (\n      <NativeAccordionItem key={index} {...props} />\n    ))\n  }, [children, items])\n  const context = useMemo(() => ({ name }), [name])\n  const componentContext = useMemo(\n    () => ({ icon, iconHidden }),\n    [icon, iconHidden],\n  )\n\n  return (\n    <NativeAccordionContext value={context}>\n      <ComponentContext value={componentContext}>\n        <styled.div {...getRootProps()}>{computedChildren}</styled.div>\n      </ComponentContext>\n    </NativeAccordionContext>\n  )\n}, \"root\")()\n\nexport interface NativeAccordionItemProps\n  extends HTMLStyledProps<\"details\">, UseNativeAccordionItemProps {\n  /**\n   * The accordion button to use.\n   */\n  button?: ReactNode\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNode\n}\n\nexport const NativeAccordionItem = withContext<\n  \"details\",\n  NativeAccordionItemProps\n>(({ button, children, icon, ...rest }) => {\n  const {\n    disabled,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  } = useNativeAccordionItem(rest)\n  const [omittedChildren, customAccordionButton, customAccordionPanel] =\n    useSplitChildren(children, NativeAccordionButton, NativeAccordionPanel)\n  const context = useMemo(\n    () => ({\n      disabled,\n      icon,\n      getButtonProps,\n      getIconProps,\n      getPanelProps,\n    }),\n    [disabled, getIconProps, getPanelProps, getButtonProps, icon],\n  )\n\n  return (\n    <ItemComponentContext value={context}>\n      <styled.details {...getItemProps()}>\n        {customAccordionButton ?? (\n          <NativeAccordionButton>{button}</NativeAccordionButton>\n        )}\n        {customAccordionPanel ?? (\n          <NativeAccordionPanel>{omittedChildren}</NativeAccordionPanel>\n        )}\n      </styled.details>\n    </ItemComponentContext>\n  )\n}, \"item\")()\n\nexport interface NativeAccordionButtonProps extends HTMLStyledProps<\"summary\"> {\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNode\n}\n\nexport const NativeAccordionButton = withContext<\n  \"summary\",\n  NativeAccordionButtonProps\n>(({ children, icon: customIcon, ...rest }) => {\n  const { icon: rootIcon } = useComponentContext()\n  const { icon: itemIcon, getButtonProps } = useItemComponentContext()\n\n  return (\n    <styled.summary {...getButtonProps(rest)}>\n      {children}\n\n      <NativeAccordionIcon>\n        {customIcon ?? itemIcon ?? rootIcon}\n      </NativeAccordionIcon>\n    </styled.summary>\n  )\n}, \"button\")()\n\nexport interface NativeAccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const NativeAccordionIcon = withContext<\"svg\", NativeAccordionIconProps>(\n  ({ children = <ChevronDownIcon />, ...rest }) => {\n    const { iconHidden } = useComponentContext()\n    const { getIconProps } = useItemComponentContext()\n\n    if (iconHidden) return null\n\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(\n        children,\n        getIconProps({\n          ...rest,\n          ...children.props,\n        }),\n      )\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  \"icon\",\n)()\n\nexport interface NativeAccordionPanelProps extends HTMLStyledProps {}\n\nexport const NativeAccordionPanel = withContext<\n  \"div\",\n  NativeAccordionPanelProps\n>(({ children, ...rest }) => {\n  const { getPanelProps } = useItemComponentContext()\n\n  return (\n    <styled.div {...getPanelProps(rest)}>\n      <styled.div>{children}</styled.div>\n    </styled.div>\n  )\n}, \"panel\")()\n"],"mappings":"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"}
+{"version":3,"file":"native-accordion.cjs","names":["createContext","createSlotComponent","nativeAccordionStyle","useNativeAccordion","NativeAccordionContext","styled","useNativeAccordionItem","useSplitChildren","ChevronDownIcon","Children"],"sources":["../../../../src/components/native-accordion/native-accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { NativeAccordionStyle } from \"./native-accordion.style\"\nimport type {\n  UseNativeAccordionItemProps,\n  UseNativeAccordionItemReturn,\n  UseNativeAccordionProps,\n} from \"./use-native-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, useSplitChildren } from \"../../utils\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { nativeAccordionStyle } from \"./native-accordion.style\"\nimport {\n  NativeAccordionContext,\n  useNativeAccordion,\n  useNativeAccordionItem,\n} from \"./use-native-accordion\"\n\nexport interface NativeAccordionItem extends NativeAccordionItemProps {}\n\ninterface ComponentContext extends Pick<\n  NativeAccordionRootProps,\n  \"icon\" | \"iconHidden\"\n> {}\n\nexport interface NativeAccordionRootProps\n  extends\n    Omit<HTMLStyledProps, \"onChange\">,\n    ThemeProps<NativeAccordionStyle>,\n    UseNativeAccordionProps {\n  /**\n   * The accordion icon for all items to use.\n   */\n  icon?: ReactNode\n  /**\n   * If `true`, hide the accordion icon for all items.\n   *\n   * @default false\n   */\n  iconHidden?: boolean\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: NativeAccordionItem[]\n}\n\ninterface ItemComponentContext\n  extends\n    Pick<NativeAccordionItemProps, \"icon\">,\n    Omit<UseNativeAccordionItemReturn, \"getItemProps\"> {}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({\n    name: \"ItemComponentContext\",\n  })\n\nconst {\n  ComponentContext,\n  PropsContext: NativeAccordionPropsContext,\n  useComponentContext,\n  usePropsContext: useNativeAccordionPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  NativeAccordionRootProps,\n  NativeAccordionStyle,\n  ComponentContext\n>(\"native-accordion\", nativeAccordionStyle)\n\nexport { NativeAccordionPropsContext, useNativeAccordionPropsContext }\n\n/**\n * `NativeAccordion` is a component for a list that displays information in an expandable or collapsible manner using the native HTML details element.\n *\n * @see https://yamada-ui.com/docs/components/native-accordion\n */\nexport const NativeAccordionRoot = withProvider<\n  \"div\",\n  NativeAccordionRootProps\n>(({ children, icon, iconHidden, items, ...props }) => {\n  const { name, getRootProps } = useNativeAccordion(props)\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return items?.map((props, index) => (\n      <NativeAccordionItem key={index} {...props} />\n    ))\n  }, [children, items])\n  const context = useMemo(() => ({ name }), [name])\n  const componentContext = useMemo(\n    () => ({ icon, iconHidden }),\n    [icon, iconHidden],\n  )\n\n  return (\n    <NativeAccordionContext value={context}>\n      <ComponentContext value={componentContext}>\n        <styled.div {...getRootProps()}>{computedChildren}</styled.div>\n      </ComponentContext>\n    </NativeAccordionContext>\n  )\n}, \"root\")()\n\nexport interface NativeAccordionItemProps\n  extends HTMLStyledProps<\"details\">, UseNativeAccordionItemProps {\n  /**\n   * The accordion button to use.\n   */\n  button?: ReactNode\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNode\n}\n\nexport const NativeAccordionItem = withContext<\n  \"details\",\n  NativeAccordionItemProps\n>(({ button, children, icon, ...rest }) => {\n  const {\n    disabled,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  } = useNativeAccordionItem(rest)\n  const [omittedChildren, customAccordionButton, customAccordionPanel] =\n    useSplitChildren(children, NativeAccordionButton, NativeAccordionPanel)\n  const context = useMemo(\n    () => ({\n      disabled,\n      icon,\n      getButtonProps,\n      getIconProps,\n      getPanelProps,\n    }),\n    [disabled, getIconProps, getPanelProps, getButtonProps, icon],\n  )\n\n  return (\n    <ItemComponentContext value={context}>\n      <styled.details {...getItemProps()}>\n        {customAccordionButton ?? (\n          <NativeAccordionButton>{button}</NativeAccordionButton>\n        )}\n        {customAccordionPanel ?? (\n          <NativeAccordionPanel>{omittedChildren}</NativeAccordionPanel>\n        )}\n      </styled.details>\n    </ItemComponentContext>\n  )\n}, \"item\")()\n\nexport interface NativeAccordionButtonProps extends HTMLStyledProps<\"summary\"> {\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNode\n}\n\nexport const NativeAccordionButton = withContext<\n  \"summary\",\n  NativeAccordionButtonProps\n>(({ children, icon: customIcon, ...rest }) => {\n  const { icon: rootIcon } = useComponentContext()\n  const { icon: itemIcon, getButtonProps } = useItemComponentContext()\n\n  return (\n    <styled.summary {...getButtonProps(rest)}>\n      {children}\n\n      <NativeAccordionIcon>\n        {customIcon ?? itemIcon ?? rootIcon}\n      </NativeAccordionIcon>\n    </styled.summary>\n  )\n}, \"button\")()\n\nexport interface NativeAccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const NativeAccordionIcon = withContext<\"svg\", NativeAccordionIconProps>(\n  ({ children = <ChevronDownIcon />, ...rest }) => {\n    const { iconHidden } = useComponentContext()\n    const { getIconProps } = useItemComponentContext()\n\n    if (iconHidden) return null\n\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(\n        children,\n        getIconProps({\n          ...rest,\n          ...children.props,\n        }),\n      )\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  \"icon\",\n)()\n\nexport interface NativeAccordionPanelProps extends HTMLStyledProps {}\n\nexport const NativeAccordionPanel = withContext<\n  \"div\",\n  NativeAccordionPanelProps\n>(({ children, ...rest }) => {\n  const { getPanelProps } = useItemComponentContext()\n\n  return (\n    <styled.div {...getPanelProps(rest)}>\n      <styled.div>{children}</styled.div>\n    </styled.div>\n  )\n}, \"panel\")()\n"],"mappings":"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"}

package/dist/cjs/components/native-accordion/native-accordion.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"native-accordion.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-accordion/native-accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeAccordionStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      display: \"inline-flex\",\n      focusVisibleRing: \"inside\",\n      listStyle: \"none\",\n      px: \"4\",\n      py: \"3\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    icon: {\n      color: \"fg.subtle\",\n      fontSize: \"xl\",\n      ml: \"auto\",\n      transformOrigin: \"center\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"transform\",\n      _groupOpen: { transform: \"rotate(180deg)\" },\n    },\n    item: { overflowAnchor: \"none\" },\n    panel: { px: \"4\", _groupOpen: { pb: \"3\" } },\n    root: { w: \"full\" },\n  },\n\n  props: {\n    /**\n     * If `true`, animate the accordion items when they are expanded or collapsed.\n     *\n     * @default true\n     */\n    animate: {\n      true: {\n        item: {\n          _detailsContent: {\n            transition: \"content-visibility 0.4s allow-discrete\",\n          },\n        },\n        panel: {\n          \"& > div\": { overflow: \"hidden\" },\n          display: \"grid\",\n          gridTemplateRows: \"0fr\",\n          transitionDuration: \"slow\",\n          transitionProperty: \"grid-template-rows\",\n          _groupOpen: {\n            gridTemplateRows: \"1fr\",\n            _startingStyle: { gridTemplateRows: \"0fr\" },\n          },\n        },\n      },\n    },\n  },\n\n  variants: {\n    panel: {\n      button: { rounded: \"l2\" },\n      item: { layerStyle: \"panel\", rounded: \"l2\", _notFirst: { mt: \"md\" } },\n    },\n    plain: {\n      item: { borderTopWidth: \"1px\", _last: { borderBottomWidth: \"1px\" } },\n    },\n  },\n\n  defaultProps: {\n    variant: \"plain\",\n    animate: true,\n  },\n})\n\nexport type NativeAccordionStyle = typeof nativeAccordionStyle\n"],"mappings":";AAEA,MAAa,8DAAuBA,CAAAA,yBAAyB;CAC3D,MAAM;EACJ,QAAQ;GACN,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,kBAAkB;GAClB,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,MAAM;GACJ,OAAO;GACP,UAAU;GACV,IAAI;GACJ,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY,EAAE,WAAW,kBAAkB;GAC5C;EACD,MAAM,EAAE,gBAAgB,QAAQ;EAChC,OAAO;GAAE,IAAI;GAAK,YAAY,EAAE,IAAI,KAAK;GAAE;EAC3C,MAAM,EAAE,GAAG,QAAQ;EACpB;CAED,OAAO;;;;;;AAML,SAAS,EACP,MAAM;EACJ,MAAM,EACJ,iBAAiB,EACf,YAAY,0CACb,EACF;EACD,OAAO;GACL,WAAW,EAAE,UAAU,UAAU;GACjC,SAAS;GACT,kBAAkB;GAClB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY;IACV,kBAAkB;IAClB,gBAAgB,EAAE,kBAAkB,OAAO;IAC5C;GACF;EACF,EACF,EACF;CAED,UAAU;EACR,OAAO;GACL,QAAQ,EAAE,SAAS,MAAM;GACzB,MAAM;IAAE,YAAY;IAAS,SAAS;IAAM,WAAW,EAAE,IAAI,MAAM;IAAE;GACtE;EACD,OAAO,EACL,MAAM;GAAE,gBAAgB;GAAO,OAAO,EAAE,mBAAmB,OAAO;GAAE,EACrE;EACF;CAED,cAAc;EACZ,SAAS;EACT,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"native-accordion.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-accordion/native-accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeAccordionStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      display: \"inline-flex\",\n      focusVisibleRing: \"inside\",\n      listStyle: \"none\",\n      px: \"4\",\n      py: \"3\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    icon: {\n      color: \"fg.subtle\",\n      fontSize: \"xl\",\n      ml: \"auto\",\n      transformOrigin: \"center\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"transform\",\n      _groupOpen: { transform: \"rotate(180deg)\" },\n    },\n    item: { overflowAnchor: \"none\" },\n    panel: { px: \"4\", _groupOpen: { pb: \"3\" } },\n    root: { w: \"full\" },\n  },\n\n  props: {\n    /**\n     * If `true`, animate the accordion items when they are expanded or collapsed.\n     *\n     * @default true\n     */\n    animate: {\n      true: {\n        item: {\n          _detailsContent: {\n            transition: \"content-visibility 0.4s allow-discrete\",\n          },\n        },\n        panel: {\n          \"& > div\": { overflow: \"hidden\" },\n          display: \"grid\",\n          gridTemplateRows: \"0fr\",\n          transitionDuration: \"slow\",\n          transitionProperty: \"grid-template-rows\",\n          _groupOpen: {\n            gridTemplateRows: \"1fr\",\n            _startingStyle: { gridTemplateRows: \"0fr\" },\n          },\n        },\n      },\n    },\n  },\n\n  variants: {\n    panel: {\n      button: { rounded: \"l2\" },\n      item: { layerStyle: \"panel\", rounded: \"l2\", _notFirst: { mt: \"md\" } },\n    },\n    plain: {\n      item: { borderTopWidth: \"1px\", _last: { borderBottomWidth: \"1px\" } },\n    },\n  },\n\n  defaultProps: {\n    variant: \"plain\",\n    animate: true,\n  },\n})\n\nexport type NativeAccordionStyle = typeof nativeAccordionStyle\n"],"mappings":";AAEA,MAAa,6DAAuBA,EAAAA,yBAAyB;CAC3D,MAAM;EACJ,QAAQ;GACN,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,kBAAkB;GAClB,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,MAAM;GACJ,OAAO;GACP,UAAU;GACV,IAAI;GACJ,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY,EAAE,WAAW,iBAAiB;EAC5C;EACA,MAAM,EAAE,gBAAgB,OAAO;EAC/B,OAAO;GAAE,IAAI;GAAK,YAAY,EAAE,IAAI,IAAI;EAAE;EAC1C,MAAM,EAAE,GAAG,OAAO;CACpB;CAEA,OAAO;;;;;;AAML,SAAS,EACP,MAAM;EACJ,MAAM,EACJ,iBAAiB,EACf,YAAY,yCACd,EACF;EACA,OAAO;GACL,WAAW,EAAE,UAAU,SAAS;GAChC,SAAS;GACT,kBAAkB;GAClB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY;IACV,kBAAkB;IAClB,gBAAgB,EAAE,kBAAkB,MAAM;GAC5C;EACF;CACF,EACF,EACF;CAEA,UAAU;EACR,OAAO;GACL,QAAQ,EAAE,SAAS,KAAK;GACxB,MAAM;IAAE,YAAY;IAAS,SAAS;IAAM,WAAW,EAAE,IAAI,KAAK;GAAE;EACtE;EACA,OAAO,EACL,MAAM;GAAE,gBAAgB;GAAO,OAAO,EAAE,mBAAmB,MAAM;EAAE,EACrE;CACF;CAEA,cAAc;EACZ,SAAS;EACT,SAAS;CACX;AACF,CAAC"}

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

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"use-native-accordion.cjs","names":["createContext","mergeProps","mergeRefs"],"sources":["../../../../src/components/native-accordion/use-native-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport {\n  ariaAttr,\n  createContext,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n} from \"../../utils\"\n\ninterface NativeAccordionContext extends Pick<\n  UseNativeAccordionReturn,\n  \"name\"\n> {}\n\nconst [NativeAccordionContext, useNativeAccordionContext] =\n  createContext<NativeAccordionContext>({\n    name: \"NativeAccordionContext\",\n  })\n\nexport { NativeAccordionContext, useNativeAccordionContext }\n\nexport interface UseNativeAccordionProps extends HTMLProps {\n  /**\n   * If `true`, multiple accordion items can be expanded at once.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n}\n\nexport const useNativeAccordion = ({\n  name,\n  multiple = false,\n  ...rest\n}: UseNativeAccordionProps = {}) => {\n  const generatedName = useId()\n  const { ref: restRef, ...restProps } = rest\n\n  const getRootProps: PropGetter = ({ ref, ...props } = {}) =>\n    mergeProps(props, restProps, {\n      ref: mergeRefs(ref, restRef),\n    })()\n\n  return {\n    name: multiple ? undefined : (name ?? generatedName),\n    getRootProps,\n  }\n}\n\nexport type UseNativeAccordionReturn = ReturnType<typeof useNativeAccordion>\n\nexport interface UseNativeAccordionItemProps extends HTMLProps<\"details\"> {\n  /**\n   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useNativeAccordionItem = ({\n  disabled,\n  ...rest\n}: UseNativeAccordionItemProps) => {\n  const { name } = useNativeAccordionContext()\n  const { ref: restRef, ...restProps } = rest\n\n  const getItemProps: PropGetter<\"details\"> = ({ ref, ...props } = {}) =>\n    mergeProps(\n      {\n        name: props.name ?? restProps.name ?? name,\n        \"data-group\": \"\",\n      },\n      restProps,\n      props,\n      {\n        ref: mergeRefs(ref, restRef),\n      },\n    )()\n\n  const getButtonProps: PropGetter<\"summary\"> = useCallback(\n    (props = {}) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"data-disabled\": dataAttr(disabled),\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        if (!disabled) return\n\n        ev.preventDefault()\n      }),\n    }),\n    [disabled],\n  )\n\n  const getPanelProps: PropGetter = useCallback((props = {}) => props, [])\n\n  const getIconProps: PropGetter<\"svg\"> = useCallback(\n    (props = {}) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled],\n  )\n\n  return {\n    disabled,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  }\n}\n\nexport type UseNativeAccordionItemReturn = ReturnType<\n  typeof useNativeAccordionItem\n>\n"],"mappings":";;;;;;;;AAkBA,MAAM,CAAC,wBAAwB,6BAC7BA,gBAAAA,cAAsC,EACpC,MAAM,0BACP,CAAC;AAiBJ,MAAa,sBAAsB,EACjC,MACA,WAAW,OACX,GAAG,SACwB,EAAE,KAAK;CAClC,MAAM,iBAAA,GAAA,MAAA,QAAuB;CAC7B,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;CAEvC,MAAM,gBAA4B,EAAE,KAAK,GAAG,UAAU,EAAE,KACtDC,cAAAA,WAAW,OAAO,WAAW,EAC3B,KAAKC,YAAAA,UAAU,KAAK,QAAQ,EAC7B,CAAC,EAAE;CAEN,OAAO;EACL,MAAM,WAAW,KAAA,IAAa,QAAQ;EACtC;EACD;;AAcH,MAAa,0BAA0B,EACrC,UACA,GAAG,WAC8B;CACjC,MAAM,EAAE,SAAS,2BAA2B;CAC5C,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;CAEvC,MAAM,gBAAuC,EAAE,KAAK,GAAG,UAAU,EAAE,KACjED,cAAAA,WACE;EACE,MAAM,MAAM,QAAQ,UAAU,QAAQ;EACtC,cAAc;EACf,EACD,WACA,OACA,EACE,KAAKC,YAAAA,UAAU,KAAK,QAAQ,EAC7B,CACF,EAAE;CAEL,MAAM,kBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,MAAM;EACf,kBAAA,GAAA,oBAAA,cAAA,UAA0B,SAAS;EACnC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,SAAS;EACnC,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,UAAU,OAAO;GACzC,IAAI,CAAC,UAAU;GAEf,GAAG,gBAAgB;IACnB;EACH,GACD,CAAC,SAAS,CACX;CAED,MAAM,iBAAA,GAAA,MAAA,cAAyC,QAAQ,EAAE,KAAK,OAAO,EAAE,CAAC;CAYxE,OAAO;EACL;EACA;EACA,eAAA,GAAA,MAAA,cAZC,QAAQ,EAAE,MAAM;GACf,kBAAA,GAAA,oBAAA,cAAA,UAA0B,SAAS;GACnC,eAAe;GACf,MAAM;GACN,GAAG;GACJ,GACD,CAAC,SAAS,CAME;EACZ;EACA;EACD"}
+{"version":3,"file":"use-native-accordion.cjs","names":["createContext","mergeProps","mergeRefs"],"sources":["../../../../src/components/native-accordion/use-native-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport {\n  ariaAttr,\n  createContext,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n} from \"../../utils\"\n\ninterface NativeAccordionContext extends Pick<\n  UseNativeAccordionReturn,\n  \"name\"\n> {}\n\nconst [NativeAccordionContext, useNativeAccordionContext] =\n  createContext<NativeAccordionContext>({\n    name: \"NativeAccordionContext\",\n  })\n\nexport { NativeAccordionContext, useNativeAccordionContext }\n\nexport interface UseNativeAccordionProps extends HTMLProps {\n  /**\n   * If `true`, multiple accordion items can be expanded at once.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n}\n\nexport const useNativeAccordion = ({\n  name,\n  multiple = false,\n  ...rest\n}: UseNativeAccordionProps = {}) => {\n  const generatedName = useId()\n  const { ref: restRef, ...restProps } = rest\n\n  const getRootProps: PropGetter = ({ ref, ...props } = {}) =>\n    mergeProps(props, restProps, {\n      ref: mergeRefs(ref, restRef),\n    })()\n\n  return {\n    name: multiple ? undefined : (name ?? generatedName),\n    getRootProps,\n  }\n}\n\nexport type UseNativeAccordionReturn = ReturnType<typeof useNativeAccordion>\n\nexport interface UseNativeAccordionItemProps extends HTMLProps<\"details\"> {\n  /**\n   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useNativeAccordionItem = ({\n  disabled,\n  ...rest\n}: UseNativeAccordionItemProps) => {\n  const { name } = useNativeAccordionContext()\n  const { ref: restRef, ...restProps } = rest\n\n  const getItemProps: PropGetter<\"details\"> = ({ ref, ...props } = {}) =>\n    mergeProps(\n      {\n        name: props.name ?? restProps.name ?? name,\n        \"data-group\": \"\",\n      },\n      restProps,\n      props,\n      {\n        ref: mergeRefs(ref, restRef),\n      },\n    )()\n\n  const getButtonProps: PropGetter<\"summary\"> = useCallback(\n    (props = {}) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"data-disabled\": dataAttr(disabled),\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        if (!disabled) return\n\n        ev.preventDefault()\n      }),\n    }),\n    [disabled],\n  )\n\n  const getPanelProps: PropGetter = useCallback((props = {}) => props, [])\n\n  const getIconProps: PropGetter<\"svg\"> = useCallback(\n    (props = {}) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled],\n  )\n\n  return {\n    disabled,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  }\n}\n\nexport type UseNativeAccordionItemReturn = ReturnType<\n  typeof useNativeAccordionItem\n>\n"],"mappings":";;;;;;;AAkBA,MAAM,CAAC,wBAAwB,6BAC7BA,gBAAAA,cAAsC,EACpC,MAAM,yBACR,CAAC;AAiBH,MAAa,sBAAsB,EACjC,MACA,WAAW,OACX,GAAG,SACwB,CAAC,MAAM;CAClC,MAAM,iBAAA,GAAA,MAAA,OAAsB;CAC5B,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;CAEvC,MAAM,gBAA4B,EAAE,KAAK,GAAG,UAAU,CAAC,MACrDC,cAAAA,WAAW,OAAO,WAAW,EAC3B,KAAKC,YAAAA,UAAU,KAAK,OAAO,EAC7B,CAAC,EAAE;CAEL,OAAO;EACL,MAAM,WAAW,KAAA,IAAa,QAAQ;EACtC;CACF;AACF;AAaA,MAAa,0BAA0B,EACrC,UACA,GAAG,WAC8B;CACjC,MAAM,EAAE,SAAS,0BAA0B;CAC3C,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;CAEvC,MAAM,gBAAuC,EAAE,KAAK,GAAG,UAAU,CAAC,MAChED,cAAAA,WACE;EACE,MAAM,MAAM,QAAQ,UAAU,QAAQ;EACtC,cAAc;CAChB,GACA,WACA,OACA,EACE,KAAKC,YAAAA,UAAU,KAAK,OAAO,EAC7B,CACF,EAAE;CAEJ,MAAM,kBAAA,GAAA,MAAA,cACH,QAAQ,CAAC,OAAO;EACf,kBAAA,GAAA,oBAAA,cAAA,UAA0B,QAAQ;EAClC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,QAAQ;EAClC,GAAG;EACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,UAAU,OAAO;GACzC,IAAI,CAAC,UAAU;GAEf,GAAG,eAAe;EACpB,CAAC;CACH,IACA,CAAC,QAAQ,CACX;CAEA,MAAM,iBAAA,GAAA,MAAA,cAAyC,QAAQ,CAAC,MAAM,OAAO,CAAC,CAAC;CAYvE,OAAO;EACL;EACA;EACA,eAAA,GAAA,MAAA,cAZC,QAAQ,CAAC,OAAO;GACf,kBAAA,GAAA,oBAAA,cAAA,UAA0B,QAAQ;GAClC,eAAe;GACf,MAAM;GACN,GAAG;EACL,IACA,CAAC,QAAQ,CAME;EACX;EACA;CACF;AACF"}

package/dist/cjs/components/native-popover/native-popover.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"native-popover.cjs","names":["createSlotComponent","nativePopoverStyle","useNativePopover","styled"],"sources":["../../../../src/components/native-popover/native-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { NativePopoverStyle } from \"./native-popover.style\"\nimport type {\n  UseNativePopoverProps,\n  UseNativePopoverReturn,\n} from \"./use-native-popover\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { cast } from \"../../utils\"\nimport { nativePopoverStyle } from \"./native-popover.style\"\nimport { useNativePopover } from \"./use-native-popover\"\n\ninterface ComponentContext extends Pick<\n  UseNativePopoverReturn,\n  | \"getAnchorProps\"\n  | \"getBodyProps\"\n  | \"getCloseTriggerProps\"\n  | \"getContentProps\"\n  | \"getFooterProps\"\n  | \"getHeaderProps\"\n  | \"getPositionerProps\"\n  | \"getTriggerProps\"\n> {}\n\nexport interface NativePopoverRootProps\n  extends\n    UseNativePopoverProps,\n    ThemeProps<NativePopoverStyle>,\n    PropsWithChildren {}\n\nconst {\n  ComponentContext,\n  PropsContext: NativePopoverPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: useNativePopoverPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<\n  NativePopoverRootProps,\n  NativePopoverStyle,\n  ComponentContext\n>(\"native-popover\", nativePopoverStyle)\n\nexport { NativePopoverPropsContext, useNativePopoverPropsContext }\n\n/**\n * `NativePopover` is a component that floats around an element to display information using the native HTML Popover API.\n *\n * @see https://yamada-ui.com/docs/components/native-popover\n */\nexport const NativePopoverRoot: FC<NativePopoverRootProps> = (props) => {\n  const [styleContext, { children, ...rest }] = useRootComponentProps(props)\n  const {\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n  } = useNativePopover(rest)\n  const componentContext = useMemo(\n    () => ({\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    }),\n    [\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <ComponentContext value={componentContext}>{children}</ComponentContext>\n    </StyleContext>\n  )\n}\n\nexport interface NativePopoverTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const NativePopoverTrigger = withContext<\n  \"button\",\n  NativePopoverTriggerProps\n>(\"button\", \"trigger\")({ asChild: true }, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return getTriggerProps(props)\n})\n\nexport interface NativePopoverAnchorProps extends HTMLStyledProps {}\n\nexport const NativePopoverAnchor = withContext<\"div\", NativePopoverAnchorProps>(\n  \"div\",\n  \"anchor\",\n)({ asChild: true }, (props) => {\n  const { getAnchorProps } = useComponentContext()\n\n  return getAnchorProps(props)\n})\n\ninterface NativePopoverPositionerProps extends HTMLStyledProps {}\n\nconst NativePopoverPositioner = withContext<\n  \"div\",\n  NativePopoverPositionerProps\n>(\"div\", \"positioner\")({ asChild: true }, (props) => {\n  const { getPositionerProps } = useComponentContext()\n\n  return getPositionerProps(props)\n})\n\nexport interface NativePopoverCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const NativePopoverCloseTrigger = withContext<\n  \"button\",\n  NativePopoverCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  { asChild: true },\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return getCloseTriggerProps(props)\n  },\n)\n\nexport interface NativePopoverContentProps\n  extends HTMLStyledProps, PropsWithChildren {}\n\nexport const NativePopoverContent = withContext<\n  \"div\",\n  NativePopoverContentProps\n>(({ children, ...rest }) => {\n  const { getContentProps } = useComponentContext()\n\n  return (\n    <NativePopoverPositioner>\n      <styled.div {...getContentProps(cast<HTMLStyledProps>(rest))}>\n        {children}\n      </styled.div>\n    </NativePopoverPositioner>\n  )\n}, \"content\")({\n  suppressHydrationWarning: true,\n})\n\nexport interface NativePopoverHeaderProps extends HTMLStyledProps {}\n\nexport const NativePopoverHeader = withContext<\"div\", NativePopoverHeaderProps>(\n  \"div\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return getHeaderProps(props)\n})\n\nexport interface NativePopoverBodyProps extends HTMLStyledProps {}\n\nexport const NativePopoverBody = withContext<\"div\", NativePopoverBodyProps>(\n  \"div\",\n  \"body\",\n)(undefined, (props) => {\n  const { getBodyProps } = useComponentContext()\n\n  return getBodyProps(props)\n})\n\nexport interface NativePopoverFooterProps extends HTMLStyledProps {}\n\nexport const NativePopoverFooter = withContext<\"div\", NativePopoverFooterProps>(\n  \"div\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return getFooterProps(props)\n})\n"],"mappings":";;;;;;;;;;AAiCA,MAAM,EACJ,kBACA,cAAc,2BACd,cACA,qBACA,iBAAiB,8BACjB,aACA,0BACEA,yBAAAA,oBAIF,kBAAkBC,6BAAAA,mBAAmB;;;;;;AASvC,MAAa,qBAAiD,UAAU;CACtE,MAAM,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,sBAAsB,MAAM;CAC1E,MAAM,EACJ,gBACA,cACA,sBACA,iBACA,gBACA,gBACA,oBACA,oBACEC,2BAAAA,iBAAiB,KAAK;CAwB1B,OACE,iBAAA,GAAA,kBAAA,KAAC,cAAD;EAAc,OAAO;YACnB,iBAAA,GAAA,kBAAA,KAAC,kBAAD;GAAkB,QAAA,GAAA,MAAA,gBAxBb;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAK0C;GAAG;GAA4B,CAAA;EAC3D,CAAA;;AAMnB,MAAa,uBAAuB,YAGlC,UAAU,UAAU,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU;CACnD,MAAM,EAAE,oBAAoB,qBAAqB;CAEjD,OAAO,gBAAgB,MAAM;EAC7B;AAIF,MAAa,sBAAsB,YACjC,OACA,SACD,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU;CAC9B,MAAM,EAAE,mBAAmB,qBAAqB;CAEhD,OAAO,eAAe,MAAM;EAC5B;AAIF,MAAM,0BAA0B,YAG9B,OAAO,aAAa,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU;CACnD,MAAM,EAAE,uBAAuB,qBAAqB;CAEpD,OAAO,mBAAmB,MAAM;EAChC;AAIF,MAAa,4BAA4B,YAGvC,UAAU;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,QAAQ;CAAE,CAAC,CAC/D,EAAE,SAAS,MAAM,GAChB,UAAU;CACT,MAAM,EAAE,yBAAyB,qBAAqB;CAEtD,OAAO,qBAAqB,MAAM;EAErC;AAKD,MAAa,uBAAuB,aAGjC,EAAE,UAAU,GAAG,WAAW;CAC3B,MAAM,EAAE,oBAAoB,qBAAqB;CAEjD,OACE,iBAAA,GAAA,kBAAA,KAAC,yBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;EAAY,GAAI,iBAAA,GAAA,oBAAA,cAAA,MAAsC,KAAK,CAAC;EACzD;EACU,CAAA,EACW,CAAA;GAE3B,UAAU,CAAC,EACZ,0BAA0B,MAC3B,CAAC;AAIF,MAAa,sBAAsB,YACjC,OACA,SACD,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,qBAAqB;CAEhD,OAAO,eAAe,MAAM;EAC5B;AAIF,MAAa,oBAAoB,YAC/B,OACA,OACD,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,iBAAiB,qBAAqB;CAE9C,OAAO,aAAa,MAAM;EAC1B;AAIF,MAAa,sBAAsB,YACjC,OACA,SACD,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,qBAAqB;CAEhD,OAAO,eAAe,MAAM;EAC5B"}
+{"version":3,"file":"native-popover.cjs","names":["createSlotComponent","nativePopoverStyle","useNativePopover","styled"],"sources":["../../../../src/components/native-popover/native-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { NativePopoverStyle } from \"./native-popover.style\"\nimport type {\n  UseNativePopoverProps,\n  UseNativePopoverReturn,\n} from \"./use-native-popover\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { cast } from \"../../utils\"\nimport { nativePopoverStyle } from \"./native-popover.style\"\nimport { useNativePopover } from \"./use-native-popover\"\n\ninterface ComponentContext extends Pick<\n  UseNativePopoverReturn,\n  | \"getAnchorProps\"\n  | \"getBodyProps\"\n  | \"getCloseTriggerProps\"\n  | \"getContentProps\"\n  | \"getFooterProps\"\n  | \"getHeaderProps\"\n  | \"getPositionerProps\"\n  | \"getTriggerProps\"\n> {}\n\nexport interface NativePopoverRootProps\n  extends\n    UseNativePopoverProps,\n    ThemeProps<NativePopoverStyle>,\n    PropsWithChildren {}\n\nconst {\n  ComponentContext,\n  PropsContext: NativePopoverPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: useNativePopoverPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<\n  NativePopoverRootProps,\n  NativePopoverStyle,\n  ComponentContext\n>(\"native-popover\", nativePopoverStyle)\n\nexport { NativePopoverPropsContext, useNativePopoverPropsContext }\n\n/**\n * `NativePopover` is a component that floats around an element to display information using the native HTML Popover API.\n *\n * @see https://yamada-ui.com/docs/components/native-popover\n */\nexport const NativePopoverRoot: FC<NativePopoverRootProps> = (props) => {\n  const [styleContext, { children, ...rest }] = useRootComponentProps(props)\n  const {\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n  } = useNativePopover(rest)\n  const componentContext = useMemo(\n    () => ({\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    }),\n    [\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <ComponentContext value={componentContext}>{children}</ComponentContext>\n    </StyleContext>\n  )\n}\n\nexport interface NativePopoverTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const NativePopoverTrigger = withContext<\n  \"button\",\n  NativePopoverTriggerProps\n>(\"button\", \"trigger\")({ asChild: true }, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return getTriggerProps(props)\n})\n\nexport interface NativePopoverAnchorProps extends HTMLStyledProps {}\n\nexport const NativePopoverAnchor = withContext<\"div\", NativePopoverAnchorProps>(\n  \"div\",\n  \"anchor\",\n)({ asChild: true }, (props) => {\n  const { getAnchorProps } = useComponentContext()\n\n  return getAnchorProps(props)\n})\n\ninterface NativePopoverPositionerProps extends HTMLStyledProps {}\n\nconst NativePopoverPositioner = withContext<\n  \"div\",\n  NativePopoverPositionerProps\n>(\"div\", \"positioner\")({ asChild: true }, (props) => {\n  const { getPositionerProps } = useComponentContext()\n\n  return getPositionerProps(props)\n})\n\nexport interface NativePopoverCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const NativePopoverCloseTrigger = withContext<\n  \"button\",\n  NativePopoverCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  { asChild: true },\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return getCloseTriggerProps(props)\n  },\n)\n\nexport interface NativePopoverContentProps\n  extends HTMLStyledProps, PropsWithChildren {}\n\nexport const NativePopoverContent = withContext<\n  \"div\",\n  NativePopoverContentProps\n>(({ children, ...rest }) => {\n  const { getContentProps } = useComponentContext()\n\n  return (\n    <NativePopoverPositioner>\n      <styled.div {...getContentProps(cast<HTMLStyledProps>(rest))}>\n        {children}\n      </styled.div>\n    </NativePopoverPositioner>\n  )\n}, \"content\")({\n  suppressHydrationWarning: true,\n})\n\nexport interface NativePopoverHeaderProps extends HTMLStyledProps {}\n\nexport const NativePopoverHeader = withContext<\"div\", NativePopoverHeaderProps>(\n  \"div\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return getHeaderProps(props)\n})\n\nexport interface NativePopoverBodyProps extends HTMLStyledProps {}\n\nexport const NativePopoverBody = withContext<\"div\", NativePopoverBodyProps>(\n  \"div\",\n  \"body\",\n)(undefined, (props) => {\n  const { getBodyProps } = useComponentContext()\n\n  return getBodyProps(props)\n})\n\nexport interface NativePopoverFooterProps extends HTMLStyledProps {}\n\nexport const NativePopoverFooter = withContext<\"div\", NativePopoverFooterProps>(\n  \"div\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return getFooterProps(props)\n})\n"],"mappings":";;;;;;;;;AAiCA,MAAM,EACJ,kBACA,cAAc,2BACd,cACA,qBACA,iBAAiB,8BACjB,aACA,0BACEA,yBAAAA,oBAIF,kBAAkBC,6BAAAA,kBAAkB;;;;;;AAStC,MAAa,qBAAiD,UAAU;CACtE,MAAM,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,sBAAsB,KAAK;CACzE,MAAM,EACJ,gBACA,cACA,sBACA,iBACA,gBACA,gBACA,oBACA,oBACEC,2BAAAA,iBAAiB,IAAI;CAwBzB,OACE,iBAAA,GAAA,kBAAA,KAAC,cAAD;EAAc,OAAO;YACnB,iBAAA,GAAA,kBAAA,KAAC,kBAAD;GAAkB,QAAA,GAAA,MAAA,gBAxBb;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,IACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAK0C;GAAI;EAA2B,CAAA;CAC3D,CAAA;AAElB;AAIA,MAAa,uBAAuB,YAGlC,UAAU,SAAS,EAAE,EAAE,SAAS,KAAK,IAAI,UAAU;CACnD,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO,gBAAgB,KAAK;AAC9B,CAAC;AAID,MAAa,sBAAsB,YACjC,OACA,QACF,EAAE,EAAE,SAAS,KAAK,IAAI,UAAU;CAC9B,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC;AAID,MAAM,0BAA0B,YAG9B,OAAO,YAAY,EAAE,EAAE,SAAS,KAAK,IAAI,UAAU;CACnD,MAAM,EAAE,uBAAuB,oBAAoB;CAEnD,OAAO,mBAAmB,KAAK;AACjC,CAAC;AAID,MAAa,4BAA4B,YAGvC,UAAU;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,OAAO;AAAE,CAAC,EAC9D,EAAE,SAAS,KAAK,IACf,UAAU;CACT,MAAM,EAAE,yBAAyB,oBAAoB;CAErD,OAAO,qBAAqB,KAAK;AACnC,CACF;AAKA,MAAa,uBAAuB,aAGjC,EAAE,UAAU,GAAG,WAAW;CAC3B,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OACE,iBAAA,GAAA,kBAAA,KAAC,yBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;EAAY,GAAI,iBAAA,GAAA,oBAAA,cAAA,MAAsC,IAAI,CAAC;EACxD;CACS,CAAA,EACW,CAAA;AAE7B,GAAG,SAAS,EAAE,EACZ,0BAA0B,KAC5B,CAAC;AAID,MAAa,sBAAsB,YACjC,OACA,QACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC;AAID,MAAa,oBAAoB,YAC/B,OACA,MACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,iBAAiB,oBAAoB;CAE7C,OAAO,aAAa,KAAK;AAC3B,CAAC;AAID,MAAa,sBAAsB,YACjC,OACA,QACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC"}

package/dist/cjs/components/native-popover/native-popover.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"native-popover.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-popover/native-popover.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativePopoverStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{gap}\",\n    },\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.muted\",\n      borderWidth: \"1px\",\n      boxShadow: \"sm\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      focusVisibleRing: \"none\",\n      gap: \"{gap}\",\n      p: \"{padding}\",\n      rounded: \"l2\",\n    },\n    footer: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n    header: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"semibold\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n  },\n\n  sizes: {\n    xs: {\n      content: {\n        \"--gap\": \"spaces.1\",\n        \"--padding\": \"spaces.2\",\n        fontSize: \"xs\",\n      },\n    },\n    sm: {\n      content: {\n        \"--gap\": \"spaces.2\",\n        \"--padding\": \"spaces.3\",\n        fontSize: \"sm\",\n      },\n    },\n    md: {\n      content: {\n        \"--gap\": \"spaces.3\",\n        \"--padding\": \"spaces.4\",\n        fontSize: \"md\",\n      },\n    },\n    lg: {\n      content: {\n        \"--gap\": \"spaces.4\",\n        \"--padding\": \"spaces.5\",\n        fontSize: \"md\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type NativePopoverStyle = typeof nativePopoverStyle\n"],"mappings":";AAEA,MAAa,4DAAqBA,CAAAA,yBAAyB;CACzD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACN;EACD,SAAS;GACP,IAAI;GACJ,aAAa;GACb,aAAa;GACb,WAAW;GACX,SAAS;GACT,eAAe;GACf,kBAAkB;GAClB,KAAK;GACL,GAAG;GACH,SAAS;GACV;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;GACjB;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;GACjB;EACF;CAED,OAAO;EACL,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;GACX,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;GACX,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;GACX,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;GACX,EACF;EACF;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"native-popover.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-popover/native-popover.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativePopoverStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{gap}\",\n    },\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.muted\",\n      borderWidth: \"1px\",\n      boxShadow: \"sm\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      focusVisibleRing: \"none\",\n      gap: \"{gap}\",\n      p: \"{padding}\",\n      rounded: \"l2\",\n    },\n    footer: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n    header: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"semibold\",\n      gap: \"{gap}\",\n      justifyContent: \"flex-start\",\n    },\n  },\n\n  sizes: {\n    xs: {\n      content: {\n        \"--gap\": \"spaces.1\",\n        \"--padding\": \"spaces.2\",\n        fontSize: \"xs\",\n      },\n    },\n    sm: {\n      content: {\n        \"--gap\": \"spaces.2\",\n        \"--padding\": \"spaces.3\",\n        fontSize: \"sm\",\n      },\n    },\n    md: {\n      content: {\n        \"--gap\": \"spaces.3\",\n        \"--padding\": \"spaces.4\",\n        fontSize: \"md\",\n      },\n    },\n    lg: {\n      content: {\n        \"--gap\": \"spaces.4\",\n        \"--padding\": \"spaces.5\",\n        fontSize: \"md\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type NativePopoverStyle = typeof nativePopoverStyle\n"],"mappings":";AAEA,MAAa,2DAAqBA,EAAAA,yBAAyB;CACzD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;EACP;EACA,SAAS;GACP,IAAI;GACJ,aAAa;GACb,aAAa;GACb,WAAW;GACX,SAAS;GACT,eAAe;GACf,kBAAkB;GAClB,KAAK;GACL,GAAG;GACH,SAAS;EACX;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;EAClB;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;EAClB;CACF;CAEA,OAAO;EACL,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;EACA,IAAI,EACF,SAAS;GACP,SAAS;GACT,aAAa;GACb,UAAU;EACZ,EACF;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}

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

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_environment_provider = require("../../core/system/environment-provider.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"use-native-popover.cjs","names":["useEnvironment","usePopper","mergeRefs"],"sources":["../../../../src/components/native-popover/use-native-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent, RefObject } from \"react\"\nimport type { PropGetter } from \"../../core\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  cx,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n} from \"../../utils\"\n\nexport interface UseNativePopoverProps extends UsePopperProps<\"button\"> {\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: UsePopperProps[\"placement\"]\n  /**\n   * The mode of the popover.\n   *\n   * @default 'auto'\n   */\n  popover?: \"\" | \"auto\" | \"hint\" | \"manual\" | true\n  /**\n   * The target element ID for the popover trigger.\n   * If not provided, a generated ID will be used.\n   */\n  popoverTarget?: string\n  /**\n   * The action for the popover target.\n   *\n   * @default 'toggle'\n   */\n  popoverTargetAction?: \"hide\" | \"show\" | \"toggle\"\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const useNativePopover = ({\n  autoUpdate,\n  disabled = false,\n  elements,\n  flip,\n  gutter,\n  matchWidth,\n  middleware,\n  offset,\n  placement = \"end\",\n  platform,\n  popover = \"auto\",\n  popoverTarget,\n  popoverTargetAction = \"toggle\",\n  preventOverflow,\n  strategy,\n  transform,\n  updateRef,\n  whileElementsMounted,\n}: UseNativePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const generatedContentId = useId()\n  const contentId = popoverTarget ?? generatedContentId\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLButtonElement>) => {\n      if (!disabled) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [disabled],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      return {\n        type: \"button\",\n        \"aria-controls\": contentId,\n        \"aria-disabled\": ariaAttr(disabled),\n        \"aria-haspopup\": \"dialog\",\n        popoverTarget: contentId,\n        popoverTargetAction,\n        role: \"button\",\n        ...props,\n        ref: mergeRefs(ref, triggerRef, (node) => {\n          if (anchorRef.current == null) refs.setReference(node)\n        }),\n        onClick: handlerAll(props.onClick, onClick),\n      }\n    },\n    [contentId, disabled, onClick, popoverTargetAction, refs],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => getPopperProps(props),\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => {\n      const hasHeader = !!getDocument()?.getElementById(headerId)\n      const hasBody = !!getDocument()?.getElementById(bodyId)\n\n      return {\n        id: contentId,\n        \"aria-describedby\": cx(ariaDescribedby, hasBody ? bodyId : undefined),\n        \"aria-labelledby\": cx(ariaLabelledby, hasHeader ? headerId : undefined),\n        \"data-popup\": dataAttr(true),\n        popover: popover === true ? \"\" : popover,\n        role: \"dialog\",\n        tabIndex: -1,\n        ...props,\n        ref: mergeRefs(ref, contentRef),\n      }\n    },\n    [getDocument, headerId, bodyId, contentId, popover],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({ id: headerId, ...props }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => {\n      return {\n        popoverTarget: contentId,\n        popoverTargetAction: \"hide\",\n        ...props,\n      }\n    },\n    [contentId],\n  )\n\n  return {\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n  }\n}\n\nexport type UseNativePopoverReturn = ReturnType<typeof useNativePopover>\n"],"mappings":"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"}
+{"version":3,"file":"use-native-popover.cjs","names":["useEnvironment","usePopper","mergeRefs"],"sources":["../../../../src/components/native-popover/use-native-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent, RefObject } from \"react\"\nimport type { PropGetter } from \"../../core\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  cx,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n} from \"../../utils\"\n\nexport interface UseNativePopoverProps extends UsePopperProps<\"button\"> {\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: UsePopperProps[\"placement\"]\n  /**\n   * The mode of the popover.\n   *\n   * @default 'auto'\n   */\n  popover?: \"\" | \"auto\" | \"hint\" | \"manual\" | true\n  /**\n   * The target element ID for the popover trigger.\n   * If not provided, a generated ID will be used.\n   */\n  popoverTarget?: string\n  /**\n   * The action for the popover target.\n   *\n   * @default 'toggle'\n   */\n  popoverTargetAction?: \"hide\" | \"show\" | \"toggle\"\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const useNativePopover = ({\n  autoUpdate,\n  disabled = false,\n  elements,\n  flip,\n  gutter,\n  matchWidth,\n  middleware,\n  offset,\n  placement = \"end\",\n  platform,\n  popover = \"auto\",\n  popoverTarget,\n  popoverTargetAction = \"toggle\",\n  preventOverflow,\n  strategy,\n  transform,\n  updateRef,\n  whileElementsMounted,\n}: UseNativePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const generatedContentId = useId()\n  const contentId = popoverTarget ?? generatedContentId\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLButtonElement>) => {\n      if (!disabled) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [disabled],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      return {\n        type: \"button\",\n        \"aria-controls\": contentId,\n        \"aria-disabled\": ariaAttr(disabled),\n        \"aria-haspopup\": \"dialog\",\n        popoverTarget: contentId,\n        popoverTargetAction,\n        role: \"button\",\n        ...props,\n        ref: mergeRefs(ref, triggerRef, (node) => {\n          if (anchorRef.current == null) refs.setReference(node)\n        }),\n        onClick: handlerAll(props.onClick, onClick),\n      }\n    },\n    [contentId, disabled, onClick, popoverTargetAction, refs],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => getPopperProps(props),\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => {\n      const hasHeader = !!getDocument()?.getElementById(headerId)\n      const hasBody = !!getDocument()?.getElementById(bodyId)\n\n      return {\n        id: contentId,\n        \"aria-describedby\": cx(ariaDescribedby, hasBody ? bodyId : undefined),\n        \"aria-labelledby\": cx(ariaLabelledby, hasHeader ? headerId : undefined),\n        \"data-popup\": dataAttr(true),\n        popover: popover === true ? \"\" : popover,\n        role: \"dialog\",\n        tabIndex: -1,\n        ...props,\n        ref: mergeRefs(ref, contentRef),\n      }\n    },\n    [getDocument, headerId, bodyId, contentId, popover],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({ id: headerId, ...props }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => {\n      return {\n        popoverTarget: contentId,\n        popoverTargetAction: \"hide\",\n        ...props,\n      }\n    },\n    [contentId],\n  )\n\n  return {\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n  }\n}\n\nexport type UseNativePopoverReturn = ReturnType<typeof useNativePopover>\n"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_props = require("../../core/components/props.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_chevron_down_icon = require("../icon/icons/chevron-down-icon.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"native-select.cjs","names":["createSlotComponent","nativeSelectStyle","useGroupItemProps","useNativeSelect","useInputBorder","mergeProps","useInputPropsContext","ChevronDownIcon"],"sources":["../../../../src/components/native-select/native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { NativeSelectStyle } from \"./native-select.style\"\nimport type { UseNativeSelectProps } from \"./use-native-select\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { nativeSelectStyle } from \"./native-select.style\"\nimport { useNativeSelect } from \"./use-native-select\"\n\nexport interface NativeSelectRootProps\n  extends\n    Omit<HTMLStyledProps<\"select\">, \"size\">,\n    UseNativeSelectProps,\n    ThemeProps<NativeSelectStyle>,\n    FieldProps,\n    UseInputBorderProps {\n  /**\n   * The icon to be used in the select.\n   */\n  icon?: ReactNode\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * Props for icon element.\n   */\n  iconProps?: NativeSelectIconProps\n  /**\n   * Props for root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  component,\n  PropsContext: NativeSelectPropsContext,\n  usePropsContext: useNativeSelectPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NativeSelectRootProps, NativeSelectStyle>(\n  \"native-select\",\n  nativeSelectStyle,\n)\n\nexport { NativeSelectPropsContext, useNativeSelectPropsContext }\n\n/**\n * `NativeSelect` is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).\n *\n * @see https://yamada-ui.com/docs/components/native-select\n */\nexport const NativeSelectRoot = withProvider<\"select\", NativeSelectRootProps>(\n  (props) => {\n    const [\n      groupItemProps,\n      {\n        className,\n        css,\n        colorScheme,\n        errorBorderColor,\n        focusBorderColor,\n        icon,\n        elementProps,\n        iconProps,\n        rootProps,\n        ...rest\n      },\n    ] = useGroupItemProps(props)\n    const { getFieldProps, getIconProps, getRootProps } = useNativeSelect(rest)\n    const varProps = useInputBorder({\n      errorBorderColor,\n      focusBorderColor,\n    })\n\n    return (\n      <InputGroup.Root\n        {...mergeProps(\n          { className, css, colorScheme },\n          getRootProps(groupItemProps),\n          rootProps,\n        )()}\n      >\n        <NativeSelectField {...getFieldProps({ ...varProps })} />\n\n        <InputGroup.Element {...elementProps}>\n          <NativeSelectIcon icon={icon} {...getIconProps(iconProps)} />\n        </InputGroup.Element>\n      </InputGroup.Root>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n})\n\ninterface NativeSelectFieldProps extends HTMLStyledProps<\"select\"> {}\n\nconst NativeSelectField = withContext<\"select\", NativeSelectFieldProps>(\n  \"select\",\n  \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface NativeSelectIconProps extends HTMLStyledProps {\n  icon?: ReactNode\n}\n\nconst NativeSelectIcon = withContext<\"div\", NativeSelectIconProps>(\n  \"div\",\n  \"icon\",\n)(undefined, ({ children, icon, ...rest }) => ({\n  children: icon || children || <ChevronDownIcon />,\n  ...rest,\n}))\n\nexport interface NativeSelectGroupProps extends HTMLProps<\"optgroup\"> {}\n\nexport const NativeSelectGroup = component<\"optgroup\", NativeSelectGroupProps>(\n  \"optgroup\",\n  \"group\",\n)()\n\nexport interface NativeSelectOptionProps extends HTMLProps<\"option\"> {}\n\nexport const NativeSelectOption = component<\"option\", NativeSelectOptionProps>(\n  \"option\",\n  \"option\",\n)()\n\nexport interface NativeSelectSeparatorProps extends HTMLProps<\"hr\"> {}\n\nexport const NativeSelectSeparator = component<\n  \"hr\",\n  NativeSelectSeparatorProps\n>(\"hr\", \"separator\")()\n"],"mappings":";;;;;;;;;;;;;;AAwCA,MAAM,EACJ,WACA,cAAc,0BACd,iBAAiB,6BACjB,aACA,iBACEA,yBAAAA,oBACF,iBACAC,4BAAAA,kBACD;;;;;;AASD,MAAa,mBAAmB,cAC7B,UAAU;CACT,MAAM,CACJ,gBACA,EACE,WACA,KACA,aACA,kBACA,kBACA,MACA,cACA,WACA,WACA,GAAG,UAEHC,kBAAAA,kBAAkB,MAAM;CAC5B,MAAM,EAAE,eAAe,cAAc,iBAAiBC,0BAAAA,gBAAgB,KAAK;CAC3E,MAAM,WAAWC,yBAAAA,eAAe;EAC9B;EACA;EACD,CAAC;CAEF,OACE,iBAAA,GAAA,kBAAA,MAAA,oBAAA,gBAAA;EACE,GAAIC,cAAAA,WACF;GAAE;GAAW;GAAK;GAAa,EAC/B,aAAa,eAAe,EAC5B,UACD,EAAE;YALL,CAOE,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAmB,GAAI,cAAc,EAAE,GAAG,UAAU,CAAC,EAAI,CAAA,EAEzD,iBAAA,GAAA,kBAAA,KAAA,sBAAA,cAAA;GAAoB,GAAI;aACtB,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAwB;IAAM,GAAI,aAAa,UAAU;IAAI,CAAA;GAC1C,CAAA,CACL;;GAGtB,OACD,EAAE,UAAU;CAGX,OAAOA,cAAAA,WAFSC,cAAAA,sBAES,EAAE,MAAM,EAAE;EACnC;AAIF,MAAM,oBAAoB,YACxB,UACA,QACD,CAAC,EAAE,wBAAwB,IAAI,CAAC;AAMjC,MAAM,mBAAmB,YACvB,OACA,OACD,CAAC,KAAA,IAAY,EAAE,UAAU,MAAM,GAAG,YAAY;CAC7C,UAAU,QAAQ,YAAY,iBAAA,GAAA,kBAAA,KAACC,0BAAAA,iBAAD,EAAmB,CAAA;CACjD,GAAG;CACJ,EAAE;AAIH,MAAa,oBAAoB,UAC/B,YACA,QACD,EAAE;AAIH,MAAa,qBAAqB,UAChC,UACA,SACD,EAAE;AAIH,MAAa,wBAAwB,UAGnC,MAAM,YAAY,EAAE"}
+{"version":3,"file":"native-select.cjs","names":["createSlotComponent","nativeSelectStyle","useGroupItemProps","useNativeSelect","useInputBorder","mergeProps","useInputPropsContext","ChevronDownIcon"],"sources":["../../../../src/components/native-select/native-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { NativeSelectStyle } from \"./native-select.style\"\nimport type { UseNativeSelectProps } from \"./use-native-select\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { nativeSelectStyle } from \"./native-select.style\"\nimport { useNativeSelect } from \"./use-native-select\"\n\nexport interface NativeSelectRootProps\n  extends\n    Omit<HTMLStyledProps<\"select\">, \"size\">,\n    UseNativeSelectProps,\n    ThemeProps<NativeSelectStyle>,\n    FieldProps,\n    UseInputBorderProps {\n  /**\n   * The icon to be used in the select.\n   */\n  icon?: ReactNode\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * Props for icon element.\n   */\n  iconProps?: NativeSelectIconProps\n  /**\n   * Props for root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  component,\n  PropsContext: NativeSelectPropsContext,\n  usePropsContext: useNativeSelectPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<NativeSelectRootProps, NativeSelectStyle>(\n  \"native-select\",\n  nativeSelectStyle,\n)\n\nexport { NativeSelectPropsContext, useNativeSelectPropsContext }\n\n/**\n * `NativeSelect` is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).\n *\n * @see https://yamada-ui.com/docs/components/native-select\n */\nexport const NativeSelectRoot = withProvider<\"select\", NativeSelectRootProps>(\n  (props) => {\n    const [\n      groupItemProps,\n      {\n        className,\n        css,\n        colorScheme,\n        errorBorderColor,\n        focusBorderColor,\n        icon,\n        elementProps,\n        iconProps,\n        rootProps,\n        ...rest\n      },\n    ] = useGroupItemProps(props)\n    const { getFieldProps, getIconProps, getRootProps } = useNativeSelect(rest)\n    const varProps = useInputBorder({\n      errorBorderColor,\n      focusBorderColor,\n    })\n\n    return (\n      <InputGroup.Root\n        {...mergeProps(\n          { className, css, colorScheme },\n          getRootProps(groupItemProps),\n          rootProps,\n        )()}\n      >\n        <NativeSelectField {...getFieldProps({ ...varProps })} />\n\n        <InputGroup.Element {...elementProps}>\n          <NativeSelectIcon icon={icon} {...getIconProps(iconProps)} />\n        </InputGroup.Element>\n      </InputGroup.Root>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n})\n\ninterface NativeSelectFieldProps extends HTMLStyledProps<\"select\"> {}\n\nconst NativeSelectField = withContext<\"select\", NativeSelectFieldProps>(\n  \"select\",\n  \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface NativeSelectIconProps extends HTMLStyledProps {\n  icon?: ReactNode\n}\n\nconst NativeSelectIcon = withContext<\"div\", NativeSelectIconProps>(\n  \"div\",\n  \"icon\",\n)(undefined, ({ children, icon, ...rest }) => ({\n  children: icon || children || <ChevronDownIcon />,\n  ...rest,\n}))\n\nexport interface NativeSelectGroupProps extends HTMLProps<\"optgroup\"> {}\n\nexport const NativeSelectGroup = component<\"optgroup\", NativeSelectGroupProps>(\n  \"optgroup\",\n  \"group\",\n)()\n\nexport interface NativeSelectOptionProps extends HTMLProps<\"option\"> {}\n\nexport const NativeSelectOption = component<\"option\", NativeSelectOptionProps>(\n  \"option\",\n  \"option\",\n)()\n\nexport interface NativeSelectSeparatorProps extends HTMLProps<\"hr\"> {}\n\nexport const NativeSelectSeparator = component<\n  \"hr\",\n  NativeSelectSeparatorProps\n>(\"hr\", \"separator\")()\n"],"mappings":";;;;;;;;;;;;;AAwCA,MAAM,EACJ,WACA,cAAc,0BACd,iBAAiB,6BACjB,aACA,iBACEA,yBAAAA,oBACF,iBACAC,4BAAAA,iBACF;;;;;;AASA,MAAa,mBAAmB,cAC7B,UAAU;CACT,MAAM,CACJ,gBACA,EACE,WACA,KACA,aACA,kBACA,kBACA,MACA,cACA,WACA,WACA,GAAG,UAEHC,kBAAAA,kBAAkB,KAAK;CAC3B,MAAM,EAAE,eAAe,cAAc,iBAAiBC,0BAAAA,gBAAgB,IAAI;CAC1E,MAAM,WAAWC,yBAAAA,eAAe;EAC9B;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,MAAA,oBAAA,gBAAA;EACE,GAAIC,cAAAA,WACF;GAAE;GAAW;GAAK;EAAY,GAC9B,aAAa,cAAc,GAC3B,SACF,EAAE;YALJ,CAOE,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAmB,GAAI,cAAc,EAAE,GAAG,SAAS,CAAC,EAAI,CAAA,GAExD,iBAAA,GAAA,kBAAA,KAAA,sBAAA,cAAA;GAAoB,GAAI;aACtB,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAwB;IAAM,GAAI,aAAa,SAAS;GAAI,CAAA;EAC1C,CAAA,CACL;;AAErB,GACA,MACF,GAAG,UAAU;CAGX,OAAOA,cAAAA,WAFSC,cAAAA,qBAEQ,GAAG,KAAK,EAAE;AACpC,CAAC;AAID,MAAM,oBAAoB,YACxB,UACA,OACF,EAAE,EAAE,wBAAwB,GAAG,CAAC;AAMhC,MAAM,mBAAmB,YACvB,OACA,MACF,EAAE,KAAA,IAAY,EAAE,UAAU,MAAM,GAAG,YAAY;CAC7C,UAAU,QAAQ,YAAY,iBAAA,GAAA,kBAAA,KAACC,0BAAAA,iBAAD,CAAkB,CAAA;CAChD,GAAG;AACL,EAAE;AAIF,MAAa,oBAAoB,UAC/B,YACA,OACF,EAAE;AAIF,MAAa,qBAAqB,UAChC,UACA,QACF,EAAE;AAIF,MAAa,wBAAwB,UAGnC,MAAM,WAAW,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"native-select.style.cjs","names":["defineComponentSlotStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/native-select/native-select.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport {\n  getInputHeightStyle,\n  getInputPaddingStartResetStyle,\n  inputStyle,\n} from \"../input\"\n\nexport const nativeSelectStyle = defineComponentSlotStyle({\n  base: {\n    field: {\n      ...inputStyle.base,\n      \"& > option, optgroup\": { bg: \"bg.float\" },\n      _readOnly: { pointerEvents: \"none\" },\n    },\n    icon: {\n      alignItems: \"center\",\n      color: \"colorScheme.outline\",\n      display: \"inline-flex\",\n      fontSize: \"1em\",\n      justifyContent: \"center\",\n      rounded: \"l1\",\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    root: {},\n  },\n\n  variants: {\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n      root: getInputPaddingStartResetStyle(\n        \"& > :is(select, [role='combobox'])\",\n      ),\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      field: { ...inputStyle.sizes?.xs, fontSize: \"1em\" },\n      root: {\n        ...getInputHeightStyle(\n          inputStyle.sizes?.xs.minH,\n          \"& > :is(select, [role='combobox'])\",\n        ),\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n    },\n    sm: {\n      field: { ...inputStyle.sizes?.sm, fontSize: \"1em\" },\n      root: {\n        ...getInputHeightStyle(\n          inputStyle.sizes?.sm.minH,\n          \"& > :is(select, [role='combobox'])\",\n        ),\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n    },\n    md: {\n      field: { ...inputStyle.sizes?.md, fontSize: \"1em\" },\n      root: {\n        ...getInputHeightStyle(\n          inputStyle.sizes?.md.minH,\n          \"& > :is(select, [role='combobox'])\",\n        ),\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n    },\n    lg: {\n      field: { ...inputStyle.sizes?.lg, fontSize: \"1em\" },\n      root: {\n        ...getInputHeightStyle(\n          inputStyle.sizes?.lg.minH,\n          \"& > :is(select, [role='combobox'])\",\n        ),\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n    },\n    xl: {\n      field: { ...inputStyle.sizes?.xl, fontSize: \"1em\" },\n      root: {\n        ...getInputHeightStyle(\n          inputStyle.sizes?.xl.minH,\n          \"& > :is(select, [role='combobox'])\",\n        ),\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type NativeSelectStyle = typeof nativeSelectStyle\n"],"mappings":";;;AAOA,MAAa,oBAAoBA,eAAAA,yBAAyB;CACxD,MAAM;EACJ,OAAO;GACL,GAAGC,oBAAAA,WAAW;GACd,wBAAwB,EAAE,IAAI,YAAY;GAC1C,WAAW,EAAE,eAAe,QAAQ;GACrC;EACD,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,UAAU;GACV,gBAAgB;GAChB,SAAS;GACT,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,MAAM,EAAE;EACT;CAED,UAAU;EACR,QAAQ,EACN,OAAOA,oBAAAA,WAAW,UAAU,QAC7B;EACD,SAAS;GACP,OAAOA,oBAAAA,WAAW,UAAU;GAC5B,MAAMC,oBAAAA,+BACJ,qCACD;GACF;EACD,SAAS,EACP,OAAOD,oBAAAA,WAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAOA,oBAAAA,WAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI;GACF,OAAO;IAAE,GAAGA,oBAAAA,WAAW,OAAO;IAAI,UAAU;IAAO;GACnD,MAAM;IACJ,GAAGE,oBAAAA,oBACDF,oBAAAA,WAAW,OAAO,GAAG,MACrB,qCACD;IACD,UAAUA,oBAAAA,WAAW,OAAO,GAAG;IAChC;GACF;EACD,IAAI;GACF,OAAO;IAAE,GAAGA,oBAAAA,WAAW,OAAO;IAAI,UAAU;IAAO;GACnD,MAAM;IACJ,GAAGE,oBAAAA,oBACDF,oBAAAA,WAAW,OAAO,GAAG,MACrB,qCACD;IACD,UAAUA,oBAAAA,WAAW,OAAO,GAAG;IAChC;GACF;EACD,IAAI;GACF,OAAO;IAAE,GAAGA,oBAAAA,WAAW,OAAO;IAAI,UAAU;IAAO;GACnD,MAAM;IACJ,GAAGE,oBAAAA,oBACDF,oBAAAA,WAAW,OAAO,GAAG,MACrB,qCACD;IACD,UAAUA,oBAAAA,WAAW,OAAO,GAAG;IAChC;GACF;EACD,IAAI;GACF,OAAO;IAAE,GAAGA,oBAAAA,WAAW,OAAO;IAAI,UAAU;IAAO;GACnD,MAAM;IACJ,GAAGE,oBAAAA,oBACDF,oBAAAA,WAAW,OAAO,GAAG,MACrB,qCACD;IACD,UAAUA,oBAAAA,WAAW,OAAO,GAAG;IAChC;GACF;EACD,IAAI;GACF,OAAO;IAAE,GAAGA,oBAAAA,WAAW,OAAO;IAAI,UAAU;IAAO;GACnD,MAAM;IACJ,GAAGE,oBAAAA,oBACDF,oBAAAA,WAAW,OAAO,GAAG,MACrB,qCACD;IACD,UAAUA,oBAAAA,WAAW,OAAO,GAAG;IAChC;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"native-select.style.cjs","names":["defineComponentSlotStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/native-select/native-select.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport {\n  getInputHeightStyle,\n  getInputPaddingStartResetStyle,\n  inputStyle,\n} from \"../input\"\n\nexport const nativeSelectStyle = defineComponentSlotStyle({\n  base: {\n    field: {\n      ...inputStyle.base,\n      \"& > option, optgroup\": { bg: \"bg.float\" },\n      _readOnly: { pointerEvents: \"none\" },\n    },\n    icon: {\n      alignItems: \"center\",\n      color: \"colorScheme.outline\",\n      display: \"inline-flex\",\n      fontSize: \"1em\",\n      justifyContent: \"center\",\n      rounded: \"l1\",\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    root: {},\n  },\n\n  variants: {\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n      root: getInputPaddingStartResetStyle(\n        \"& > :is(select, [role='combobox'])\",\n      ),\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      field: { ...inputStyle.sizes?.xs, fontSize: \"1em\" },\n      root: {\n        ...getInputHeightStyle(\n          inputStyle.sizes?.xs.minH,\n          \"& > :is(select, [role='combobox'])\",\n        ),\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n    },\n    sm: {\n      field: { ...inputStyle.sizes?.sm, fontSize: \"1em\" },\n      root: {\n        ...getInputHeightStyle(\n          inputStyle.sizes?.sm.minH,\n          \"& > :is(select, [role='combobox'])\",\n        ),\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n    },\n    md: {\n      field: { ...inputStyle.sizes?.md, fontSize: \"1em\" },\n      root: {\n        ...getInputHeightStyle(\n          inputStyle.sizes?.md.minH,\n          \"& > :is(select, [role='combobox'])\",\n        ),\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n    },\n    lg: {\n      field: { ...inputStyle.sizes?.lg, fontSize: \"1em\" },\n      root: {\n        ...getInputHeightStyle(\n          inputStyle.sizes?.lg.minH,\n          \"& > :is(select, [role='combobox'])\",\n        ),\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n    },\n    xl: {\n      field: { ...inputStyle.sizes?.xl, fontSize: \"1em\" },\n      root: {\n        ...getInputHeightStyle(\n          inputStyle.sizes?.xl.minH,\n          \"& > :is(select, [role='combobox'])\",\n        ),\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type NativeSelectStyle = typeof nativeSelectStyle\n"],"mappings":";;;AAOA,MAAa,oBAAoBA,eAAAA,yBAAyB;CACxD,MAAM;EACJ,OAAO;GACL,GAAGC,oBAAAA,WAAW;GACd,wBAAwB,EAAE,IAAI,WAAW;GACzC,WAAW,EAAE,eAAe,OAAO;EACrC;EACA,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,UAAU;GACV,gBAAgB;GAChB,SAAS;GACT,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,MAAM,CAAC;CACT;CAEA,UAAU;EACR,QAAQ,EACN,OAAOA,oBAAAA,WAAW,UAAU,OAC9B;EACA,SAAS;GACP,OAAOA,oBAAAA,WAAW,UAAU;GAC5B,MAAMC,oBAAAA,+BACJ,oCACF;EACF;EACA,SAAS,EACP,OAAOD,oBAAAA,WAAW,UAAU,QAC9B;EACA,OAAO,EACL,OAAOA,oBAAAA,WAAW,UAAU,MAC9B;CACF;CAEA,OAAO;EACL,IAAI;GACF,OAAO;IAAE,GAAGA,oBAAAA,WAAW,OAAO;IAAI,UAAU;GAAM;GAClD,MAAM;IACJ,GAAGE,oBAAAA,oBACDF,oBAAAA,WAAW,OAAO,GAAG,MACrB,oCACF;IACA,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;EACF;EACA,IAAI;GACF,OAAO;IAAE,GAAGA,oBAAAA,WAAW,OAAO;IAAI,UAAU;GAAM;GAClD,MAAM;IACJ,GAAGE,oBAAAA,oBACDF,oBAAAA,WAAW,OAAO,GAAG,MACrB,oCACF;IACA,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;EACF;EACA,IAAI;GACF,OAAO;IAAE,GAAGA,oBAAAA,WAAW,OAAO;IAAI,UAAU;GAAM;GAClD,MAAM;IACJ,GAAGE,oBAAAA,oBACDF,oBAAAA,WAAW,OAAO,GAAG,MACrB,oCACF;IACA,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;EACF;EACA,IAAI;GACF,OAAO;IAAE,GAAGA,oBAAAA,WAAW,OAAO;IAAI,UAAU;GAAM;GAClD,MAAM;IACJ,GAAGE,oBAAAA,oBACDF,oBAAAA,WAAW,OAAO,GAAG,MACrB,oCACF;IACA,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;EACF;EACA,IAAI;GACF,OAAO;IAAE,GAAGA,oBAAAA,WAAW,OAAO;IAAI,UAAU;GAAM;GAClD,MAAM;IACJ,GAAGE,oBAAAA,oBACDF,oBAAAA,WAAW,OAAO,GAAG,MACrB,oCACF;IACA,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

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

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_props = require("../../core/components/props.cjs");
 const require_use_field_props = require("../field/use-field-props.cjs");
@@ -17,7 +16,7 @@ const useNativeSelect = (props = {}) => {
 				const { items, label, ...rest } = item;
 				return (0, react.cloneElement)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("optgroup", {}), {
 					key: index,
-					children: items.map(({ label, ...rest }, index) => (0, react.cloneElement)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {}), {
+					children: items.map(({ label, ...rest }, index) => (0, react.cloneElement)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { "aria-label": label }), {
 						key: index,
 						children: label,
 						...rest
@@ -27,7 +26,7 @@ const useNativeSelect = (props = {}) => {
 				});
 			} else {
 				const { label, ...rest } = item;
-				return (0, react.cloneElement)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {}), {
+				return (0, react.cloneElement)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { "aria-label": label }), {
 					key: index,
 					children: label,
 					...rest