@yamada-ui/react 2.2.6 → 2.2.7-dev-20260804111744

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

@@ -1 +1 @@
-{"version":3,"file":"use-pagination.cjs","names":["createContext","useControllableState","useI18n","mergeProps","mergeRefs"],"sources":["../../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { createContext, handlerAll, isNumber, mergeRefs } from \"../../utils\"\n\nexport type Page = \"ellipsis\" | number\n\ninterface PaginationContext extends Omit<UsePaginationReturn, \"getRootProps\"> {}\n\nconst [PaginationContext, usePaginationContext] =\n  createContext<PaginationContext>({\n    name: \"PaginationContext\",\n  })\n\nexport { PaginationContext, usePaginationContext }\n\nexport interface UsePaginationProps extends Omit<\n  HTMLProps,\n  \"onChange\" | \"page\"\n> {\n  /**\n   * The total number of pages in pagination.\n   */\n  total: number\n  /**\n   * Number of elements visible on the left/right edges.\n   *\n   * @default 1\n   */\n  boundaries?: number\n  /**\n   * The initial page of the pagination.\n   * Should be less than `total` and greater than `1`.\n   *\n   * @default 1\n   */\n  defaultPage?: number\n  /**\n   * If `true`, the pagination all item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The page of the pagination.\n   * Should be less than `total` and greater than `1`.\n   */\n  page?: number\n  /** Number of siblings displayed on the left/right side of selected page.\n   *\n   * @default 1\n   */\n  siblings?: number\n  /**\n   * The callback invoked when the page changes.\n   */\n  onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n  boundaries = 1,\n  defaultPage = 1,\n  disabled = false,\n  page,\n  siblings = 1,\n  total,\n  onChange: onChangeProp,\n  ...rest\n}: UsePaginationProps) => {\n  const { ref: restRef, ...restProps } = rest\n  const [currentPage, setCurrentPage] = useControllableState({\n    defaultValue: defaultPage,\n    value: page,\n    onChange: onChangeProp,\n  })\n  const { t } = useI18n(\"pagination\")\n  const range = useMemo((): Page[] => {\n    const minimumTotal = siblings * 2 + 3 + boundaries * 2\n\n    if (minimumTotal >= total) return computedRange(1, total)\n\n    const prevSiblings = Math.max(currentPage - siblings, boundaries)\n    const nextSiblings = Math.min(currentPage + siblings, total - boundaries)\n    const prevDots = prevSiblings > boundaries + 2\n    const nextDots = nextSiblings < total - (boundaries + 1)\n\n    if (!prevDots && nextDots) {\n      const prevPages = siblings * 2 + boundaries + 2\n\n      return [\n        ...computedRange(1, prevPages),\n        \"ellipsis\",\n        ...computedRange(total - (boundaries - 1), total),\n      ]\n    }\n\n    if (prevDots && !nextDots) {\n      const nextPages = boundaries + 1 + 2 * siblings\n\n      return [\n        ...computedRange(1, boundaries),\n        \"ellipsis\",\n        ...computedRange(total - nextPages, total),\n      ]\n    }\n\n    return [\n      ...computedRange(1, boundaries),\n      \"ellipsis\",\n      ...computedRange(prevSiblings, nextSiblings),\n      \"ellipsis\",\n      ...computedRange(total - boundaries + 1, total),\n    ]\n  }, [boundaries, siblings, currentPage, total])\n\n  const onChange = useCallback(\n    (page: number) => setCurrentPage(Math.max(1, Math.min(total, page))),\n    [setCurrentPage, total],\n  )\n\n  const onChangeStart = useCallback(() => setCurrentPage(1), [setCurrentPage])\n\n  const onChangeEnd = useCallback(\n    () => setCurrentPage(total),\n    [setCurrentPage, total],\n  )\n\n  const onChangePrev = useCallback(\n    () => setCurrentPage((prev) => Math.max(1, prev - 1)),\n    [setCurrentPage],\n  )\n\n  const onChangeNext = useCallback(\n    () => setCurrentPage((prev) => Math.min(total, prev + 1)),\n    [setCurrentPage, total],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      mergeProps(\n        {\n          \"aria-label\": t(\"Pagination\"),\n          role: \"navigation\",\n        },\n        restProps,\n        props,\n        {\n          ref: mergeRefs(ref, restRef),\n        },\n      )(),\n    [restProps, restRef, t],\n  )\n\n  const getItemProps: PropGetter<\"button\", { page?: Page }> = useCallback(\n    ({ page, ...props } = {}) => {\n      if (isNumber(page))\n        return {\n          type: \"button\",\n          \"aria-current\": currentPage === page ? \"page\" : undefined,\n          \"aria-label\": t(\"Go to page {value}\", { value: page }),\n          disabled,\n          ...props,\n          onClick: handlerAll(props.onClick, () => onChange(page)),\n        }\n      else return { ...props, \"data-ellipsis\": \"\" }\n    },\n    [currentPage, t, onChange, disabled],\n  )\n\n  const getStartTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Go to first page\"),\n      disabled: disabled || currentPage === 1,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangeStart),\n    }),\n    [onChangeStart, t, disabled, currentPage],\n  )\n\n  const getEndTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Go to last page\"),\n      disabled: disabled || currentPage === total,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangeEnd),\n    }),\n    [onChangeEnd, t, disabled, currentPage, total],\n  )\n\n  const getPrevTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Go to previous page\"),\n      disabled: disabled || currentPage === 1,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangePrev),\n    }),\n    [onChangePrev, t, disabled, currentPage],\n  )\n\n  const getNextTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Go to next page\"),\n      disabled: disabled || currentPage === total,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangeNext),\n    }),\n    [onChangeNext, t, disabled, currentPage, total],\n  )\n\n  return {\n    currentPage,\n    disabled,\n    range,\n    total,\n    getEndTriggerProps,\n    getItemProps,\n    getNextTriggerProps,\n    getPrevTriggerProps,\n    getRootProps,\n    getStartTriggerProps,\n    onChange,\n    onChangeEnd,\n    onChangeNext,\n    onChangePrev,\n    onChangeStart,\n  }\n}\n\nexport type UsePaginationReturn = ReturnType<typeof usePagination>\n\nconst computedRange = (start: number, end: number) =>\n  Array.from({ length: end - start + 1 }, (_, index) => index + start)\n"],"mappings":"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"}
+{"version":3,"file":"use-pagination.cjs","names":["createContext","useControllableState","useI18n","useMemo","useCallback","mergeProps","mergeRefs"],"sources":["../../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { createContext, handlerAll, isNumber, mergeRefs } from \"../../utils\"\n\nexport type Page = \"ellipsis\" | number\n\ninterface PaginationContext extends Omit<UsePaginationReturn, \"getRootProps\"> {}\n\nconst [PaginationContext, usePaginationContext] =\n  createContext<PaginationContext>({\n    name: \"PaginationContext\",\n  })\n\nexport { PaginationContext, usePaginationContext }\n\nexport interface UsePaginationProps extends Omit<\n  HTMLProps,\n  \"onChange\" | \"page\"\n> {\n  /**\n   * The total number of pages in pagination.\n   */\n  total: number\n  /**\n   * Number of elements visible on the left/right edges.\n   *\n   * @default 1\n   */\n  boundaries?: number\n  /**\n   * The initial page of the pagination.\n   * Should be less than `total` and greater than `1`.\n   *\n   * @default 1\n   */\n  defaultPage?: number\n  /**\n   * If `true`, the pagination all item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The page of the pagination.\n   * Should be less than `total` and greater than `1`.\n   */\n  page?: number\n  /** Number of siblings displayed on the left/right side of selected page.\n   *\n   * @default 1\n   */\n  siblings?: number\n  /**\n   * The callback invoked when the page changes.\n   */\n  onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n  boundaries = 1,\n  defaultPage = 1,\n  disabled = false,\n  page,\n  siblings = 1,\n  total,\n  onChange: onChangeProp,\n  ...rest\n}: UsePaginationProps) => {\n  const { ref: restRef, ...restProps } = rest\n  const [currentPage, setCurrentPage] = useControllableState({\n    defaultValue: defaultPage,\n    value: page,\n    onChange: onChangeProp,\n  })\n  const { t } = useI18n(\"pagination\")\n  const range = useMemo((): Page[] => {\n    const minimumTotal = siblings * 2 + 3 + boundaries * 2\n\n    if (minimumTotal >= total) return computedRange(1, total)\n\n    const prevSiblings = Math.max(currentPage - siblings, boundaries)\n    const nextSiblings = Math.min(currentPage + siblings, total - boundaries)\n    const prevDots = prevSiblings > boundaries + 2\n    const nextDots = nextSiblings < total - (boundaries + 1)\n\n    if (!prevDots && nextDots) {\n      const prevPages = siblings * 2 + boundaries + 2\n\n      return [\n        ...computedRange(1, prevPages),\n        \"ellipsis\",\n        ...computedRange(total - (boundaries - 1), total),\n      ]\n    }\n\n    if (prevDots && !nextDots) {\n      const nextPages = boundaries + 1 + 2 * siblings\n\n      return [\n        ...computedRange(1, boundaries),\n        \"ellipsis\",\n        ...computedRange(total - nextPages, total),\n      ]\n    }\n\n    return [\n      ...computedRange(1, boundaries),\n      \"ellipsis\",\n      ...computedRange(prevSiblings, nextSiblings),\n      \"ellipsis\",\n      ...computedRange(total - boundaries + 1, total),\n    ]\n  }, [boundaries, siblings, currentPage, total])\n\n  const onChange = useCallback(\n    (page: number) => setCurrentPage(Math.max(1, Math.min(total, page))),\n    [setCurrentPage, total],\n  )\n\n  const onChangeStart = useCallback(() => setCurrentPage(1), [setCurrentPage])\n\n  const onChangeEnd = useCallback(\n    () => setCurrentPage(total),\n    [setCurrentPage, total],\n  )\n\n  const onChangePrev = useCallback(\n    () => setCurrentPage((prev) => Math.max(1, prev - 1)),\n    [setCurrentPage],\n  )\n\n  const onChangeNext = useCallback(\n    () => setCurrentPage((prev) => Math.min(total, prev + 1)),\n    [setCurrentPage, total],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      mergeProps(\n        {\n          \"aria-label\": t(\"Pagination\"),\n          role: \"navigation\",\n        },\n        restProps,\n        props,\n        {\n          ref: mergeRefs(ref, restRef),\n        },\n      )(),\n    [restProps, restRef, t],\n  )\n\n  const getItemProps: PropGetter<\"button\", { page?: Page }> = useCallback(\n    ({ page, ...props } = {}) => {\n      if (isNumber(page))\n        return {\n          type: \"button\",\n          \"aria-current\": currentPage === page ? \"page\" : undefined,\n          \"aria-label\": t(\"Go to page {value}\", { value: page }),\n          disabled,\n          ...props,\n          onClick: handlerAll(props.onClick, () => onChange(page)),\n        }\n      else return { ...props, \"data-ellipsis\": \"\" }\n    },\n    [currentPage, t, onChange, disabled],\n  )\n\n  const getStartTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Go to first page\"),\n      disabled: disabled || currentPage === 1,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangeStart),\n    }),\n    [onChangeStart, t, disabled, currentPage],\n  )\n\n  const getEndTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Go to last page\"),\n      disabled: disabled || currentPage === total,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangeEnd),\n    }),\n    [onChangeEnd, t, disabled, currentPage, total],\n  )\n\n  const getPrevTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Go to previous page\"),\n      disabled: disabled || currentPage === 1,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangePrev),\n    }),\n    [onChangePrev, t, disabled, currentPage],\n  )\n\n  const getNextTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Go to next page\"),\n      disabled: disabled || currentPage === total,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangeNext),\n    }),\n    [onChangeNext, t, disabled, currentPage, total],\n  )\n\n  return {\n    currentPage,\n    disabled,\n    range,\n    total,\n    getEndTriggerProps,\n    getItemProps,\n    getNextTriggerProps,\n    getPrevTriggerProps,\n    getRootProps,\n    getStartTriggerProps,\n    onChange,\n    onChangeEnd,\n    onChangeNext,\n    onChangePrev,\n    onChangeStart,\n  }\n}\n\nexport type UsePaginationReturn = ReturnType<typeof usePagination>\n\nconst computedRange = (start: number, end: number) =>\n  Array.from({ length: end - start + 1 }, (_, index) => index + start)\n"],"mappings":"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"}

package/dist/cjs/components/password-input/password-input.cjs

@@ -38,7 +38,8 @@ const PasswordInput = withProvider(({ className, css, colorScheme, visibilityIco
 		})]
 	});
 }, "root")((props) => {
-	return require_props.mergeProps(require_input.useInputPropsContext(), props)();
+	const context = require_input.useInputPropsContext();
+	return require_props.mergeProps(context, props)();
 });
 const PasswordInputField = withContext(require_input.Input, "field")({ "data-group-propagate": "" });
 const PasswordInputButton = withContext("button", "button")();

