@yamada-ui/react 2.2.2-dev-20260525083850 → 2.2.2-dev-20260525150310

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.style.cjs","names":["defineComponentSlotStyle","iconButtonStyle"],"sources":["../../../../src/components/pagination/pagination.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const paginationStyle = defineComponentSlotStyle({\n  base: {\n    item: {\n      fontWeight: \"normal\",\n      _current: {\n        cursor: \"default\",\n        pointerEvents: \"none\",\n      },\n    },\n    root: {\n      \"& > [data-ellipsis]\": {\n        pointerEvents: \"none\",\n      },\n    },\n    text: {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n  },\n\n  variants: {\n    outline: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.outline,\n        },\n      },\n    },\n    solid: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.solid,\n        },\n      },\n    },\n    subtle: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.subtle,\n        },\n      },\n    },\n    surface: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.surface,\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      item: {\n        ...iconButtonStyle.sizes?.xs,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.xs.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.sm\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    sm: {\n      item: {\n        ...iconButtonStyle.sizes?.sm,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.sm.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.md\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    md: {\n      item: {\n        ...iconButtonStyle.sizes?.md,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.md.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.lg\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    lg: {\n      item: {\n        ...iconButtonStyle.sizes?.lg,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.lg.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    xl: {\n      item: {\n        ...iconButtonStyle.sizes?.xl,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.xl.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.2xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    \"2xl\": {\n      item: {\n        ...iconButtonStyle.sizes?.[\"2xl\"],\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.[\"2xl\"].fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.2xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n})\n\nexport type PaginationStyle = typeof paginationStyle\n"],"mappings":";;;AAGA,MAAa,kBAAkBA,eAAAA,yBAAyB;CACtD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,UAAU;IACR,QAAQ;IACR,eAAe;IAChB;GACF;EACD,MAAM,EACJ,uBAAuB,EACrB,eAAe,QAChB,EACF;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACF;CAED,UAAU;EACR,SAAS,EACP,MAAM;GACJ,GAAGC,0BAAAA,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAGA,0BAAAA,gBAAgB,UAAU,SAC9B;GACF,EACF;EACD,OAAO,EACL,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAGA,0BAAAA,gBAAgB,UAAU,OAC9B;GACF,EACF;EACD,QAAQ,EACN,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAGA,0BAAAA,gBAAgB,UAAU,QAC9B;GACF,EACF;EACD,SAAS,EACP,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAGA,0BAAAA,gBAAgB,UAAU,SAC9B;GACF,EACF;EACF;CAED,OAAO;EACL,IAAI;GACF,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,gBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,IAAI;GACF,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,OAAO,GAAG,UAAU;IACxD;GACD,MAAM,EACJ,eAAe,iBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACD,OAAO;GACL,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,QAAQ;IAC3B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,QAAQ,OAAO,UAAU;IAC7D;GACD,MAAM,EACJ,eAAe,iBAChB;GACD,MAAM,EACJ,UAAU,eACX;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"pagination.style.cjs","names":["defineComponentSlotStyle","iconButtonStyle"],"sources":["../../../../src/components/pagination/pagination.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const paginationStyle = defineComponentSlotStyle({\n  base: {\n    item: {\n      fontWeight: \"normal\",\n      _current: {\n        cursor: \"default\",\n        pointerEvents: \"none\",\n      },\n    },\n    root: {\n      \"& > [data-ellipsis]\": {\n        pointerEvents: \"none\",\n      },\n    },\n    text: {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n  },\n\n  variants: {\n    outline: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.outline,\n        },\n      },\n    },\n    solid: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.solid,\n        },\n      },\n    },\n    subtle: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.subtle,\n        },\n      },\n    },\n    surface: {\n      item: {\n        ...iconButtonStyle.variants?.ghost,\n        _current: {\n          ...iconButtonStyle.variants?.surface,\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      item: {\n        ...iconButtonStyle.sizes?.xs,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.xs.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.sm\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    sm: {\n      item: {\n        ...iconButtonStyle.sizes?.sm,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.sm.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.md\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    md: {\n      item: {\n        ...iconButtonStyle.sizes?.md,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.md.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.lg\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    lg: {\n      item: {\n        ...iconButtonStyle.sizes?.lg,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.lg.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    xl: {\n      item: {\n        ...iconButtonStyle.sizes?.xl,\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.xl.fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.2xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n    \"2xl\": {\n      item: {\n        ...iconButtonStyle.sizes?.[\"2xl\"],\n        fontSize: \"{font-size}\",\n        _icon: { fontSize: iconButtonStyle.sizes?.[\"2xl\"].fontSize },\n      },\n      root: {\n        \"--font-size\": \"fontSizes.2xl\",\n      },\n      text: {\n        fontSize: \"{font-size}\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n})\n\nexport type PaginationStyle = typeof paginationStyle\n"],"mappings":";;;AAGA,MAAa,kBAAkBA,eAAAA,yBAAyB;CACtD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,UAAU;IACR,QAAQ;IACR,eAAe;GACjB;EACF;EACA,MAAM,EACJ,uBAAuB,EACrB,eAAe,OACjB,EACF;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,gBAAgB;EAClB;CACF;CAEA,UAAU;EACR,SAAS,EACP,MAAM;GACJ,GAAGC,0BAAAA,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAGA,0BAAAA,gBAAgB,UAAU,QAC/B;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAGA,0BAAAA,gBAAgB,UAAU,MAC/B;EACF,EACF;EACA,QAAQ,EACN,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAGA,0BAAAA,gBAAgB,UAAU,OAC/B;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,UAAU;GAC7B,UAAU,EACR,GAAGA,0BAAAA,gBAAgB,UAAU,QAC/B;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,OAAO,GAAG,SAAS;GACxD;GACA,MAAM,EACJ,eAAe,eACjB;GACA,MAAM,EACJ,UAAU,cACZ;EACF;EACA,IAAI;GACF,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,OAAO,GAAG,SAAS;GACxD;GACA,MAAM,EACJ,eAAe,eACjB;GACA,MAAM,EACJ,UAAU,cACZ;EACF;EACA,IAAI;GACF,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,OAAO,GAAG,SAAS;GACxD;GACA,MAAM,EACJ,eAAe,eACjB;GACA,MAAM,EACJ,UAAU,cACZ;EACF;EACA,IAAI;GACF,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,OAAO,GAAG,SAAS;GACxD;GACA,MAAM,EACJ,eAAe,eACjB;GACA,MAAM,EACJ,UAAU,cACZ;EACF;EACA,IAAI;GACF,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,OAAO;IAC1B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,OAAO,GAAG,SAAS;GACxD;GACA,MAAM,EACJ,eAAe,gBACjB;GACA,MAAM,EACJ,UAAU,cACZ;EACF;EACA,OAAO;GACL,MAAM;IACJ,GAAGA,0BAAAA,gBAAgB,QAAQ;IAC3B,UAAU;IACV,OAAO,EAAE,UAAUA,0BAAAA,gBAAgB,QAAQ,OAAO,SAAS;GAC7D;GACA,MAAM,EACJ,eAAe,gBACjB;GACA,MAAM,EACJ,UAAU,cACZ;EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

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

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

package/dist/cjs/components/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 {\n        return { ...props, \"data-ellipsis\": \"\" }\n      }\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","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 {\n        return { ...props, \"data-ellipsis\": \"\" }\n      }\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

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

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,mBACD;;;;;;AASD,MAAa,gBAAgB,cAC1B,EACC,WACA,KACA,aACA,iBAAiB;CAAE,KAAK,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,YAAD,EAAc,CAAA;CAAE,IAAI,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,SAAD,EAAW,CAAA;CAAE,EACzD,aACA,cACA,WACA,GAAG,YACC;CACJ,MAAM,CAAC,gBAAgB,QAAQC,kBAAAA,kBAAkB,MAAM;CACvD,MAAM,EAAE,SAAS,gBAAgB,kBAAkBC,2BAAAA,iBAAiB,KAAK;CAEzE,OACE,iBAAA,GAAA,kBAAA,MAAA,oBAAA,gBAAA;EACa;EACN;EACQ;EACb,GAAIC,cAAAA,WAAW,gBAAgB,UAAU,EAAE;YAJ7C,CAME,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAoB,GAAI,eAAe,EAAI,CAAA,EAE3C,iBAAA,GAAA,kBAAA,KAAA,sBAAA,cAAA;GAAoB,WAAA;GAAU,GAAI;aAChC,iBAAA,GAAA,kBAAA,KAAC,qBAAD;IAAqB,GAAI,eAAe,YAAY;cACjD,UAAU,eAAe,MAAM,eAAe;IAC3B,CAAA;GACH,CAAA,CACL;;GAGtB,OACD,EAAE,UAAU;CAGX,OAAOA,cAAAA,WAFSC,cAAAA,sBAES,EAAE,MAAM,EAAE;EACnC;AAIF,MAAM,qBAAqB,YACzBC,cAAAA,OACA,QACD,CAAC,EAAE,wBAAwB,IAAI,CAAC;AAIjC,MAAM,sBAAsB,YAC1B,UACA,SACD,EAAE"}
+{"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,KAACC,qBAAAA,YAAD,CAAa,CAAA;CAAG,IAAI,iBAAA,GAAA,kBAAA,KAACC,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,MAAA,oBAAA,gBAAA;EACa;EACN;EACQ;EACb,GAAIC,cAAAA,WAAW,gBAAgB,SAAS,EAAE;YAJ5C,CAME,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAoB,GAAI,cAAc,EAAI,CAAA,GAE1C,iBAAA,GAAA,kBAAA,KAAA,sBAAA,cAAA;GAAoB,WAAA;GAAU,GAAI;aAChC,iBAAA,GAAA,kBAAA,KAAC,qBAAD;IAAqB,GAAI,eAAe,WAAW;cAChD,UAAU,eAAe,MAAM,eAAe;GAC5B,CAAA;EACH,CAAA,CACL;;AAErB,GACA,MACF,GAAG,UAAU;CAGX,OAAOA,cAAAA,WAFSC,cAAAA,qBAEQ,GAAG,KAAK,EAAE;AACpC,CAAC;AAID,MAAM,qBAAqB,YACzBC,cAAAA,OACA,OACF,EAAE,EAAE,wBAAwB,GAAG,CAAC;AAIhC,MAAM,sBAAsB,YAC1B,UACA,QACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"password-input.style.cjs","names":["defineComponentSlotStyle","buttonStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/password-input/password-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n  getInputHeightStyle,\n  getInputPaddingStartResetStyle,\n  inputStyle,\n} from \"../input\"\n\nexport const passwordInputStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      ...buttonStyle.base,\n      rounded: \"l1\",\n      _readOnly: { cursor: \"pointer\" },\n    },\n    field: inputStyle.base,\n    root: {},\n  },\n\n  variants: {\n    base: {\n      button: {\n        layerStyle: \"ghost\",\n        focusVisibleRing: \"none\",\n        _hover: {\n          layerStyle: \"ghost.hover\",\n        },\n        _focusVisible: {\n          layerStyle: \"ghost.hover\",\n        },\n      },\n    },\n\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n      root: getInputPaddingStartResetStyle(\"& > input\"),\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      button: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n      field: inputStyle.sizes?.xs,\n      root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n    },\n    sm: {\n      button: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n      field: inputStyle.sizes?.sm,\n      root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n    },\n    md: {\n      button: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n      field: inputStyle.sizes?.md,\n      root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n    },\n    lg: {\n      button: {\n        boxSize: `calc({--height} - {spaces.2.5})`,\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n      field: inputStyle.sizes?.lg,\n      root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n    },\n    xl: {\n      button: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n      field: inputStyle.sizes?.xl,\n      root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n    },\n    \"2xl\": {\n      button: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n      },\n      field: inputStyle.sizes?.[\"2xl\"],\n      root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"].minH, \"& > input\"),\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type PasswordInputStyle = typeof passwordInputStyle\n"],"mappings":";;;;AAQA,MAAa,qBAAqBA,eAAAA,yBAAyB;CACzD,MAAM;EACJ,QAAQ;GACN,GAAGC,qBAAAA,YAAY;GACf,SAAS;GACT,WAAW,EAAE,QAAQ,WAAW;GACjC;EACD,OAAOC,oBAAAA,WAAW;EAClB,MAAM,EAAE;EACT;CAED,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,eACb;GACD,eAAe,EACb,YAAY,eACb;GACF,EACF;EAED,QAAQ,EACN,OAAOA,oBAAAA,WAAW,UAAU,QAC7B;EACD,SAAS;GACP,OAAOA,oBAAAA,WAAW,UAAU;GAC5B,MAAMC,oBAAAA,+BAA+B,YAAY;GAClD;EACD,SAAS,EACP,OAAOD,oBAAAA,WAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAOA,oBAAAA,WAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;IAChC;GACD,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;IAChC;GACD,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;IAChC;GACD,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;IAChC;GACD,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;IAChC;GACD,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,YAAY;GAClE;EACD,OAAO;GACL,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,QAAQ,OAAO;IACrC;GACD,OAAOA,oBAAAA,WAAW,QAAQ;GAC1B,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,QAAQ,OAAO,MAAM,YAAY;GACvE;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"password-input.style.cjs","names":["defineComponentSlotStyle","buttonStyle","inputStyle","getInputPaddingStartResetStyle","getInputHeightStyle"],"sources":["../../../../src/components/password-input/password-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\nimport {\n  getInputHeightStyle,\n  getInputPaddingStartResetStyle,\n  inputStyle,\n} from \"../input\"\n\nexport const passwordInputStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      ...buttonStyle.base,\n      rounded: \"l1\",\n      _readOnly: { cursor: \"pointer\" },\n    },\n    field: inputStyle.base,\n    root: {},\n  },\n\n  variants: {\n    base: {\n      button: {\n        layerStyle: \"ghost\",\n        focusVisibleRing: \"none\",\n        _hover: {\n          layerStyle: \"ghost.hover\",\n        },\n        _focusVisible: {\n          layerStyle: \"ghost.hover\",\n        },\n      },\n    },\n\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n      root: getInputPaddingStartResetStyle(\"& > input\"),\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      button: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n      field: inputStyle.sizes?.xs,\n      root: getInputHeightStyle(inputStyle.sizes?.xs.minH, \"& > input\"),\n    },\n    sm: {\n      button: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n      field: inputStyle.sizes?.sm,\n      root: getInputHeightStyle(inputStyle.sizes?.sm.minH, \"& > input\"),\n    },\n    md: {\n      button: {\n        boxSize: `calc({--height} - {spaces.2})`,\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n      field: inputStyle.sizes?.md,\n      root: getInputHeightStyle(inputStyle.sizes?.md.minH, \"& > input\"),\n    },\n    lg: {\n      button: {\n        boxSize: `calc({--height} - {spaces.2.5})`,\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n      field: inputStyle.sizes?.lg,\n      root: getInputHeightStyle(inputStyle.sizes?.lg.minH, \"& > input\"),\n    },\n    xl: {\n      button: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n      field: inputStyle.sizes?.xl,\n      root: getInputHeightStyle(inputStyle.sizes?.xl.minH, \"& > input\"),\n    },\n    \"2xl\": {\n      button: {\n        boxSize: `calc({--height} - {spaces.3})`,\n        fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n      },\n      field: inputStyle.sizes?.[\"2xl\"],\n      root: getInputHeightStyle(inputStyle.sizes?.[\"2xl\"].minH, \"& > input\"),\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type PasswordInputStyle = typeof passwordInputStyle\n"],"mappings":";;;;AAQA,MAAa,qBAAqBA,eAAAA,yBAAyB;CACzD,MAAM;EACJ,QAAQ;GACN,GAAGC,qBAAAA,YAAY;GACf,SAAS;GACT,WAAW,EAAE,QAAQ,UAAU;EACjC;EACA,OAAOC,oBAAAA,WAAW;EAClB,MAAM,CAAC;CACT;CAEA,UAAU;EACR,MAAM,EACJ,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,QAAQ,EACN,YAAY,cACd;GACA,eAAe,EACb,YAAY,cACd;EACF,EACF;EAEA,QAAQ,EACN,OAAOA,oBAAAA,WAAW,UAAU,OAC9B;EACA,SAAS;GACP,OAAOA,oBAAAA,WAAW,UAAU;GAC5B,MAAMC,oBAAAA,+BAA+B,WAAW;EAClD;EACA,SAAS,EACP,OAAOD,oBAAAA,WAAW,UAAU,QAC9B;EACA,OAAO,EACL,OAAOA,oBAAAA,WAAW,UAAU,MAC9B;CACF;CAEA,OAAO;EACL,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,IAAI;GACF,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GACjC;GACA,OAAOA,oBAAAA,WAAW,OAAO;GACzB,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,OAAO,GAAG,MAAM,WAAW;EAClE;EACA,OAAO;GACL,QAAQ;IACN,SAAS;IACT,UAAUA,oBAAAA,WAAW,QAAQ,OAAO;GACtC;GACA,OAAOA,oBAAAA,WAAW,QAAQ;GAC1B,MAAME,oBAAAA,oBAAoBF,oBAAAA,WAAW,QAAQ,OAAO,MAAM,WAAW;EACvE;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"strength-meter.cjs","names":["createSlotComponent","strengthMeterStyle","useStrengthMeter","styled"],"sources":["../../../../src/components/password-input/strength-meter.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps } from \"../../core\"\nimport type { StrengthMeterStyle } from \"./strength-meter.style\"\nimport type { UseStrengthMeterProps } from \"./use-strength-meter\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { strengthMeterStyle } from \"./strength-meter.style\"\nimport { useStrengthMeter } from \"./use-strength-meter\"\n\ninterface IndicatorProps extends HTMLStyledProps {\n  label?: ReactNode\n}\n\nexport interface StrengthMeterProps\n  extends HTMLStyledProps, UseStrengthMeterProps {\n  /**\n   * If `true`, the password strength meter will display the label.\n   *\n   * @default true\n   */\n  withLabel?: boolean\n  /**\n   * The props of the password strength meter indicator.\n   */\n  getIndicatorProps?: (percent: number) => IndicatorProps\n}\n\nconst {\n  PropsContext: StrengthMeterPropsContext,\n  usePropsContext: useStrengthMeterPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<StrengthMeterProps, StrengthMeterStyle>(\n  \"strength-meter\",\n  strengthMeterStyle,\n)\n\nexport { StrengthMeterPropsContext, useStrengthMeterPropsContext }\n\nexport const StrengthMeter = withProvider<\"div\", StrengthMeterProps>(\n  ({\n    max = 4,\n    value,\n    withLabel = true,\n    getIndicatorProps: getCustomIndicatorProps,\n    ...rest\n  }) => {\n    const percent = (value / max) * 100\n\n    const getDefaultIndicatorProps = (percent: number): IndicatorProps => {\n      switch (true) {\n        case percent < 33:\n          return { label: \"Low\", _selected: { bg: \"red.500\" } }\n        case percent < 66:\n          return { label: \"Medium\", _selected: { bg: \"orange.500\" } }\n        default:\n          return { label: \"High\", _selected: { bg: \"green.500\" } }\n      }\n    }\n\n    getCustomIndicatorProps ??= getDefaultIndicatorProps\n\n    const { label, ...indicatorProps } = getCustomIndicatorProps(percent)\n\n    const { getIndicatorProps, getRootProps } = useStrengthMeter({\n      max,\n      value,\n      ...rest,\n    })\n\n    return (\n      <styled.div {...getRootProps()}>\n        <StrengthMeterIndicators>\n          {Array.from({ length: max }).map((_, index) => (\n            <StrengthMeterIndicator\n              key={index}\n              {...getIndicatorProps({ index, ...indicatorProps })}\n            />\n          ))}\n        </StrengthMeterIndicators>\n\n        {withLabel && label ? (\n          <StrengthMeterLabel>{label}</StrengthMeterLabel>\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"root\",\n)()\n\ninterface StrengthMeterIndicatorsProps extends HTMLStyledProps {}\n\nconst StrengthMeterIndicators = withContext<\n  \"div\",\n  StrengthMeterIndicatorsProps\n>(\"div\", \"indicators\")()\n\ninterface StrengthMeterIndicatorProps extends HTMLStyledProps {}\n\nconst StrengthMeterIndicator = withContext<\"div\", StrengthMeterIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\ninterface StrengthMeterLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst StrengthMeterLabel = withContext<\"span\", StrengthMeterLabelProps>(\n  \"span\",\n  \"label\",\n)()\n"],"mappings":";;;;;;;;AA4BA,MAAM,EACJ,cAAc,2BACd,iBAAiB,8BACjB,aACA,iBACEA,yBAAAA,oBACF,kBACAC,6BAAAA,mBACD;AAID,MAAa,gBAAgB,cAC1B,EACC,MAAM,GACN,OACA,YAAY,MACZ,mBAAmB,yBACnB,GAAG,WACC;CACJ,MAAM,UAAW,QAAQ,MAAO;CAEhC,MAAM,4BAA4B,YAAoC;EACpE,QAAQ,MAAR;GACE,KAAK,UAAU,IACb,OAAO;IAAE,OAAO;IAAO,WAAW,EAAE,IAAI,WAAW;IAAE;GACvD,KAAK,UAAU,IACb,OAAO;IAAE,OAAO;IAAU,WAAW,EAAE,IAAI,cAAc;IAAE;GAC7D,SACE,OAAO;IAAE,OAAO;IAAQ,WAAW,EAAE,IAAI,aAAa;IAAE;;;CAI9D,4BAA4B;CAE5B,MAAM,EAAE,OAAO,GAAG,mBAAmB,wBAAwB,QAAQ;CAErE,MAAM,EAAE,mBAAmB,iBAAiBC,2BAAAA,iBAAiB;EAC3D;EACA;EACA,GAAG;EACJ,CAAC;CAEF,OACE,iBAAA,GAAA,kBAAA,MAACC,gBAAAA,OAAO,KAAR;EAAY,GAAI,cAAc;YAA9B,CACE,iBAAA,GAAA,kBAAA,KAAC,yBAAD,EAAA,UACG,MAAM,KAAK,EAAE,QAAQ,KAAK,CAAC,CAAC,KAAK,GAAG,UACnC,iBAAA,GAAA,kBAAA,KAAC,wBAAD,EAEE,GAAI,kBAAkB;GAAE;GAAO,GAAG;GAAgB,CAAC,EACnD,EAFK,MAEL,CACF,EACsB,CAAA,EAEzB,aAAa,QACZ,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAA,UAAqB,OAA2B,CAAA,GAC9C,KACO;;GAGjB,OACD,EAAE;AAIH,MAAM,0BAA0B,YAG9B,OAAO,aAAa,EAAE;AAIxB,MAAM,yBAAyB,YAC7B,OACA,YACD,EAAE;AAIH,MAAM,qBAAqB,YACzB,QACA,QACD,EAAE"}
+{"version":3,"file":"strength-meter.cjs","names":["createSlotComponent","strengthMeterStyle","useStrengthMeter","styled"],"sources":["../../../../src/components/password-input/strength-meter.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps } from \"../../core\"\nimport type { StrengthMeterStyle } from \"./strength-meter.style\"\nimport type { UseStrengthMeterProps } from \"./use-strength-meter\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { strengthMeterStyle } from \"./strength-meter.style\"\nimport { useStrengthMeter } from \"./use-strength-meter\"\n\ninterface IndicatorProps extends HTMLStyledProps {\n  label?: ReactNode\n}\n\nexport interface StrengthMeterProps\n  extends HTMLStyledProps, UseStrengthMeterProps {\n  /**\n   * If `true`, the password strength meter will display the label.\n   *\n   * @default true\n   */\n  withLabel?: boolean\n  /**\n   * The props of the password strength meter indicator.\n   */\n  getIndicatorProps?: (percent: number) => IndicatorProps\n}\n\nconst {\n  PropsContext: StrengthMeterPropsContext,\n  usePropsContext: useStrengthMeterPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<StrengthMeterProps, StrengthMeterStyle>(\n  \"strength-meter\",\n  strengthMeterStyle,\n)\n\nexport { StrengthMeterPropsContext, useStrengthMeterPropsContext }\n\nexport const StrengthMeter = withProvider<\"div\", StrengthMeterProps>(\n  ({\n    max = 4,\n    value,\n    withLabel = true,\n    getIndicatorProps: getCustomIndicatorProps,\n    ...rest\n  }) => {\n    const percent = (value / max) * 100\n\n    const getDefaultIndicatorProps = (percent: number): IndicatorProps => {\n      switch (true) {\n        case percent < 33:\n          return { label: \"Low\", _selected: { bg: \"red.500\" } }\n        case percent < 66:\n          return { label: \"Medium\", _selected: { bg: \"orange.500\" } }\n        default:\n          return { label: \"High\", _selected: { bg: \"green.500\" } }\n      }\n    }\n\n    getCustomIndicatorProps ??= getDefaultIndicatorProps\n\n    const { label, ...indicatorProps } = getCustomIndicatorProps(percent)\n\n    const { getIndicatorProps, getRootProps } = useStrengthMeter({\n      max,\n      value,\n      ...rest,\n    })\n\n    return (\n      <styled.div {...getRootProps()}>\n        <StrengthMeterIndicators>\n          {Array.from({ length: max }).map((_, index) => (\n            <StrengthMeterIndicator\n              key={index}\n              {...getIndicatorProps({ index, ...indicatorProps })}\n            />\n          ))}\n        </StrengthMeterIndicators>\n\n        {withLabel && label ? (\n          <StrengthMeterLabel>{label}</StrengthMeterLabel>\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"root\",\n)()\n\ninterface StrengthMeterIndicatorsProps extends HTMLStyledProps {}\n\nconst StrengthMeterIndicators = withContext<\n  \"div\",\n  StrengthMeterIndicatorsProps\n>(\"div\", \"indicators\")()\n\ninterface StrengthMeterIndicatorProps extends HTMLStyledProps {}\n\nconst StrengthMeterIndicator = withContext<\"div\", StrengthMeterIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\ninterface StrengthMeterLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst StrengthMeterLabel = withContext<\"span\", StrengthMeterLabelProps>(\n  \"span\",\n  \"label\",\n)()\n"],"mappings":";;;;;;;AA4BA,MAAM,EACJ,cAAc,2BACd,iBAAiB,8BACjB,aACA,iBACEA,yBAAAA,oBACF,kBACAC,6BAAAA,kBACF;AAIA,MAAa,gBAAgB,cAC1B,EACC,MAAM,GACN,OACA,YAAY,MACZ,mBAAmB,yBACnB,GAAG,WACC;CACJ,MAAM,UAAW,QAAQ,MAAO;CAEhC,MAAM,4BAA4B,YAAoC;EACpE,QAAQ,MAAR;GACE,KAAK,UAAU,IACb,OAAO;IAAE,OAAO;IAAO,WAAW,EAAE,IAAI,UAAU;GAAE;GACtD,KAAK,UAAU,IACb,OAAO;IAAE,OAAO;IAAU,WAAW,EAAE,IAAI,aAAa;GAAE;GAC5D,SACE,OAAO;IAAE,OAAO;IAAQ,WAAW,EAAE,IAAI,YAAY;GAAE;EAC3D;CACF;CAEA,4BAA4B;CAE5B,MAAM,EAAE,OAAO,GAAG,mBAAmB,wBAAwB,OAAO;CAEpE,MAAM,EAAE,mBAAmB,iBAAiBC,2BAAAA,iBAAiB;EAC3D;EACA;EACA,GAAG;CACL,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,MAACC,gBAAAA,OAAO,KAAR;EAAY,GAAI,aAAa;YAA7B,CACE,iBAAA,GAAA,kBAAA,KAAC,yBAAD,EAAA,UACG,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,EAAE,KAAK,GAAG,UACnC,iBAAA,GAAA,kBAAA,KAAC,wBAAD,EAEE,GAAI,kBAAkB;GAAE;GAAO,GAAG;EAAe,CAAC,EACnD,GAFM,KAEN,CACF,EACsB,CAAA,GAExB,aAAa,QACZ,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAA,UAAqB,MAA0B,CAAA,IAC7C,IACM;;AAEhB,GACA,MACF,EAAE;AAIF,MAAM,0BAA0B,YAG9B,OAAO,YAAY,EAAE;AAIvB,MAAM,yBAAyB,YAC7B,OACA,WACF,EAAE;AAIF,MAAM,qBAAqB,YACzB,QACA,OACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"strength-meter.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/password-input/strength-meter.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const strengthMeterStyle = defineComponentSlotStyle({\n  base: {\n    indicator: {\n      bg: \"bg.subtle\",\n      flex: \"1\",\n      h: \"1\",\n      rounded: \"l1\",\n    },\n    indicators: {\n      display: \"flex\",\n      gap: \"sm\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n    },\n    label: {\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n    },\n    root: {\n      alignItems: \"end\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xs\",\n      w: \"full\",\n    },\n  },\n})\n\nexport type StrengthMeterStyle = typeof strengthMeterStyle\n"],"mappings":";AAEA,MAAa,4DAAqBA,CAAAA,yBAAyB,EACzD,MAAM;CACJ,WAAW;EACT,IAAI;EACJ,MAAM;EACN,GAAG;EACH,SAAS;EACV;CACD,YAAY;EACV,SAAS;EACT,KAAK;EACL,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACJ;CACD,OAAO;EACL,OAAO;EACP,UAAU;EACX;CACD,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,eAAe;EACf,KAAK;EACL,GAAG;EACJ;CACF,EACF,CAAC"}
+{"version":3,"file":"strength-meter.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/password-input/strength-meter.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const strengthMeterStyle = defineComponentSlotStyle({\n  base: {\n    indicator: {\n      bg: \"bg.subtle\",\n      flex: \"1\",\n      h: \"1\",\n      rounded: \"l1\",\n    },\n    indicators: {\n      display: \"flex\",\n      gap: \"sm\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n    },\n    label: {\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n    },\n    root: {\n      alignItems: \"end\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xs\",\n      w: \"full\",\n    },\n  },\n})\n\nexport type StrengthMeterStyle = typeof strengthMeterStyle\n"],"mappings":";AAEA,MAAa,2DAAqBA,EAAAA,yBAAyB,EACzD,MAAM;CACJ,WAAW;EACT,IAAI;EACJ,MAAM;EACN,GAAG;EACH,SAAS;CACX;CACA,YAAY;EACV,SAAS;EACT,KAAK;EACL,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;CACL;CACA,OAAO;EACL,OAAO;EACP,UAAU;CACZ;CACA,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,eAAe;EACf,KAAK;EACL,GAAG;CACL;AACF,EACF,CAAC"}

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

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_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,EAAE,KAAK;CACrE,MAAM,EACJ,OAAO,EACL,gBACA,UACA,SAAS,aACT,iBACA,GAAG,QAEL,WACA,WACA,eACEA,wBAAAA,cAAc,MAAM;CACxB,MAAM,CAAC,SAAS,cAAcC,2CAAAA,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,gBAAgB;CAEtC,MAAM,sBAAA,GAAA,MAAA,cACH,OAAsC;EACrC,IAAI,YAAY,GAAG,WAAW,GAAG;EAEjC,GAAG,gBAAgB;EAEnB,YAAY,SAAS,CAAC,KAAK;IAE7B,CAAC,UAAU,WAAW,CACvB;CAED,MAAM,iBAAA,GAAA,MAAA,cACH,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;EAe1B,OAAO;GACL,GAfkBC,cAAAA,WAClB;IACE,MAAM,UAAU,SAAS;IACzB;IACA,GAAG;IACH,GAAG;IACJ,EACD,MACA,MACD,CAAC;IACA,YAAY;IACZ,UAAU;IACX,CAGe;GACd,KAAKC,YAAAA,UAAU,KAAK,KAAK,IAAI;GAC7B,SAAA,GAAA,oBAAA,cAAA,YAAmB,WAAW,QAAQ,MAAM,OAAO;GACnD,UAAA,GAAA,oBAAA,cAAA,YAAoB,WAAW,SAAS,MAAM,QAAQ;GACvD;IAEH;EAAC;EAAS;EAAM;EAAU;EAAW;EAAY;EAAU,CAC5D;CAcD,OAAO;EACL;EACA;EACA,iBAAA,GAAA,MAAA,cAdC,QAAQ,EAAE,MAAM;GACf,MAAM;GACN,cAAc,EAAE,6BAA6B;GAC7C;GACA,GAAG;GACH,GAAG;GACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,mBAAmB;GACvD,GACD;GAAC;GAAoB;GAAW;GAAU;GAAE,CAM9B;EACd;EACD"}
+{"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,cACH,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,cACH,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,EAAE;IACA,YAAY;IACZ,UAAU;GACZ,CAGe;GACb,KAAKC,YAAAA,UAAU,KAAK,KAAK,GAAG;GAC5B,SAAA,GAAA,oBAAA,cAAA,YAAmB,WAAW,QAAQ,MAAM,MAAM;GAClD,UAAA,GAAA,oBAAA,cAAA,YAAoB,WAAW,SAAS,MAAM,OAAO;EACvD;CACF,GACA;EAAC;EAAS;EAAM;EAAU;EAAW;EAAY;CAAS,CAC5D;CAcA,OAAO;EACL;EACA;EACA,iBAAA,GAAA,MAAA,cAdC,QAAQ,CAAC,OAAO;GACf,MAAM;GACN,cAAc,EAAE,4BAA4B;GAC5C;GACA,GAAG;GACH,GAAG;GACH,UAAA,GAAA,oBAAA,cAAA,YAAoB,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,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_props = require("../../core/components/props.cjs");
 const require_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,gBAAgB;CAEtC,MAAM,gBAAA,GAAA,MAAA,cACH,UACCC,cAAAA,WACE;EACE,cAAc,EAAE,0BAA0B;EAC1C,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,MAAM;EACP,EACD,MACA,MACD,EAAE,EACL;EAAC;EAAK;EAAM;EAAO;EAAE,CACtB;CAWD,OAAO;EAAE,oBAAA,GAAA,MAAA,cAPJ,EAAE,OAAO,GAAG,aAAa;GACxB,kBAAA,GAAA,oBAAA,cAAA,UAA0B,QAAQ,MAAM;GACxC,GAAG;GACJ,GACD,CAAC,MAAM,CAGe;EAAE;EAAc"}
+{"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,cACH,UACCC,cAAAA,WACE;EACE,cAAc,EAAE,yBAAyB;EACzC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,MAAM;CACR,GACA,MACA,KACF,EAAE,GACJ;EAAC;EAAK;EAAM;EAAO;CAAC,CACtB;CAWA,OAAO;EAAE,oBAAA,GAAA,MAAA,cAPJ,EAAE,OAAO,GAAG,aAAa;GACxB,kBAAA,GAAA,oBAAA,cAAA,UAA0B,QAAQ,KAAK;GACvC,GAAG;EACL,IACA,CAAC,KAAK,CAGe;EAAG;CAAa;AAC3C"}

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

@@ -1,4 +1,3 @@
-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) {\n      return computedSources.sort(compareSources)\n    } else {\n      return computedSources\n    }\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","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) {\n      return computedSources.sort(compareSources)\n    } else {\n      return computedSources\n    }\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,5 +1,4 @@
 "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) {\n        return validChildren\n      } else {\n        return Array.from({ length: items }, (_, index) => (\n          <PinInputField key={index} index={index} />\n        ))\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,cACD;;;;;;AASD,MAAa,eAAe,cACzB,EAAE,UAAU,kBAAkB,kBAAkB,GAAG,WAAW;CAC7D,MAAM,EAAE,aAAa,OAAO,eAAe,iBACzCC,sBAAAA,YAAY,KAAK;CACnB,MAAM,iBAAA,GAAA,MAAA,eAA8B;EAClC,MAAM,gBAAgBC,iBAAAA,iBAAiB,SAAS;EAEhD,IAAI,cAAc,QAChB,OAAO;OAEP,OAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,GAAG,GAAG,UACvC,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAkC,OAAS,EAAvB,MAAuB,CAC3C;IAEH,CAAC,UAAU,MAAM,CAAC;CAMrB,OACE,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,4BAAD;EAA4B,OAAO;YACjC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;GAAkB,QAAA,GAAA,MAAA,gBANb;IAAE;IAAkB;IAAkB;IAAe,GAC5D;IAAC;IAAe;IAAkB;IAAiB,CAKjB;aAC9B,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;IAAO,GAAI,cAAc;cAAG;IAAsB,CAAA;GACjC,CAAA;EACQ,CAAA;GAGjC,OACD,EAAE;AASH,MAAa,gBAAgB,YAC3BC,cAAAA,OACA,QACD,CAAC,KAAA,IAAY,EAAE,KAAK,OAAO,GAAG,WAAW;CACxC,MAAM,EAAE,kBAAkB,kBAAkB,kBAC1C,qBAAqB;CACvB,MAAM,EAAE,aAAaC,sBAAAA,uBAAuB;CAC5C,MAAM,EAAE,OAAO,WAAW,WAAW,eAAeC,wBAAAA,cAAc,KAAK;CAEvE,OAAO,EACL,GAAG,cAAc;EACf;EACA;EACA,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,KAAKC,YAAAA,UAAU,UAAU,IAAI;EAC7B;EACD,CAAC,EACH;EACD"}
+{"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) {\n        return validChildren\n      } else {\n        return Array.from({ length: items }, (_, index) => (\n          <PinInputField key={index} index={index} />\n        ))\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,eAA8B;EAClC,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;EAE/C,IAAI,cAAc,QAChB,OAAO;OAEP,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UACvC,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAkC,MAAQ,GAAtB,KAAsB,CAC3C;CAEL,GAAG,CAAC,UAAU,KAAK,CAAC;CAMpB,OACE,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,4BAAD;EAA4B,OAAO;YACjC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;GAAkB,QAAA,GAAA,MAAA,gBANb;IAAE;IAAkB;IAAkB;GAAc,IAC3D;IAAC;IAAe;IAAkB;GAAgB,CAKjB;aAC7B,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;IAAO,GAAI,aAAa;cAAI;GAAqB,CAAA;EACjC,CAAA;CACQ,CAAA;AAEhC,GACA,MACF,EAAE;AASF,MAAa,gBAAgB,YAC3BC,cAAAA,OACA,OACF,EAAE,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/pin-input.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pin-input.style.cjs","names":["defineComponentSlotStyle","inputStyle"],"sources":["../../../../src/components/pin-input/pin-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { inputStyle } from \"../input\"\n\nexport const pinInputStyle = defineComponentSlotStyle({\n  base: {\n    field: {\n      ...inputStyle.base,\n      textAlign: \"center\",\n    },\n    root: {},\n  },\n\n  variants: {\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      field: {\n        boxSize: inputStyle.sizes?.xs.minH,\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n    },\n    sm: {\n      field: {\n        boxSize: inputStyle.sizes?.sm.minH,\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n    },\n    md: {\n      field: {\n        boxSize: inputStyle.sizes?.md.minH,\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n    },\n    lg: {\n      field: {\n        boxSize: inputStyle.sizes?.lg.minH,\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n    },\n    xl: {\n      field: {\n        boxSize: inputStyle.sizes?.xl.minH,\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n    },\n    \"2xl\": {\n      field: {\n        boxSize: inputStyle.sizes?.[\"2xl\"].minH,\n        fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type PinInputStyle = typeof pinInputStyle\n"],"mappings":";;;AAGA,MAAa,gBAAgBA,eAAAA,yBAAyB;CACpD,MAAM;EACJ,OAAO;GACL,GAAGC,oBAAAA,WAAW;GACd,WAAW;GACZ;EACD,MAAM,EAAE;EACT;CAED,UAAU;EACR,QAAQ,EACN,OAAOA,oBAAAA,WAAW,UAAU,QAC7B;EACD,SAAS,EACP,OAAOA,oBAAAA,WAAW,UAAU,SAC7B;EACD,SAAS,EACP,OAAOA,oBAAAA,WAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAOA,oBAAAA,WAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI,EACF,OAAO;GACL,SAASA,oBAAAA,WAAW,OAAO,GAAG;GAC9B,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GAChC,EACF;EACD,IAAI,EACF,OAAO;GACL,SAASA,oBAAAA,WAAW,OAAO,GAAG;GAC9B,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GAChC,EACF;EACD,IAAI,EACF,OAAO;GACL,SAASA,oBAAAA,WAAW,OAAO,GAAG;GAC9B,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GAChC,EACF;EACD,IAAI,EACF,OAAO;GACL,SAASA,oBAAAA,WAAW,OAAO,GAAG;GAC9B,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GAChC,EACF;EACD,IAAI,EACF,OAAO;GACL,SAASA,oBAAAA,WAAW,OAAO,GAAG;GAC9B,UAAUA,oBAAAA,WAAW,OAAO,GAAG;GAChC,EACF;EACD,OAAO,EACL,OAAO;GACL,SAASA,oBAAAA,WAAW,QAAQ,OAAO;GACnC,UAAUA,oBAAAA,WAAW,QAAQ,OAAO;GACrC,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"pin-input.style.cjs","names":["defineComponentSlotStyle","inputStyle"],"sources":["../../../../src/components/pin-input/pin-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { inputStyle } from \"../input\"\n\nexport const pinInputStyle = defineComponentSlotStyle({\n  base: {\n    field: {\n      ...inputStyle.base,\n      textAlign: \"center\",\n    },\n    root: {},\n  },\n\n  variants: {\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      field: {\n        boxSize: inputStyle.sizes?.xs.minH,\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n    },\n    sm: {\n      field: {\n        boxSize: inputStyle.sizes?.sm.minH,\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n    },\n    md: {\n      field: {\n        boxSize: inputStyle.sizes?.md.minH,\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n    },\n    lg: {\n      field: {\n        boxSize: inputStyle.sizes?.lg.minH,\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n    },\n    xl: {\n      field: {\n        boxSize: inputStyle.sizes?.xl.minH,\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n    },\n    \"2xl\": {\n      field: {\n        boxSize: inputStyle.sizes?.[\"2xl\"].minH,\n        fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type PinInputStyle = typeof pinInputStyle\n"],"mappings":";;;AAGA,MAAa,gBAAgBA,eAAAA,yBAAyB;CACpD,MAAM;EACJ,OAAO;GACL,GAAGC,oBAAAA,WAAW;GACd,WAAW;EACb;EACA,MAAM,CAAC;CACT;CAEA,UAAU;EACR,QAAQ,EACN,OAAOA,oBAAAA,WAAW,UAAU,OAC9B;EACA,SAAS,EACP,OAAOA,oBAAAA,WAAW,UAAU,QAC9B;EACA,SAAS,EACP,OAAOA,oBAAAA,WAAW,UAAU,QAC9B;EACA,OAAO,EACL,OAAOA,oBAAAA,WAAW,UAAU,MAC9B;CACF;CAEA,OAAO;EACL,IAAI,EACF,OAAO;GACL,SAASA,oBAAAA,WAAW,OAAO,GAAG;GAC9B,UAAUA,oBAAAA,WAAW,OAAO,GAAG;EACjC,EACF;EACA,IAAI,EACF,OAAO;GACL,SAASA,oBAAAA,WAAW,OAAO,GAAG;GAC9B,UAAUA,oBAAAA,WAAW,OAAO,GAAG;EACjC,EACF;EACA,IAAI,EACF,OAAO;GACL,SAASA,oBAAAA,WAAW,OAAO,GAAG;GAC9B,UAAUA,oBAAAA,WAAW,OAAO,GAAG;EACjC,EACF;EACA,IAAI,EACF,OAAO;GACL,SAASA,oBAAAA,WAAW,OAAO,GAAG;GAC9B,UAAUA,oBAAAA,WAAW,OAAO,GAAG;EACjC,EACF;EACA,IAAI,EACF,OAAO;GACL,SAASA,oBAAAA,WAAW,OAAO,GAAG;GAC9B,UAAUA,oBAAAA,WAAW,OAAO,GAAG;EACjC,EACF;EACA,OAAO,EACL,OAAO;GACL,SAASA,oBAAAA,WAAW,QAAQ,OAAO;GACnC,UAAUA,oBAAAA,WAAW,QAAQ,OAAO;EACtC,EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

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

@@ -1,5 +1,4 @@
 "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\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","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\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,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_factory = require("../motion/factory.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","names":["useValue","fadeScaleVariants","slideFadeVariants","createSlotComponent","popoverStyle","usePopover","AnimatePresence","Portal","motion"],"sources":["../../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } 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 } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, filterUndefined, runIfFn } 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\nexport interface PopoverRootProps\n  extends\n    Merge<UsePopoverProps, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<PopoverStyle> {\n  /**\n   * The children of the popover.\n   */\n  children?: ReactNodeOrFunction<{\n    open: boolean\n    onClose: () => void\n  }>\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 [styleContext, { animationScheme, children, duration, ...rest }] =\n    useRootComponentProps({ ...props, ...styleProps })\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      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    }),\n    [\n      open,\n      animationScheme,\n      duration,\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <ComponentContext value={componentContext}>\n        {runIfFn(children, { open, onClose })}\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 } = useComponentContext()\n\n  return getTriggerProps(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 { getCloseTriggerProps } = useComponentContext()\n\n    return getCloseTriggerProps(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 { getAnchorProps } = useComponentContext()\n\n  return getAnchorProps(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\nexport const PopoverContent = withContext<\"div\", PopoverContentProps>(\n  ({ portalProps, ...rest }) => {\n    const { animationScheme, duration, open, getContentProps } =\n      useComponentContext()\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <AnimatePresence>\n        {open ? (\n          <Portal {...portalProps}>\n            <PopoverPositioner>\n              <motion.div\n                {...popupAnimationProps}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(cast<HTMLProps>(rest)),\n                )}\n              />\n            </PopoverPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n  \"content\",\n)()\n\nexport interface PopoverHeaderProps extends HTMLStyledProps {}\n\nexport const PopoverHeader = withContext<\"div\", PopoverHeaderProps>(\n  \"div\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return getHeaderProps(props)\n})\n\nexport interface PopoverBodyProps extends HTMLStyledProps {}\n\nexport const PopoverBody = withContext<\"div\", PopoverBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return getBodyProps(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 { getFooterProps } = useComponentContext()\n\n  return getFooterProps(props)\n})\n"],"mappings":"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"}
+{"version":3,"file":"popover.cjs","names":["useValue","fadeScaleVariants","slideFadeVariants","createSlotComponent","popoverStyle","usePopover","AnimatePresence","Portal","motion"],"sources":["../../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } 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 } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, filterUndefined, runIfFn } 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\nexport interface PopoverRootProps\n  extends\n    Merge<UsePopoverProps, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<PopoverStyle> {\n  /**\n   * The children of the popover.\n   */\n  children?: ReactNodeOrFunction<{\n    open: boolean\n    onClose: () => void\n  }>\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 [styleContext, { animationScheme, children, duration, ...rest }] =\n    useRootComponentProps({ ...props, ...styleProps })\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      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    }),\n    [\n      open,\n      animationScheme,\n      duration,\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <ComponentContext value={componentContext}>\n        {runIfFn(children, { open, onClose })}\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 } = useComponentContext()\n\n  return getTriggerProps(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 { getCloseTriggerProps } = useComponentContext()\n\n    return getCloseTriggerProps(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 { getAnchorProps } = useComponentContext()\n\n  return getAnchorProps(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\nexport const PopoverContent = withContext<\"div\", PopoverContentProps>(\n  ({ portalProps, ...rest }) => {\n    const { animationScheme, duration, open, getContentProps } =\n      useComponentContext()\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <AnimatePresence>\n        {open ? (\n          <Portal {...portalProps}>\n            <PopoverPositioner>\n              <motion.div\n                {...popupAnimationProps}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(cast<HTMLProps>(rest)),\n                )}\n              />\n            </PopoverPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n  \"content\",\n)()\n\nexport interface PopoverHeaderProps extends HTMLStyledProps {}\n\nexport const PopoverHeader = withContext<\"div\", PopoverHeaderProps>(\n  \"div\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return getHeaderProps(props)\n})\n\nexport interface PopoverBodyProps extends HTMLStyledProps {}\n\nexport const PopoverBody = withContext<\"div\", PopoverBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return getBodyProps(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 { getFooterProps } = useComponentContext()\n\n  return getFooterProps(props)\n})\n"],"mappings":";;;;;;;;;;;;;;AA0CA,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,gBAAA,GAAA,oBAAA,cAAA,iBACwB;EAAE;EAAM;EAAQ;EAAY;EAAW;CAAS,CAAC,GACvE;EAAC;EAAM;EAAQ;EAAY;EAAW;CAAQ,CAChD;AACF;AAgCA,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,CAAC,cAAc,EAAE,iBAAiB,UAAU,UAAU,GAAG,UAC7D,sBAAsB;EAAE,GAAG;EAAO,GAAG;CAAW,CAAC;CACnD,MAAM,EACJ,MACA,gBACA,cACA,sBACA,iBACA,gBACA,gBACA,oBACA,iBACA,YACEC,oBAAAA,WAAW,IAAI;CA8BnB,OACE,iBAAA,GAAA,kBAAA,KAAC,cAAD;EAAc,OAAO;YACnB,iBAAA,GAAA,kBAAA,KAAC,kBAAD;GAAkB,QAAA,GAAA,MAAA,gBA9Bb;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,IACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAK0C;4DAC7B,UAAU;IAAE;IAAM;GAAQ,CAAC;EACpB,CAAA;CACN,CAAA;AAElB;AAIA,MAAa,iBAAiB,YAC5B,UACA,SACF,EAAE,EAAE,SAAS,KAAK,IAAI,UAAU;CAC9B,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO,gBAAgB,KAAK;AAC9B,CAAC;AAID,MAAa,sBAAsB,YAGjC,UAAU;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,OAAO;AAAE,CAAC,EAC9D,EAAE,SAAS,KAAK,IACf,UAAU;CACT,MAAM,EAAE,yBAAyB,oBAAoB;CAErD,OAAO,qBAAqB,KAAK;AACnC,CACF;AAIA,MAAa,gBAAgB,YAC3B,OACA,QACF,EAAE,EAAE,SAAS,KAAK,IAAI,UAAU;CAC9B,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC;AAID,MAAM,oBAAoB,YACxB,OACA,YACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,uBAAuB,oBAAoB;CAEnD,OAAO,mBAAmB,KAAK;AACjC,CAAC;AAUD,MAAa,iBAAiB,aAC3B,EAAE,aAAa,GAAG,WAAW;CAC5B,MAAM,EAAE,iBAAiB,UAAU,MAAM,oBACvC,oBAAoB;CACtB,MAAM,sBAAsB,uBAAuB;EACjD;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD,EAAA,UACG,OACC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;EAAQ,GAAI;YACV,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;GACE,GAAI;GACJ,IAAA,GAAA,oBAAA,cAAA,MACE,iBAAA,GAAA,oBAAA,cAAA,MAAgC,IAAI,CAAC,CACvC;EACD,CAAA,EACgB,CAAA;CACb,CAAA,IACN,KACW,CAAA;AAErB,GACA,SACF,EAAE;AAIF,MAAa,gBAAgB,YAC3B,OACA,QACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC;AAID,MAAa,cAAc,YAAqC,OAAO,MAAM,EAC3E,KAAA,IACC,UAAU;CACT,MAAM,EAAE,iBAAiB,oBAAoB;CAE7C,OAAO,aAAa,KAAK;AAC3B,CACF;AAIA,MAAa,gBAAgB,YAC3B,OACA,QACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,oBAAoB;CAE/C,OAAO,eAAe,KAAK;AAC7B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.style.cjs","names":["defineComponentSlotStyle","nativePopoverStyle"],"sources":["../../../../src/components/popover/popover.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { nativePopoverStyle } from \"../native-popover\"\n\nexport const popoverStyle = defineComponentSlotStyle({\n  base: {\n    ...nativePopoverStyle.base,\n    positioner: { zIndex: \"recoome\" },\n  },\n\n  sizes: nativePopoverStyle.sizes,\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type PopoverStyle = typeof popoverStyle\n"],"mappings":";;;AAGA,MAAa,eAAeA,eAAAA,yBAAyB;CACnD,MAAM;EACJ,GAAGC,6BAAAA,mBAAmB;EACtB,YAAY,EAAE,QAAQ,WAAW;EAClC;CAED,OAAOA,6BAAAA,mBAAmB;CAE1B,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"popover.style.cjs","names":["defineComponentSlotStyle","nativePopoverStyle"],"sources":["../../../../src/components/popover/popover.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { nativePopoverStyle } from \"../native-popover\"\n\nexport const popoverStyle = defineComponentSlotStyle({\n  base: {\n    ...nativePopoverStyle.base,\n    positioner: { zIndex: \"recoome\" },\n  },\n\n  sizes: nativePopoverStyle.sizes,\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type PopoverStyle = typeof popoverStyle\n"],"mappings":";;;AAGA,MAAa,eAAeA,eAAAA,yBAAyB;CACnD,MAAM;EACJ,GAAGC,6BAAAA,mBAAmB;EACtB,YAAY,EAAE,QAAQ,UAAU;CAClC;CAEA,OAAOA,6BAAAA,mBAAmB;CAE1B,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}

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

@@ -1,5 +1,4 @@
 "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");