@zentauri-ui/zentauri-components 1.6.3 → 1.7.1

package/dist/ui/pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/pagination/variants.ts","../../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"pagination.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Layout and chrome for the page list cluster. Appearance and size keys align with\n * `components/ui/buttons/variants.ts` for consistent design-system tokens.\n */\nexport const paginationListVariants = cva(\n  \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-slate-50 dark:ring-offset-slate-950\",\n  {\n    variants: {\n      appearance: {\n        default:\n          \"border-black/10 dark:border-white/10 bg-black/[0.03] dark:bg-white/[0.03]\",\n        secondary:\n          \"border-black/10 dark:border-white/10 bg-slate-100/40 dark:bg-slate-900/40\",\n        destructive: \"border-rose-500/25 bg-rose-50 dark:bg-rose-950/20\",\n        outline: \"border-black/15 dark:border-white/15 bg-transparent\",\n        ghost: \"border-transparent bg-transparent\",\n        link: \"border-transparent bg-transparent\",\n        glass:\n          \"border-black/15 dark:border-white/15 bg-black/5 dark:bg-white/5 backdrop-blur-md\",\n        emerald: \"border-emerald-500/25 bg-emerald-50 dark:bg-emerald-950/20\",\n        indigo: \"border-indigo-500/25 bg-indigo-50 dark:bg-indigo-950/20\",\n        purple: \"border-purple-500/25 bg-purple-50 dark:bg-purple-950/20\",\n        pink: \"border-pink-500/25 bg-pink-50 dark:bg-pink-950/20\",\n        rose: \"border-rose-500/25 bg-rose-50 dark:bg-rose-950/20\",\n        sky: \"border-sky-500/25 bg-sky-50 dark:bg-sky-950/20\",\n        teal: \"border-teal-500/25 bg-teal-50 dark:bg-teal-950/20\",\n        yellow: \"border-yellow-500/25 bg-yellow-50 dark:bg-yellow-950/20\",\n        orange: \"border-orange-500/25 bg-orange-50 dark:bg-orange-950/20\",\n        gray: \"border-gray-500/25 bg-gray-50 dark:bg-gray-950/20\",\n        amber: \"border-amber-500/25 bg-amber-50 dark:bg-amber-950/20\",\n        violet: \"border-violet-500/25 bg-violet-50 dark:bg-violet-950/20\",\n        \"gradient-blue\":\n          \"border-blue-500/30 bg-linear-to-r from-blue-50 dark:from-blue-950/30 to-purple-50 dark:to-purple-950/30\",\n        \"gradient-green\":\n          \"border-lime-500/30 bg-linear-to-r from-green-50 dark:from-green-950/30 to-lime-50 dark:to-lime-950/30\",\n        \"gradient-red\":\n          \"border-pink-500/30 bg-linear-to-r from-red-50 dark:from-red-950/30 to-pink-50 dark:to-pink-950/30\",\n        \"gradient-yellow\":\n          \"border-orange-500/30 bg-linear-to-r from-yellow-50 dark:from-yellow-950/30 to-orange-50 dark:to-orange-950/30\",\n        \"gradient-purple\":\n          \"border-pink-500/30 bg-linear-to-r from-purple-50 dark:from-purple-950/30 to-pink-50 dark:to-pink-950/30\",\n        \"gradient-teal\":\n          \"border-cyan-500/30 bg-linear-to-r from-teal-50 dark:from-teal-950/30 to-cyan-50 dark:to-cyan-950/30\",\n        \"gradient-indigo\":\n          \"border-purple-500/30 bg-linear-to-r from-indigo-50 dark:from-indigo-950/30 to-purple-50 dark:to-purple-950/30\",\n        \"gradient-pink\":\n          \"border-rose-500/30 bg-linear-to-r from-pink-50 dark:from-pink-950/30 to-rose-50 dark:to-rose-950/30\",\n        \"gradient-orange\":\n          \"border-orange-500/30 bg-linear-to-r from-orange-50 dark:from-orange-950/30 to-red-50 dark:to-red-950/30\",\n      },\n      size: {\n        sm: \"gap-0.5\",\n        md: \"gap-1\",\n        lg: \"gap-1\",\n        xl: \"gap-1.5\",\n        \"2xl\": \"gap-1.5\",\n        \"3xl\": \"gap-2\",\n        \"4xl\": \"gap-2\",\n        \"5xl\": \"gap-2\",\n        \"6xl\": \"gap-2\",\n        \"7xl\": \"gap-2.5\",\n        \"8xl\": \"gap-2.5\",\n        \"9xl\": \"gap-2.5\",\n        \"10xl\": \"gap-3\",\n        icon: \"gap-1\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const paginationEllipsisVariants = cva(\n  \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-slate-500 dark:text-slate-400\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n        xl: \"text-base\",\n        \"2xl\": \"text-lg\",\n        \"3xl\": \"text-lg\",\n        \"4xl\": \"text-xl\",\n        \"5xl\": \"text-xl\",\n        \"6xl\": \"text-xl\",\n        \"7xl\": \"text-2xl\",\n        \"8xl\": \"text-2xl\",\n        \"9xl\": \"text-2xl\",\n        \"10xl\": \"text-2xl\",\n        icon: \"text-sm\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  pageCount,\n  page,\n  defaultPage = 1,\n  onPageChange,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showPrevNext = true,\n  prevLabel = defaultPrevLabel,\n  nextLabel = defaultNextLabel,\n  ellipsisLabel = defaultEllipsisLabel,\n  getPageHref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  ref,\n  ...rest\n}: PaginationProps) => {\n  const id = useId();\n  const listId = `${id}-list`;\n\n  const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n    usePagination({\n      pageCount,\n      page,\n      defaultPage,\n      siblingCount,\n      boundaryCount,\n      onPageChange,\n    });\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (pageCount <= 0) {\n        return;\n      }\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        if (canGoNext) {\n          setPage(currentPage + 1);\n        }\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        if (canGoPrev) {\n          setPage(currentPage - 1);\n        }\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        setPage(1);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        setPage(pageCount);\n      }\n    },\n    [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n  );\n\n  if (pageCount <= 0) {\n    return null;\n  }\n\n  const inactiveTriggerClass = cn(\n    buttonVariants({ appearance: \"ghost\", size }),\n    \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n  );\n\n  const currentTriggerClass = buttonVariants({ appearance, size });\n\n  const triggerFocusRing =\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n  const renderPageControl = (pageNumber: number) => {\n    const isCurrent = pageNumber === currentPage;\n    const href = getPageHref?.(pageNumber);\n    const shared = cn(\n      isCurrent ? currentTriggerClass : inactiveTriggerClass,\n      \"min-w-[2.25ch] shrink-0\",\n      triggerFocusRing,\n    );\n\n    if (href) {\n      return (\n        <a\n          data-slot=\"pagination-trigger\"\n          href={href}\n          aria-label={`Page ${pageNumber}`}\n          aria-current={isCurrent ? \"page\" : undefined}\n          className={shared}\n        >\n          {pageNumber}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"pagination-trigger\"\n        aria-label={`Page ${pageNumber}`}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={shared}\n        onClick={() => {\n          if (!isCurrent) {\n            setPage(pageNumber);\n          }\n        }}\n      >\n        {pageNumber}\n      </button>\n    );\n  };\n\n  const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n  const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n  const navTriggerClass = cn(\n    buttonVariants({ appearance: \"outline\", size }),\n    \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n  );\n\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"pagination\"\n      aria-label={ariaLabel}\n      className={cn(\"w-full\", className)}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {showPrevNext ? (\n          getPageHref && prevHref && canGoPrev ? (\n            <a\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              href={prevHref}\n              className={navTriggerClass}\n            >\n              Prev\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              disabled={!canGoPrev}\n              className={navTriggerClass}\n              onClick={goPrev}\n            >\n              Prev\n            </button>\n          )\n        ) : null}\n\n        <ul\n          id={listId}\n          data-slot=\"pagination-list\"\n          className={paginationListVariants({ appearance, size })}\n        >\n          {items.map((item) => (\n            <li\n              key={item.type === \"page\" ? `page-${item.value}` : item.key}\n              data-slot=\"pagination-item\"\n              className=\"inline-flex items-center\"\n            >\n              {item.type === \"ellipsis\" ? (\n                <span\n                  data-slot=\"pagination-ellipsis\"\n                  className={paginationEllipsisVariants({ size })}\n                  role=\"img\"\n                  aria-label={ellipsisLabel}\n                >\n                  …\n                </span>\n              ) : (\n                renderPageControl(item.value)\n              )}\n            </li>\n          ))}\n        </ul>\n\n        {showPrevNext ? (\n          getPageHref && nextHref && canGoNext ? (\n            <a\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              href={nextHref}\n              className={navTriggerClass}\n            >\n              Next\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              disabled={!canGoNext}\n              className={navTriggerClass}\n              onClick={goNext}\n            >\n              Next\n            </button>\n          )\n        ) : null}\n      </div>\n    </nav>\n  );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
+{"version":3,"sources":["../../src/design-system/pagination.ts","../../src/ui/pagination/variants.ts","../../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"pagination.mjs","sourcesContent":["export const zuiPaginationListBase =\n  \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-[var(--zui-pagination-list-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-pagination-list-ring-offset-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiPaginationListAppearances = {\n  default:\n    \"border-[color:var(--zui-pagination-list-default-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-default-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-default-bg,#00000008)] dark:bg-[var(--zui-pagination-list-default-bg-dark,#ffffff08)]\",\n  secondary:\n    \"border-[color:var(--zui-pagination-list-secondary-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-secondary-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-secondary-bg,oklch(96.8%_0.007_247.896_/_0.4))] dark:bg-[var(--zui-pagination-list-secondary-bg-dark,oklch(20.8%_0.042_265.755_/_0.4))]\",\n  destructive:\n    \"border-[color:var(--zui-pagination-list-destructive-border,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-destructive-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-destructive-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]\",\n  outline:\n    \"border-[color:var(--zui-pagination-list-outline-border,#00000026)] dark:border-[color:var(--zui-pagination-list-outline-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-outline-bg,transparent)]\",\n  ghost:\n    \"border-[color:var(--zui-pagination-list-ghost-border,transparent)] bg-[var(--zui-pagination-list-ghost-bg,transparent)]\",\n  link: \"border-[color:var(--zui-pagination-list-link-border,transparent)] bg-[var(--zui-pagination-list-link-bg,transparent)]\",\n  glass:\n    \"border-[color:var(--zui-pagination-list-glass-border,#00000026)] dark:border-[color:var(--zui-pagination-list-glass-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-glass-bg,#0000000d)] dark:bg-[var(--zui-pagination-list-glass-bg-dark,#ffffff0d)] backdrop-blur-md\",\n  emerald:\n    \"border-[color:var(--zui-pagination-list-emerald-border,oklch(69.6%_0.17_162.48_/_0.25))] bg-[var(--zui-pagination-list-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-pagination-list-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.2))]\",\n  indigo:\n    \"border-[color:var(--zui-pagination-list-indigo-border,oklch(58.5%_0.233_277.117_/_0.25))] bg-[var(--zui-pagination-list-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-pagination-list-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.2))]\",\n  purple:\n    \"border-[color:var(--zui-pagination-list-purple-border,oklch(62.7%_0.265_303.9_/_0.25))] bg-[var(--zui-pagination-list-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-pagination-list-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.2))]\",\n  pink: \"border-[color:var(--zui-pagination-list-pink-border,oklch(65.6%_0.241_354.308_/_0.25))] bg-[var(--zui-pagination-list-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-pagination-list-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.2))]\",\n  rose: \"border-[color:var(--zui-pagination-list-rose-border,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]\",\n  sky: \"border-[color:var(--zui-pagination-list-sky-border,oklch(68.5%_0.169_237.323_/_0.25))] bg-[var(--zui-pagination-list-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-pagination-list-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.2))]\",\n  teal: \"border-[color:var(--zui-pagination-list-teal-border,oklch(70.4%_0.14_182.503_/_0.25))] bg-[var(--zui-pagination-list-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-pagination-list-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.2))]\",\n  yellow:\n    \"border-[color:var(--zui-pagination-list-yellow-border,oklch(79.5%_0.184_86.047_/_0.25))] bg-[var(--zui-pagination-list-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-pagination-list-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.2))]\",\n  orange:\n    \"border-[color:var(--zui-pagination-list-orange-border,oklch(70.5%_0.213_47.604_/_0.25))] bg-[var(--zui-pagination-list-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-pagination-list-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.2))]\",\n  gray: \"border-[color:var(--zui-pagination-list-gray-border,oklch(55.1%_0.027_264.364_/_0.25))] bg-[var(--zui-pagination-list-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-pagination-list-gray-bg-dark,oklch(13%_0.028_261.692_/_0.2))]\",\n  amber:\n    \"border-[color:var(--zui-pagination-list-amber-border,oklch(76.9%_0.188_70.08_/_0.25))] bg-[var(--zui-pagination-list-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-pagination-list-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.2))]\",\n  violet:\n    \"border-[color:var(--zui-pagination-list-violet-border,oklch(60.6%_0.25_292.717_/_0.25))] bg-[var(--zui-pagination-list-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-pagination-list-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.2))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-pagination-list-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-pagination-list-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.3))] to-[var(--zui-pagination-list-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-pagination-list-gradient-green-border,oklch(76.8%_0.233_130.85_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-pagination-list-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.3))] to-[var(--zui-pagination-list-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-pagination-list-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.3))]\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-pagination-list-gradient-red-border,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-pagination-list-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.3))] to-[var(--zui-pagination-list-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-pagination-list-gradient-yellow-border,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-pagination-list-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.3))] to-[var(--zui-pagination-list-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-pagination-list-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.3))]\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-pagination-list-gradient-purple-border,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-pagination-list-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.3))] to-[var(--zui-pagination-list-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-pagination-list-gradient-teal-border,oklch(71.5%_0.143_215.221_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-pagination-list-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.3))] to-[var(--zui-pagination-list-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-pagination-list-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.3))]\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-pagination-list-gradient-indigo-border,oklch(62.7%_0.265_303.9_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-pagination-list-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.3))] to-[var(--zui-pagination-list-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-pagination-list-gradient-pink-border,oklch(64.5%_0.246_16.439_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-pagination-list-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.3))] to-[var(--zui-pagination-list-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-pagination-list-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.3))]\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-pagination-list-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-pagination-list-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.3))] to-[var(--zui-pagination-list-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-pagination-list-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.3))]\",\n} as const;\n\nexport const zuiPaginationListSizes = {\n  sm: \"gap-0.5\",\n  md: \"gap-1\",\n  lg: \"gap-1\",\n  xl: \"gap-1.5\",\n  \"2xl\": \"gap-1.5\",\n  \"3xl\": \"gap-2\",\n  \"4xl\": \"gap-2\",\n  \"5xl\": \"gap-2\",\n  \"6xl\": \"gap-2\",\n  \"7xl\": \"gap-2.5\",\n  \"8xl\": \"gap-2.5\",\n  \"9xl\": \"gap-2.5\",\n  \"10xl\": \"gap-3\",\n  icon: \"gap-1\",\n} as const;\n\nexport const zuiPaginationEllipsisBase =\n  \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-[color:var(--zui-pagination-ellipsis-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-pagination-ellipsis-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiPaginationEllipsisSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n  xl: \"text-base\",\n  \"2xl\": \"text-lg\",\n  \"3xl\": \"text-lg\",\n  \"4xl\": \"text-xl\",\n  \"5xl\": \"text-xl\",\n  \"6xl\": \"text-xl\",\n  \"7xl\": \"text-2xl\",\n  \"8xl\": \"text-2xl\",\n  \"9xl\": \"text-2xl\",\n  \"10xl\": \"text-2xl\",\n  icon: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiPaginationEllipsisBase,\n  zuiPaginationEllipsisSizes,\n  zuiPaginationListAppearances,\n  zuiPaginationListBase,\n  zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n  variants: {\n    appearance: zuiPaginationListAppearances,\n    size: zuiPaginationListSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n  variants: {\n    size: zuiPaginationEllipsisSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  pageCount,\n  page,\n  defaultPage = 1,\n  onPageChange,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showPrevNext = true,\n  prevLabel = defaultPrevLabel,\n  nextLabel = defaultNextLabel,\n  ellipsisLabel = defaultEllipsisLabel,\n  getPageHref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  ref,\n  ...rest\n}: PaginationProps) => {\n  const id = useId();\n  const listId = `${id}-list`;\n\n  const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n    usePagination({\n      pageCount,\n      page,\n      defaultPage,\n      siblingCount,\n      boundaryCount,\n      onPageChange,\n    });\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (pageCount <= 0) {\n        return;\n      }\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        if (canGoNext) {\n          setPage(currentPage + 1);\n        }\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        if (canGoPrev) {\n          setPage(currentPage - 1);\n        }\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        setPage(1);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        setPage(pageCount);\n      }\n    },\n    [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n  );\n\n  if (pageCount <= 0) {\n    return null;\n  }\n\n  const inactiveTriggerClass = cn(\n    buttonVariants({ appearance: \"ghost\", size }),\n    \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n  );\n\n  const currentTriggerClass = buttonVariants({ appearance, size });\n\n  const triggerFocusRing =\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n  const renderPageControl = (pageNumber: number) => {\n    const isCurrent = pageNumber === currentPage;\n    const href = getPageHref?.(pageNumber);\n    const shared = cn(\n      isCurrent ? currentTriggerClass : inactiveTriggerClass,\n      \"min-w-[2.25ch] shrink-0\",\n      triggerFocusRing,\n    );\n\n    if (href) {\n      return (\n        <a\n          data-slot=\"pagination-trigger\"\n          href={href}\n          aria-label={`Page ${pageNumber}`}\n          aria-current={isCurrent ? \"page\" : undefined}\n          className={shared}\n        >\n          {pageNumber}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"pagination-trigger\"\n        aria-label={`Page ${pageNumber}`}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={shared}\n        onClick={() => {\n          if (!isCurrent) {\n            setPage(pageNumber);\n          }\n        }}\n      >\n        {pageNumber}\n      </button>\n    );\n  };\n\n  const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n  const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n  const navTriggerClass = cn(\n    buttonVariants({ appearance: \"outline\", size }),\n    \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n  );\n\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"pagination\"\n      aria-label={ariaLabel}\n      className={cn(\"w-full\", className)}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {showPrevNext ? (\n          getPageHref && prevHref && canGoPrev ? (\n            <a\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              href={prevHref}\n              className={navTriggerClass}\n            >\n              Prev\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              disabled={!canGoPrev}\n              className={navTriggerClass}\n              onClick={goPrev}\n            >\n              Prev\n            </button>\n          )\n        ) : null}\n\n        <ul\n          id={listId}\n          data-slot=\"pagination-list\"\n          className={paginationListVariants({ appearance, size })}\n        >\n          {items.map((item) => (\n            <li\n              key={item.type === \"page\" ? `page-${item.value}` : item.key}\n              data-slot=\"pagination-item\"\n              className=\"inline-flex items-center\"\n            >\n              {item.type === \"ellipsis\" ? (\n                <span\n                  data-slot=\"pagination-ellipsis\"\n                  className={paginationEllipsisVariants({ size })}\n                  role=\"img\"\n                  aria-label={ellipsisLabel}\n                >\n                  …\n                </span>\n              ) : (\n                renderPageControl(item.value)\n              )}\n            </li>\n          ))}\n        </ul>\n\n        {showPrevNext ? (\n          getPageHref && nextHref && canGoNext ? (\n            <a\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              href={nextHref}\n              className={navTriggerClass}\n            >\n              Next\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              disabled={!canGoNext}\n              className={navTriggerClass}\n              onClick={goNext}\n            >\n              Next\n            </button>\n          )\n        ) : null}\n      </div>\n    </nav>\n  );\n};\n\nPagination.displayName = \"Pagination\";\n"]}

package/dist/ui/progress/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkHV7LVRK3_js = require('../../chunk-HV7LVRK3.js');
+var chunkXYEMP4K7_js = require('../../chunk-XYEMP4K7.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var react = require('react');
 var framerMotion = require('framer-motion');
@@ -86,7 +86,7 @@ function ProgressAnimated({
     ]
   );
   const motionProps = progressAnimationPresets[animation];
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkHV7LVRK3_js.ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkXYEMP4K7_js.ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
     framerMotion.motion.div,
     {
       ref,
@@ -98,7 +98,7 @@ function ProgressAnimated({
       "aria-busy": busy ? true : void 0,
       ...labelingProps,
       className: chunkZS5756ZC_js.cn(
-        chunkHV7LVRK3_js.progressVariants({ appearance, size, shape, striped, animated }),
+        chunkXYEMP4K7_js.progressVariants({ appearance, size, shape, striped, animated }),
         className
       ),
       initial: animation === "none" ? false : void 0,
@@ -120,18 +120,18 @@ function ProgressBarAnimated({
   ref,
   ...rest
 }) {
-  const { size, shape, striped, animated } = chunkHV7LVRK3_js.useProgressContext("ProgressBar");
+  const { size, shape, striped, animated } = chunkXYEMP4K7_js.useProgressContext("ProgressBar");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-slot": "progress-track",
-      className: chunkZS5756ZC_js.cn(chunkHV7LVRK3_js.progressTrackVariants({ size, shape }), "text-current"),
+      className: chunkZS5756ZC_js.cn(chunkXYEMP4K7_js.progressTrackVariants({ size, shape }), "text-current"),
       children: /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
         {
           ref,
           "data-slot": "progress-bar",
-          className: chunkZS5756ZC_js.cn(chunkHV7LVRK3_js.progressBarVariants({ striped }), className),
+          className: chunkZS5756ZC_js.cn(chunkXYEMP4K7_js.progressBarVariants({ striped }), className),
           style: {
             transformOrigin: "left center",
             ...style
@@ -148,11 +148,11 @@ ProgressBarAnimated.displayName = "ProgressBar";
 
 Object.defineProperty(exports, "ProgressLabel", {
   enumerable: true,
-  get: function () { return chunkHV7LVRK3_js.ProgressLabel; }
+  get: function () { return chunkXYEMP4K7_js.ProgressLabel; }
 });
 Object.defineProperty(exports, "ProgressValue", {
   enumerable: true,
-  get: function () { return chunkHV7LVRK3_js.ProgressValue; }
+  get: function () { return chunkXYEMP4K7_js.ProgressValue; }
 });
 exports.ProgressAnimated = ProgressAnimated;
 exports.ProgressBarAnimated = ProgressBarAnimated;

package/dist/ui/progress/animated.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { ProgressContext, progressVariants, useProgressContext, progressBarVariants, progressTrackVariants } from '../../chunk-25EAVVGS.mjs';
-export { ProgressLabel, ProgressValue } from '../../chunk-25EAVVGS.mjs';
+import { ProgressContext, progressVariants, useProgressContext, progressBarVariants, progressTrackVariants } from '../../chunk-HNLQXHSQ.mjs';
+export { ProgressLabel, ProgressValue } from '../../chunk-HNLQXHSQ.mjs';
 import { clamp, cn } from '../../chunk-4D54YOL6.mjs';
 import { useId, useRef, useState, useCallback, useMemo } from 'react';
 import { motion } from 'framer-motion';

package/dist/ui/progress/variants.d.ts

@@ -1,12 +1,12 @@
 export declare const progressVariants: (props?: ({
-    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "rose" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "secondary" | "destructive" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "rose" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "ghost" | null | undefined;
+    size?: "md" | "sm" | "lg" | "xl" | "xs" | null | undefined;
     shape?: "flat" | "pill" | "rounded" | null | undefined;
     striped?: boolean | null | undefined;
     animated?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const progressTrackVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    size?: "md" | "sm" | "lg" | "xl" | "xs" | null | undefined;
     shape?: "flat" | "pill" | "rounded" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const progressBarVariants: (props?: ({

package/dist/ui/progress/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/progress/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;8EA+E5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;8EAsBjC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAW/B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/progress/variants.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,gBAAgB;;;;;;8EAe3B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;8EAShC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAK9B,CAAC"}

package/dist/ui/progress.js

@@ -1,42 +1,42 @@
 "use client";
 'use strict';
 
-var chunkHV7LVRK3_js = require('../chunk-HV7LVRK3.js');
+var chunkXYEMP4K7_js = require('../chunk-XYEMP4K7.js');
 require('../chunk-ZS5756ZC.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Progress = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkHV7LVRK3_js.ProgressBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkXYEMP4K7_js.ProgressBase, { ...props });
 };
 Progress.displayName = "Progress";
 
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
-  get: function () { return chunkHV7LVRK3_js.ProgressBar; }
+  get: function () { return chunkXYEMP4K7_js.ProgressBar; }
 });
 Object.defineProperty(exports, "ProgressBase", {
   enumerable: true,
-  get: function () { return chunkHV7LVRK3_js.ProgressBase; }
+  get: function () { return chunkXYEMP4K7_js.ProgressBase; }
 });
 Object.defineProperty(exports, "ProgressLabel", {
   enumerable: true,
-  get: function () { return chunkHV7LVRK3_js.ProgressLabel; }
+  get: function () { return chunkXYEMP4K7_js.ProgressLabel; }
 });
 Object.defineProperty(exports, "ProgressValue", {
   enumerable: true,
-  get: function () { return chunkHV7LVRK3_js.ProgressValue; }
+  get: function () { return chunkXYEMP4K7_js.ProgressValue; }
 });
 Object.defineProperty(exports, "progressBarVariants", {
   enumerable: true,
-  get: function () { return chunkHV7LVRK3_js.progressBarVariants; }
+  get: function () { return chunkXYEMP4K7_js.progressBarVariants; }
 });
 Object.defineProperty(exports, "progressTrackVariants", {
   enumerable: true,
-  get: function () { return chunkHV7LVRK3_js.progressTrackVariants; }
+  get: function () { return chunkXYEMP4K7_js.progressTrackVariants; }
 });
 Object.defineProperty(exports, "progressVariants", {
   enumerable: true,
-  get: function () { return chunkHV7LVRK3_js.progressVariants; }
+  get: function () { return chunkXYEMP4K7_js.progressVariants; }
 });
 exports.Progress = Progress;
 //# sourceMappingURL=progress.js.map

package/dist/ui/progress.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { ProgressBase } from '../chunk-25EAVVGS.mjs';
-export { ProgressBar, ProgressBase, ProgressLabel, ProgressValue, progressBarVariants, progressTrackVariants, progressVariants } from '../chunk-25EAVVGS.mjs';
+import { ProgressBase } from '../chunk-HNLQXHSQ.mjs';
+export { ProgressBar, ProgressBase, ProgressLabel, ProgressValue, progressBarVariants, progressTrackVariants, progressVariants } from '../chunk-HNLQXHSQ.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/ui/radio-group/animated/animations.d.ts

@@ -0,0 +1,32 @@
+export declare const radioGroupAnimationPresets: {
+    readonly pop: {
+        readonly initial: {
+            readonly scale: 0.35;
+            readonly opacity: 0;
+        };
+        readonly animate: {
+            readonly scale: 1;
+            readonly opacity: 1;
+        };
+        readonly transition: {
+            readonly type: "spring";
+            readonly stiffness: 520;
+            readonly damping: 28;
+        };
+    };
+    readonly fade: {
+        readonly initial: {
+            readonly scale: 0.85;
+            readonly opacity: 0;
+        };
+        readonly animate: {
+            readonly scale: 1;
+            readonly opacity: 1;
+        };
+        readonly transition: {
+            readonly duration: 0.16;
+            readonly ease: "easeOut";
+        };
+    };
+};
+//# sourceMappingURL=animations.d.ts.map

package/dist/ui/radio-group/animated/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/radio-group/animated/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW7B,CAAC"}

package/dist/ui/radio-group/animated/index.d.ts

@@ -0,0 +1,4 @@
+export { RadioGroupAnimated, RadioGroupItemAnimated } from "./radio-group-animated";
+export type { RadioGroupAnimatedProps, RadioGroupAnimation, RadioGroupAnimationPresets, RadioGroupItemAnimatedProps, } from "./types";
+export { radioGroupAnimationPresets } from "./animations";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/radio-group/animated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/radio-group/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACpF,YAAY,EACV,uBAAuB,EACvB,mBAAmB,EACnB,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/radio-group/animated/radio-group-animated.d.ts

@@ -0,0 +1,10 @@
+import type { RadioGroupAnimatedProps, RadioGroupItemAnimatedProps } from "./types";
+export declare function RadioGroupAnimated(props: RadioGroupAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace RadioGroupAnimated {
+    var displayName: string;
+}
+export declare function RadioGroupItemAnimated(props: RadioGroupItemAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace RadioGroupItemAnimated {
+    var displayName: string;
+}
+//# sourceMappingURL=radio-group-animated.d.ts.map

package/dist/ui/radio-group/animated/radio-group-animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/radio-group/animated/radio-group-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,uBAAuB,EACvB,2BAA2B,EAC5B,MAAM,SAAS,CAAC;AAYjB,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAwDhE;yBAxDe,kBAAkB;;;AA4DlC,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAuFxE;yBAvFe,sBAAsB"}

package/dist/ui/radio-group/animated/types.d.ts

@@ -0,0 +1,11 @@
+import type { RadioGroupItemProps, RadioGroupProps } from "../types";
+import type { radioGroupAnimationPresets } from "./animations";
+export type RadioGroupAnimation = keyof typeof radioGroupAnimationPresets;
+export type RadioGroupAnimationPresets = typeof radioGroupAnimationPresets;
+export type RadioGroupAnimatedProps = RadioGroupProps & {
+    animation?: RadioGroupAnimation;
+};
+export type RadioGroupItemAnimatedProps = RadioGroupItemProps & {
+    animation?: RadioGroupAnimation;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/radio-group/animated/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/radio-group/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,0BAA0B,CAAC;AAC1E,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC;AAE3E,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG;IACtD,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,GAAG;IAC9D,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC,CAAC"}

package/dist/ui/radio-group/animated.js

@@ -0,0 +1,177 @@
+"use client";
+'use strict';
+
+var chunk6QQUQLPB_js = require('../../chunk-6QQUQLPB.js');
+var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/radio-group/animated/animations.ts
+var radioGroupAnimationPresets = {
+  pop: {
+    initial: { scale: 0.35, opacity: 0 },
+    animate: { scale: 1, opacity: 1 },
+    transition: { type: "spring", stiffness: 520, damping: 28 }
+  },
+  fade: {
+    initial: { scale: 0.85, opacity: 0 },
+    animate: { scale: 1, opacity: 1 },
+    transition: { duration: 0.16, ease: "easeOut" }
+  }
+};
+function RadioGroupAnimated(props) {
+  const {
+    className,
+    value,
+    defaultValue,
+    name,
+    disabled,
+    required,
+    onValueChange,
+    orientation,
+    appearance,
+    size,
+    children,
+    ref,
+    animation: _animation,
+    ...rest
+  } = props;
+  const generatedName = react.useId();
+  const isControlled = value !== void 0;
+  const [uncontrolled, setUncontrolled] = react.useState(defaultValue);
+  const resolvedValue = isControlled ? value : uncontrolled;
+  const setValue = react.useCallback(
+    (next) => {
+      if (!isControlled) {
+        setUncontrolled(next);
+      }
+      onValueChange?.(next);
+    },
+    [isControlled, onValueChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk6QQUQLPB_js.RadioGroupContext.Provider,
+    {
+      value: {
+        value: resolvedValue,
+        name: name ?? generatedName,
+        disabled,
+        required,
+        appearance: appearance ?? void 0,
+        size: size ?? void 0,
+        onValueChange: setValue
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          role: "radiogroup",
+          "data-slot": "radio-group",
+          "data-orientation": orientation ?? "vertical",
+          className: chunkZS5756ZC_js.cn(chunk6QQUQLPB_js.radioGroupRootVariants({ orientation }), className),
+          ...rest,
+          children
+        }
+      )
+    }
+  );
+}
+RadioGroupAnimated.displayName = "RadioGroup";
+function RadioGroupItemAnimated(props) {
+  const {
+    className,
+    rootClassName,
+    controlClassName,
+    indicatorClassName,
+    value,
+    appearance: appearanceProp,
+    size: sizeProp,
+    disabled: disabledProp,
+    required: requiredProp,
+    children,
+    label,
+    id,
+    ref,
+    "aria-label": ariaLabel,
+    animation = "pop",
+    ...rest
+  } = props;
+  const generatedId = react.useId();
+  const context = chunk6QQUQLPB_js.useRadioGroupContext();
+  const controlId = id ?? generatedId;
+  const checked = context?.value === value;
+  const disabled = disabledProp ?? context?.disabled;
+  const required = requiredProp ?? context?.required;
+  const appearance = appearanceProp ?? context?.appearance;
+  const size = sizeProp ?? context?.size;
+  const labelContent = label ?? children;
+  const hasVisibleLabel = labelContent !== void 0 && labelContent !== null && labelContent !== false;
+  const motionPreset = radioGroupAnimationPresets[animation];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      className: chunkZS5756ZC_js.cn(chunk6QQUQLPB_js.radioGroupItemVariants({ size }), rootClassName, className),
+      "data-disabled": disabled ? "true" : void 0,
+      "data-state": checked ? "checked" : "unchecked",
+      htmlFor: controlId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            id: controlId,
+            type: "radio",
+            "data-slot": "radio-group-item",
+            className: "peer sr-only",
+            name: context?.name,
+            value,
+            checked,
+            disabled,
+            required,
+            "aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : value),
+            onChange: (event) => {
+              if (event.currentTarget.checked) {
+                context?.onValueChange(value);
+              }
+            },
+            ...rest
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: chunkZS5756ZC_js.cn(
+              chunk6QQUQLPB_js.radioGroupControlVariants({ appearance, size }),
+              controlClassName
+            ),
+            "data-slot": "radio-group-control",
+            children: checked && /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.span,
+              {
+                className: chunkZS5756ZC_js.cn(
+                  chunk6QQUQLPB_js.radioGroupIndicatorVariants({ size }),
+                  "opacity-100",
+                  indicatorClassName
+                ),
+                "data-slot": "radio-group-indicator",
+                initial: motionPreset.initial,
+                animate: motionPreset.animate,
+                transition: motionPreset.transition
+              }
+            )
+          }
+        ),
+        hasVisibleLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 leading-6", "data-slot": "radio-group-label", children: labelContent })
+      ]
+    }
+  );
+}
+RadioGroupItemAnimated.displayName = "RadioGroupItem";
+
+exports.RadioGroupAnimated = RadioGroupAnimated;
+exports.RadioGroupItemAnimated = RadioGroupItemAnimated;
+exports.radioGroupAnimationPresets = radioGroupAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/radio-group/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/radio-group/animated/animations.ts","../../../src/ui/radio-group/animated/radio-group-animated.tsx"],"names":["useId","useState","useCallback","jsx","RadioGroupContext","cn","radioGroupRootVariants","useRadioGroupContext","jsxs","radioGroupItemVariants","radioGroupControlVariants","motion","radioGroupIndicatorVariants"],"mappings":"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","file":"animated.js","sourcesContent":["export const radioGroupAnimationPresets = {\n  pop: {\n    initial: { scale: 0.35, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 28 },\n  },\n  fade: {\n    initial: { scale: 0.85, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { duration: 0.16, ease: \"easeOut\" },\n  },\n} as const;\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { radioGroupAnimationPresets } from \"./animations\";\nimport type {\n  RadioGroupAnimatedProps,\n  RadioGroupItemAnimatedProps,\n} from \"./types\";\nimport {\n  RadioGroupContext,\n  useRadioGroupContext,\n} from \"../radio-group-context\";\nimport {\n  radioGroupControlVariants,\n  radioGroupIndicatorVariants,\n  radioGroupItemVariants,\n  radioGroupRootVariants,\n} from \"../variants\";\n\nexport function RadioGroupAnimated(props: RadioGroupAnimatedProps) {\n  const {\n    className,\n    value,\n    defaultValue,\n    name,\n    disabled,\n    required,\n    onValueChange,\n    orientation,\n    appearance,\n    size,\n    children,\n    ref,\n    animation: _animation,\n    ...rest\n  } = props;\n  const generatedName = useId();\n  const isControlled = value !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultValue);\n  const resolvedValue = isControlled ? value : uncontrolled;\n\n  const setValue = useCallback(\n    (next: string) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onValueChange?.(next);\n    },\n    [isControlled, onValueChange],\n  );\n\n  return (\n    <RadioGroupContext.Provider\n      value={{\n        value: resolvedValue,\n        name: name ?? generatedName,\n        disabled,\n        required,\n        appearance: appearance ?? undefined,\n        size: size ?? undefined,\n        onValueChange: setValue,\n      }}\n    >\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        data-slot=\"radio-group\"\n        data-orientation={orientation ?? \"vertical\"}\n        className={cn(radioGroupRootVariants({ orientation }), className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    </RadioGroupContext.Provider>\n  );\n}\n\nRadioGroupAnimated.displayName = \"RadioGroup\";\n\nexport function RadioGroupItemAnimated(props: RadioGroupItemAnimatedProps) {\n  const {\n    className,\n    rootClassName,\n    controlClassName,\n    indicatorClassName,\n    value,\n    appearance: appearanceProp,\n    size: sizeProp,\n    disabled: disabledProp,\n    required: requiredProp,\n    children,\n    label,\n    id,\n    ref,\n    \"aria-label\": ariaLabel,\n    animation = \"pop\",\n    ...rest\n  } = props;\n  const generatedId = useId();\n  const context = useRadioGroupContext();\n  const controlId = id ?? generatedId;\n  const checked = context?.value === value;\n  const disabled = disabledProp ?? context?.disabled;\n  const required = requiredProp ?? context?.required;\n  const appearance = appearanceProp ?? context?.appearance;\n  const size = sizeProp ?? context?.size;\n  const labelContent = label ?? children;\n  const hasVisibleLabel =\n    labelContent !== undefined && labelContent !== null && labelContent !== false;\n  const motionPreset = radioGroupAnimationPresets[animation];\n\n  return (\n    <label\n      className={cn(radioGroupItemVariants({ size }), rootClassName, className)}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      htmlFor={controlId}\n    >\n      <input\n        ref={ref}\n        id={controlId}\n        type=\"radio\"\n        data-slot=\"radio-group-item\"\n        className=\"peer sr-only\"\n        name={context?.name}\n        value={value}\n        checked={checked}\n        disabled={disabled}\n        required={required}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : value)}\n        onChange={(event) => {\n          if (event.currentTarget.checked) {\n            context?.onValueChange(value);\n          }\n        }}\n        {...rest}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          radioGroupControlVariants({ appearance, size }),\n          controlClassName,\n        )}\n        data-slot=\"radio-group-control\"\n      >\n        {checked && (\n          <motion.span\n            className={cn(\n              radioGroupIndicatorVariants({ size }),\n              \"opacity-100\",\n              indicatorClassName,\n            )}\n            data-slot=\"radio-group-indicator\"\n            initial={motionPreset.initial}\n            animate={motionPreset.animate}\n            transition={motionPreset.transition}\n          />\n        )}\n      </span>\n      {hasVisibleLabel && (\n        <span className=\"min-w-0 leading-6\" data-slot=\"radio-group-label\">\n          {labelContent}\n        </span>\n      )}\n    </label>\n  );\n}\n\nRadioGroupItemAnimated.displayName = \"RadioGroupItem\";\n"]}