package/dist/cjs/components/password-input/password-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.cjs","names":["createSlotComponent","passwordInputStyle","EyeOffIcon","EyeIcon","useGroupItemProps","usePasswordInput","mergeProps","useInputPropsContext","Input"],"sources":["../../../../src/components/password-input/password-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { InputProps } from \"../input\"\nimport type { PasswordInputStyle } from \"./password-input.style\"\nimport type { UsePasswordInputProps } from \"./use-password-input\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { EyeIcon, EyeOffIcon } from \"../icon\"\nimport { Input, InputGroup, useInputPropsContext } from \"../input\"\nimport { passwordInputStyle } from \"./password-input.style\"\nimport { usePasswordInput } from \"./use-password-input\"\n\nexport interface PasswordInputProps\n  extends\n    WithoutThemeProps<InputProps, PasswordInputStyle>,\n    ThemeProps<PasswordInputStyle>,\n    UsePasswordInputProps {\n  /**\n   * The icons to be used for the visibility toggle.\n   */\n  visibilityIcon?: { off: ReactNode; on: ReactNode }\n  /**\n   * The props for the button element.\n   */\n  buttonProps?: PasswordInputButtonProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * The props for the root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  PropsContext: PasswordInputPropsContext,\n  usePropsContext: usePasswordInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<PasswordInputProps, PasswordInputStyle>(\n  \"password-input\",\n  passwordInputStyle,\n)\n\nexport { PasswordInputPropsContext, usePasswordInputPropsContext }\n\n/**\n * `PasswordInput` is a component that allows users to input passwords with a visibility toggle.\n *\n * @see https://yamada-ui.com/docs/components/password-input\n */\nexport const PasswordInput = withProvider<\"input\", PasswordInputProps>(\n  ({\n    className,\n    css,\n    colorScheme,\n    visibilityIcon = { off: <EyeOffIcon />, on: <EyeIcon /> },\n    buttonProps,\n    elementProps,\n    rootProps,\n    ...props\n  }) => {\n    const [groupItemProps, rest] = useGroupItemProps(props)\n    const { visible, getButtonProps, getInputProps } = usePasswordInput(rest)\n\n    return (\n      <InputGroup.Root\n        className={className}\n        css={css}\n        colorScheme={colorScheme}\n        {...mergeProps(groupItemProps, rootProps)()}\n      >\n        <PasswordInputField {...getInputProps()} />\n\n        <InputGroup.Element clickable {...elementProps}>\n          <PasswordInputButton {...getButtonProps(buttonProps)}>\n            {visible ? visibilityIcon.off : visibilityIcon.on}\n          </PasswordInputButton>\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 PasswordInputFieldProps extends InputProps {}\n\nconst PasswordInputField = withContext<\"input\", PasswordInputFieldProps>(\n  Input,\n  \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface PasswordInputButtonProps extends HTMLStyledProps<\"button\"> {}\n\nconst PasswordInputButton = withContext<\"button\", PasswordInputButtonProps>(\n  \"button\",\n  \"button\",\n)()\n"],"mappings":";;;;;;;;;;;;;AAqCA,MAAM,EACJ,cAAc,2BACd,iBAAiB,8BACjB,aACA,iBACEA,yBAAAA,oBACF,kBACAC,6BAAAA,kBACF;;;;;;AASA,MAAa,gBAAgB,cAC1B,EACC,WACA,KACA,aACA,iBAAiB;CAAE,KAAK,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,YAAD,CAAa,CAAA;CAAG,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,SAAD,CAAU,CAAA;AAAE,GACxD,aACA,cACA,WACA,GAAG,YACC;CACJ,MAAM,CAAC,gBAAgB,QAAQC,kBAAAA,kBAAkB,KAAK;CACtD,MAAM,EAAE,SAAS,gBAAgB,kBAAkBC,2BAAAA,iBAAiB,IAAI;CAExE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,oBAAA,gBAAA;EACa;EACN;EACQ;EACb,GAAIC,cAAAA,WAAW,gBAAgB,SAAS,CAAC,CAAC;EAJ5C,UAAA,CAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,EAAoB,GAAI,cAAc,EAAI,CAAA,GAE1C,iBAAA,GAAA,kBAAA,IAAA,CAAA,sBAAA,cAAA;GAAoB,WAAA;GAAU,GAAI;GAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;IAAqB,GAAI,eAAe,WAAW;IAChD,UAAA,UAAU,eAAe,MAAM,eAAe;GAC5B,CAAA;EACH,CAAA,CACL;;AAErB,GACA,MACF,CAAC,EAAE,UAAU;CAGX,OAAOA,cAAAA,WAFSC,cAAAA,qBAEQ,GAAG,KAAK,CAAC,CAAC;AACpC,CAAC;AAID,MAAM,qBAAqB,YACzBC,cAAAA,OACA,OACF,CAAC,CAAC,EAAE,wBAAwB,GAAG,CAAC;AAIhC,MAAM,sBAAsB,YAC1B,UACA,QACF,CAAC,CAAC"}
+{"version":3,"file":"password-input.cjs","names":["createSlotComponent","passwordInputStyle","EyeOffIcon","EyeIcon","useGroupItemProps","usePasswordInput","mergeProps","useInputPropsContext","Input"],"sources":["../../../../src/components/password-input/password-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { InputProps } from \"../input\"\nimport type { PasswordInputStyle } from \"./password-input.style\"\nimport type { UsePasswordInputProps } from \"./use-password-input\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useGroupItemProps } from \"../group\"\nimport { EyeIcon, EyeOffIcon } from \"../icon\"\nimport { Input, InputGroup, useInputPropsContext } from \"../input\"\nimport { passwordInputStyle } from \"./password-input.style\"\nimport { usePasswordInput } from \"./use-password-input\"\n\nexport interface PasswordInputProps\n  extends\n    WithoutThemeProps<InputProps, PasswordInputStyle>,\n    ThemeProps<PasswordInputStyle>,\n    UsePasswordInputProps {\n  /**\n   * The icons to be used for the visibility toggle.\n   */\n  visibilityIcon?: { off: ReactNode; on: ReactNode }\n  /**\n   * The props for the button element.\n   */\n  buttonProps?: PasswordInputButtonProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * The props for the root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  PropsContext: PasswordInputPropsContext,\n  usePropsContext: usePasswordInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<PasswordInputProps, PasswordInputStyle>(\n  \"password-input\",\n  passwordInputStyle,\n)\n\nexport { PasswordInputPropsContext, usePasswordInputPropsContext }\n\n/**\n * `PasswordInput` is a component that allows users to input passwords with a visibility toggle.\n *\n * @see https://yamada-ui.com/docs/components/password-input\n */\nexport const PasswordInput = withProvider<\"input\", PasswordInputProps>(\n  ({\n    className,\n    css,\n    colorScheme,\n    visibilityIcon = { off: <EyeOffIcon />, on: <EyeIcon /> },\n    buttonProps,\n    elementProps,\n    rootProps,\n    ...props\n  }) => {\n    const [groupItemProps, rest] = useGroupItemProps(props)\n    const { visible, getButtonProps, getInputProps } = usePasswordInput(rest)\n\n    return (\n      <InputGroup.Root\n        className={className}\n        css={css}\n        colorScheme={colorScheme}\n        {...mergeProps(groupItemProps, rootProps)()}\n      >\n        <PasswordInputField {...getInputProps()} />\n\n        <InputGroup.Element clickable {...elementProps}>\n          <PasswordInputButton {...getButtonProps(buttonProps)}>\n            {visible ? visibilityIcon.off : visibilityIcon.on}\n          </PasswordInputButton>\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 PasswordInputFieldProps extends InputProps {}\n\nconst PasswordInputField = withContext<\"input\", PasswordInputFieldProps>(\n  Input,\n  \"field\",\n)({ \"data-group-propagate\": \"\" })\n\ninterface PasswordInputButtonProps extends HTMLStyledProps<\"button\"> {}\n\nconst PasswordInputButton = withContext<\"button\", PasswordInputButtonProps>(\n  \"button\",\n  \"button\",\n)()\n"],"mappings":";;;;;;;;;;;;;AAqCA,MAAM,EACJ,cAAc,2BACd,iBAAiB,8BACjB,aACA,iBACEA,yBAAAA,oBACF,kBACAC,6BAAAA,kBACF;;;;;;AASA,MAAa,gBAAgB,cAC1B,EACC,WACA,KACA,aACA,iBAAiB;CAAE,KAAK,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,YAAD,CAAa,CAAA;CAAG,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,SAAD,CAAU,CAAA;AAAE,GACxD,aACA,cACA,WACA,GAAG,YACC;CACJ,MAAM,CAAC,gBAAgB,QAAQC,kBAAAA,kBAAkB,KAAK;CACtD,MAAM,EAAE,SAAS,gBAAgB,kBAAkBC,2BAAAA,iBAAiB,IAAI;CAExE,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,oBAAA,gBAAA;EACa;EACN;EACQ;EACb,GAAIC,cAAAA,WAAW,gBAAgB,SAAS,CAAC,CAAC;EAJ5C,UAAA,CAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,EAAoB,GAAI,cAAc,EAAI,CAAA,GAE1C,iBAAA,GAAA,kBAAA,IAAA,CAAA,sBAAA,cAAA;GAAoB,WAAA;GAAU,GAAI;GAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;IAAqB,GAAI,eAAe,WAAW;IAChD,UAAA,UAAU,eAAe,MAAM,eAAe;GAC5B,CAAA;EACH,CAAA,CACL;;AAErB,GACA,MACF,CAAC,EAAE,UAAU;CACX,MAAM,UAAUC,cAAAA,qBAAqB;CAErC,OAAOD,cAAAA,WAAW,SAAS,KAAK,CAAC,CAAC;AACpC,CAAC;AAID,MAAM,qBAAqB,YACzBE,cAAAA,OACA,OACF,CAAC,CAAC,EAAE,wBAAwB,GAAG,CAAC;AAIhC,MAAM,sBAAsB,YAC1B,UACA,QACF,CAAC,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"use-password-input.cjs","names":["useFieldProps","useControllableState","useI18n","mergeProps","mergeRefs"],"sources":["../../../../src/components/password-input/use-password-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UsePasswordInputProps extends HTMLProps<\"input\">, FieldProps {\n  /**\n   * Determines whether the password input is visible by default.\n   *\n   * @default false\n   */\n  defaultVisible?: boolean\n  /**\n   * Determines the visibility of the password input.\n   *\n   * @default false\n   */\n  visible?: boolean\n  /**\n   * Callback function that is triggered when the visibility of the password input changes.\n   */\n  onVisibleChange?: (visible: boolean) => void\n}\n\nexport const usePasswordInput = (props: UsePasswordInputProps = {}) => {\n  const {\n    props: {\n      defaultVisible,\n      disabled,\n      visible: visibleProp,\n      onVisibleChange,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const [visible, setVisible] = useControllableState({\n    defaultValue: defaultVisible,\n    value: visibleProp,\n    onChange: onVisibleChange,\n  })\n  const { t } = useI18n(\"passwordInput\")\n\n  const onChangeVisibility = useCallback(\n    (ev: MouseEvent<HTMLButtonElement>) => {\n      if (disabled || ev.button !== 0) return\n\n      ev.preventDefault()\n\n      setVisible((prev) => !prev)\n    },\n    [disabled, setVisible],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const mergedProps = mergeProps(\n        {\n          type: visible ? \"text\" : \"password\",\n          disabled,\n          ...ariaProps,\n          ...dataProps,\n        },\n        rest,\n        props,\n      )({\n        mergeEvent: false,\n        mergeRef: false,\n      })\n\n      return {\n        ...mergedProps,\n        ref: mergeRefs(ref, rest.ref),\n        onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n        onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n      }\n    },\n    [visible, rest, disabled, dataProps, eventProps, ariaProps],\n  )\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Toggle password visibility\"),\n      disabled,\n      ...dataProps,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangeVisibility),\n    }),\n    [onChangeVisibility, dataProps, disabled, t],\n  )\n\n  return {\n    setVisible,\n    visible,\n    getButtonProps,\n    getInputProps,\n  }\n}\n\nexport type UsePasswordInputReturn = ReturnType<typeof usePasswordInput>\n"],"mappings":";;;;;;;;;AA+BA,MAAa,oBAAoB,QAA+B,CAAC,MAAM;CACrE,MAAM,EACJ,OAAO,EACL,gBACA,UACA,SAAS,aACT,iBACA,GAAG,QAEL,WACA,WACA,eACEA,wBAAAA,cAAc,KAAK;CACvB,MAAM,CAAC,SAAS,cAAcC,2CAAAA,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;CACZ,CAAC;CACD,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,eAAe;CAErC,MAAM,sBAAA,GAAA,MAAA,YAAA,EACH,OAAsC;EACrC,IAAI,YAAY,GAAG,WAAW,GAAG;EAEjC,GAAG,eAAe;EAElB,YAAY,SAAS,CAAC,IAAI;CAC5B,GACA,CAAC,UAAU,UAAU,CACvB;CAEA,MAAM,iBAAA,GAAA,MAAA,YAAA,EACH,EAAE,KAAK,GAAG,UAAU,CAAC,MAAM;EAe1B,OAAO;GACL,GAfkBC,cAAAA,WAClB;IACE,MAAM,UAAU,SAAS;IACzB;IACA,GAAG;IACH,GAAG;GACL,GACA,MACA,KACF,CAAC,CAAC;IACA,YAAY;IACZ,UAAU;GACZ,CAGe;GACb,KAAKC,YAAAA,UAAU,KAAK,KAAK,GAAG;GAC5B,SAAA,GAAA,oBAAA,cAAA,WAAA,CAAmB,WAAW,QAAQ,MAAM,MAAM;GAClD,UAAA,GAAA,oBAAA,cAAA,WAAA,CAAoB,WAAW,SAAS,MAAM,OAAO;EACvD;CACF,GACA;EAAC;EAAS;EAAM;EAAU;EAAW;EAAY;CAAS,CAC5D;CAcA,OAAO;EACL;EACA;EACA,iBAAA,GAAA,MAAA,YAAA,EAdC,QAAQ,CAAC,OAAO;GACf,MAAM;GACN,cAAc,EAAE,4BAA4B;GAC5C;GACA,GAAG;GACH,GAAG;GACH,UAAA,GAAA,oBAAA,cAAA,WAAA,CAAoB,MAAM,SAAS,kBAAkB;EACvD,IACA;GAAC;GAAoB;GAAW;GAAU;EAAC,CAM9B;EACb;CACF;AACF"}
+{"version":3,"file":"use-password-input.cjs","names":["useFieldProps","useControllableState","useI18n","useCallback","mergeProps","mergeRefs"],"sources":["../../../../src/components/password-input/use-password-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UsePasswordInputProps extends HTMLProps<\"input\">, FieldProps {\n  /**\n   * Determines whether the password input is visible by default.\n   *\n   * @default false\n   */\n  defaultVisible?: boolean\n  /**\n   * Determines the visibility of the password input.\n   *\n   * @default false\n   */\n  visible?: boolean\n  /**\n   * Callback function that is triggered when the visibility of the password input changes.\n   */\n  onVisibleChange?: (visible: boolean) => void\n}\n\nexport const usePasswordInput = (props: UsePasswordInputProps = {}) => {\n  const {\n    props: {\n      defaultVisible,\n      disabled,\n      visible: visibleProp,\n      onVisibleChange,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const [visible, setVisible] = useControllableState({\n    defaultValue: defaultVisible,\n    value: visibleProp,\n    onChange: onVisibleChange,\n  })\n  const { t } = useI18n(\"passwordInput\")\n\n  const onChangeVisibility = useCallback(\n    (ev: MouseEvent<HTMLButtonElement>) => {\n      if (disabled || ev.button !== 0) return\n\n      ev.preventDefault()\n\n      setVisible((prev) => !prev)\n    },\n    [disabled, setVisible],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const mergedProps = mergeProps(\n        {\n          type: visible ? \"text\" : \"password\",\n          disabled,\n          ...ariaProps,\n          ...dataProps,\n        },\n        rest,\n        props,\n      )({\n        mergeEvent: false,\n        mergeRef: false,\n      })\n\n      return {\n        ...mergedProps,\n        ref: mergeRefs(ref, rest.ref),\n        onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n        onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n      }\n    },\n    [visible, rest, disabled, dataProps, eventProps, ariaProps],\n  )\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Toggle password visibility\"),\n      disabled,\n      ...dataProps,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangeVisibility),\n    }),\n    [onChangeVisibility, dataProps, disabled, t],\n  )\n\n  return {\n    setVisible,\n    visible,\n    getButtonProps,\n    getInputProps,\n  }\n}\n\nexport type UsePasswordInputReturn = ReturnType<typeof usePasswordInput>\n"],"mappings":";;;;;;;;;;AA+BA,MAAa,oBAAoB,QAA+B,CAAC,MAAM;CACrE,MAAM,EACJ,OAAO,EACL,gBACA,UACA,SAAS,aACT,iBACA,GAAG,QAEL,WACA,WACA,eACEA,wBAAAA,cAAc,KAAK;CACvB,MAAM,CAAC,SAAS,cAAcC,2CAAAA,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;CACZ,CAAC;CACD,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,eAAe;CAErC,MAAM,sBAAA,GAAqBC,MAAAA,YAAAA,EACxB,OAAsC;EACrC,IAAI,YAAY,GAAG,WAAW,GAAG;EAEjC,GAAG,eAAe;EAElB,YAAY,SAAS,CAAC,IAAI;CAC5B,GACA,CAAC,UAAU,UAAU,CACvB;CAEA,MAAM,iBAAA,GAAqCA,MAAAA,YAAAA,EACxC,EAAE,KAAK,GAAG,UAAU,CAAC,MAAM;EAe1B,OAAO;GACL,GAfkBC,cAAAA,WAClB;IACE,MAAM,UAAU,SAAS;IACzB;IACA,GAAG;IACH,GAAG;GACL,GACA,MACA,KACF,CAAC,CAAC;IACA,YAAY;IACZ,UAAU;GACZ,CAGe;GACb,KAAKC,YAAAA,UAAU,KAAK,KAAK,GAAG;GAC5B,SAAA,GAAA,oBAAA,cAAQ,WAAA,CAAW,WAAW,QAAQ,MAAM,MAAM;GAClD,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,WAAW,SAAS,MAAM,OAAO;EACvD;CACF,GACA;EAAC;EAAS;EAAM;EAAU;EAAW;EAAY;CAAS,CAC5D;CAcA,OAAO;EACL;EACA;EACA,iBAAA,GAf2CF,MAAAA,YAAAA,EAC1C,QAAQ,CAAC,OAAO;GACf,MAAM;GACN,cAAc,EAAE,4BAA4B;GAC5C;GACA,GAAG;GACH,GAAG;GACH,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,SAAS,kBAAkB;EACvD,IACA;GAAC;GAAoB;GAAW;GAAU;EAAC,CAM9B;EACb;CACF;AACF"}

package/dist/cjs/components/password-input/use-strength-meter.cjs

@@ -1,4 +1,5 @@
 "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_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");

package/dist/cjs/components/password-input/use-strength-meter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-strength-meter.cjs","names":["useI18n","mergeProps"],"sources":["../../../../src/components/password-input/use-strength-meter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr } from \"../../utils\"\n\nexport interface UseStrengthMeterProps extends HTMLProps {\n  /**\n   * The value of the password strength meter.\n   */\n  value: number\n  /**\n   * The maximum value of the password strength meter.\n   *\n   * @default 4\n   */\n  max?: number\n}\n\nexport const useStrengthMeter = ({\n  max = 4,\n  value,\n  ...rest\n}: UseStrengthMeterProps) => {\n  const { t } = useI18n(\"passwordInput\")\n\n  const getRootProps: PropGetter = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          \"aria-label\": t(\"Password strength meter\"),\n          \"aria-valuemax\": max,\n          \"aria-valuemin\": 0,\n          \"aria-valuenow\": value,\n          role: \"meter\",\n        },\n        rest,\n        props,\n      )(),\n    [max, rest, value, t],\n  )\n\n  const getIndicatorProps: RequiredPropGetter<\"div\", { index: number }> =\n    useCallback(\n      ({ index, ...props }) => ({\n        \"data-selected\": dataAttr(index < value),\n        ...props,\n      }),\n      [value],\n    )\n\n  return { getIndicatorProps, getRootProps }\n}\n\nexport type UseStrengthMeterReturn = ReturnType<typeof useStrengthMeter>\n"],"mappings":";;;;;;AAqBA,MAAa,oBAAoB,EAC/B,MAAM,GACN,OACA,GAAG,WACwB;CAC3B,MAAM,EAAE,MAAMA,sBAAAA,QAAQ,eAAe;CAErC,MAAM,gBAAA,GAAA,MAAA,YAAA,EACH,UACCC,cAAAA,WACE;EACE,cAAc,EAAE,yBAAyB;EACzC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,MAAM;CACR,GACA,MACA,KACF,CAAC,CAAC,GACJ;EAAC;EAAK;EAAM;EAAO;CAAC,CACtB;CAWA,OAAO;EAAE,oBAAA,GAAA,MAAA,YAAA,EAPJ,EAAE,OAAO,GAAG,aAAa;GACxB,kBAAA,GAAA,oBAAA,cAAA,SAAA,CAA0B,QAAQ,KAAK;GACvC,GAAG;EACL,IACA,CAAC,KAAK,CAGe;EAAG;CAAa;AAC3C"}
+{"version":3,"file":"use-strength-meter.cjs","names":["useI18n","useCallback","mergeProps"],"sources":["../../../../src/components/password-input/use-strength-meter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr } from \"../../utils\"\n\nexport interface UseStrengthMeterProps extends HTMLProps {\n  /**\n   * The value of the password strength meter.\n   */\n  value: number\n  /**\n   * The maximum value of the password strength meter.\n   *\n   * @default 4\n   */\n  max?: number\n}\n\nexport const useStrengthMeter = ({\n  max = 4,\n  value,\n  ...rest\n}: UseStrengthMeterProps) => {\n  const { t } = useI18n(\"passwordInput\")\n\n  const getRootProps: PropGetter = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          \"aria-label\": t(\"Password strength meter\"),\n          \"aria-valuemax\": max,\n          \"aria-valuemin\": 0,\n          \"aria-valuenow\": value,\n          role: \"meter\",\n        },\n        rest,\n        props,\n      )(),\n    [max, rest, value, t],\n  )\n\n  const getIndicatorProps: RequiredPropGetter<\"div\", { index: number }> =\n    useCallback(\n      ({ index, ...props }) => ({\n        \"data-selected\": dataAttr(index < value),\n        ...props,\n      }),\n      [value],\n    )\n\n  return { getIndicatorProps, getRootProps }\n}\n\nexport type UseStrengthMeterReturn = ReturnType<typeof useStrengthMeter>\n"],"mappings":";;;;;;;AAqBA,MAAa,oBAAoB,EAC/B,MAAM,GACN,OACA,GAAG,WACwB;CAC3B,MAAM,EAAE,MAAMA,sBAAAA,QAAQ,eAAe;CAErC,MAAM,gBAAA,GAA2BC,MAAAA,YAAAA,EAC9B,UACCC,cAAAA,WACE;EACE,cAAc,EAAE,yBAAyB;EACzC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,MAAM;CACR,GACA,MACA,KACF,CAAC,CAAC,GACJ;EAAC;EAAK;EAAM;EAAO;CAAC,CACtB;CAWA,OAAO;EAAE,oBAAA,GARPD,MAAAA,YAAAA,EACG,EAAE,OAAO,GAAG,aAAa;GACxB,kBAAA,GAAA,oBAAA,cAAiB,SAAA,CAAS,QAAQ,KAAK;GACvC,GAAG;EACL,IACA,CAAC,KAAK,CAGe;EAAG;CAAa;AAC3C"}

package/dist/cjs/components/picture/picture.cjs

@@ -1,3 +1,4 @@
+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/picture/picture.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"picture.cjs","names":["useSystem","tokenToValue","styled","Image"],"sources":["../../../../src/components/picture/picture.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type { HTMLStyledProps, ThemeTokens } from \"../../core\"\nimport type { AnyString } from \"../../utils\"\nimport type { ImageProps } from \"../image\"\nimport { useCallback, useMemo } from \"react\"\nimport { styled, tokenToValue, useSystem } from \"../../core\"\nimport { getPx, isUndefined } from \"../../utils\"\nimport { Image } from \"../image\"\n\nconst createQuery = (\n  minW: number | string | undefined,\n  maxW: number | string | undefined,\n) => {\n  let media = \"\"\n\n  if (minW) {\n    media = `(min-width: ${minW}px)`\n\n    if (maxW) media += ` and (max-width: ${maxW}px)`\n  } else {\n    media = `(max-width: ${maxW}px)`\n  }\n\n  return media\n}\n\nexport interface PictureSource extends SourceProps {\n  /**\n   * The maximum width for the source.\n   *\n   * If media is set, media takes precedence.\n   */\n  maxW?: AnyString | number | ThemeTokens[\"sizes\"]\n  /**\n   * The minimum width for the source.\n   *\n   * If media is set, media takes precedence.\n   */\n  minW?: AnyString | number | ThemeTokens[\"sizes\"]\n  /**\n   * The source set for the source element.\n   */\n  srcSet?: string\n}\n\nexport interface PictureProps extends ImageProps {\n  /**\n   * If `true`, the sources will be sorted by the `minW` and `maxW` properties.\n   *\n   * @default true\n   */\n  enableSorting?: boolean\n  /**\n   * The sources for the picture element.\n   */\n  sources?: PictureSource[]\n  /**\n   * The props for the picture element.\n   */\n  pictureProps?: HTMLStyledProps<\"picture\">\n}\n\n/**\n * `Picture` is a component that uses the `picture` element to provide alternative images for different display or device scenarios.\n *\n * @see https://yamada-ui.com/docs/components/picture\n */\nexport const Picture: FC<PictureProps> = ({\n  children,\n  enableSorting = true,\n  sources: sourcesProp = [],\n  pictureProps,\n  ...rest\n}) => {\n  const system = useSystem()\n  const { queriesObj } = system.breakpoints\n  const { direction = \"down\", identifier = \"@media screen\" } =\n    system.config.breakpoint ?? {}\n  const searchValue =\n    identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n  const compareSources = useCallback(\n    (a: PictureSource, b: PictureSource) => {\n      const k = direction === \"down\" ? \"maxW\" : \"minW\"\n\n      if (isUndefined(a[k]) && !isUndefined(b[k])) return -1\n\n      if (!isUndefined(a[k]) && isUndefined(b[k])) return 1\n\n      return direction === \"down\"\n        ? Number(a.maxW) - Number(b.maxW)\n        : Number(b.minW) - Number(a.minW)\n    },\n    [direction],\n  )\n\n  const sources = useMemo(() => {\n    const computedSources = sourcesProp.map(\n      ({ maxW, media, minW, ...rest }) => {\n        if (!media) {\n          if (minW) minW = getPx(tokenToValue(system)(\"sizes\", minW))\n          if (maxW) maxW = getPx(tokenToValue(system)(\"sizes\", maxW))\n\n          media = createQuery(minW, maxW)\n\n          return { ...rest, maxW, media, minW }\n        } else {\n          const { maxW, minW, query } = queriesObj[media] ?? {}\n\n          if (query) media = query.replace(searchValue, \"\")\n\n          return { ...rest, maxW, media, minW }\n        }\n      },\n    )\n\n    if (enableSorting) return computedSources.sort(compareSources)\n    else return computedSources\n  }, [\n    sourcesProp,\n    enableSorting,\n    system,\n    queriesObj,\n    searchValue,\n    compareSources,\n  ])\n\n  const sourceElements = useMemo(\n    () =>\n      sources.map(({ maxW: _maxW, minW: _minW, ...rest }, index) => (\n        <styled.source key={index} {...rest} />\n      )),\n    [sources],\n  )\n\n  return (\n    <styled.picture {...pictureProps}>\n      {children ?? (\n        <>\n          {sourceElements}\n\n          <Image {...rest} />\n        </>\n      )}\n    </styled.picture>\n  )\n}\n\nexport interface SourceProps extends HTMLStyledProps<\"source\"> {\n  /**\n   * The media query for the source.\n   */\n  media?: AnyString | ThemeTokens[\"breakpoints\"]\n}\n\nexport const Source: FC<SourceProps> = ({ media, ...rest }) => {\n  const { breakpoints, config } = useSystem()\n  const { queriesObj } = breakpoints\n  const { identifier = \"@media screen\" } = config.breakpoint ?? {}\n  const searchValue =\n    identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n  const { query } = media ? (queriesObj[media] ?? {}) : {}\n\n  if (query) media = query.replace(searchValue, \"\")\n\n  return <styled.source media={media} {...rest} />\n}\n"],"mappings":"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"}
+{"version":3,"file":"picture.cjs","names":["useSystem","useCallback","useMemo","tokenToValue","styled","Image"],"sources":["../../../../src/components/picture/picture.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type { HTMLStyledProps, ThemeTokens } from \"../../core\"\nimport type { AnyString } from \"../../utils\"\nimport type { ImageProps } from \"../image\"\nimport { useCallback, useMemo } from \"react\"\nimport { styled, tokenToValue, useSystem } from \"../../core\"\nimport { getPx, isUndefined } from \"../../utils\"\nimport { Image } from \"../image\"\n\nconst createQuery = (\n  minW: number | string | undefined,\n  maxW: number | string | undefined,\n) => {\n  let media = \"\"\n\n  if (minW) {\n    media = `(min-width: ${minW}px)`\n\n    if (maxW) media += ` and (max-width: ${maxW}px)`\n  } else {\n    media = `(max-width: ${maxW}px)`\n  }\n\n  return media\n}\n\nexport interface PictureSource extends SourceProps {\n  /**\n   * The maximum width for the source.\n   *\n   * If media is set, media takes precedence.\n   */\n  maxW?: AnyString | number | ThemeTokens[\"sizes\"]\n  /**\n   * The minimum width for the source.\n   *\n   * If media is set, media takes precedence.\n   */\n  minW?: AnyString | number | ThemeTokens[\"sizes\"]\n  /**\n   * The source set for the source element.\n   */\n  srcSet?: string\n}\n\nexport interface PictureProps extends ImageProps {\n  /**\n   * If `true`, the sources will be sorted by the `minW` and `maxW` properties.\n   *\n   * @default true\n   */\n  enableSorting?: boolean\n  /**\n   * The sources for the picture element.\n   */\n  sources?: PictureSource[]\n  /**\n   * The props for the picture element.\n   */\n  pictureProps?: HTMLStyledProps<\"picture\">\n}\n\n/**\n * `Picture` is a component that uses the `picture` element to provide alternative images for different display or device scenarios.\n *\n * @see https://yamada-ui.com/docs/components/picture\n */\nexport const Picture: FC<PictureProps> = ({\n  children,\n  enableSorting = true,\n  sources: sourcesProp = [],\n  pictureProps,\n  ...rest\n}) => {\n  const system = useSystem()\n  const { queriesObj } = system.breakpoints\n  const { direction = \"down\", identifier = \"@media screen\" } =\n    system.config.breakpoint ?? {}\n  const searchValue =\n    identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n  const compareSources = useCallback(\n    (a: PictureSource, b: PictureSource) => {\n      const k = direction === \"down\" ? \"maxW\" : \"minW\"\n\n      if (isUndefined(a[k]) && !isUndefined(b[k])) return -1\n\n      if (!isUndefined(a[k]) && isUndefined(b[k])) return 1\n\n      return direction === \"down\"\n        ? Number(a.maxW) - Number(b.maxW)\n        : Number(b.minW) - Number(a.minW)\n    },\n    [direction],\n  )\n\n  const sources = useMemo(() => {\n    const computedSources = sourcesProp.map(\n      ({ maxW, media, minW, ...rest }) => {\n        if (!media) {\n          if (minW) minW = getPx(tokenToValue(system)(\"sizes\", minW))\n          if (maxW) maxW = getPx(tokenToValue(system)(\"sizes\", maxW))\n\n          media = createQuery(minW, maxW)\n\n          return { ...rest, maxW, media, minW }\n        } else {\n          const { maxW, minW, query } = queriesObj[media] ?? {}\n\n          if (query) media = query.replace(searchValue, \"\")\n\n          return { ...rest, maxW, media, minW }\n        }\n      },\n    )\n\n    if (enableSorting) return computedSources.sort(compareSources)\n    else return computedSources\n  }, [\n    sourcesProp,\n    enableSorting,\n    system,\n    queriesObj,\n    searchValue,\n    compareSources,\n  ])\n\n  const sourceElements = useMemo(\n    () =>\n      sources.map(({ maxW: _maxW, minW: _minW, ...rest }, index) => (\n        <styled.source key={index} {...rest} />\n      )),\n    [sources],\n  )\n\n  return (\n    <styled.picture {...pictureProps}>\n      {children ?? (\n        <>\n          {sourceElements}\n\n          <Image {...rest} />\n        </>\n      )}\n    </styled.picture>\n  )\n}\n\nexport interface SourceProps extends HTMLStyledProps<\"source\"> {\n  /**\n   * The media query for the source.\n   */\n  media?: AnyString | ThemeTokens[\"breakpoints\"]\n}\n\nexport const Source: FC<SourceProps> = ({ media, ...rest }) => {\n  const { breakpoints, config } = useSystem()\n  const { queriesObj } = breakpoints\n  const { identifier = \"@media screen\" } = config.breakpoint ?? {}\n  const searchValue =\n    identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n  const { query } = media ? (queriesObj[media] ?? {}) : {}\n\n  if (query) media = query.replace(searchValue, \"\")\n\n  return <styled.source media={media} {...rest} />\n}\n"],"mappings":"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"}

package/dist/cjs/components/pin-input/pin-input.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");

package/dist/cjs/components/pin-input/pin-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pin-input.cjs","names":["createSlotComponent","pinInputStyle","usePinInput","getValidChildren","PinInputDescendantsContext","Group","Input","usePinInputDescendant","useFieldProps","mergeRefs"],"sources":["../../../../src/components/pin-input/pin-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  RequiredPropGetter,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { InputProps, UseInputBorderProps } from \"../input\"\nimport type { PinInputStyle } from \"./pin-input.style\"\nimport type { UsePinInputProps } from \"./use-pin-input\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { getValidChildren, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { Group } from \"../group\"\nimport { Input } from \"../input\"\nimport { pinInputStyle } from \"./pin-input.style\"\nimport {\n  PinInputDescendantsContext,\n  usePinInput,\n  usePinInputDescendant,\n} from \"./use-pin-input\"\n\ninterface ComponentContext extends UseInputBorderProps {\n  getInputProps: RequiredPropGetter<\"input\", { index: number }>\n}\n\nexport interface PinInputRootProps\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, PinInputStyle>,\n      \"defaultValue\" | \"mask\" | \"onChange\"\n    >,\n    ThemeProps<PinInputStyle>,\n    UseInputBorderProps,\n    UsePinInputProps {}\n\nconst {\n  ComponentContext,\n  PropsContext: PinInputPropsContext,\n  useComponentContext,\n  usePropsContext: usePinInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<PinInputRootProps, PinInputStyle, ComponentContext>(\n  \"pin-input\",\n  pinInputStyle,\n)\n\nexport { PinInputPropsContext, usePinInputPropsContext }\n\n/**\n * `PinInput` is a component used to capture pin codes or OTP (One-Time Password) inputs.\n *\n * @see https://yamada-ui.com/docs/components/pin-input\n */\nexport const PinInputRoot = withProvider<\"div\", PinInputRootProps>(\n  ({ children, errorBorderColor, focusBorderColor, ...rest }) => {\n    const { descendants, items, getInputProps, getRootProps } =\n      usePinInput(rest)\n    const cloneChildren = useMemo(() => {\n      const validChildren = getValidChildren(children)\n\n      if (validChildren.length) return validChildren\n      else\n        return Array.from({ length: items }, (_, index) => (\n          <PinInputField key={index} index={index} />\n        ))\n    }, [children, items])\n    const context = useMemo(\n      () => ({ errorBorderColor, focusBorderColor, getInputProps }),\n      [getInputProps, errorBorderColor, focusBorderColor],\n    )\n\n    return (\n      <PinInputDescendantsContext value={descendants}>\n        <ComponentContext value={context}>\n          <Group {...getRootProps()}>{cloneChildren}</Group>\n        </ComponentContext>\n      </PinInputDescendantsContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface PinInputFieldProps extends InputProps {\n  /**\n   * The index of the pin input field.\n   */\n  index: number\n}\n\nexport const PinInputField = withContext<\"input\", PinInputFieldProps>(\n  Input,\n  \"field\",\n)(undefined, ({ ref, index, ...rest }) => {\n  const { errorBorderColor, focusBorderColor, getInputProps } =\n    useComponentContext()\n  const { register } = usePinInputDescendant()\n  const { props, ariaProps, dataProps, eventProps } = useFieldProps(rest)\n\n  return {\n    ...getInputProps({\n      errorBorderColor,\n      focusBorderColor,\n      ...ariaProps,\n      ...dataProps,\n      ...eventProps,\n      ...props,\n      ref: mergeRefs(register, ref),\n      index,\n    }),\n  }\n})\n"],"mappings":";;;;;;;;;;;;AAsCA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACEA,yBAAAA,oBACF,aACAC,wBAAAA,aACF;;;;;;AASA,MAAa,eAAe,cACzB,EAAE,UAAU,kBAAkB,kBAAkB,GAAG,WAAW;CAC7D,MAAM,EAAE,aAAa,OAAO,eAAe,iBACzCC,sBAAAA,YAAY,IAAI;CAClB,MAAM,iBAAA,GAAA,MAAA,QAAA,OAA8B;EAClC,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;EAE/C,IAAI,cAAc,QAAQ,OAAO;OAE/B,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UACvC,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAkC,MAAQ,GAAtB,KAAsB,CAC3C;CACL,GAAG,CAAC,UAAU,KAAK,CAAC;CACpB,MAAM,WAAA,GAAA,MAAA,QAAA,QACG;EAAE;EAAkB;EAAkB;CAAc,IAC3D;EAAC;EAAe;EAAkB;CAAgB,CACpD;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,4BAAD;EAA4B,OAAO;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;GAAkB,OAAO;GACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;IAAO,GAAI,aAAa;IAAI,UAAA;GAAqB,CAAA;EACjC,CAAA;CACQ,CAAA;AAEhC,GACA,MACF,CAAC,CAAC;AASF,MAAa,gBAAgB,YAC3BC,cAAAA,OACA,OACF,CAAC,CAAC,KAAA,IAAY,EAAE,KAAK,OAAO,GAAG,WAAW;CACxC,MAAM,EAAE,kBAAkB,kBAAkB,kBAC1C,oBAAoB;CACtB,MAAM,EAAE,aAAaC,sBAAAA,sBAAsB;CAC3C,MAAM,EAAE,OAAO,WAAW,WAAW,eAAeC,wBAAAA,cAAc,IAAI;CAEtE,OAAO,EACL,GAAG,cAAc;EACf;EACA;EACA,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,KAAKC,YAAAA,UAAU,UAAU,GAAG;EAC5B;CACF,CAAC,EACH;AACF,CAAC"}
+{"version":3,"file":"pin-input.cjs","names":["createSlotComponent","pinInputStyle","usePinInput","useMemo","getValidChildren","PinInputDescendantsContext","Group","Input","usePinInputDescendant","useFieldProps","mergeRefs"],"sources":["../../../../src/components/pin-input/pin-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  RequiredPropGetter,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { InputProps, UseInputBorderProps } from \"../input\"\nimport type { PinInputStyle } from \"./pin-input.style\"\nimport type { UsePinInputProps } from \"./use-pin-input\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { getValidChildren, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { Group } from \"../group\"\nimport { Input } from \"../input\"\nimport { pinInputStyle } from \"./pin-input.style\"\nimport {\n  PinInputDescendantsContext,\n  usePinInput,\n  usePinInputDescendant,\n} from \"./use-pin-input\"\n\ninterface ComponentContext extends UseInputBorderProps {\n  getInputProps: RequiredPropGetter<\"input\", { index: number }>\n}\n\nexport interface PinInputRootProps\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, PinInputStyle>,\n      \"defaultValue\" | \"mask\" | \"onChange\"\n    >,\n    ThemeProps<PinInputStyle>,\n    UseInputBorderProps,\n    UsePinInputProps {}\n\nconst {\n  ComponentContext,\n  PropsContext: PinInputPropsContext,\n  useComponentContext,\n  usePropsContext: usePinInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<PinInputRootProps, PinInputStyle, ComponentContext>(\n  \"pin-input\",\n  pinInputStyle,\n)\n\nexport { PinInputPropsContext, usePinInputPropsContext }\n\n/**\n * `PinInput` is a component used to capture pin codes or OTP (One-Time Password) inputs.\n *\n * @see https://yamada-ui.com/docs/components/pin-input\n */\nexport const PinInputRoot = withProvider<\"div\", PinInputRootProps>(\n  ({ children, errorBorderColor, focusBorderColor, ...rest }) => {\n    const { descendants, items, getInputProps, getRootProps } =\n      usePinInput(rest)\n    const cloneChildren = useMemo(() => {\n      const validChildren = getValidChildren(children)\n\n      if (validChildren.length) return validChildren\n      else\n        return Array.from({ length: items }, (_, index) => (\n          <PinInputField key={index} index={index} />\n        ))\n    }, [children, items])\n    const context = useMemo(\n      () => ({ errorBorderColor, focusBorderColor, getInputProps }),\n      [getInputProps, errorBorderColor, focusBorderColor],\n    )\n\n    return (\n      <PinInputDescendantsContext value={descendants}>\n        <ComponentContext value={context}>\n          <Group {...getRootProps()}>{cloneChildren}</Group>\n        </ComponentContext>\n      </PinInputDescendantsContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface PinInputFieldProps extends InputProps {\n  /**\n   * The index of the pin input field.\n   */\n  index: number\n}\n\nexport const PinInputField = withContext<\"input\", PinInputFieldProps>(\n  Input,\n  \"field\",\n)(undefined, ({ ref, index, ...rest }) => {\n  const { errorBorderColor, focusBorderColor, getInputProps } =\n    useComponentContext()\n  const { register } = usePinInputDescendant()\n  const { props, ariaProps, dataProps, eventProps } = useFieldProps(rest)\n\n  return {\n    ...getInputProps({\n      errorBorderColor,\n      focusBorderColor,\n      ...ariaProps,\n      ...dataProps,\n      ...eventProps,\n      ...props,\n      ref: mergeRefs(register, ref),\n      index,\n    }),\n  }\n})\n"],"mappings":";;;;;;;;;;;;;AAsCA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACEA,yBAAAA,oBACF,aACAC,wBAAAA,aACF;;;;;;AASA,MAAa,eAAe,cACzB,EAAE,UAAU,kBAAkB,kBAAkB,GAAG,WAAW;CAC7D,MAAM,EAAE,aAAa,OAAO,eAAe,iBACzCC,sBAAAA,YAAY,IAAI;CAClB,MAAM,iBAAA,GAAgBC,MAAAA,QAAAA,OAAc;EAClC,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;EAE/C,IAAI,cAAc,QAAQ,OAAO;OAE/B,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UACvC,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAkC,MAAQ,GAAtB,KAAsB,CAC3C;CACL,GAAG,CAAC,UAAU,KAAK,CAAC;CACpB,MAAM,WAAA,GAAUD,MAAAA,QAAAA,QACP;EAAE;EAAkB;EAAkB;CAAc,IAC3D;EAAC;EAAe;EAAkB;CAAgB,CACpD;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,sBAAAA,4BAAD;EAA4B,OAAO;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;GAAkB,OAAO;GACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;IAAO,GAAI,aAAa;IAAI,UAAA;GAAqB,CAAA;EACjC,CAAA;CACQ,CAAA;AAEhC,GACA,MACF,CAAC,CAAC;AASF,MAAa,gBAAgB,YAC3BC,cAAAA,OACA,OACF,CAAC,CAAC,KAAA,IAAY,EAAE,KAAK,OAAO,GAAG,WAAW;CACxC,MAAM,EAAE,kBAAkB,kBAAkB,kBAC1C,oBAAoB;CACtB,MAAM,EAAE,aAAaC,sBAAAA,sBAAsB;CAC3C,MAAM,EAAE,OAAO,WAAW,WAAW,eAAeC,wBAAAA,cAAc,IAAI;CAEtE,OAAO,EACL,GAAG,cAAc;EACf;EACA;EACA,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,KAAKC,YAAAA,UAAU,UAAU,GAAG;EAC5B;CACF,CAAC,EACH;AACF,CAAC"}

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

@@ -1,4 +1,5 @@
 "use client";
+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/pin-input/use-pin-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-pin-input.cjs","names":["createDescendants","useFieldProps","useControllableState","mergeProps"],"sources":["../../../../src/components/pin-input/use-pin-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { cx, filterUndefined, handlerAll, runKeyAction } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nconst {\n  DescendantsContext: PinInputDescendantsContext,\n  useDescendant: usePinInputDescendant,\n  useDescendants: usePinInputDescendants,\n} = createDescendants<HTMLInputElement>()\n\nexport {\n  PinInputDescendantsContext,\n  usePinInputDescendant,\n  usePinInputDescendants,\n}\n\nconst toArray = (value?: string) => value?.split(\"\")\n\nconst validate = (value: string, type: UsePinInputProps[\"type\"]) => {\n  const NUMERIC_REGEX = /^[0-9]+$/\n  const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9]+$/i\n\n  const regex = type === \"alphanumeric\" ? ALPHA_NUMERIC_REGEX : NUMERIC_REGEX\n\n  return regex.test(value)\n}\n\nexport interface UsePinInputProps\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"mask\" | \"onChange\" | \"value\">,\n    FieldProps {\n  /**\n   * If `true`, the pin input receives focus on mount.\n   *\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * The initial value of the pin input.\n   */\n  defaultValue?: string\n  /**\n   * The top-level id string that will be applied to the input fields.\n   * The index of the input will be appended to this top-level id.\n   */\n  id?: string\n  /**\n   * The number of inputs to display.\n   *\n   * @default 4\n   */\n  items?: number\n  /**\n   * If `true`, focus will move automatically to the next input once filled.\n   *\n   * @default true\n   */\n  manageFocus?: boolean\n  /**\n   * If `true`, the input's value will be masked just like `type=password`.\n   */\n  mask?: boolean\n  /**\n   * If `true`, the pin input component signals to its fields that they should.\n   */\n  otp?: boolean\n  /**\n   * The placeholder for the pin input.\n   *\n   * @default '◯'\n   */\n  placeholder?: string\n  /**\n   * The type of values the pin-input should allow.\n   *\n   * @default 'number'\n   */\n  type?: \"alphanumeric\" | \"number\"\n  /**\n   * The value of the pin input.\n   */\n  value?: string\n  /**\n   * Function called on input change.\n   */\n  onChange?: (value: string) => void\n  /**\n   * Function called when all inputs have valid values.\n   */\n  onComplete?: (value: string) => void\n}\n\nexport const usePinInput = (props: UsePinInputProps = {}) => {\n  const uuid = useId()\n  const {\n    context: { labelId } = {},\n    props: {\n      id = uuid,\n      type = \"number\",\n      autoFocus,\n      defaultValue,\n      disabled,\n      items = 4,\n      manageFocus = true,\n      mask,\n      otp = false,\n      placeholder = \"◯\",\n      readOnly,\n      value,\n      onChange: onChangeProp,\n      onComplete,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const descendants = usePinInputDescendants()\n  const [moveFocus, setMoveFocus] = useState<boolean>(true)\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n  const [values, setValues] = useControllableState<string[]>({\n    defaultValue: toArray(defaultValue) || [],\n    value: toArray(value),\n    onChange: (values) => onChangeProp?.(values.join(\"\")),\n  })\n\n  const focusNext = useCallback(\n    (index: number) => {\n      if (!moveFocus || !manageFocus) return\n\n      const next = descendants.nextValue(index, false)\n\n      if (!next) return\n\n      requestAnimationFrame(() => next.node.focus())\n    },\n    [descendants, moveFocus, manageFocus],\n  )\n\n  const focusInputField = useCallback(\n    (direction: \"next\" | \"prev\", index: number) => {\n      const input =\n        direction === \"next\"\n          ? descendants.nextValue(index, false)\n          : descendants.prevValue(index, false)\n\n      if (!input) return\n\n      const valueLength = input.node.value.length\n\n      requestAnimationFrame(() => {\n        input.node.focus()\n        input.node.setSelectionRange(0, valueLength)\n      })\n    },\n    [descendants],\n  )\n\n  const setValue = useCallback(\n    (value: string, index: number, focus = true) => {\n      let nextValues = [...values]\n\n      nextValues[index] = value\n\n      setValues(nextValues)\n\n      nextValues = nextValues.filter(Boolean)\n\n      const complete = value !== \"\" && nextValues.length === descendants.count()\n\n      if (complete) {\n        onComplete?.(nextValues.join(\"\"))\n        descendants.value(index)?.node.blur()\n      } else if (focus) {\n        focusNext(index)\n      }\n    },\n    [values, setValues, descendants, onComplete, focusNext],\n  )\n\n  const getNextValue = useCallback(\n    (value: string | undefined, eventValue: string) => {\n      let nextValue = eventValue\n\n      if (!value?.length) return nextValue\n\n      if (value.startsWith(eventValue.charAt(0)))\n        nextValue = eventValue.charAt(1)\n      else if (value.startsWith(eventValue.charAt(1)))\n        nextValue = eventValue.charAt(0)\n\n      return nextValue\n    },\n    [],\n  )\n\n  const onChange = useCallback(\n    (index: number) =>\n      ({ target }: ChangeEvent<HTMLInputElement>) => {\n        const eventValue = target.value\n        const currentValue = values[index]\n        const nextValue = getNextValue(currentValue, eventValue)\n\n        if (nextValue === \"\") {\n          setValue(\"\", index)\n\n          return\n        }\n\n        if (eventValue.length > 2) {\n          if (!validate(eventValue, type)) return\n\n          const nextValue = eventValue\n            .split(\"\")\n            .filter((_, index) => index < descendants.count())\n\n          setValues(nextValue)\n\n          if (nextValue.length === descendants.count()) {\n            onComplete?.(nextValue.join(\"\"))\n            descendants.value(index)?.node.blur()\n          }\n        } else {\n          if (validate(nextValue, type)) setValue(nextValue, index)\n\n          setMoveFocus(true)\n        }\n      },\n    [descendants, getNextValue, onComplete, setValue, setValues, type, values],\n  )\n\n  const onKeyDown = useCallback(\n    (index: number) => (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (!manageFocus) return\n\n      runKeyAction(\n        ev,\n        {\n          ArrowLeft: (ev) => {\n            ev.preventDefault()\n            focusInputField(\"prev\", index)\n          },\n          ArrowRight: (ev) => {\n            ev.preventDefault()\n            focusInputField(\"next\", index)\n          },\n          Backspace: (ev) => {\n            if ((ev.target as HTMLInputElement).value === \"\") {\n              const prevInput = descendants.prevValue(index, false)\n\n              if (!prevInput) return\n\n              setValue(\"\", index - 1, false)\n              prevInput.node.focus()\n              setMoveFocus(true)\n            } else {\n              setMoveFocus(false)\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [descendants, focusInputField, manageFocus, setValue],\n  )\n\n  const onFocus = useCallback(\n    (index: number) => () => setFocusedIndex(index),\n    [],\n  )\n\n  const onBlur = useCallback(() => setFocusedIndex(-1), [])\n\n  useEffect(() => {\n    if (!autoFocus) return\n\n    const firstValue = descendants.firstValue()\n\n    if (!firstValue) return\n\n    requestAnimationFrame(() => firstValue.node.focus())\n  }, [autoFocus, descendants])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps({ role: \"group\" }, rest, props)(),\n    [rest],\n  )\n\n  const getInputProps: RequiredPropGetter<\"input\", { index: number }> =\n    useCallback(\n      ({ \"aria-labelledby\": ariaLabelledby, index, ...props }) => ({\n        ...ariaProps,\n        ...dataProps,\n        type: mask ? \"password\" : type === \"number\" ? \"tel\" : \"text\",\n        \"aria-labelledby\": cx(ariaLabelledby, labelId),\n        autoComplete: otp ? \"one-time-code\" : \"off\",\n        disabled,\n        inputMode: type === \"number\" ? \"numeric\" : \"text\",\n        placeholder:\n          focusedIndex === index && !readOnly && !props.readOnly\n            ? \"\"\n            : placeholder,\n        readOnly,\n        value: values[index] || \"\",\n        ...filterUndefined(props),\n        id: `${id}${index ? `-${index}` : \"\"}`,\n        onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n        onChange: handlerAll(props.onChange, onChange(index)),\n        onFocus: handlerAll(eventProps.onFocus, props.onFocus, onFocus(index)),\n        onKeyDown: handlerAll(props.onKeyDown, onKeyDown(index)),\n      }),\n      [\n        ariaProps,\n        dataProps,\n        eventProps,\n        mask,\n        type,\n        labelId,\n        otp,\n        disabled,\n        focusedIndex,\n        readOnly,\n        placeholder,\n        values,\n        id,\n        onBlur,\n        onChange,\n        onFocus,\n        onKeyDown,\n      ],\n    )\n\n  return {\n    descendants,\n    items,\n    getInputProps,\n    getRootProps,\n  }\n}\n\nexport type UsePinInputReturn = ReturnType<typeof usePinInput>\n"],"mappings":"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"}
+{"version":3,"file":"use-pin-input.cjs","names":["createDescendants","useId","useFieldProps","useState","useControllableState","useCallback","mergeProps"],"sources":["../../../../src/components/pin-input/use-pin-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { cx, filterUndefined, handlerAll, runKeyAction } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nconst {\n  DescendantsContext: PinInputDescendantsContext,\n  useDescendant: usePinInputDescendant,\n  useDescendants: usePinInputDescendants,\n} = createDescendants<HTMLInputElement>()\n\nexport {\n  PinInputDescendantsContext,\n  usePinInputDescendant,\n  usePinInputDescendants,\n}\n\nconst toArray = (value?: string) => value?.split(\"\")\n\nconst validate = (value: string, type: UsePinInputProps[\"type\"]) => {\n  const NUMERIC_REGEX = /^[0-9]+$/\n  const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9]+$/i\n\n  const regex = type === \"alphanumeric\" ? ALPHA_NUMERIC_REGEX : NUMERIC_REGEX\n\n  return regex.test(value)\n}\n\nexport interface UsePinInputProps\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"mask\" | \"onChange\" | \"value\">,\n    FieldProps {\n  /**\n   * If `true`, the pin input receives focus on mount.\n   *\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * The initial value of the pin input.\n   */\n  defaultValue?: string\n  /**\n   * The top-level id string that will be applied to the input fields.\n   * The index of the input will be appended to this top-level id.\n   */\n  id?: string\n  /**\n   * The number of inputs to display.\n   *\n   * @default 4\n   */\n  items?: number\n  /**\n   * If `true`, focus will move automatically to the next input once filled.\n   *\n   * @default true\n   */\n  manageFocus?: boolean\n  /**\n   * If `true`, the input's value will be masked just like `type=password`.\n   */\n  mask?: boolean\n  /**\n   * If `true`, the pin input component signals to its fields that they should.\n   */\n  otp?: boolean\n  /**\n   * The placeholder for the pin input.\n   *\n   * @default '◯'\n   */\n  placeholder?: string\n  /**\n   * The type of values the pin-input should allow.\n   *\n   * @default 'number'\n   */\n  type?: \"alphanumeric\" | \"number\"\n  /**\n   * The value of the pin input.\n   */\n  value?: string\n  /**\n   * Function called on input change.\n   */\n  onChange?: (value: string) => void\n  /**\n   * Function called when all inputs have valid values.\n   */\n  onComplete?: (value: string) => void\n}\n\nexport const usePinInput = (props: UsePinInputProps = {}) => {\n  const uuid = useId()\n  const {\n    context: { labelId } = {},\n    props: {\n      id = uuid,\n      type = \"number\",\n      autoFocus,\n      defaultValue,\n      disabled,\n      items = 4,\n      manageFocus = true,\n      mask,\n      otp = false,\n      placeholder = \"◯\",\n      readOnly,\n      value,\n      onChange: onChangeProp,\n      onComplete,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const descendants = usePinInputDescendants()\n  const [moveFocus, setMoveFocus] = useState<boolean>(true)\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n  const [values, setValues] = useControllableState<string[]>({\n    defaultValue: toArray(defaultValue) || [],\n    value: toArray(value),\n    onChange: (values) => onChangeProp?.(values.join(\"\")),\n  })\n\n  const focusNext = useCallback(\n    (index: number) => {\n      if (!moveFocus || !manageFocus) return\n\n      const next = descendants.nextValue(index, false)\n\n      if (!next) return\n\n      requestAnimationFrame(() => next.node.focus())\n    },\n    [descendants, moveFocus, manageFocus],\n  )\n\n  const focusInputField = useCallback(\n    (direction: \"next\" | \"prev\", index: number) => {\n      const input =\n        direction === \"next\"\n          ? descendants.nextValue(index, false)\n          : descendants.prevValue(index, false)\n\n      if (!input) return\n\n      const valueLength = input.node.value.length\n\n      requestAnimationFrame(() => {\n        input.node.focus()\n        input.node.setSelectionRange(0, valueLength)\n      })\n    },\n    [descendants],\n  )\n\n  const setValue = useCallback(\n    (value: string, index: number, focus = true) => {\n      let nextValues = [...values]\n\n      nextValues[index] = value\n\n      setValues(nextValues)\n\n      nextValues = nextValues.filter(Boolean)\n\n      const complete = value !== \"\" && nextValues.length === descendants.count()\n\n      if (complete) {\n        onComplete?.(nextValues.join(\"\"))\n        descendants.value(index)?.node.blur()\n      } else if (focus) {\n        focusNext(index)\n      }\n    },\n    [values, setValues, descendants, onComplete, focusNext],\n  )\n\n  const getNextValue = useCallback(\n    (value: string | undefined, eventValue: string) => {\n      let nextValue = eventValue\n\n      if (!value?.length) return nextValue\n\n      if (value.startsWith(eventValue.charAt(0)))\n        nextValue = eventValue.charAt(1)\n      else if (value.startsWith(eventValue.charAt(1)))\n        nextValue = eventValue.charAt(0)\n\n      return nextValue\n    },\n    [],\n  )\n\n  const onChange = useCallback(\n    (index: number) =>\n      ({ target }: ChangeEvent<HTMLInputElement>) => {\n        const eventValue = target.value\n        const currentValue = values[index]\n        const nextValue = getNextValue(currentValue, eventValue)\n\n        if (nextValue === \"\") {\n          setValue(\"\", index)\n\n          return\n        }\n\n        if (eventValue.length > 2) {\n          if (!validate(eventValue, type)) return\n\n          const nextValue = eventValue\n            .split(\"\")\n            .filter((_, index) => index < descendants.count())\n\n          setValues(nextValue)\n\n          if (nextValue.length === descendants.count()) {\n            onComplete?.(nextValue.join(\"\"))\n            descendants.value(index)?.node.blur()\n          }\n        } else {\n          if (validate(nextValue, type)) setValue(nextValue, index)\n\n          setMoveFocus(true)\n        }\n      },\n    [descendants, getNextValue, onComplete, setValue, setValues, type, values],\n  )\n\n  const onKeyDown = useCallback(\n    (index: number) => (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (!manageFocus) return\n\n      runKeyAction(\n        ev,\n        {\n          ArrowLeft: (ev) => {\n            ev.preventDefault()\n            focusInputField(\"prev\", index)\n          },\n          ArrowRight: (ev) => {\n            ev.preventDefault()\n            focusInputField(\"next\", index)\n          },\n          Backspace: (ev) => {\n            if ((ev.target as HTMLInputElement).value === \"\") {\n              const prevInput = descendants.prevValue(index, false)\n\n              if (!prevInput) return\n\n              setValue(\"\", index - 1, false)\n              prevInput.node.focus()\n              setMoveFocus(true)\n            } else {\n              setMoveFocus(false)\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [descendants, focusInputField, manageFocus, setValue],\n  )\n\n  const onFocus = useCallback(\n    (index: number) => () => setFocusedIndex(index),\n    [],\n  )\n\n  const onBlur = useCallback(() => setFocusedIndex(-1), [])\n\n  useEffect(() => {\n    if (!autoFocus) return\n\n    const firstValue = descendants.firstValue()\n\n    if (!firstValue) return\n\n    requestAnimationFrame(() => firstValue.node.focus())\n  }, [autoFocus, descendants])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps({ role: \"group\" }, rest, props)(),\n    [rest],\n  )\n\n  const getInputProps: RequiredPropGetter<\"input\", { index: number }> =\n    useCallback(\n      ({ \"aria-labelledby\": ariaLabelledby, index, ...props }) => ({\n        ...ariaProps,\n        ...dataProps,\n        type: mask ? \"password\" : type === \"number\" ? \"tel\" : \"text\",\n        \"aria-labelledby\": cx(ariaLabelledby, labelId),\n        autoComplete: otp ? \"one-time-code\" : \"off\",\n        disabled,\n        inputMode: type === \"number\" ? \"numeric\" : \"text\",\n        placeholder:\n          focusedIndex === index && !readOnly && !props.readOnly\n            ? \"\"\n            : placeholder,\n        readOnly,\n        value: values[index] || \"\",\n        ...filterUndefined(props),\n        id: `${id}${index ? `-${index}` : \"\"}`,\n        onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n        onChange: handlerAll(props.onChange, onChange(index)),\n        onFocus: handlerAll(eventProps.onFocus, props.onFocus, onFocus(index)),\n        onKeyDown: handlerAll(props.onKeyDown, onKeyDown(index)),\n      }),\n      [\n        ariaProps,\n        dataProps,\n        eventProps,\n        mask,\n        type,\n        labelId,\n        otp,\n        disabled,\n        focusedIndex,\n        readOnly,\n        placeholder,\n        values,\n        id,\n        onBlur,\n        onChange,\n        onFocus,\n        onKeyDown,\n      ],\n    )\n\n  return {\n    descendants,\n    items,\n    getInputProps,\n    getRootProps,\n  }\n}\n\nexport type UsePinInputReturn = ReturnType<typeof usePinInput>\n"],"mappings":"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"}

package/dist/cjs/components/popover/popover.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_props = require("../../core/components/props.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","names":["useValue","fadeScaleVariants","slideFadeVariants","createSlotComponent","popoverStyle","useSplitChildren","usePopover","mergeProps","AnimatePresence","Portal","motion","wrapOrPassProps"],"sources":["../../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLStyledProps,\n  SimplePlacement,\n  StyleValue,\n  ThemeProps,\n} from \"../../core\"\nimport type { Merge, ReactNodeOrFunction } from \"../../utils\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { PopoverStyle } from \"./popover.style\"\nimport type { UsePopoverProps, UsePopoverReturn } from \"./use-popover\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport {\n  cast,\n  filterUndefined,\n  isFunction,\n  runIfFn,\n  useSplitChildren,\n  wrapOrPassProps,\n} from \"../../utils\"\nimport { fadeScaleVariants } from \"../fade-scale\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { slideFadeVariants } from \"../slide-fade\"\nimport { popoverStyle } from \"./popover.style\"\nimport { usePopover } from \"./use-popover\"\n\nexport interface UsePopupAnimationProps {\n  /**\n   * The animation of the element.\n   *\n   * @default 'scale'\n   */\n  animationScheme?: StyleValue<\"none\" | \"scale\" | SimplePlacement>\n  /**\n   * The animation duration.\n   *\n   * @default 0.1\n   */\n  duration?: StyleValue<MotionTransitionProps[\"duration\"]>\n}\n\nexport const usePopupAnimationProps = (props: UsePopupAnimationProps = {}) => {\n  const animationScheme = useValue(props.animationScheme ?? \"scale\")\n  const duration = useValue(props.duration ?? 0.1)\n  const sharedProps = { animate: \"enter\", exit: \"exit\", initial: \"exit\" }\n\n  switch (animationScheme) {\n    case \"scale\":\n      return {\n        ...sharedProps,\n        custom: { duration, reverse: true, scale: 0.95 },\n        variants: fadeScaleVariants,\n      }\n    case \"block-start\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetY: -16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"inline-end\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetX: 16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"inline-start\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetX: -16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"block-end\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetY: 16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    default:\n      return {}\n  }\n}\n\nexport interface UsePopoverStyleProps {\n  /**\n   * If `true`, the popper will change its placement and flip when it's about to overflow its boundary area.\n   *\n   * @default true\n   */\n  flip?: StyleValue<UsePopoverProps[\"flip\"]>\n  /**\n   * The distance or margin between the reference and popper.\n   * It is used internally to create an `offset` modifier.\n   *\n   * @default 8\n   */\n  gutter?: StyleValue<UsePopoverProps[\"gutter\"]>\n  /**\n   * If `true`, the popper will match the width of the reference at all times.\n   * It's useful for `autocomplete`, `date-picker` and `select` patterns.\n   *\n   * @default false\n   */\n  matchWidth?: StyleValue<UsePopoverProps[\"matchWidth\"]>\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: StyleValue<UsePopoverProps[\"placement\"]>\n  /**\n   * The CSS positioning strategy to use.\n   *\n   * @default 'absolute'\n   */\n  strategy?: StyleValue<UsePopoverProps[\"strategy\"]>\n}\n\nexport const usePopoverStyleProps = (props: UsePopoverStyleProps = {}) => {\n  const placement = useValue(props.placement)\n  const gutter = useValue(props.gutter)\n  const matchWidth = useValue(props.matchWidth)\n  const strategy = useValue(props.strategy)\n  const flip = useValue(props.flip)\n\n  return useMemo(\n    () => filterUndefined({ flip, gutter, matchWidth, placement, strategy }),\n    [flip, gutter, matchWidth, placement, strategy],\n  )\n}\n\ninterface ComponentContext\n  extends\n    Pick<\n      UsePopoverReturn,\n      | \"getAnchorProps\"\n      | \"getBodyProps\"\n      | \"getCloseTriggerProps\"\n      | \"getContentProps\"\n      | \"getFooterProps\"\n      | \"getHeaderProps\"\n      | \"getPositionerProps\"\n      | \"getTriggerProps\"\n      | \"open\"\n    >,\n    UsePopupAnimationProps,\n    Pick<\n      PopoverRootProps,\n      | \"anchorProps\"\n      | \"bodyProps\"\n      | \"closeTriggerProps\"\n      | \"contentProps\"\n      | \"footerProps\"\n      | \"headerProps\"\n      | \"triggerProps\"\n    > {}\n\nexport interface PopoverRootProps\n  extends\n    Merge<UsePopoverProps, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<PopoverStyle>,\n    ShorthandPopoverContentProps {\n  /**\n   * The popover anchor to use.\n   */\n  anchor?: ReactNode\n  /**\n   * The children of the popover.\n   */\n  children?: ReactNodeOrFunction<{\n    open: boolean\n    onClose: () => void\n  }>\n  /**\n   * The popover trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * Props for anchor element.\n   */\n  anchorProps?: Omit<PopoverAnchorProps, \"asChild\" | \"children\">\n  /**\n   * Props for body element.\n   */\n  bodyProps?: Omit<PopoverBodyProps, \"children\">\n  /**\n   * Props for close trigger element.\n   */\n  closeTriggerProps?: Omit<PopoverCloseTriggerProps, \"asChild\" | \"children\">\n  /**\n   * Props for content element.\n   */\n  contentProps?: Omit<PopoverContentProps, \"children\">\n  /**\n   * Props for footer element.\n   */\n  footerProps?: Omit<PopoverFooterProps, \"children\">\n  /**\n   * Props for header element.\n   */\n  headerProps?: Omit<PopoverHeaderProps, \"children\">\n  /**\n   * Props for trigger element.\n   */\n  triggerProps?: Omit<PopoverTriggerProps, \"asChild\" | \"children\">\n}\n\nconst {\n  ComponentContext,\n  PropsContext: PopoverPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: usePopoverPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<PopoverRootProps, PopoverStyle, ComponentContext>(\n  \"popover\",\n  popoverStyle,\n)\n\nexport { PopoverPropsContext, usePopoverPropsContext }\n\n/**\n * `Popover` is a component that floats around an element to display information.\n *\n * @see https://yamada-ui.com/docs/components/popover\n */\nexport const PopoverRoot: FC<PopoverRootProps> = (props) => {\n  const styleProps = usePopoverStyleProps(props)\n  const [\n    styleContext,\n    {\n      anchor: anchorProp,\n      animationScheme,\n      body,\n      children,\n      duration,\n      footer,\n      header,\n      trigger: triggerProp,\n      anchorProps,\n      bodyProps,\n      closeTriggerProps,\n      contentProps,\n      footerProps,\n      headerProps,\n      triggerProps,\n      ...rest\n    },\n  ] = useRootComponentProps({ ...props, ...styleProps })\n  const [omittedChildren, trigger, anchor, customContent] = useSplitChildren(\n    isFunction(children) ? undefined : children,\n    PopoverTrigger,\n    PopoverAnchor,\n    PopoverContent,\n  )\n  const {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n  } = usePopover(rest)\n  const componentContext = useMemo(\n    () => ({\n      animationScheme,\n      duration,\n      open,\n      anchorProps,\n      bodyProps,\n      closeTriggerProps,\n      contentProps,\n      footerProps,\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n      headerProps,\n      triggerProps,\n    }),\n    [\n      open,\n      animationScheme,\n      anchorProps,\n      bodyProps,\n      closeTriggerProps,\n      contentProps,\n      duration,\n      footerProps,\n      headerProps,\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n      triggerProps,\n    ],\n  )\n  const customAnchor = anchorProp ? (\n    <PopoverAnchor>{anchorProp}</PopoverAnchor>\n  ) : null\n  const customTrigger = triggerProp ? (\n    <PopoverTrigger>{triggerProp}</PopoverTrigger>\n  ) : null\n  const customContentProp =\n    header !== undefined || body !== undefined || footer !== undefined ? (\n      <ShorthandPopoverContent body={body} footer={footer} header={header} />\n    ) : null\n\n  return (\n    <StyleContext value={styleContext}>\n      <ComponentContext value={componentContext}>\n        {isFunction(children) ? (\n          runIfFn(children, { open, onClose })\n        ) : (\n          <>\n            {anchor ?? customAnchor}\n            {trigger ?? customTrigger}\n            {omittedChildren}\n            {customContent ?? customContentProp}\n          </>\n        )}\n      </ComponentContext>\n    </StyleContext>\n  )\n}\n\nexport interface PopoverTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PopoverTrigger = withContext<\"button\", PopoverTriggerProps>(\n  \"button\",\n  \"trigger\",\n)({ asChild: true }, (props) => {\n  const { getTriggerProps, triggerProps } = useComponentContext()\n\n  return getTriggerProps(mergeProps(triggerProps, props)())\n})\n\nexport interface PopoverCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PopoverCloseTrigger = withContext<\n  \"button\",\n  PopoverCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  { asChild: true },\n  (props) => {\n    const { closeTriggerProps, getCloseTriggerProps } = useComponentContext()\n\n    return getCloseTriggerProps(mergeProps(closeTriggerProps, props)())\n  },\n)\n\nexport interface PopoverAnchorProps extends HTMLStyledProps {}\n\nexport const PopoverAnchor = withContext<\"div\", PopoverAnchorProps>(\n  \"div\",\n  \"anchor\",\n)({ asChild: true }, (props) => {\n  const { anchorProps, getAnchorProps } = useComponentContext()\n\n  return getAnchorProps(mergeProps(anchorProps, props)())\n})\n\ninterface PopoverPositionerProps extends HTMLStyledProps {}\n\nconst PopoverPositioner = withContext<\"div\", PopoverPositionerProps>(\n  \"div\",\n  \"positioner\",\n)(undefined, (props) => {\n  const { getPositionerProps } = useComponentContext()\n\n  return getPositionerProps(props)\n})\n\nexport interface PopoverContentProps\n  extends Omit<HTMLMotionProps, \"children\">, PropsWithChildren {\n  /**\n   * Props for portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Props for positioner component.\n   */\n  positionerProps?: Omit<PopoverPositionerProps, \"children\">\n}\n\nexport const PopoverContent = withContext<\"div\", PopoverContentProps>(\n  ({\n    portalProps: portalPropsProp,\n    positionerProps: positionerPropsProp,\n    ...rest\n  }) => {\n    const {\n      animationScheme,\n      duration,\n      open,\n      contentProps: { portalProps, positionerProps, ...contentProps } = {},\n      getContentProps,\n    } = useComponentContext()\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <AnimatePresence>\n        {open ? (\n          <Portal {...mergeProps(portalProps, portalPropsProp)()}>\n            <PopoverPositioner\n              {...mergeProps(positionerProps, positionerPropsProp)()}\n            >\n              <motion.div\n                {...popupAnimationProps}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(\n                    cast<HTMLProps>(mergeProps(contentProps, rest)()),\n                  ),\n                )}\n              />\n            </PopoverPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandPopoverContentProps {\n  /**\n   * The popover body to use.\n   */\n  body?: PopoverBodyProps | ReactNode\n  /**\n   * The popover footer to use.\n   */\n  footer?: PopoverFooterProps | ReactNode\n  /**\n   * The popover header to use.\n   */\n  header?: PopoverHeaderProps | ReactNode\n}\n\nconst ShorthandPopoverContent: FC<ShorthandPopoverContentProps> = ({\n  body,\n  footer,\n  header,\n}) => {\n  const customHeader = wrapOrPassProps(PopoverHeader, header)\n  const customBody = wrapOrPassProps(PopoverBody, body)\n  const customFooter = wrapOrPassProps(PopoverFooter, footer)\n\n  return (\n    <PopoverContent>\n      {customHeader}\n      {customBody}\n      {customFooter}\n    </PopoverContent>\n  )\n}\n\nexport interface PopoverHeaderProps extends HTMLStyledProps {}\n\nexport const PopoverHeader = withContext<\"div\", PopoverHeaderProps>(\n  \"div\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps, headerProps } = useComponentContext()\n\n  return getHeaderProps(mergeProps(headerProps, props)())\n})\n\nexport interface PopoverBodyProps extends HTMLStyledProps {}\n\nexport const PopoverBody = withContext<\"div\", PopoverBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { bodyProps, getBodyProps } = useComponentContext()\n\n    return getBodyProps(mergeProps(bodyProps, props)())\n  },\n)\n\nexport interface PopoverFooterProps extends HTMLStyledProps {}\n\nexport const PopoverFooter = withContext<\"div\", PopoverFooterProps>(\n  \"div\",\n  \"footer\",\n)(undefined, (props) => {\n  const { footerProps, getFooterProps } = useComponentContext()\n\n  return getFooterProps(mergeProps(footerProps, props)())\n})\n"],"mappings":";;;;;;;;;;;;;;;;AAiDA,MAAa,0BAA0B,QAAgC,CAAC,MAAM;CAC5E,MAAM,kBAAkBA,8BAAAA,SAAS,MAAM,mBAAmB,OAAO;CACjE,MAAM,WAAWA,8BAAAA,SAAS,MAAM,YAAY,EAAG;CAC/C,MAAM,cAAc;EAAE,SAAS;EAAS,MAAM;EAAQ,SAAS;CAAO;CAEtE,QAAQ,iBAAR;EACE,KAAK,SACH,OAAO;GACL,GAAG;GACH,QAAQ;IAAE;IAAU,SAAS;IAAM,OAAO;GAAK;GAC/C,UAAUC,mBAAAA;EACZ;EACF,KAAK,eACH,OAAO;GACL,GAAG;GACH,QAAQ;IAAE;IAAU,SAAS;IAAK,SAAS;GAAK;GAChD,UAAUC,mBAAAA;EACZ;EACF,KAAK,cACH,OAAO;GACL,GAAG;GACH,QAAQ;IAAE;IAAU,SAAS;IAAI,SAAS;GAAK;GAC/C,UAAUA,mBAAAA;EACZ;EACF,KAAK,gBACH,OAAO;GACL,GAAG;GACH,QAAQ;IAAE;IAAU,SAAS;IAAK,SAAS;GAAK;GAChD,UAAUA,mBAAAA;EACZ;EACF,KAAK,aACH,OAAO;GACL,GAAG;GACH,QAAQ;IAAE;IAAU,SAAS;IAAI,SAAS;GAAK;GAC/C,UAAUA,mBAAAA;EACZ;EACF,SACE,OAAO,CAAC;CACZ;AACF;AAqCA,MAAa,wBAAwB,QAA8B,CAAC,MAAM;CACxE,MAAM,YAAYF,8BAAAA,SAAS,MAAM,SAAS;CAC1C,MAAM,SAASA,8BAAAA,SAAS,MAAM,MAAM;CACpC,MAAM,aAAaA,8BAAAA,SAAS,MAAM,UAAU;CAC5C,MAAM,WAAWA,8BAAAA,SAAS,MAAM,QAAQ;CACxC,MAAM,OAAOA,8BAAAA,SAAS,MAAM,IAAI;CAEhC,QAAA,GAAA,MAAA,QAAA,QAAA,GAAA,oBAAA,cAAA,gBAAA,CACwB;EAAE;EAAM;EAAQ;EAAY;EAAW;CAAS,CAAC,GACvE;EAAC;EAAM;EAAQ;EAAY;EAAW;CAAQ,CAChD;AACF;AA+EA,MAAM,EACJ,kBACA,cAAc,qBACd,cACA,qBACA,iBAAiB,wBACjB,aACA,0BACEG,yBAAAA,oBACF,WACAC,sBAAAA,YACF;;;;;;AASA,MAAa,eAAqC,UAAU;CAC1D,MAAM,aAAa,qBAAqB,KAAK;CAC7C,MAAM,CACJ,cACA,EACE,QAAQ,YACR,iBACA,MACA,UACA,UACA,QACA,QACA,SAAS,aACT,aACA,WACA,mBACA,cACA,aACA,aACA,cACA,GAAG,UAEH,sBAAsB;EAAE,GAAG;EAAO,GAAG;CAAW,CAAC;CACrD,MAAM,CAAC,iBAAiB,SAAS,QAAQ,iBAAiBC,iBAAAA,kBAAAA,GAAAA,oBAAAA,cAAAA,WAAAA,CAC7C,QAAQ,IAAI,KAAA,IAAY,UACnC,gBACA,eACA,cACF;CACA,MAAM,EACJ,MACA,gBACA,cACA,sBACA,iBACA,gBACA,gBACA,oBACA,iBACA,YACEC,oBAAAA,WAAW,IAAI;CACnB,MAAM,oBAAA,GAAA,MAAA,QAAA,QACG;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,eAAe,aACnB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAA,UAAgB,WAA0B,CAAA,IACxC;CACJ,MAAM,gBAAgB,cACpB,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD,EAAA,UAAiB,YAA4B,CAAA,IAC3C;CACJ,MAAM,oBACJ,WAAW,KAAA,KAAa,SAAS,KAAA,KAAa,WAAW,KAAA,IACvD,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAD;EAA+B;EAAc;EAAgB;CAAS,CAAA,IACpE;CAEN,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;EAAc,OAAO;EACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;GAAkB,OAAO;GACX,WAAA,GAAA,oBAAA,cAAA,WAAA,CAAA,QAAQ,KAAA,GAAA,oBAAA,cAAA,QAAA,CACV,UAAU;IAAE;IAAM;GAAQ,CAAC,IAEnC,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;IACG,UAAU;IACV,WAAW;IACX;IACA,iBAAiB;GAClB,EAAA,CAAA;EAEY,CAAA;CACN,CAAA;AAElB;AAIA,MAAa,iBAAiB,YAC5B,UACA,SACF,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,UAAU;CAC9B,MAAM,EAAE,iBAAiB,iBAAiB,oBAAoB;CAE9D,OAAO,gBAAgBC,cAAAA,WAAW,cAAc,KAAK,CAAC,CAAC,CAAC;AAC1D,CAAC;AAID,MAAa,sBAAsB,YAGjC,UAAU;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,OAAO;AAAE,CAAC,CAAC,CAC/D,EAAE,SAAS,KAAK,IACf,UAAU;CACT,MAAM,EAAE,mBAAmB,yBAAyB,oBAAoB;CAExE,OAAO,qBAAqBA,cAAAA,WAAW,mBAAmB,KAAK,CAAC,CAAC,CAAC;AACpE,CACF;AAIA,MAAa,gBAAgB,YAC3B,OACA,QACF,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,UAAU;CAC9B,MAAM,EAAE,aAAa,mBAAmB,oBAAoB;CAE5D,OAAO,eAAeA,cAAAA,WAAW,aAAa,KAAK,CAAC,CAAC,CAAC;AACxD,CAAC;AAID,MAAM,oBAAoB,YACxB,OACA,YACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,uBAAuB,oBAAoB;CAEnD,OAAO,mBAAmB,KAAK;AACjC,CAAC;AAcD,MAAa,iBAAiB,aAC3B,EACC,aAAa,iBACb,iBAAiB,qBACjB,GAAG,WACC;CACJ,MAAM,EACJ,iBACA,UACA,MACA,cAAc,EAAE,aAAa,iBAAiB,GAAG,iBAAiB,CAAC,GACnE,oBACE,oBAAoB;CACxB,MAAM,sBAAsB,uBAAuB;EACjD;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,iBAAD,EAAA,UACG,OACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;EAAQ,GAAIF,cAAAA,WAAW,aAAa,eAAe,CAAC,CAAC;EACnD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;GACE,GAAIA,cAAAA,WAAW,iBAAiB,mBAAmB,CAAC,CAAC;GAErD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACG,gBAAAA,OAAO,KAAR;IACE,GAAI;IACJ,IAAA,GAAA,oBAAA,cAAA,KAAA,CACE,iBAAA,GAAA,oBAAA,cAAA,KAAA,CACkBH,cAAAA,WAAW,cAAc,IAAI,CAAC,CAAC,CAAC,CAClD,CACF;GACD,CAAA;EACgB,CAAA;CACb,CAAA,IACN,KACW,CAAA;AAErB,GACA,SACF,CAAC,CAAC;AAiBF,MAAM,2BAA6D,EACjE,MACA,QACA,aACI;CACJ,MAAM,eAAeI,iBAAAA,gBAAgB,eAAe,MAAM;CAC1D,MAAM,aAAaA,iBAAAA,gBAAgB,aAAa,IAAI;CACpD,MAAM,eAAeA,iBAAAA,gBAAgB,eAAe,MAAM;CAE1D,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAD,EAAA,UAAA;EACG;EACA;EACA;CACa,EAAA,CAAA;AAEpB;AAIA,MAAa,gBAAgB,YAC3B,OACA,QACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,gBAAgB,gBAAgB,oBAAoB;CAE5D,OAAO,eAAeJ,cAAAA,WAAW,aAAa,KAAK,CAAC,CAAC,CAAC;AACxD,CAAC;AAID,MAAa,cAAc,YAAqC,OAAO,MAAM,CAAC,CAC5E,KAAA,IACC,UAAU;CACT,MAAM,EAAE,WAAW,iBAAiB,oBAAoB;CAExD,OAAO,aAAaA,cAAAA,WAAW,WAAW,KAAK,CAAC,CAAC,CAAC;AACpD,CACF;AAIA,MAAa,gBAAgB,YAC3B,OACA,QACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,aAAa,mBAAmB,oBAAoB;CAE5D,OAAO,eAAeA,cAAAA,WAAW,aAAa,KAAK,CAAC,CAAC,CAAC;AACxD,CAAC"}
+{"version":3,"file":"popover.cjs","names":["useValue","fadeScaleVariants","slideFadeVariants","useMemo","createSlotComponent","popoverStyle","useSplitChildren","usePopover","mergeProps","AnimatePresence","Portal","motion","wrapOrPassProps"],"sources":["../../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLStyledProps,\n  SimplePlacement,\n  StyleValue,\n  ThemeProps,\n} from \"../../core\"\nimport type { Merge, ReactNodeOrFunction } from \"../../utils\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { PopoverStyle } from \"./popover.style\"\nimport type { UsePopoverProps, UsePopoverReturn } from \"./use-popover\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport {\n  cast,\n  filterUndefined,\n  isFunction,\n  runIfFn,\n  useSplitChildren,\n  wrapOrPassProps,\n} from \"../../utils\"\nimport { fadeScaleVariants } from \"../fade-scale\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { slideFadeVariants } from \"../slide-fade\"\nimport { popoverStyle } from \"./popover.style\"\nimport { usePopover } from \"./use-popover\"\n\nexport interface UsePopupAnimationProps {\n  /**\n   * The animation of the element.\n   *\n   * @default 'scale'\n   */\n  animationScheme?: StyleValue<\"none\" | \"scale\" | SimplePlacement>\n  /**\n   * The animation duration.\n   *\n   * @default 0.1\n   */\n  duration?: StyleValue<MotionTransitionProps[\"duration\"]>\n}\n\nexport const usePopupAnimationProps = (props: UsePopupAnimationProps = {}) => {\n  const animationScheme = useValue(props.animationScheme ?? \"scale\")\n  const duration = useValue(props.duration ?? 0.1)\n  const sharedProps = { animate: \"enter\", exit: \"exit\", initial: \"exit\" }\n\n  switch (animationScheme) {\n    case \"scale\":\n      return {\n        ...sharedProps,\n        custom: { duration, reverse: true, scale: 0.95 },\n        variants: fadeScaleVariants,\n      }\n    case \"block-start\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetY: -16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"inline-end\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetX: 16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"inline-start\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetX: -16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"block-end\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetY: 16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    default:\n      return {}\n  }\n}\n\nexport interface UsePopoverStyleProps {\n  /**\n   * If `true`, the popper will change its placement and flip when it's about to overflow its boundary area.\n   *\n   * @default true\n   */\n  flip?: StyleValue<UsePopoverProps[\"flip\"]>\n  /**\n   * The distance or margin between the reference and popper.\n   * It is used internally to create an `offset` modifier.\n   *\n   * @default 8\n   */\n  gutter?: StyleValue<UsePopoverProps[\"gutter\"]>\n  /**\n   * If `true`, the popper will match the width of the reference at all times.\n   * It's useful for `autocomplete`, `date-picker` and `select` patterns.\n   *\n   * @default false\n   */\n  matchWidth?: StyleValue<UsePopoverProps[\"matchWidth\"]>\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: StyleValue<UsePopoverProps[\"placement\"]>\n  /**\n   * The CSS positioning strategy to use.\n   *\n   * @default 'absolute'\n   */\n  strategy?: StyleValue<UsePopoverProps[\"strategy\"]>\n}\n\nexport const usePopoverStyleProps = (props: UsePopoverStyleProps = {}) => {\n  const placement = useValue(props.placement)\n  const gutter = useValue(props.gutter)\n  const matchWidth = useValue(props.matchWidth)\n  const strategy = useValue(props.strategy)\n  const flip = useValue(props.flip)\n\n  return useMemo(\n    () => filterUndefined({ flip, gutter, matchWidth, placement, strategy }),\n    [flip, gutter, matchWidth, placement, strategy],\n  )\n}\n\ninterface ComponentContext\n  extends\n    Pick<\n      UsePopoverReturn,\n      | \"getAnchorProps\"\n      | \"getBodyProps\"\n      | \"getCloseTriggerProps\"\n      | \"getContentProps\"\n      | \"getFooterProps\"\n      | \"getHeaderProps\"\n      | \"getPositionerProps\"\n      | \"getTriggerProps\"\n      | \"open\"\n    >,\n    UsePopupAnimationProps,\n    Pick<\n      PopoverRootProps,\n      | \"anchorProps\"\n      | \"bodyProps\"\n      | \"closeTriggerProps\"\n      | \"contentProps\"\n      | \"footerProps\"\n      | \"headerProps\"\n      | \"triggerProps\"\n    > {}\n\nexport interface PopoverRootProps\n  extends\n    Merge<UsePopoverProps, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<PopoverStyle>,\n    ShorthandPopoverContentProps {\n  /**\n   * The popover anchor to use.\n   */\n  anchor?: ReactNode\n  /**\n   * The children of the popover.\n   */\n  children?: ReactNodeOrFunction<{\n    open: boolean\n    onClose: () => void\n  }>\n  /**\n   * The popover trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * Props for anchor element.\n   */\n  anchorProps?: Omit<PopoverAnchorProps, \"asChild\" | \"children\">\n  /**\n   * Props for body element.\n   */\n  bodyProps?: Omit<PopoverBodyProps, \"children\">\n  /**\n   * Props for close trigger element.\n   */\n  closeTriggerProps?: Omit<PopoverCloseTriggerProps, \"asChild\" | \"children\">\n  /**\n   * Props for content element.\n   */\n  contentProps?: Omit<PopoverContentProps, \"children\">\n  /**\n   * Props for footer element.\n   */\n  footerProps?: Omit<PopoverFooterProps, \"children\">\n  /**\n   * Props for header element.\n   */\n  headerProps?: Omit<PopoverHeaderProps, \"children\">\n  /**\n   * Props for trigger element.\n   */\n  triggerProps?: Omit<PopoverTriggerProps, \"asChild\" | \"children\">\n}\n\nconst {\n  ComponentContext,\n  PropsContext: PopoverPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: usePopoverPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<PopoverRootProps, PopoverStyle, ComponentContext>(\n  \"popover\",\n  popoverStyle,\n)\n\nexport { PopoverPropsContext, usePopoverPropsContext }\n\n/**\n * `Popover` is a component that floats around an element to display information.\n *\n * @see https://yamada-ui.com/docs/components/popover\n */\nexport const PopoverRoot: FC<PopoverRootProps> = (props) => {\n  const styleProps = usePopoverStyleProps(props)\n  const [\n    styleContext,\n    {\n      anchor: anchorProp,\n      animationScheme,\n      body,\n      children,\n      duration,\n      footer,\n      header,\n      trigger: triggerProp,\n      anchorProps,\n      bodyProps,\n      closeTriggerProps,\n      contentProps,\n      footerProps,\n      headerProps,\n      triggerProps,\n      ...rest\n    },\n  ] = useRootComponentProps({ ...props, ...styleProps })\n  const [omittedChildren, trigger, anchor, customContent] = useSplitChildren(\n    isFunction(children) ? undefined : children,\n    PopoverTrigger,\n    PopoverAnchor,\n    PopoverContent,\n  )\n  const {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n  } = usePopover(rest)\n  const componentContext = useMemo(\n    () => ({\n      animationScheme,\n      duration,\n      open,\n      anchorProps,\n      bodyProps,\n      closeTriggerProps,\n      contentProps,\n      footerProps,\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n      headerProps,\n      triggerProps,\n    }),\n    [\n      open,\n      animationScheme,\n      anchorProps,\n      bodyProps,\n      closeTriggerProps,\n      contentProps,\n      duration,\n      footerProps,\n      headerProps,\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n      triggerProps,\n    ],\n  )\n  const customAnchor = anchorProp ? (\n    <PopoverAnchor>{anchorProp}</PopoverAnchor>\n  ) : null\n  const customTrigger = triggerProp ? (\n    <PopoverTrigger>{triggerProp}</PopoverTrigger>\n  ) : null\n  const customContentProp =\n    header !== undefined || body !== undefined || footer !== undefined ? (\n      <ShorthandPopoverContent body={body} footer={footer} header={header} />\n    ) : null\n\n  return (\n    <StyleContext value={styleContext}>\n      <ComponentContext value={componentContext}>\n        {isFunction(children) ? (\n          runIfFn(children, { open, onClose })\n        ) : (\n          <>\n            {anchor ?? customAnchor}\n            {trigger ?? customTrigger}\n            {omittedChildren}\n            {customContent ?? customContentProp}\n          </>\n        )}\n      </ComponentContext>\n    </StyleContext>\n  )\n}\n\nexport interface PopoverTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PopoverTrigger = withContext<\"button\", PopoverTriggerProps>(\n  \"button\",\n  \"trigger\",\n)({ asChild: true }, (props) => {\n  const { getTriggerProps, triggerProps } = useComponentContext()\n\n  return getTriggerProps(mergeProps(triggerProps, props)())\n})\n\nexport interface PopoverCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PopoverCloseTrigger = withContext<\n  \"button\",\n  PopoverCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  { asChild: true },\n  (props) => {\n    const { closeTriggerProps, getCloseTriggerProps } = useComponentContext()\n\n    return getCloseTriggerProps(mergeProps(closeTriggerProps, props)())\n  },\n)\n\nexport interface PopoverAnchorProps extends HTMLStyledProps {}\n\nexport const PopoverAnchor = withContext<\"div\", PopoverAnchorProps>(\n  \"div\",\n  \"anchor\",\n)({ asChild: true }, (props) => {\n  const { anchorProps, getAnchorProps } = useComponentContext()\n\n  return getAnchorProps(mergeProps(anchorProps, props)())\n})\n\ninterface PopoverPositionerProps extends HTMLStyledProps {}\n\nconst PopoverPositioner = withContext<\"div\", PopoverPositionerProps>(\n  \"div\",\n  \"positioner\",\n)(undefined, (props) => {\n  const { getPositionerProps } = useComponentContext()\n\n  return getPositionerProps(props)\n})\n\nexport interface PopoverContentProps\n  extends Omit<HTMLMotionProps, \"children\">, PropsWithChildren {\n  /**\n   * Props for portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Props for positioner component.\n   */\n  positionerProps?: Omit<PopoverPositionerProps, \"children\">\n}\n\nexport const PopoverContent = withContext<\"div\", PopoverContentProps>(\n  ({\n    portalProps: portalPropsProp,\n    positionerProps: positionerPropsProp,\n    ...rest\n  }) => {\n    const {\n      animationScheme,\n      duration,\n      open,\n      contentProps: { portalProps, positionerProps, ...contentProps } = {},\n      getContentProps,\n    } = useComponentContext()\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <AnimatePresence>\n        {open ? (\n          <Portal {...mergeProps(portalProps, portalPropsProp)()}>\n            <PopoverPositioner\n              {...mergeProps(positionerProps, positionerPropsProp)()}\n            >\n              <motion.div\n                {...popupAnimationProps}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(\n                    cast<HTMLProps>(mergeProps(contentProps, rest)()),\n                  ),\n                )}\n              />\n            </PopoverPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandPopoverContentProps {\n  /**\n   * The popover body to use.\n   */\n  body?: PopoverBodyProps | ReactNode\n  /**\n   * The popover footer to use.\n   */\n  footer?: PopoverFooterProps | ReactNode\n  /**\n   * The popover header to use.\n   */\n  header?: PopoverHeaderProps | ReactNode\n}\n\nconst ShorthandPopoverContent: FC<ShorthandPopoverContentProps> = ({\n  body,\n  footer,\n  header,\n}) => {\n  const customHeader = wrapOrPassProps(PopoverHeader, header)\n  const customBody = wrapOrPassProps(PopoverBody, body)\n  const customFooter = wrapOrPassProps(PopoverFooter, footer)\n\n  return (\n    <PopoverContent>\n      {customHeader}\n      {customBody}\n      {customFooter}\n    </PopoverContent>\n  )\n}\n\nexport interface PopoverHeaderProps extends HTMLStyledProps {}\n\nexport const PopoverHeader = withContext<\"div\", PopoverHeaderProps>(\n  \"div\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps, headerProps } = useComponentContext()\n\n  return getHeaderProps(mergeProps(headerProps, props)())\n})\n\nexport interface PopoverBodyProps extends HTMLStyledProps {}\n\nexport const PopoverBody = withContext<\"div\", PopoverBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { bodyProps, getBodyProps } = useComponentContext()\n\n    return getBodyProps(mergeProps(bodyProps, props)())\n  },\n)\n\nexport interface PopoverFooterProps extends HTMLStyledProps {}\n\nexport const PopoverFooter = withContext<\"div\", PopoverFooterProps>(\n  \"div\",\n  \"footer\",\n)(undefined, (props) => {\n  const { footerProps, getFooterProps } = useComponentContext()\n\n  return getFooterProps(mergeProps(footerProps, props)())\n})\n"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_dom = require("../../utils/dom.cjs");
 const require_effect = require("../../utils/effect.cjs");
 const require_ref = require("../../utils/ref.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"use-popover.cjs","names":["useEnvironment","useDisclosure","usePopper","getEventRelatedTarget","mergeRefs","popperProps","useSplitProps"],"sources":["../../../../src/components/popover/use-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FocusEvent, KeyboardEvent, RefObject } from \"react\"\nimport type { Direction, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport type { Dict } from \"../../utils\"\nimport type { UsePopupAnimationProps } from \"./popover\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\nimport { useEnvironment, useSplitProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useFocusOnShow } from \"../../hooks/use-focus\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { popperProps, usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  contains,\n  dataAttr,\n  focusTransfer,\n  focusTrap,\n  getEventRelatedTarget,\n  handlerAll,\n  mergeRefs,\n  runKeyAction,\n  scrollLock,\n  setAttribute,\n  useSafeLayoutEffect,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UsePopoverProps\n  extends Omit<UseDisclosureProps, \"timing\">, UsePopperProps<\"button\"> {\n  /**\n   * If `true`, focus will be transferred to the first interactive element when the popover opens.\n   *\n   * @default true\n   */\n  autoFocus?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default false\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * If `true`, the popover will close when you blur out it by clicking outside or tabbing out.\n   *\n   * @default true\n   */\n  closeOnBlur?: boolean\n  /**\n   * If `true`, the popover will hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the popover will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the popover will be modal.\n   *\n   * - scrolling is blocked.\n   * - focus is trapped within the popover.\n   *\n   * @default false\n   */\n  modal?: boolean\n  /**\n   * If `true`, the popover will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: Direction\n  /**\n   * If `true`, the focus will be transferred to the popover content when the tab key is pressed.\n   *\n   * @default true\n   */\n  transferFocus?: boolean\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const usePopover = ({\n  autoFocus = true,\n  autoUpdate,\n  modal = false,\n  blockScrollOnMount = modal,\n  closeOnBlur = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  initialFocusRef,\n  matchWidth,\n  middleware,\n  offset,\n  open: openProp,\n  openOnClick = true,\n  placement = \"end\",\n  platform,\n  preventOverflow,\n  strategy,\n  transferFocus = true,\n  transform,\n  updateRef,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UsePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const contentId = useId()\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onRestoreFocus = useCallback(() => {\n    clearTimeout(closeTimeout.current)\n    closeTimeout.current = setTimeout(() => {\n      triggerRef.current?.focus()\n    })\n  }, [])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      runKeyAction(ev, {\n        Escape: () => {\n          if (!closeOnEsc) return\n\n          onClose()\n          onRestoreFocus()\n        },\n      })\n    },\n    [closeOnEsc, onClose, onRestoreFocus],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLDivElement>) => {\n      const relatedTarget = getEventRelatedTarget(ev)\n      const popup = relatedTarget?.hasAttribute(\"data-popup\")\n\n      if (contains(triggerRef.current, relatedTarget)) return\n      if (contains(contentRef.current, relatedTarget)) return\n      if (contains(contentRef.current, ev.target) && popup) return\n\n      if (closeOnBlur) onClose()\n    },\n    [closeOnBlur, onClose],\n  )\n\n  useEventListener(getDocument(), \"scroll\", () => {\n    if (open && closeOnScroll) onClose()\n  })\n\n  useFocusOnShow(contentRef, {\n    focusTarget: initialFocusRef,\n    shouldFocus: autoFocus,\n    visible: open,\n  })\n\n  useOutsideClick({\n    ref: [contentRef, triggerRef],\n    enabled: open && closeOnBlur,\n    handler: onClose,\n  })\n\n  useSafeLayoutEffect(() => {\n    const el = contentRef.current\n    const hasHeader = !!getDocument()?.getElementById(headerId)\n    const hasBody = !!getDocument()?.getElementById(bodyId)\n\n    if (el && hasHeader) setAttribute(el, \"aria-labelledby\", headerId)\n    if (el && hasBody) setAttribute(el, \"aria-describedby\", bodyId)\n  }, [open, headerId, bodyId])\n\n  useEffect(() => {\n    if (!open || !modal) return\n\n    return focusTrap(contentRef.current)\n  }, [open, modal])\n\n  useEffect(() => {\n    if (!open || !blockScrollOnMount) return\n\n    return scrollLock(contentRef.current)\n  }, [open, modal, blockScrollOnMount])\n\n  useEffect(() => {\n    if (!open || modal || !transferFocus) return\n\n    return focusTransfer(contentRef.current, triggerRef.current)\n  }, [open, modal, transferFocus])\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      role: \"button\",\n      ...props,\n      ref: mergeRefs(ref, triggerRef, (node) => {\n        if (anchorRef.current == null) refs.setReference(node)\n      }),\n      onBlur: handlerAll(props.onBlur, (ev) =>\n        !contains(contentRef.current, getEventRelatedTarget(ev)) && closeOnBlur\n          ? onClose()\n          : void 0,\n      ),\n      onClick: handlerAll(\n        props.onClick,\n        !open ? (!disabled && openOnClick ? onOpen : undefined) : onClose,\n      ),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      closeOnBlur,\n      contentId,\n      disabled,\n      onClose,\n      onKeyDown,\n      onOpen,\n      open,\n      openOnClick,\n      refs,\n    ],\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    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      \"aria-hidden\": !open,\n      \"aria-modal\": modal ? \"true\" : undefined,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      \"data-popup\": dataAttr(true),\n      role: \"dialog\",\n      tabIndex: -1,\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [contentId, open, modal, onBlur, onKeyDown],\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      ...props,\n      onClick: handlerAll(props.onClick, () => {\n        onClose()\n        onRestoreFocus()\n      }),\n    }),\n    [onClose, onRestoreFocus],\n  )\n\n  return {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UsePopoverReturn = ReturnType<typeof usePopover>\n\nexport const popoverProps: (\n  | keyof UsePopoverProps\n  | keyof UsePopupAnimationProps\n)[] = [\n  ...popperProps,\n  \"autoFocus\",\n  \"transferFocus\",\n  \"blockScrollOnMount\",\n  \"closeOnBlur\",\n  \"closeOnEsc\",\n  \"closeOnScroll\",\n  \"openOnClick\",\n  \"disabled\",\n  \"initialFocusRef\",\n  \"modal\",\n  \"updateRef\",\n  \"defaultOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"animationScheme\",\n  \"duration\",\n]\n\nexport const usePopoverProps = <\n  Y extends Dict = Dict,\n  M extends keyof UsePopoverProps | keyof UsePopupAnimationProps =\n    | keyof UsePopoverProps\n    | keyof UsePopupAnimationProps,\n>(\n  props: Y,\n  omitKeys?: M[],\n) => {\n  return useSplitProps(\n    props,\n    popoverProps.filter((key) => !omitKeys?.includes(key as M)),\n  ) as unknown as [\n    keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n      ? UsePopoverProps & UsePopupAnimationProps\n      : Omit<UsePopoverProps & UsePopupAnimationProps, M>,\n    Omit<\n      Y,\n      keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n        ? keyof UsePopoverProps | keyof UsePopupAnimationProps\n        : Exclude<keyof UsePopoverProps | keyof UsePopupAnimationProps, M>\n    >,\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-popover.cjs","names":["useEnvironment","useId","useRef","useDisclosure","usePopper","useCallback","getEventRelatedTarget","mergeRefs","popperProps","useSplitProps"],"sources":["../../../../src/components/popover/use-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FocusEvent, KeyboardEvent, RefObject } from \"react\"\nimport type { Direction, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport type { Dict } from \"../../utils\"\nimport type { UsePopupAnimationProps } from \"./popover\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\nimport { useEnvironment, useSplitProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useFocusOnShow } from \"../../hooks/use-focus\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { popperProps, usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  contains,\n  dataAttr,\n  focusTransfer,\n  focusTrap,\n  getEventRelatedTarget,\n  handlerAll,\n  mergeRefs,\n  runKeyAction,\n  scrollLock,\n  setAttribute,\n  useSafeLayoutEffect,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UsePopoverProps\n  extends Omit<UseDisclosureProps, \"timing\">, UsePopperProps<\"button\"> {\n  /**\n   * If `true`, focus will be transferred to the first interactive element when the popover opens.\n   *\n   * @default true\n   */\n  autoFocus?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default false\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * If `true`, the popover will close when you blur out it by clicking outside or tabbing out.\n   *\n   * @default true\n   */\n  closeOnBlur?: boolean\n  /**\n   * If `true`, the popover will hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the popover will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the popover will be modal.\n   *\n   * - scrolling is blocked.\n   * - focus is trapped within the popover.\n   *\n   * @default false\n   */\n  modal?: boolean\n  /**\n   * If `true`, the popover will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: Direction\n  /**\n   * If `true`, the focus will be transferred to the popover content when the tab key is pressed.\n   *\n   * @default true\n   */\n  transferFocus?: boolean\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const usePopover = ({\n  autoFocus = true,\n  autoUpdate,\n  modal = false,\n  blockScrollOnMount = modal,\n  closeOnBlur = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  initialFocusRef,\n  matchWidth,\n  middleware,\n  offset,\n  open: openProp,\n  openOnClick = true,\n  placement = \"end\",\n  platform,\n  preventOverflow,\n  strategy,\n  transferFocus = true,\n  transform,\n  updateRef,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UsePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const contentId = useId()\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onRestoreFocus = useCallback(() => {\n    clearTimeout(closeTimeout.current)\n    closeTimeout.current = setTimeout(() => {\n      triggerRef.current?.focus()\n    })\n  }, [])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      runKeyAction(ev, {\n        Escape: () => {\n          if (!closeOnEsc) return\n\n          onClose()\n          onRestoreFocus()\n        },\n      })\n    },\n    [closeOnEsc, onClose, onRestoreFocus],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLDivElement>) => {\n      const relatedTarget = getEventRelatedTarget(ev)\n      const popup = relatedTarget?.hasAttribute(\"data-popup\")\n\n      if (contains(triggerRef.current, relatedTarget)) return\n      if (contains(contentRef.current, relatedTarget)) return\n      if (contains(contentRef.current, ev.target) && popup) return\n\n      if (closeOnBlur) onClose()\n    },\n    [closeOnBlur, onClose],\n  )\n\n  useEventListener(getDocument(), \"scroll\", () => {\n    if (open && closeOnScroll) onClose()\n  })\n\n  useFocusOnShow(contentRef, {\n    focusTarget: initialFocusRef,\n    shouldFocus: autoFocus,\n    visible: open,\n  })\n\n  useOutsideClick({\n    ref: [contentRef, triggerRef],\n    enabled: open && closeOnBlur,\n    handler: onClose,\n  })\n\n  useSafeLayoutEffect(() => {\n    const el = contentRef.current\n    const hasHeader = !!getDocument()?.getElementById(headerId)\n    const hasBody = !!getDocument()?.getElementById(bodyId)\n\n    if (el && hasHeader) setAttribute(el, \"aria-labelledby\", headerId)\n    if (el && hasBody) setAttribute(el, \"aria-describedby\", bodyId)\n  }, [open, headerId, bodyId])\n\n  useEffect(() => {\n    if (!open || !modal) return\n\n    return focusTrap(contentRef.current)\n  }, [open, modal])\n\n  useEffect(() => {\n    if (!open || !blockScrollOnMount) return\n\n    return scrollLock(contentRef.current)\n  }, [open, modal, blockScrollOnMount])\n\n  useEffect(() => {\n    if (!open || modal || !transferFocus) return\n\n    return focusTransfer(contentRef.current, triggerRef.current)\n  }, [open, modal, transferFocus])\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      role: \"button\",\n      ...props,\n      ref: mergeRefs(ref, triggerRef, (node) => {\n        if (anchorRef.current == null) refs.setReference(node)\n      }),\n      onBlur: handlerAll(props.onBlur, (ev) =>\n        !contains(contentRef.current, getEventRelatedTarget(ev)) && closeOnBlur\n          ? onClose()\n          : void 0,\n      ),\n      onClick: handlerAll(\n        props.onClick,\n        !open ? (!disabled && openOnClick ? onOpen : undefined) : onClose,\n      ),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      closeOnBlur,\n      contentId,\n      disabled,\n      onClose,\n      onKeyDown,\n      onOpen,\n      open,\n      openOnClick,\n      refs,\n    ],\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    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      \"aria-hidden\": !open,\n      \"aria-modal\": modal ? \"true\" : undefined,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      \"data-popup\": dataAttr(true),\n      role: \"dialog\",\n      tabIndex: -1,\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [contentId, open, modal, onBlur, onKeyDown],\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      ...props,\n      onClick: handlerAll(props.onClick, () => {\n        onClose()\n        onRestoreFocus()\n      }),\n    }),\n    [onClose, onRestoreFocus],\n  )\n\n  return {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UsePopoverReturn = ReturnType<typeof usePopover>\n\nexport const popoverProps: (\n  | keyof UsePopoverProps\n  | keyof UsePopupAnimationProps\n)[] = [\n  ...popperProps,\n  \"autoFocus\",\n  \"transferFocus\",\n  \"blockScrollOnMount\",\n  \"closeOnBlur\",\n  \"closeOnEsc\",\n  \"closeOnScroll\",\n  \"openOnClick\",\n  \"disabled\",\n  \"initialFocusRef\",\n  \"modal\",\n  \"updateRef\",\n  \"defaultOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"animationScheme\",\n  \"duration\",\n]\n\nexport const usePopoverProps = <\n  Y extends Dict = Dict,\n  M extends keyof UsePopoverProps | keyof UsePopupAnimationProps =\n    | keyof UsePopoverProps\n    | keyof UsePopupAnimationProps,\n>(\n  props: Y,\n  omitKeys?: M[],\n) => {\n  return useSplitProps(\n    props,\n    popoverProps.filter((key) => !omitKeys?.includes(key as M)),\n  ) as unknown as [\n    keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n      ? UsePopoverProps & UsePopupAnimationProps\n      : Omit<UsePopoverProps & UsePopupAnimationProps, M>,\n    Omit<\n      Y,\n      keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n        ? keyof UsePopoverProps | keyof UsePopupAnimationProps\n        : Exclude<keyof UsePopoverProps | keyof UsePopupAnimationProps, M>\n    >,\n  ]\n}\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"portal.cjs","names":["useSsr","useEnvironment","useFocusLockShard","Children"],"sources":["../../../../src/components/portal/portal.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport type { RootNode } from \"../../core\"\nimport { Children, useEffect, useRef, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { useEnvironment } from \"../../core\"\nimport { getDocument, isShadowRoot, useSsr } from \"../../utils\"\nimport { useFocusLockShard } from \"../focus-lock\"\n\nconst getPortalNode = (node?: RootNode) => {\n  const rootNode = node?.getRootNode()\n\n  if (isShadowRoot(rootNode)) return rootNode\n\n  return getDocument(node).body\n}\n\nexport interface PortalProps extends PropsWithChildren {\n  /**\n   * The `ref` to the component where the portal will be attached to.\n   */\n  containerRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the forwarding will be disabled.\n   */\n  disabled?: boolean\n}\n\n/**\n * `Portal` is a component that renders elements outside of the current `DOM` hierarchy.\n *\n * @see https://yamada-ui.com/docs/components/portal\n */\nexport const Portal: FC<PortalProps> = ({\n  children,\n  containerRef: ref,\n  disabled,\n}) => {\n  const shardRef = useRef<HTMLDivElement>(null)\n  const [target, setTarget] = useState(ref?.current)\n  const ssr = useSsr()\n  const { getRootNode } = useEnvironment()\n  const registerShard = useFocusLockShard()\n\n  useEffect(() => {\n    setTarget(() => ref?.current)\n  }, [ref])\n\n  useEffect(() => {\n    const shard = shardRef.current\n\n    if (disabled || ssr || !shard) return\n\n    return registerShard?.(shard)\n  }, [disabled, registerShard, ssr])\n\n  if (ssr || disabled) return children\n\n  const container = target ?? getPortalNode(getRootNode())\n\n  if (registerShard)\n    return createPortal(<div ref={shardRef}>{children}</div>, container)\n\n  return (\n    <>{Children.map(children, (child) => createPortal(child, container))}</>\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,MAAM,iBAAiB,SAAoB;CACzC,MAAM,WAAW,MAAM,YAAY;CAEnC,KAAA,GAAA,oBAAA,cAAA,aAAA,CAAiB,QAAQ,GAAG,OAAO;CAEnC,QAAA,GAAA,oBAAA,cAAA,YAAA,CAAmB,IAAI,CAAC,CAAC;AAC3B;;;;;;AAkBA,MAAa,UAA2B,EACtC,UACA,cAAc,KACd,eACI;CACJ,MAAM,YAAA,GAAA,MAAA,OAAA,CAAkC,IAAI;CAC5C,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,SAAA,CAAsB,KAAK,OAAO;CACjD,MAAM,MAAMA,YAAAA,OAAO;CACnB,MAAM,EAAE,gBAAgBC,6BAAAA,eAAe;CACvC,MAAM,gBAAgBC,mBAAAA,kBAAkB;CAExC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,gBAAgB,KAAK,OAAO;CAC9B,GAAG,CAAC,GAAG,CAAC;CAER,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,QAAQ,SAAS;EAEvB,IAAI,YAAY,OAAO,CAAC,OAAO;EAE/B,OAAO,gBAAgB,KAAK;CAC9B,GAAG;EAAC;EAAU;EAAe;CAAG,CAAC;CAEjC,IAAI,OAAO,UAAU,OAAO;CAE5B,MAAM,YAAY,UAAU,cAAc,YAAY,CAAC;CAEvD,IAAI,eACF,QAAA,GAAA,UAAA,aAAA,CAAoB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,KAAK;EAAW;CAAc,CAAA,GAAG,SAAS;CAErE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UAAGC,MAAAA,SAAS,IAAI,WAAW,WAAA,GAAA,UAAA,aAAA,CAAuB,OAAO,SAAS,CAAC,EAAI,CAAA;AAE3E"}
+{"version":3,"file":"portal.cjs","names":["useRef","useState","useSsr","useEnvironment","useFocusLockShard","createPortal","Children"],"sources":["../../../../src/components/portal/portal.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport type { RootNode } from \"../../core\"\nimport { Children, useEffect, useRef, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { useEnvironment } from \"../../core\"\nimport { getDocument, isShadowRoot, useSsr } from \"../../utils\"\nimport { useFocusLockShard } from \"../focus-lock\"\n\nconst getPortalNode = (node?: RootNode) => {\n  const rootNode = node?.getRootNode()\n\n  if (isShadowRoot(rootNode)) return rootNode\n\n  return getDocument(node).body\n}\n\nexport interface PortalProps extends PropsWithChildren {\n  /**\n   * The `ref` to the component where the portal will be attached to.\n   */\n  containerRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the forwarding will be disabled.\n   */\n  disabled?: boolean\n}\n\n/**\n * `Portal` is a component that renders elements outside of the current `DOM` hierarchy.\n *\n * @see https://yamada-ui.com/docs/components/portal\n */\nexport const Portal: FC<PortalProps> = ({\n  children,\n  containerRef: ref,\n  disabled,\n}) => {\n  const shardRef = useRef<HTMLDivElement>(null)\n  const [target, setTarget] = useState(ref?.current)\n  const ssr = useSsr()\n  const { getRootNode } = useEnvironment()\n  const registerShard = useFocusLockShard()\n\n  useEffect(() => {\n    setTarget(() => ref?.current)\n  }, [ref])\n\n  useEffect(() => {\n    const shard = shardRef.current\n\n    if (disabled || ssr || !shard) return\n\n    return registerShard?.(shard)\n  }, [disabled, registerShard, ssr])\n\n  if (ssr || disabled) return children\n\n  const container = target ?? getPortalNode(getRootNode())\n\n  if (registerShard)\n    return createPortal(<div ref={shardRef}>{children}</div>, container)\n\n  return (\n    <>{Children.map(children, (child) => createPortal(child, container))}</>\n  )\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAM,iBAAiB,SAAoB;CACzC,MAAM,WAAW,MAAM,YAAY;CAEnC,KAAA,GAAA,oBAAA,cAAI,aAAA,CAAa,QAAQ,GAAG,OAAO;CAEnC,QAAA,GAAA,oBAAA,cAAO,YAAA,CAAY,IAAI,CAAC,CAAC;AAC3B;;;;;;AAkBA,MAAa,UAA2B,EACtC,UACA,cAAc,KACd,eACI;CACJ,MAAM,YAAA,GAAWA,MAAAA,OAAAA,CAAuB,IAAI;CAC5C,MAAM,CAAC,QAAQ,cAAA,GAAaC,MAAAA,SAAAA,CAAS,KAAK,OAAO;CACjD,MAAM,MAAMC,YAAAA,OAAO;CACnB,MAAM,EAAE,gBAAgBC,6BAAAA,eAAe;CACvC,MAAM,gBAAgBC,mBAAAA,kBAAkB;CAExC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,gBAAgB,KAAK,OAAO;CAC9B,GAAG,CAAC,GAAG,CAAC;CAER,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,QAAQ,SAAS;EAEvB,IAAI,YAAY,OAAO,CAAC,OAAO;EAE/B,OAAO,gBAAgB,KAAK;CAC9B,GAAG;EAAC;EAAU;EAAe;CAAG,CAAC;CAEjC,IAAI,OAAO,UAAU,OAAO;CAE5B,MAAM,YAAY,UAAU,cAAc,YAAY,CAAC;CAEvD,IAAI,eACF,QAAA,GAAOC,UAAAA,aAAAA,CAAa,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,KAAK;EAAW;CAAc,CAAA,GAAG,SAAS;CAErE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UAAGC,MAAAA,SAAS,IAAI,WAAW,WAAA,GAAUD,UAAAA,aAAAA,CAAa,OAAO,SAAS,CAAC,EAAI,CAAA;AAE3E"}

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

@@ -1 +1 @@
-{"version":3,"file":"progress.cjs","names":["createSlotComponent","progressStyle","useProgress","styled","mergeCSS"],"sources":["../../../../src/components/progress/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ProgressStyle } from \"./progress.style\"\nimport type { UseProgressProps } from \"./use-progress\"\nimport { createSlotComponent, mergeCSS, styled } from \"../../core\"\nimport { isNumber } from \"../../utils\"\nimport { progressStyle } from \"./progress.style\"\nimport { useProgress } from \"./use-progress\"\n\nexport interface ProgressProps\n  extends HTMLStyledProps, UseProgressProps, ThemeProps<ProgressStyle> {\n  /**\n   * The animation duration in seconds.\n   */\n  duration?: number | string\n  /**\n   * The color of the progress range.\n   */\n  rangeColor?: CSSProps[\"color\"]\n  /**\n   * The color of the progress track.\n   */\n  trackColor?: CSSProps[\"color\"]\n  /**\n   * Props for the progress range element.\n   */\n  rangeProps?: ProgressRangeProps\n}\n\nconst {\n  PropsContext: ProgressPropsContext,\n  usePropsContext: useProgressPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ProgressProps, ProgressStyle>(\"progress\", progressStyle)\n\nexport { ProgressPropsContext, useProgressPropsContext }\n\n/**\n * `Progress` is a component for visually indicating progress.\n *\n * @see https://yamada-ui.com/docs/components/progress\n */\nexport const Progress = withProvider(\n  ({ css, max, min, rangeColor, trackColor, value, rangeProps, ...rest }) => {\n    const { percent, getRangeProps, getRootProps } = useProgress({\n      max,\n      min,\n      value,\n    })\n\n    return (\n      <styled.div\n        css={mergeCSS(css, { \"--width\": `${percent}%` })}\n        bg={trackColor}\n        {...getRootProps(rest)}\n      >\n        <ProgressRange bg={rangeColor} {...getRangeProps(rangeProps)} />\n      </styled.div>\n    )\n  },\n  \"root\",\n)(undefined, ({ duration, ...rest }) => ({\n  \"--duration\": isNumber(duration) ? `${duration}s` : duration,\n  ...rest,\n}))\n\ninterface ProgressRangeProps extends HTMLStyledProps {}\n\nconst ProgressRange = withContext<\"div\", ProgressRangeProps>(\"div\", \"range\")()\n"],"mappings":";;;;;;;;;AA8BA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACEA,yBAAAA,oBAAkD,YAAYC,uBAAAA,aAAa;;;;;;AAS/E,MAAa,WAAW,cACrB,EAAE,KAAK,KAAK,KAAK,YAAY,YAAY,OAAO,YAAY,GAAG,WAAW;CACzE,MAAM,EAAE,SAAS,eAAe,iBAAiBC,qBAAAA,YAAY;EAC3D;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,KAAKC,kBAAAA,SAAS,KAAK,EAAE,WAAW,GAAG,QAAQ,GAAG,CAAC;EAC/C,IAAI;EACJ,GAAI,aAAa,IAAI;EAErB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;GAAe,IAAI;GAAY,GAAI,cAAc,UAAU;EAAI,CAAA;CACrD,CAAA;AAEhB,GACA,MACF,CAAC,CAAC,KAAA,IAAY,EAAE,UAAU,GAAG,YAAY;CACvC,eAAA,GAAA,oBAAA,cAAA,SAAA,CAAuB,QAAQ,IAAI,GAAG,SAAS,KAAK;CACpD,GAAG;AACL,EAAE;AAIF,MAAM,gBAAgB,YAAuC,OAAO,OAAO,CAAC,CAAC"}
+{"version":3,"file":"progress.cjs","names":["createSlotComponent","progressStyle","useProgress","styled","mergeCSS"],"sources":["../../../../src/components/progress/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ProgressStyle } from \"./progress.style\"\nimport type { UseProgressProps } from \"./use-progress\"\nimport { createSlotComponent, mergeCSS, styled } from \"../../core\"\nimport { isNumber } from \"../../utils\"\nimport { progressStyle } from \"./progress.style\"\nimport { useProgress } from \"./use-progress\"\n\nexport interface ProgressProps\n  extends HTMLStyledProps, UseProgressProps, ThemeProps<ProgressStyle> {\n  /**\n   * The animation duration in seconds.\n   */\n  duration?: number | string\n  /**\n   * The color of the progress range.\n   */\n  rangeColor?: CSSProps[\"color\"]\n  /**\n   * The color of the progress track.\n   */\n  trackColor?: CSSProps[\"color\"]\n  /**\n   * Props for the progress range element.\n   */\n  rangeProps?: ProgressRangeProps\n}\n\nconst {\n  PropsContext: ProgressPropsContext,\n  usePropsContext: useProgressPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ProgressProps, ProgressStyle>(\"progress\", progressStyle)\n\nexport { ProgressPropsContext, useProgressPropsContext }\n\n/**\n * `Progress` is a component for visually indicating progress.\n *\n * @see https://yamada-ui.com/docs/components/progress\n */\nexport const Progress = withProvider(\n  ({ css, max, min, rangeColor, trackColor, value, rangeProps, ...rest }) => {\n    const { percent, getRangeProps, getRootProps } = useProgress({\n      max,\n      min,\n      value,\n    })\n\n    return (\n      <styled.div\n        css={mergeCSS(css, { \"--width\": `${percent}%` })}\n        bg={trackColor}\n        {...getRootProps(rest)}\n      >\n        <ProgressRange bg={rangeColor} {...getRangeProps(rangeProps)} />\n      </styled.div>\n    )\n  },\n  \"root\",\n)(undefined, ({ duration, ...rest }) => ({\n  \"--duration\": isNumber(duration) ? `${duration}s` : duration,\n  ...rest,\n}))\n\ninterface ProgressRangeProps extends HTMLStyledProps {}\n\nconst ProgressRange = withContext<\"div\", ProgressRangeProps>(\"div\", \"range\")()\n"],"mappings":";;;;;;;;;AA8BA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACEA,yBAAAA,oBAAkD,YAAYC,uBAAAA,aAAa;;;;;;AAS/E,MAAa,WAAW,cACrB,EAAE,KAAK,KAAK,KAAK,YAAY,YAAY,OAAO,YAAY,GAAG,WAAW;CACzE,MAAM,EAAE,SAAS,eAAe,iBAAiBC,qBAAAA,YAAY;EAC3D;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,KAAKC,kBAAAA,SAAS,KAAK,EAAE,WAAW,GAAG,QAAQ,GAAG,CAAC;EAC/C,IAAI;EACJ,GAAI,aAAa,IAAI;EAErB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;GAAe,IAAI;GAAY,GAAI,cAAc,UAAU;EAAI,CAAA;CACrD,CAAA;AAEhB,GACA,MACF,CAAC,CAAC,KAAA,IAAY,EAAE,UAAU,GAAG,YAAY;CACvC,eAAA,GAAA,oBAAA,cAAc,SAAA,CAAS,QAAQ,IAAI,GAAG,SAAS,KAAK;CACpD,GAAG;AACL,EAAE;AAIF,MAAM,gBAAgB,YAAuC,OAAO,OAAO,CAAC,CAAC"}

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

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 let react = require("react");

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

@@ -1 +1 @@
-{"version":3,"file":"use-progress.cjs","names":["useI18n"],"sources":["../../../../src/components/progress/use-progress.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr, valueToPercent } from \"../../utils\"\n\nexport interface UseProgressProps {\n  /**\n   * The maximum value of the progress.\n   *\n   * @default 100\n   */\n  max?: number\n  /**\n   * The minimum value of the progress.\n   *\n   * @default 0\n   */\n  min?: number\n  /**\n   * The value of the progress. If `null`, the progress will be indeterminate.\n   *\n   * @default 0\n   */\n  value?: null | number\n}\n\nexport const useProgress = <Y extends \"div\" | \"svg\" = \"div\">({\n  max = 100,\n  min = 0,\n  value,\n}: UseProgressProps = {}) => {\n  const indeterminate = value === null\n  const percent = valueToPercent(value ?? 0, min, max)\n  const { t } = useI18n(\"progress\")\n\n  const getRootProps = useCallback(\n    (props?: HTMLProps<Y>) => ({\n      \"aria-label\": indeterminate\n        ? t(\"Loading...\")\n        : t(\"{value} percent\", { value: percent }),\n      \"aria-valuemax\": max,\n      \"aria-valuemin\": min,\n      \"aria-valuenow\": value ?? undefined,\n      \"data-indeterminate\": dataAttr(indeterminate),\n      role: \"progressbar\",\n      ...props,\n    }),\n    [max, min, percent, value, indeterminate, t],\n  )\n\n  const getTrackProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  const getRangeProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  return {\n    percent,\n    getRangeProps,\n    getRootProps,\n    getTrackProps,\n  }\n}\n\nexport type UseProgressReturn = ReturnType<typeof useProgress>\n"],"mappings":";;;;;AA4BA,MAAa,eAAgD,EAC3D,MAAM,KACN,MAAM,GACN,UACoB,CAAC,MAAM;CAC3B,MAAM,gBAAgB,UAAU;CAChC,MAAM,WAAA,GAAA,oBAAA,cAAA,eAAA,CAAyB,SAAS,GAAG,KAAK,GAAG;CACnD,MAAM,EAAE,MAAMA,sBAAAA,QAAQ,UAAU;CAEhC,MAAM,gBAAA,GAAA,MAAA,YAAA,EACH,WAA0B;EACzB,cAAc,gBACV,EAAE,YAAY,IACd,EAAE,mBAAmB,EAAE,OAAO,QAAQ,CAAC;EAC3C,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB,SAAS,KAAA;EAC1B,uBAAA,GAAA,oBAAA,cAAA,SAAA,CAA+B,aAAa;EAC5C,MAAM;EACN,GAAG;CACL,IACA;EAAC;EAAK;EAAK;EAAS;EAAO;EAAe;CAAC,CAC7C;CAEA,MAAM,iBAAA,GAAA,MAAA,YAAA,EACH,WAA2D;EAC1D,uBAAA,GAAA,oBAAA,cAAA,SAAA,CAA+B,aAAa;EAC5C,GAAG;CACL,IACA,CAAC,aAAa,CAChB;CAUA,OAAO;EACL;EACA,gBAAA,GAAA,MAAA,YAAA,EATC,WAA2D;GAC1D,uBAAA,GAAA,oBAAA,cAAA,SAAA,CAA+B,aAAa;GAC5C,GAAG;EACL,IACA,CAAC,aAAa,CAKF;EACZ;EACA;CACF;AACF"}
+{"version":3,"file":"use-progress.cjs","names":["useI18n","useCallback"],"sources":["../../../../src/components/progress/use-progress.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr, valueToPercent } from \"../../utils\"\n\nexport interface UseProgressProps {\n  /**\n   * The maximum value of the progress.\n   *\n   * @default 100\n   */\n  max?: number\n  /**\n   * The minimum value of the progress.\n   *\n   * @default 0\n   */\n  min?: number\n  /**\n   * The value of the progress. If `null`, the progress will be indeterminate.\n   *\n   * @default 0\n   */\n  value?: null | number\n}\n\nexport const useProgress = <Y extends \"div\" | \"svg\" = \"div\">({\n  max = 100,\n  min = 0,\n  value,\n}: UseProgressProps = {}) => {\n  const indeterminate = value === null\n  const percent = valueToPercent(value ?? 0, min, max)\n  const { t } = useI18n(\"progress\")\n\n  const getRootProps = useCallback(\n    (props?: HTMLProps<Y>) => ({\n      \"aria-label\": indeterminate\n        ? t(\"Loading...\")\n        : t(\"{value} percent\", { value: percent }),\n      \"aria-valuemax\": max,\n      \"aria-valuemin\": min,\n      \"aria-valuenow\": value ?? undefined,\n      \"data-indeterminate\": dataAttr(indeterminate),\n      role: \"progressbar\",\n      ...props,\n    }),\n    [max, min, percent, value, indeterminate, t],\n  )\n\n  const getTrackProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  const getRangeProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  return {\n    percent,\n    getRangeProps,\n    getRootProps,\n    getTrackProps,\n  }\n}\n\nexport type UseProgressReturn = ReturnType<typeof useProgress>\n"],"mappings":";;;;;;AA4BA,MAAa,eAAgD,EAC3D,MAAM,KACN,MAAM,GACN,UACoB,CAAC,MAAM;CAC3B,MAAM,gBAAgB,UAAU;CAChC,MAAM,WAAA,GAAA,oBAAA,cAAU,eAAA,CAAe,SAAS,GAAG,KAAK,GAAG;CACnD,MAAM,EAAE,MAAMA,sBAAAA,QAAQ,UAAU;CAEhC,MAAM,gBAAA,GAAeC,MAAAA,YAAAA,EAClB,WAA0B;EACzB,cAAc,gBACV,EAAE,YAAY,IACd,EAAE,mBAAmB,EAAE,OAAO,QAAQ,CAAC;EAC3C,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB,SAAS,KAAA;EAC1B,uBAAA,GAAA,oBAAA,cAAsB,SAAA,CAAS,aAAa;EAC5C,MAAM;EACN,GAAG;CACL,IACA;EAAC;EAAK;EAAK;EAAS;EAAO;EAAe;CAAC,CAC7C;CAEA,MAAM,iBAAA,GAAgBA,MAAAA,YAAAA,EACnB,WAA2D;EAC1D,uBAAA,GAAA,oBAAA,cAAsB,SAAA,CAAS,aAAa;EAC5C,GAAG;CACL,IACA,CAAC,aAAa,CAChB;CAUA,OAAO;EACL;EACA,gBAAA,GAVoBA,MAAAA,YAAAA,EACnB,WAA2D;GAC1D,uBAAA,GAAA,oBAAA,cAAsB,SAAA,CAAS,aAAa;GAC5C,GAAG;EACL,IACA,CAAC,aAAa,CAKF;EACZ;EACA;CACF;AACF"}

package/dist/cjs/components/qr-code/qr-code.cjs

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