@techzyapp/ui-library 1.0.25 → 1.0.27

package/dist/Pagination-BwtbmITJ.js

@@ -0,0 +1,139 @@
+import { jsx as r, jsxs as O } from "react/jsx-runtime";
+import { forwardRef as Q, useState as U } from "react";
+import { clsx as d } from "clsx";
+import { I as V } from "./Icon-DaTvzLBu.js";
+import { a as W } from "./ConfigProvider-DL9fylMo.js";
+const v = (s, i) => Array.from({ length: Math.max(i - s + 1, 0) }, (l, a) => s + a);
+function X({
+  count: s,
+  page: i,
+  siblingCount: l = 1,
+  boundaryCount: a = 1
+}) {
+  if (s <= 0) return [];
+  const o = v(1, Math.min(a, s)), g = v(Math.max(s - a + 1, a + 1), s), p = Math.max(
+    Math.min(i - l, s - a - l * 2 - 1),
+    a + 2
+  ), _ = Math.min(
+    Math.max(i + l, a + l * 2 + 2),
+    g.length > 0 ? g[0] - 2 : s - 1
+  );
+  return [
+    ...o,
+    // A start ellipsis, OR the single page that sits between the start boundary and the siblings.
+    ...p > a + 2 ? ["start-ellipsis"] : a + 1 < s - a ? [a + 1] : [],
+    ...v(p, _),
+    // An end ellipsis, OR the single page between the siblings and the end boundary.
+    ..._ < s - a - 1 ? ["end-ellipsis"] : s - a > a ? [s - a] : [],
+    ...g
+  ];
+}
+const Y = "_pagination_5gbvi_3", Z = "_list_5gbvi_8", y = "_item_5gbvi_18", u = "_sm_5gbvi_28", C = "_md_5gbvi_33", aa = "_lg_5gbvi_38", sa = "_page_5gbvi_45", ea = "_selected_5gbvi_64", ia = "_outlined_5gbvi_80", ta = "_rounded_5gbvi_96", la = "_arrow_5gbvi_26", na = "_flip_5gbvi_107", ra = "_ellipsis_5gbvi_112", e = {
+  pagination: Y,
+  list: Z,
+  item: y,
+  sm: u,
+  md: C,
+  lg: aa,
+  page: sa,
+  selected: ea,
+  outlined: ia,
+  rounded: ta,
+  arrow: la,
+  flip: na,
+  ellipsis: ra
+}, w = (s, i, l) => Math.min(Math.max(s, i), l), _a = Q(function({
+  count: i,
+  page: l,
+  defaultPage: a = 1,
+  onChange: o,
+  siblingCount: g = 1,
+  boundaryCount: p = 1,
+  showFirstButton: _ = !1,
+  showLastButton: $ = !1,
+  hidePrevButton: z = !1,
+  hideNextButton: A = !1,
+  variant: I = "outlined",
+  size: h = "md",
+  color: x = "accent",
+  rounded: S = !1,
+  disabled: b = !1,
+  className: j,
+  style: k,
+  "aria-label": L = "Pagination",
+  ...R
+}, E) {
+  const M = l !== void 0, [T, q] = U(a), N = Math.max(i, 1), n = w(M ? l : T, 1, N), P = (t) => {
+    const c = w(t, 1, N);
+    c !== n && (M || q(c), o == null || o(c));
+  }, m = W(), B = X({ count: i, page: n, siblingCount: g, boundaryCount: p }), D = {
+    "--tz-btn-rgb": `var(--tz-color-${x}-rgb)`,
+    "--tz-btn-on": `var(--tz-color-${x}-contrast, #fff)`,
+    ...k
+  }, f = (t, c, F, G, H, J, K = !1) => H ? null : /* @__PURE__ */ r("li", { className: e.item, children: /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      className: d(e.page, e.arrow),
+      "aria-label": F,
+      disabled: b || J,
+      onClick: () => P(G),
+      children: /* @__PURE__ */ r(V, { name: c, size: h, className: K ? e.flip : void 0 })
+    }
+  ) }, t);
+  return /* @__PURE__ */ r(
+    "nav",
+    {
+      ref: E,
+      "aria-label": L,
+      className: d(
+        e.pagination,
+        e[I],
+        e[h],
+        S && e.rounded,
+        j
+      ),
+      style: D,
+      ...R,
+      children: /* @__PURE__ */ O("ul", { className: e.list, children: [
+        _ && f("first", "Previous", m("pagination.first"), 1, !1, n <= 1),
+        f(
+          "prev",
+          "ArrowLeft",
+          m("pagination.previous"),
+          n - 1,
+          z,
+          n <= 1
+        ),
+        B.map(
+          (t, c) => typeof t == "number" ? /* @__PURE__ */ r("li", { className: e.item, children: /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: d(e.page, t === n && e.selected),
+              "aria-label": m("pagination.page", { page: t }),
+              "aria-current": t === n ? "page" : void 0,
+              disabled: b,
+              onClick: () => P(t),
+              children: t
+            }
+          ) }, t) : /* @__PURE__ */ r("li", { className: e.item, "aria-hidden": !0, children: /* @__PURE__ */ r("span", { className: e.ellipsis, children: "…" }) }, `${t}-${c}`)
+        ),
+        f(
+          "next",
+          "ArrowLeft",
+          m("pagination.next"),
+          n + 1,
+          A,
+          n >= i,
+          !0
+        ),
+        $ && f("last", "Next", m("pagination.last"), i, !1, n >= i)
+      ] })
+    }
+  );
+});
+export {
+  _a as P
+};
+//# sourceMappingURL=Pagination-BwtbmITJ.js.map

package/dist/{Pagination-CmskZjcz.js.map → Pagination-BwtbmITJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Pagination-CmskZjcz.js","sources":["../src/components/Pagination/paginationRange.ts","../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/** A gap placeholder rendered as `…` — at the start (`1 … 4`) or end (`6 … 10`) of the range. */\nexport type PaginationEllipsis = 'start-ellipsis' | 'end-ellipsis'\n\n/** One item in a pagination range: a 1-based page number, or an ellipsis placeholder. */\nexport type PaginationItem = number | PaginationEllipsis\n\n/** Inputs for {@link paginationRange}. */\nexport interface PaginationRangeOptions {\n  /** Total number of pages. */\n  count: number\n  /** Current page (1-based). */\n  page: number\n  /** Pages shown on each side of the current page. Defaults to `1`. */\n  siblingCount?: number\n  /** Pages always shown at the start and end. Defaults to `1`. */\n  boundaryCount?: number\n}\n\n/** Inclusive integer range `[start, end]` (empty when `end < start`). */\nconst range = (start: number, end: number): number[] =>\n  Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i)\n\n/**\n * Build the page-item sequence for a pager — the boundary pages, the current page with its siblings,\n * and `start`/`end` ellipses where pages are skipped (the classic `1 … 4 5 6 … 10`). Pure and\n * framework-free so it can be unit-tested in isolation and reused. Assumes `1 <= page <= count`.\n */\nexport function paginationRange({\n  count,\n  page,\n  siblingCount = 1,\n  boundaryCount = 1,\n}: PaginationRangeOptions): PaginationItem[] {\n  if (count <= 0) return []\n\n  // Pages pinned at each edge.\n  const startPages = range(1, Math.min(boundaryCount, count))\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count)\n\n  // The window of pages around the current one, clamped so it never overlaps the boundaries.\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1,\n  )\n\n  return [\n    ...startPages,\n    // A start ellipsis, OR the single page that sits between the start boundary and the siblings.\n    ...(siblingsStart > boundaryCount + 2\n      ? (['start-ellipsis'] as PaginationItem[])\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    // An end ellipsis, OR the single page between the siblings and the end boundary.\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? (['end-ellipsis'] as PaginationItem[])\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ]\n}\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { Icon, type IconName } from '../Icon'\nimport { useT, type ThemeColor } from '../../theme'\nimport { paginationRange } from './paginationRange'\nimport styles from './Pagination.module.css'\n\nexport type PaginationVariant = 'outlined' | 'text'\nexport type PaginationSize = 'sm' | 'md' | 'lg'\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'> {\n  /** Total number of pages (required). From a row count, pass `Math.ceil(total / pageSize)`. */\n  count: number\n  /** Controlled current page (1-based). */\n  page?: number\n  /** Initial page for uncontrolled use (1-based). Defaults to `1`. */\n  defaultPage?: number\n  /** Fires with the next page (1-based) when a page or arrow is activated. */\n  onChange?: (page: number) => void\n  /** Pages shown on each side of the current page. Defaults to `1`. */\n  siblingCount?: number\n  /** Pages always shown at the start and end. Defaults to `1`. */\n  boundaryCount?: number\n  /** Show a jump-to-first-page button before the previous arrow. Defaults to `false`. */\n  showFirstButton?: boolean\n  /** Show a jump-to-last-page button after the next arrow. Defaults to `false`. */\n  showLastButton?: boolean\n  /** Hide the previous-page arrow. Defaults to `false`. */\n  hidePrevButton?: boolean\n  /** Hide the next-page arrow. Defaults to `false`. */\n  hideNextButton?: boolean\n  /** Item style: `outlined` (bordered boxes, default) or `text` (borderless). */\n  variant?: PaginationVariant\n  /** Control size — sets the box, font, and icon sizes. Defaults to `md`. */\n  size?: PaginationSize\n  /** Theme palette token that tints the selected page. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Render circular page buttons instead of rounded rectangles. Defaults to `false`. */\n  rounded?: boolean\n  /** Disable the whole control. Defaults to `false`. */\n  disabled?: boolean\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(Math.max(n, lo), hi)\n\n/**\n * A page navigator — previous/next arrows around a numbered range with `…` gaps (`1 … 4 5 6 … 10`),\n * the classic pager. Reusable across tables, lists, and galleries: drive it with `count` (total\n * pages) + `page`/`onChange`, computing `count` as `Math.ceil(total / pageSize)`. The selected page\n * is tinted via the shared `--tz-btn-rgb` pattern; unselected items are bordered (`outlined`) or\n * borderless (`text`). Controlled (`page` + `onChange`) or uncontrolled (`defaultPage`).\n */\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  {\n    count,\n    page,\n    defaultPage = 1,\n    onChange,\n    siblingCount = 1,\n    boundaryCount = 1,\n    showFirstButton = false,\n    showLastButton = false,\n    hidePrevButton = false,\n    hideNextButton = false,\n    variant = 'outlined',\n    size = 'md',\n    color = 'accent',\n    rounded = false,\n    disabled = false,\n    className,\n    style,\n    'aria-label': ariaLabel = 'Pagination',\n    ...props\n  },\n  ref,\n) {\n  const isControlled = page !== undefined\n  const [internal, setInternal] = useState(defaultPage)\n  const lastPage = Math.max(count, 1)\n  const current = clamp(isControlled ? page! : internal, 1, lastPage)\n\n  const go = (next: number) => {\n    const target = clamp(next, 1, lastPage)\n    if (target === current) return\n    if (!isControlled) setInternal(target)\n    onChange?.(target)\n  }\n\n  const t = useT()\n  const items = paginationRange({ count, page: current, siblingCount, boundaryCount })\n\n  // The selected fill + its readable text color, derived once via the shared button-tint vars.\n  const rootStyle = {\n    '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n    '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n    ...style,\n  } as CSSProperties\n\n  // An arrow / jump control. `flip` mirrors the (left-pointing) icon to face right — the icon set has\n  // no matching plain right arrow, so the next/last glyphs are the left ones flipped for symmetry.\n  const control = (\n    key: string,\n    icon: IconName,\n    label: string,\n    target: number,\n    hidden: boolean,\n    atBound: boolean,\n    flip = false,\n  ): ReactNode =>\n    hidden ? null : (\n      <li key={key} className={styles.item}>\n        <button\n          type=\"button\"\n          className={clsx(styles.page, styles.arrow)}\n          aria-label={label}\n          disabled={disabled || atBound}\n          onClick={() => go(target)}\n        >\n          <Icon name={icon} size={size} className={flip ? styles.flip : undefined} />\n        </button>\n      </li>\n    )\n\n  return (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={clsx(\n        styles.pagination,\n        styles[variant],\n        styles[size],\n        rounded && styles.rounded,\n        className,\n      )}\n      style={rootStyle}\n      {...props}\n    >\n      <ul className={styles.list}>\n        {showFirstButton &&\n          control('first', 'Previous', t('pagination.first'), 1, false, current <= 1)}\n        {control(\n          'prev',\n          'ArrowLeft',\n          t('pagination.previous'),\n          current - 1,\n          hidePrevButton,\n          current <= 1,\n        )}\n        {items.map((item, i) =>\n          typeof item === 'number' ? (\n            <li key={item} className={styles.item}>\n              <button\n                type=\"button\"\n                className={clsx(styles.page, item === current && styles.selected)}\n                aria-label={t('pagination.page', { page: item })}\n                aria-current={item === current ? 'page' : undefined}\n                disabled={disabled}\n                onClick={() => go(item)}\n              >\n                {item}\n              </button>\n            </li>\n          ) : (\n            <li key={`${item}-${i}`} className={styles.item} aria-hidden>\n              <span className={styles.ellipsis}>…</span>\n            </li>\n          ),\n        )}\n        {control(\n          'next',\n          'ArrowLeft',\n          t('pagination.next'),\n          current + 1,\n          hideNextButton,\n          current >= count,\n          true,\n        )}\n        {showLastButton &&\n          control('last', 'Next', t('pagination.last'), count, false, current >= count)}\n      </ul>\n    </nav>\n  )\n})\n"],"names":["range","start","end","_","i","paginationRange","count","page","siblingCount","boundaryCount","startPages","endPages","siblingsStart","siblingsEnd","clamp","n","lo","hi","Pagination","forwardRef","defaultPage","onChange","showFirstButton","showLastButton","hidePrevButton","hideNextButton","variant","size","color","rounded","disabled","className","style","ariaLabel","props","ref","isControlled","internal","setInternal","useState","lastPage","current","go","next","target","t","useT","items","rootStyle","control","key","icon","label","hidden","atBound","flip","jsx","styles","clsx","Icon","jsxs","item"],"mappings":"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"}
+{"version":3,"file":"Pagination-BwtbmITJ.js","sources":["../src/components/Pagination/paginationRange.ts","../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/** A gap placeholder rendered as `…` — at the start (`1 … 4`) or end (`6 … 10`) of the range. */\nexport type PaginationEllipsis = 'start-ellipsis' | 'end-ellipsis'\n\n/** One item in a pagination range: a 1-based page number, or an ellipsis placeholder. */\nexport type PaginationItem = number | PaginationEllipsis\n\n/** Inputs for {@link paginationRange}. */\nexport interface PaginationRangeOptions {\n  /** Total number of pages. */\n  count: number\n  /** Current page (1-based). */\n  page: number\n  /** Pages shown on each side of the current page. Defaults to `1`. */\n  siblingCount?: number\n  /** Pages always shown at the start and end. Defaults to `1`. */\n  boundaryCount?: number\n}\n\n/** Inclusive integer range `[start, end]` (empty when `end < start`). */\nconst range = (start: number, end: number): number[] =>\n  Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i)\n\n/**\n * Build the page-item sequence for a pager — the boundary pages, the current page with its siblings,\n * and `start`/`end` ellipses where pages are skipped (the classic `1 … 4 5 6 … 10`). Pure and\n * framework-free so it can be unit-tested in isolation and reused. Assumes `1 <= page <= count`.\n */\nexport function paginationRange({\n  count,\n  page,\n  siblingCount = 1,\n  boundaryCount = 1,\n}: PaginationRangeOptions): PaginationItem[] {\n  if (count <= 0) return []\n\n  // Pages pinned at each edge.\n  const startPages = range(1, Math.min(boundaryCount, count))\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count)\n\n  // The window of pages around the current one, clamped so it never overlaps the boundaries.\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1,\n  )\n\n  return [\n    ...startPages,\n    // A start ellipsis, OR the single page that sits between the start boundary and the siblings.\n    ...(siblingsStart > boundaryCount + 2\n      ? (['start-ellipsis'] as PaginationItem[])\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    // An end ellipsis, OR the single page between the siblings and the end boundary.\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? (['end-ellipsis'] as PaginationItem[])\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ]\n}\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { Icon, type IconName } from '../Icon'\nimport { useT, type ThemeColor } from '../../theme'\nimport { paginationRange } from './paginationRange'\nimport styles from './Pagination.module.css'\n\nexport type PaginationVariant = 'outlined' | 'text'\nexport type PaginationSize = 'sm' | 'md' | 'lg'\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'> {\n  /** Total number of pages (required). From a row count, pass `Math.ceil(total / pageSize)`. */\n  count: number\n  /** Controlled current page (1-based). */\n  page?: number\n  /** Initial page for uncontrolled use (1-based). Defaults to `1`. */\n  defaultPage?: number\n  /** Fires with the next page (1-based) when a page or arrow is activated. */\n  onChange?: (page: number) => void\n  /** Pages shown on each side of the current page. Defaults to `1`. */\n  siblingCount?: number\n  /** Pages always shown at the start and end. Defaults to `1`. */\n  boundaryCount?: number\n  /** Show a jump-to-first-page button before the previous arrow. Defaults to `false`. */\n  showFirstButton?: boolean\n  /** Show a jump-to-last-page button after the next arrow. Defaults to `false`. */\n  showLastButton?: boolean\n  /** Hide the previous-page arrow. Defaults to `false`. */\n  hidePrevButton?: boolean\n  /** Hide the next-page arrow. Defaults to `false`. */\n  hideNextButton?: boolean\n  /** Item style: `outlined` (bordered boxes, default) or `text` (borderless). */\n  variant?: PaginationVariant\n  /** Control size — sets the box, font, and icon sizes. Defaults to `md`. */\n  size?: PaginationSize\n  /** Theme palette token that tints the selected page. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Render circular page buttons instead of rounded rectangles. Defaults to `false`. */\n  rounded?: boolean\n  /** Disable the whole control. Defaults to `false`. */\n  disabled?: boolean\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(Math.max(n, lo), hi)\n\n/**\n * A page navigator — previous/next arrows around a numbered range with `…` gaps (`1 … 4 5 6 … 10`),\n * the classic pager. Reusable across tables, lists, and galleries: drive it with `count` (total\n * pages) + `page`/`onChange`, computing `count` as `Math.ceil(total / pageSize)`. The selected page\n * is tinted via the shared `--tz-btn-rgb` pattern; unselected items are bordered (`outlined`) or\n * borderless (`text`). Controlled (`page` + `onChange`) or uncontrolled (`defaultPage`).\n */\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  {\n    count,\n    page,\n    defaultPage = 1,\n    onChange,\n    siblingCount = 1,\n    boundaryCount = 1,\n    showFirstButton = false,\n    showLastButton = false,\n    hidePrevButton = false,\n    hideNextButton = false,\n    variant = 'outlined',\n    size = 'md',\n    color = 'accent',\n    rounded = false,\n    disabled = false,\n    className,\n    style,\n    'aria-label': ariaLabel = 'Pagination',\n    ...props\n  },\n  ref,\n) {\n  const isControlled = page !== undefined\n  const [internal, setInternal] = useState(defaultPage)\n  const lastPage = Math.max(count, 1)\n  const current = clamp(isControlled ? page! : internal, 1, lastPage)\n\n  const go = (next: number) => {\n    const target = clamp(next, 1, lastPage)\n    if (target === current) return\n    if (!isControlled) setInternal(target)\n    onChange?.(target)\n  }\n\n  const t = useT()\n  const items = paginationRange({ count, page: current, siblingCount, boundaryCount })\n\n  // The selected fill + its readable text color, derived once via the shared button-tint vars.\n  const rootStyle = {\n    '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n    '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n    ...style,\n  } as CSSProperties\n\n  // An arrow / jump control. `flip` mirrors the (left-pointing) icon to face right — the icon set has\n  // no matching plain right arrow, so the next/last glyphs are the left ones flipped for symmetry.\n  const control = (\n    key: string,\n    icon: IconName,\n    label: string,\n    target: number,\n    hidden: boolean,\n    atBound: boolean,\n    flip = false,\n  ): ReactNode =>\n    hidden ? null : (\n      <li key={key} className={styles.item}>\n        <button\n          type=\"button\"\n          className={clsx(styles.page, styles.arrow)}\n          aria-label={label}\n          disabled={disabled || atBound}\n          onClick={() => go(target)}\n        >\n          <Icon name={icon} size={size} className={flip ? styles.flip : undefined} />\n        </button>\n      </li>\n    )\n\n  return (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={clsx(\n        styles.pagination,\n        styles[variant],\n        styles[size],\n        rounded && styles.rounded,\n        className,\n      )}\n      style={rootStyle}\n      {...props}\n    >\n      <ul className={styles.list}>\n        {showFirstButton &&\n          control('first', 'Previous', t('pagination.first'), 1, false, current <= 1)}\n        {control(\n          'prev',\n          'ArrowLeft',\n          t('pagination.previous'),\n          current - 1,\n          hidePrevButton,\n          current <= 1,\n        )}\n        {items.map((item, i) =>\n          typeof item === 'number' ? (\n            <li key={item} className={styles.item}>\n              <button\n                type=\"button\"\n                className={clsx(styles.page, item === current && styles.selected)}\n                aria-label={t('pagination.page', { page: item })}\n                aria-current={item === current ? 'page' : undefined}\n                disabled={disabled}\n                onClick={() => go(item)}\n              >\n                {item}\n              </button>\n            </li>\n          ) : (\n            <li key={`${item}-${i}`} className={styles.item} aria-hidden>\n              <span className={styles.ellipsis}>…</span>\n            </li>\n          ),\n        )}\n        {control(\n          'next',\n          'ArrowLeft',\n          t('pagination.next'),\n          current + 1,\n          hideNextButton,\n          current >= count,\n          true,\n        )}\n        {showLastButton &&\n          control('last', 'Next', t('pagination.last'), count, false, current >= count)}\n      </ul>\n    </nav>\n  )\n})\n"],"names":["range","start","end","_","i","paginationRange","count","page","siblingCount","boundaryCount","startPages","endPages","siblingsStart","siblingsEnd","clamp","n","lo","hi","Pagination","forwardRef","defaultPage","onChange","showFirstButton","showLastButton","hidePrevButton","hideNextButton","variant","size","color","rounded","disabled","className","style","ariaLabel","props","ref","isControlled","internal","setInternal","useState","lastPage","current","go","next","target","t","useT","items","rootStyle","control","key","icon","label","hidden","atBound","flip","jsx","styles","clsx","Icon","jsxs","item"],"mappings":"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"}

package/dist/Pagination-M7njqOUt.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),P=require("react"),d=require("clsx"),Q=require("./Icon-BVULqOJD.cjs"),U=require("./ConfigProvider-BicoaBLj.cjs"),v=(e,a)=>Array.from({length:Math.max(a-e+1,0)},(l,s)=>e+s);function V({count:e,page:a,siblingCount:l=1,boundaryCount:s=1}){if(e<=0)return[];const o=v(1,Math.min(s,e)),g=v(Math.max(e-s+1,s+1),e),p=Math.max(Math.min(a-l,e-s-l*2-1),s+2),m=Math.min(Math.max(a+l,s+l*2+2),g.length>0?g[0]-2:e-1);return[...o,...p>s+2?["start-ellipsis"]:s+1<e-s?[s+1]:[],...v(p,m),...m<e-s-1?["end-ellipsis"]:e-s>s?[e-s]:[],...g]}const W="_pagination_5gbvi_3",X="_list_5gbvi_8",Y="_item_5gbvi_18",Z="_sm_5gbvi_28",u="_md_5gbvi_33",y="_lg_5gbvi_38",C="_page_5gbvi_45",ss="_selected_5gbvi_64",es="_outlined_5gbvi_80",is="_rounded_5gbvi_96",as="_arrow_5gbvi_26",ts="_flip_5gbvi_107",ls="_ellipsis_5gbvi_112",i={pagination:W,list:X,item:Y,sm:Z,md:u,lg:y,page:C,selected:ss,outlined:es,rounded:is,arrow:as,flip:ts,ellipsis:ls},w=(e,a,l)=>Math.min(Math.max(e,a),l),ns=P.forwardRef(function({count:a,page:l,defaultPage:s=1,onChange:o,siblingCount:g=1,boundaryCount:p=1,showFirstButton:m=!1,showLastButton:q=!1,hidePrevButton:$=!1,hideNextButton:z=!1,variant:A="outlined",size:x="md",color:h="accent",rounded:I=!1,disabled:b=!1,className:R,style:S,"aria-label":k="Pagination",...L},E){const j=l!==void 0,[T,B]=P.useState(s),M=Math.max(a,1),n=w(j?l:T,1,M),N=t=>{const c=w(t,1,M);c!==n&&(j||B(c),o==null||o(c))},_=U.useT(),D=V({count:a,page:n,siblingCount:g,boundaryCount:p}),F={"--tz-btn-rgb":`var(--tz-color-${h}-rgb)`,"--tz-btn-on":`var(--tz-color-${h}-contrast, #fff)`,...S},f=(t,c,G,H,J,K,O=!1)=>J?null:r.jsx("li",{className:i.item,children:r.jsx("button",{type:"button",className:d.clsx(i.page,i.arrow),"aria-label":G,disabled:b||K,onClick:()=>N(H),children:r.jsx(Q.Icon,{name:c,size:x,className:O?i.flip:void 0})})},t);return r.jsx("nav",{ref:E,"aria-label":k,className:d.clsx(i.pagination,i[A],i[x],I&&i.rounded,R),style:F,...L,children:r.jsxs("ul",{className:i.list,children:[m&&f("first","Previous",_("pagination.first"),1,!1,n<=1),f("prev","ArrowLeft",_("pagination.previous"),n-1,$,n<=1),D.map((t,c)=>typeof t=="number"?r.jsx("li",{className:i.item,children:r.jsx("button",{type:"button",className:d.clsx(i.page,t===n&&i.selected),"aria-label":_("pagination.page",{page:t}),"aria-current":t===n?"page":void 0,disabled:b,onClick:()=>N(t),children:t})},t):r.jsx("li",{className:i.item,"aria-hidden":!0,children:r.jsx("span",{className:i.ellipsis,children:"…"})},`${t}-${c}`)),f("next","ArrowLeft",_("pagination.next"),n+1,z,n>=a,!0),q&&f("last","Next",_("pagination.last"),a,!1,n>=a)]})})});exports.Pagination=ns;
+//# sourceMappingURL=Pagination-M7njqOUt.cjs.map

package/dist/{Pagination-BdVebW2L.cjs.map → Pagination-M7njqOUt.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Pagination-BdVebW2L.cjs","sources":["../src/components/Pagination/paginationRange.ts","../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/** A gap placeholder rendered as `…` — at the start (`1 … 4`) or end (`6 … 10`) of the range. */\nexport type PaginationEllipsis = 'start-ellipsis' | 'end-ellipsis'\n\n/** One item in a pagination range: a 1-based page number, or an ellipsis placeholder. */\nexport type PaginationItem = number | PaginationEllipsis\n\n/** Inputs for {@link paginationRange}. */\nexport interface PaginationRangeOptions {\n  /** Total number of pages. */\n  count: number\n  /** Current page (1-based). */\n  page: number\n  /** Pages shown on each side of the current page. Defaults to `1`. */\n  siblingCount?: number\n  /** Pages always shown at the start and end. Defaults to `1`. */\n  boundaryCount?: number\n}\n\n/** Inclusive integer range `[start, end]` (empty when `end < start`). */\nconst range = (start: number, end: number): number[] =>\n  Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i)\n\n/**\n * Build the page-item sequence for a pager — the boundary pages, the current page with its siblings,\n * and `start`/`end` ellipses where pages are skipped (the classic `1 … 4 5 6 … 10`). Pure and\n * framework-free so it can be unit-tested in isolation and reused. Assumes `1 <= page <= count`.\n */\nexport function paginationRange({\n  count,\n  page,\n  siblingCount = 1,\n  boundaryCount = 1,\n}: PaginationRangeOptions): PaginationItem[] {\n  if (count <= 0) return []\n\n  // Pages pinned at each edge.\n  const startPages = range(1, Math.min(boundaryCount, count))\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count)\n\n  // The window of pages around the current one, clamped so it never overlaps the boundaries.\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1,\n  )\n\n  return [\n    ...startPages,\n    // A start ellipsis, OR the single page that sits between the start boundary and the siblings.\n    ...(siblingsStart > boundaryCount + 2\n      ? (['start-ellipsis'] as PaginationItem[])\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    // An end ellipsis, OR the single page between the siblings and the end boundary.\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? (['end-ellipsis'] as PaginationItem[])\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ]\n}\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { Icon, type IconName } from '../Icon'\nimport { useT, type ThemeColor } from '../../theme'\nimport { paginationRange } from './paginationRange'\nimport styles from './Pagination.module.css'\n\nexport type PaginationVariant = 'outlined' | 'text'\nexport type PaginationSize = 'sm' | 'md' | 'lg'\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'> {\n  /** Total number of pages (required). From a row count, pass `Math.ceil(total / pageSize)`. */\n  count: number\n  /** Controlled current page (1-based). */\n  page?: number\n  /** Initial page for uncontrolled use (1-based). Defaults to `1`. */\n  defaultPage?: number\n  /** Fires with the next page (1-based) when a page or arrow is activated. */\n  onChange?: (page: number) => void\n  /** Pages shown on each side of the current page. Defaults to `1`. */\n  siblingCount?: number\n  /** Pages always shown at the start and end. Defaults to `1`. */\n  boundaryCount?: number\n  /** Show a jump-to-first-page button before the previous arrow. Defaults to `false`. */\n  showFirstButton?: boolean\n  /** Show a jump-to-last-page button after the next arrow. Defaults to `false`. */\n  showLastButton?: boolean\n  /** Hide the previous-page arrow. Defaults to `false`. */\n  hidePrevButton?: boolean\n  /** Hide the next-page arrow. Defaults to `false`. */\n  hideNextButton?: boolean\n  /** Item style: `outlined` (bordered boxes, default) or `text` (borderless). */\n  variant?: PaginationVariant\n  /** Control size — sets the box, font, and icon sizes. Defaults to `md`. */\n  size?: PaginationSize\n  /** Theme palette token that tints the selected page. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Render circular page buttons instead of rounded rectangles. Defaults to `false`. */\n  rounded?: boolean\n  /** Disable the whole control. Defaults to `false`. */\n  disabled?: boolean\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(Math.max(n, lo), hi)\n\n/**\n * A page navigator — previous/next arrows around a numbered range with `…` gaps (`1 … 4 5 6 … 10`),\n * the classic pager. Reusable across tables, lists, and galleries: drive it with `count` (total\n * pages) + `page`/`onChange`, computing `count` as `Math.ceil(total / pageSize)`. The selected page\n * is tinted via the shared `--tz-btn-rgb` pattern; unselected items are bordered (`outlined`) or\n * borderless (`text`). Controlled (`page` + `onChange`) or uncontrolled (`defaultPage`).\n */\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  {\n    count,\n    page,\n    defaultPage = 1,\n    onChange,\n    siblingCount = 1,\n    boundaryCount = 1,\n    showFirstButton = false,\n    showLastButton = false,\n    hidePrevButton = false,\n    hideNextButton = false,\n    variant = 'outlined',\n    size = 'md',\n    color = 'accent',\n    rounded = false,\n    disabled = false,\n    className,\n    style,\n    'aria-label': ariaLabel = 'Pagination',\n    ...props\n  },\n  ref,\n) {\n  const isControlled = page !== undefined\n  const [internal, setInternal] = useState(defaultPage)\n  const lastPage = Math.max(count, 1)\n  const current = clamp(isControlled ? page! : internal, 1, lastPage)\n\n  const go = (next: number) => {\n    const target = clamp(next, 1, lastPage)\n    if (target === current) return\n    if (!isControlled) setInternal(target)\n    onChange?.(target)\n  }\n\n  const t = useT()\n  const items = paginationRange({ count, page: current, siblingCount, boundaryCount })\n\n  // The selected fill + its readable text color, derived once via the shared button-tint vars.\n  const rootStyle = {\n    '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n    '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n    ...style,\n  } as CSSProperties\n\n  // An arrow / jump control. `flip` mirrors the (left-pointing) icon to face right — the icon set has\n  // no matching plain right arrow, so the next/last glyphs are the left ones flipped for symmetry.\n  const control = (\n    key: string,\n    icon: IconName,\n    label: string,\n    target: number,\n    hidden: boolean,\n    atBound: boolean,\n    flip = false,\n  ): ReactNode =>\n    hidden ? null : (\n      <li key={key} className={styles.item}>\n        <button\n          type=\"button\"\n          className={clsx(styles.page, styles.arrow)}\n          aria-label={label}\n          disabled={disabled || atBound}\n          onClick={() => go(target)}\n        >\n          <Icon name={icon} size={size} className={flip ? styles.flip : undefined} />\n        </button>\n      </li>\n    )\n\n  return (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={clsx(\n        styles.pagination,\n        styles[variant],\n        styles[size],\n        rounded && styles.rounded,\n        className,\n      )}\n      style={rootStyle}\n      {...props}\n    >\n      <ul className={styles.list}>\n        {showFirstButton &&\n          control('first', 'Previous', t('pagination.first'), 1, false, current <= 1)}\n        {control(\n          'prev',\n          'ArrowLeft',\n          t('pagination.previous'),\n          current - 1,\n          hidePrevButton,\n          current <= 1,\n        )}\n        {items.map((item, i) =>\n          typeof item === 'number' ? (\n            <li key={item} className={styles.item}>\n              <button\n                type=\"button\"\n                className={clsx(styles.page, item === current && styles.selected)}\n                aria-label={t('pagination.page', { page: item })}\n                aria-current={item === current ? 'page' : undefined}\n                disabled={disabled}\n                onClick={() => go(item)}\n              >\n                {item}\n              </button>\n            </li>\n          ) : (\n            <li key={`${item}-${i}`} className={styles.item} aria-hidden>\n              <span className={styles.ellipsis}>…</span>\n            </li>\n          ),\n        )}\n        {control(\n          'next',\n          'ArrowLeft',\n          t('pagination.next'),\n          current + 1,\n          hideNextButton,\n          current >= count,\n          true,\n        )}\n        {showLastButton &&\n          control('last', 'Next', t('pagination.last'), count, false, current >= count)}\n      </ul>\n    </nav>\n  )\n})\n"],"names":["range","start","end","_","i","paginationRange","count","page","siblingCount","boundaryCount","startPages","endPages","siblingsStart","siblingsEnd","clamp","n","lo","hi","Pagination","forwardRef","defaultPage","onChange","showFirstButton","showLastButton","hidePrevButton","hideNextButton","variant","size","color","rounded","disabled","className","style","ariaLabel","props","ref","isControlled","internal","setInternal","useState","lastPage","current","go","next","target","t","useT","items","rootStyle","control","key","icon","label","hidden","atBound","flip","jsx","styles","clsx","Icon","jsxs","item"],"mappings":"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"}
+{"version":3,"file":"Pagination-M7njqOUt.cjs","sources":["../src/components/Pagination/paginationRange.ts","../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/** A gap placeholder rendered as `…` — at the start (`1 … 4`) or end (`6 … 10`) of the range. */\nexport type PaginationEllipsis = 'start-ellipsis' | 'end-ellipsis'\n\n/** One item in a pagination range: a 1-based page number, or an ellipsis placeholder. */\nexport type PaginationItem = number | PaginationEllipsis\n\n/** Inputs for {@link paginationRange}. */\nexport interface PaginationRangeOptions {\n  /** Total number of pages. */\n  count: number\n  /** Current page (1-based). */\n  page: number\n  /** Pages shown on each side of the current page. Defaults to `1`. */\n  siblingCount?: number\n  /** Pages always shown at the start and end. Defaults to `1`. */\n  boundaryCount?: number\n}\n\n/** Inclusive integer range `[start, end]` (empty when `end < start`). */\nconst range = (start: number, end: number): number[] =>\n  Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i)\n\n/**\n * Build the page-item sequence for a pager — the boundary pages, the current page with its siblings,\n * and `start`/`end` ellipses where pages are skipped (the classic `1 … 4 5 6 … 10`). Pure and\n * framework-free so it can be unit-tested in isolation and reused. Assumes `1 <= page <= count`.\n */\nexport function paginationRange({\n  count,\n  page,\n  siblingCount = 1,\n  boundaryCount = 1,\n}: PaginationRangeOptions): PaginationItem[] {\n  if (count <= 0) return []\n\n  // Pages pinned at each edge.\n  const startPages = range(1, Math.min(boundaryCount, count))\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count)\n\n  // The window of pages around the current one, clamped so it never overlaps the boundaries.\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1,\n  )\n\n  return [\n    ...startPages,\n    // A start ellipsis, OR the single page that sits between the start boundary and the siblings.\n    ...(siblingsStart > boundaryCount + 2\n      ? (['start-ellipsis'] as PaginationItem[])\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    // An end ellipsis, OR the single page between the siblings and the end boundary.\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? (['end-ellipsis'] as PaginationItem[])\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ]\n}\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { Icon, type IconName } from '../Icon'\nimport { useT, type ThemeColor } from '../../theme'\nimport { paginationRange } from './paginationRange'\nimport styles from './Pagination.module.css'\n\nexport type PaginationVariant = 'outlined' | 'text'\nexport type PaginationSize = 'sm' | 'md' | 'lg'\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'> {\n  /** Total number of pages (required). From a row count, pass `Math.ceil(total / pageSize)`. */\n  count: number\n  /** Controlled current page (1-based). */\n  page?: number\n  /** Initial page for uncontrolled use (1-based). Defaults to `1`. */\n  defaultPage?: number\n  /** Fires with the next page (1-based) when a page or arrow is activated. */\n  onChange?: (page: number) => void\n  /** Pages shown on each side of the current page. Defaults to `1`. */\n  siblingCount?: number\n  /** Pages always shown at the start and end. Defaults to `1`. */\n  boundaryCount?: number\n  /** Show a jump-to-first-page button before the previous arrow. Defaults to `false`. */\n  showFirstButton?: boolean\n  /** Show a jump-to-last-page button after the next arrow. Defaults to `false`. */\n  showLastButton?: boolean\n  /** Hide the previous-page arrow. Defaults to `false`. */\n  hidePrevButton?: boolean\n  /** Hide the next-page arrow. Defaults to `false`. */\n  hideNextButton?: boolean\n  /** Item style: `outlined` (bordered boxes, default) or `text` (borderless). */\n  variant?: PaginationVariant\n  /** Control size — sets the box, font, and icon sizes. Defaults to `md`. */\n  size?: PaginationSize\n  /** Theme palette token that tints the selected page. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Render circular page buttons instead of rounded rectangles. Defaults to `false`. */\n  rounded?: boolean\n  /** Disable the whole control. Defaults to `false`. */\n  disabled?: boolean\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(Math.max(n, lo), hi)\n\n/**\n * A page navigator — previous/next arrows around a numbered range with `…` gaps (`1 … 4 5 6 … 10`),\n * the classic pager. Reusable across tables, lists, and galleries: drive it with `count` (total\n * pages) + `page`/`onChange`, computing `count` as `Math.ceil(total / pageSize)`. The selected page\n * is tinted via the shared `--tz-btn-rgb` pattern; unselected items are bordered (`outlined`) or\n * borderless (`text`). Controlled (`page` + `onChange`) or uncontrolled (`defaultPage`).\n */\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  {\n    count,\n    page,\n    defaultPage = 1,\n    onChange,\n    siblingCount = 1,\n    boundaryCount = 1,\n    showFirstButton = false,\n    showLastButton = false,\n    hidePrevButton = false,\n    hideNextButton = false,\n    variant = 'outlined',\n    size = 'md',\n    color = 'accent',\n    rounded = false,\n    disabled = false,\n    className,\n    style,\n    'aria-label': ariaLabel = 'Pagination',\n    ...props\n  },\n  ref,\n) {\n  const isControlled = page !== undefined\n  const [internal, setInternal] = useState(defaultPage)\n  const lastPage = Math.max(count, 1)\n  const current = clamp(isControlled ? page! : internal, 1, lastPage)\n\n  const go = (next: number) => {\n    const target = clamp(next, 1, lastPage)\n    if (target === current) return\n    if (!isControlled) setInternal(target)\n    onChange?.(target)\n  }\n\n  const t = useT()\n  const items = paginationRange({ count, page: current, siblingCount, boundaryCount })\n\n  // The selected fill + its readable text color, derived once via the shared button-tint vars.\n  const rootStyle = {\n    '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n    '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n    ...style,\n  } as CSSProperties\n\n  // An arrow / jump control. `flip` mirrors the (left-pointing) icon to face right — the icon set has\n  // no matching plain right arrow, so the next/last glyphs are the left ones flipped for symmetry.\n  const control = (\n    key: string,\n    icon: IconName,\n    label: string,\n    target: number,\n    hidden: boolean,\n    atBound: boolean,\n    flip = false,\n  ): ReactNode =>\n    hidden ? null : (\n      <li key={key} className={styles.item}>\n        <button\n          type=\"button\"\n          className={clsx(styles.page, styles.arrow)}\n          aria-label={label}\n          disabled={disabled || atBound}\n          onClick={() => go(target)}\n        >\n          <Icon name={icon} size={size} className={flip ? styles.flip : undefined} />\n        </button>\n      </li>\n    )\n\n  return (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={clsx(\n        styles.pagination,\n        styles[variant],\n        styles[size],\n        rounded && styles.rounded,\n        className,\n      )}\n      style={rootStyle}\n      {...props}\n    >\n      <ul className={styles.list}>\n        {showFirstButton &&\n          control('first', 'Previous', t('pagination.first'), 1, false, current <= 1)}\n        {control(\n          'prev',\n          'ArrowLeft',\n          t('pagination.previous'),\n          current - 1,\n          hidePrevButton,\n          current <= 1,\n        )}\n        {items.map((item, i) =>\n          typeof item === 'number' ? (\n            <li key={item} className={styles.item}>\n              <button\n                type=\"button\"\n                className={clsx(styles.page, item === current && styles.selected)}\n                aria-label={t('pagination.page', { page: item })}\n                aria-current={item === current ? 'page' : undefined}\n                disabled={disabled}\n                onClick={() => go(item)}\n              >\n                {item}\n              </button>\n            </li>\n          ) : (\n            <li key={`${item}-${i}`} className={styles.item} aria-hidden>\n              <span className={styles.ellipsis}>…</span>\n            </li>\n          ),\n        )}\n        {control(\n          'next',\n          'ArrowLeft',\n          t('pagination.next'),\n          current + 1,\n          hideNextButton,\n          current >= count,\n          true,\n        )}\n        {showLastButton &&\n          control('last', 'Next', t('pagination.last'), count, false, current >= count)}\n      </ul>\n    </nav>\n  )\n})\n"],"names":["range","start","end","_","i","paginationRange","count","page","siblingCount","boundaryCount","startPages","endPages","siblingsStart","siblingsEnd","clamp","n","lo","hi","Pagination","forwardRef","defaultPage","onChange","showFirstButton","showLastButton","hidePrevButton","hideNextButton","variant","size","color","rounded","disabled","className","style","ariaLabel","props","ref","isControlled","internal","setInternal","useState","lastPage","current","go","next","target","t","useT","items","rootStyle","control","key","icon","label","hidden","atBound","flip","jsx","styles","clsx","Icon","jsxs","item"],"mappings":"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"}

package/dist/PaletteField-CUyzLrny.js

@@ -0,0 +1,54 @@
+import { jsxs as j, jsx as n } from "react/jsx-runtime";
+import { forwardRef as k, useState as z } from "react";
+import { clsx as B } from "clsx";
+import { u as R } from "./formContext-B7ln1Miy.js";
+import { C as h } from "./ColorPicker-Cw-2X6u9.js";
+import { C as v } from "./ColorRamp-DnlJNKfy.js";
+const w = "_root_bbykz_3", I = {
+  root: w
+}, H = k(function({
+  rampName: c,
+  paletteOptions: l,
+  rampSize: a = "md",
+  hideRamp: f = !1,
+  opaque: p = !0,
+  onCopyStep: d,
+  value: o,
+  defaultValue: s,
+  onChange: r,
+  name: t,
+  className: x,
+  style: C,
+  ...u
+}, F) {
+  const e = R(), i = !!(e && t), [P, b] = z(s ?? ""), y = o !== void 0 ? o : i ? e.values[t] ?? "" : P, _ = (m) => {
+    o === void 0 && !i && b(m), r == null || r(m);
+  };
+  return /* @__PURE__ */ j("div", { ref: F, className: B(I.root, x), style: C, children: [
+    /* @__PURE__ */ n(
+      h,
+      {
+        ...u,
+        name: t,
+        value: o,
+        defaultValue: s,
+        onChange: _,
+        alpha: !p
+      }
+    ),
+    !f && /* @__PURE__ */ n(
+      v,
+      {
+        baseColor: y,
+        name: c ?? t ?? "color",
+        options: l,
+        size: a,
+        onCopy: d
+      }
+    )
+  ] });
+});
+export {
+  H as P
+};
+//# sourceMappingURL=PaletteField-CUyzLrny.js.map

package/dist/PaletteField-CUyzLrny.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteField-CUyzLrny.js","sources":["../src/components/PaletteField/PaletteField.tsx"],"sourcesContent":["import { forwardRef, useState, type CSSProperties } from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { GeneratePaletteOptions } from '../../helpers/palette'\nimport { ColorPicker, type ColorPickerProps } from '../ColorPicker'\nimport { ColorRamp, type ColorRampProps } from '../ColorRamp'\nimport styles from './PaletteField.module.css'\n\nexport interface PaletteFieldProps extends Omit<ColorPickerProps, 'swatches'> {\n  /** Token prefix for the ramp (see `ColorRamp.name`). Defaults to `name`, then `'color'`. */\n  rampName?: string\n  /** `generatePalette` overrides, forwarded to the ramp. */\n  paletteOptions?: GeneratePaletteOptions\n  /** Ramp height (default `md`). */\n  rampSize?: ColorRampProps['size']\n  /** Hide the ramp (default `false`). */\n  hideRamp?: boolean\n  /** Brand colors are opaque: hide the alpha slider and emit `#rrggbb` only (default `true`). */\n  opaque?: boolean\n  /** Forwarded to the ramp's `onCopy`. */\n  onCopyStep?: ColorRampProps['onCopy']\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * The composition every configurator page repeats: a **`ColorPicker`** with the **`ColorRamp`** of its\n * current value directly beneath, both bound to the same value. Works controlled (`value` +\n * `onChange`), uncontrolled (`defaultValue`), and inside `<Form>` by `name` — the ramp always reflects\n * the live field value (including `setValue` / `reset`), read through the same `useFormContext` binding\n * `ColorPicker` uses, so there is exactly one source of truth. `label` / `helperText` / `error` /\n * `required` go to the picker; the ramp shows no chrome of its own here (its bounds row stays).\n * `opaque` (default `true`) passes `alpha={false}` to the picker: no alpha slider, `#rrggbb` only.\n */\nexport const PaletteField = forwardRef<HTMLDivElement, PaletteFieldProps>(function PaletteField(\n  {\n    rampName,\n    paletteOptions,\n    rampSize = 'md',\n    hideRamp = false,\n    opaque = true,\n    onCopyStep,\n    value,\n    defaultValue,\n    onChange,\n    name,\n    className,\n    style,\n    ...picker\n  },\n  ref,\n) {\n  // Mirror ColorPicker's own binding exactly: controlled prop → form value (by `name`) → internal state.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const current =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : internal\n\n  const handleChange = (color: string) => {\n    // the picker already writes the form value when bound; we only track the uncontrolled case\n    if (value === undefined && !isFormBound) setInternal(color)\n    onChange?.(color)\n  }\n\n  return (\n    <div ref={ref} className={clsx(styles.root, className)} style={style}>\n      <ColorPicker\n        {...picker}\n        name={name}\n        value={value}\n        defaultValue={defaultValue}\n        onChange={handleChange}\n        alpha={!opaque}\n      />\n      {!hideRamp && (\n        <ColorRamp\n          baseColor={current}\n          name={rampName ?? name ?? 'color'}\n          options={paletteOptions}\n          size={rampSize}\n          onCopy={onCopyStep}\n        />\n      )}\n    </div>\n  )\n})\n"],"names":["PaletteField","forwardRef","rampName","paletteOptions","rampSize","hideRamp","opaque","onCopyStep","value","defaultValue","onChange","name","className","style","picker","ref","form","useFormContext","isFormBound","internal","setInternal","useState","current","handleChange","color","jsxs","clsx","styles","jsx","ColorPicker","ColorRamp"],"mappings":";;;;;;;;GAkCaA,IAAeC,EAA8C,SACxE;AAAA,EACE,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAEA,QAAMC,IAAOC,EAAA,GACPC,IAAc,GAAQF,KAAQL,IAC9B,CAACQ,GAAUC,CAAW,IAAIC,EAAiBZ,KAAgB,EAAE,GAC7Da,IACJd,MAAU,SACNA,IACAU,IACIF,EAAM,OAAOL,CAAK,KAA4B,KAChDQ,GAEFI,IAAe,CAACC,MAAkB;AAEtC,IAAIhB,MAAU,UAAa,CAACU,OAAyBM,CAAK,GAC1Dd,KAAA,QAAAA,EAAWc;AAAA,EACb;AAEA,SACE,gBAAAC,EAAC,SAAI,KAAAV,GAAU,WAAWW,EAAKC,EAAO,MAAMf,CAAS,GAAG,OAAAC,GACtD,UAAA;AAAA,IAAA,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGf;AAAA,QACJ,MAAAH;AAAA,QACA,OAAAH;AAAA,QACA,cAAAC;AAAA,QACA,UAAUc;AAAA,QACV,OAAO,CAACjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAET,CAACD,KACA,gBAAAuB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWR;AAAA,QACX,MAAMpB,KAAYS,KAAQ;AAAA,QAC1B,SAASR;AAAA,QACT,MAAMC;AAAA,QACN,QAAQG;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAEJ;AAEJ,CAAC;"}

package/dist/PaletteField-iBIvOvNi.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),k=require("clsx"),y=require("./formContext-bTWrqdEV.cjs"),_=require("./ColorPicker-CKc8k-Dp.cjs"),z=require("./ColorRamp-AkY9gq6Y.cjs"),B="_root_bbykz_3",h={root:B},v=l.forwardRef(function({rampName:u,paletteOptions:a,rampSize:d="md",hideRamp:x=!1,opaque:m=!0,onCopyStep:f,value:o,defaultValue:s,onChange:r,name:t,className:q,style:C,...p},F){const c=y.useFormContext(),n=!!(c&&t),[P,j]=l.useState(s??""),R=o!==void 0?o:n?c.values[t]??"":P,b=i=>{o===void 0&&!n&&j(i),r==null||r(i)};return e.jsxs("div",{ref:F,className:k.clsx(h.root,q),style:C,children:[e.jsx(_.ColorPicker,{...p,name:t,value:o,defaultValue:s,onChange:b,alpha:!m}),!x&&e.jsx(z.ColorRamp,{baseColor:R,name:u??t??"color",options:a,size:d,onCopy:f})]})});exports.PaletteField=v;
+//# sourceMappingURL=PaletteField-iBIvOvNi.cjs.map

package/dist/PaletteField-iBIvOvNi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteField-iBIvOvNi.cjs","sources":["../src/components/PaletteField/PaletteField.tsx"],"sourcesContent":["import { forwardRef, useState, type CSSProperties } from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { GeneratePaletteOptions } from '../../helpers/palette'\nimport { ColorPicker, type ColorPickerProps } from '../ColorPicker'\nimport { ColorRamp, type ColorRampProps } from '../ColorRamp'\nimport styles from './PaletteField.module.css'\n\nexport interface PaletteFieldProps extends Omit<ColorPickerProps, 'swatches'> {\n  /** Token prefix for the ramp (see `ColorRamp.name`). Defaults to `name`, then `'color'`. */\n  rampName?: string\n  /** `generatePalette` overrides, forwarded to the ramp. */\n  paletteOptions?: GeneratePaletteOptions\n  /** Ramp height (default `md`). */\n  rampSize?: ColorRampProps['size']\n  /** Hide the ramp (default `false`). */\n  hideRamp?: boolean\n  /** Brand colors are opaque: hide the alpha slider and emit `#rrggbb` only (default `true`). */\n  opaque?: boolean\n  /** Forwarded to the ramp's `onCopy`. */\n  onCopyStep?: ColorRampProps['onCopy']\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * The composition every configurator page repeats: a **`ColorPicker`** with the **`ColorRamp`** of its\n * current value directly beneath, both bound to the same value. Works controlled (`value` +\n * `onChange`), uncontrolled (`defaultValue`), and inside `<Form>` by `name` — the ramp always reflects\n * the live field value (including `setValue` / `reset`), read through the same `useFormContext` binding\n * `ColorPicker` uses, so there is exactly one source of truth. `label` / `helperText` / `error` /\n * `required` go to the picker; the ramp shows no chrome of its own here (its bounds row stays).\n * `opaque` (default `true`) passes `alpha={false}` to the picker: no alpha slider, `#rrggbb` only.\n */\nexport const PaletteField = forwardRef<HTMLDivElement, PaletteFieldProps>(function PaletteField(\n  {\n    rampName,\n    paletteOptions,\n    rampSize = 'md',\n    hideRamp = false,\n    opaque = true,\n    onCopyStep,\n    value,\n    defaultValue,\n    onChange,\n    name,\n    className,\n    style,\n    ...picker\n  },\n  ref,\n) {\n  // Mirror ColorPicker's own binding exactly: controlled prop → form value (by `name`) → internal state.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const current =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : internal\n\n  const handleChange = (color: string) => {\n    // the picker already writes the form value when bound; we only track the uncontrolled case\n    if (value === undefined && !isFormBound) setInternal(color)\n    onChange?.(color)\n  }\n\n  return (\n    <div ref={ref} className={clsx(styles.root, className)} style={style}>\n      <ColorPicker\n        {...picker}\n        name={name}\n        value={value}\n        defaultValue={defaultValue}\n        onChange={handleChange}\n        alpha={!opaque}\n      />\n      {!hideRamp && (\n        <ColorRamp\n          baseColor={current}\n          name={rampName ?? name ?? 'color'}\n          options={paletteOptions}\n          size={rampSize}\n          onCopy={onCopyStep}\n        />\n      )}\n    </div>\n  )\n})\n"],"names":["PaletteField","forwardRef","rampName","paletteOptions","rampSize","hideRamp","opaque","onCopyStep","value","defaultValue","onChange","name","className","style","picker","ref","form","useFormContext","isFormBound","internal","setInternal","useState","current","handleChange","color","jsxs","clsx","styles","jsx","ColorPicker","ColorRamp"],"mappings":"0OAkCaA,EAAeC,EAAAA,WAA8C,SACxE,CACE,SAAAC,EACA,eAAAC,EACA,SAAAC,EAAW,KACX,SAAAC,EAAW,GACX,OAAAC,EAAS,GACT,WAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,KAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAEA,MAAMC,EAAOC,EAAAA,eAAA,EACPC,EAAc,GAAQF,GAAQL,GAC9B,CAACQ,EAAUC,CAAW,EAAIC,EAAAA,SAAiBZ,GAAgB,EAAE,EAC7Da,EACJd,IAAU,OACNA,EACAU,EACIF,EAAM,OAAOL,CAAK,GAA4B,GAChDQ,EAEFI,EAAgBC,GAAkB,CAElChB,IAAU,QAAa,CAACU,KAAyBM,CAAK,EAC1Dd,GAAA,MAAAA,EAAWc,EACb,EAEA,OACEC,OAAC,OAAI,IAAAV,EAAU,UAAWW,EAAAA,KAAKC,EAAO,KAAMf,CAAS,EAAG,MAAAC,EACtD,SAAA,CAAAe,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGf,EACJ,KAAAH,EACA,MAAAH,EACA,aAAAC,EACA,SAAUc,EACV,MAAO,CAACjB,CAAA,CAAA,EAET,CAACD,GACAuB,EAAAA,IAACE,EAAAA,UAAA,CACC,UAAWR,EACX,KAAMpB,GAAYS,GAAQ,QAC1B,QAASR,EACT,KAAMC,EACN,OAAQG,CAAA,CAAA,CACV,EAEJ,CAEJ,CAAC"}

package/dist/RadioGroup-Byy-eSY3.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),y=require("clsx"),E=require("./formContext-bTWrqdEV.cjs"),F=require("./Typography-BFatE1_A.cjs"),S=c.createContext(null);function T(){return c.useContext(S)}const D="_field_dlync_2",P="_row_dlync_9",$="_disabled_dlync_17",A="_input_dlync_23",H="_circle_dlync_37",J="_dot_dlync_59",K="_error_dlync_73",M="_label_dlync_77",O="_required_dlync_82",Q="_sm_dlync_88",U="_md_dlync_92",W="_lg_dlync_96",X="_group_dlync_112",Y="_groupLabel_dlync_119",Z="_options_dlync_124",ee="_horizontal_dlync_130",s={field:D,row:P,disabled:$,input:A,circle:H,dot:J,error:K,label:M,required:O,sm:Q,md:U,lg:W,group:X,groupLabel:Y,options:Z,horizontal:ee},V=c.forwardRef(function({value:t,label:i,color:h,size:u,error:l,checked:d,onChange:_,name:p,disabled:b,id:j,className:N,style:R,...q},z){const g=c.useId(),C=j??g,e=T(),n=h??(e==null?void 0:e.color)??"accent",x=u??(e==null?void 0:e.size)??"md",a=l??(e==null?void 0:e.error)??!1,v=b??(e==null?void 0:e.disabled)??!1,f=p??(e==null?void 0:e.name),[w,G]=c.useState(!1),I=e?e.value===t:d!==void 0?d:w,m=L=>{if(e){e.onChange(t);return}d===void 0&&G(L.target.checked),_==null||_(L.target.checked)};return r.jsx("div",{className:y.clsx(s.field,a&&s.error,v&&s.disabled,N),style:{"--tz-btn-rgb":`var(--tz-color-${n}-rgb)`,...R},children:r.jsxs("label",{className:y.clsx(s.row,s[x]),children:[r.jsx("input",{ref:z,id:C,name:f,type:"radio",className:s.input,value:t,checked:I,onChange:m,disabled:v,"aria-invalid":a||void 0,...q}),r.jsx("span",{className:s.circle,"aria-hidden":"true",children:r.jsx("span",{className:s.dot})}),i!=null&&r.jsx("span",{className:s.label,children:i})]})})}),se=c.forwardRef(function({label:t,value:i,defaultValue:h,onChange:u,name:l,options:d,orientation:_="vertical",size:p="md",color:b="accent",error:j,required:N=!1,disabled:R=!1,children:q,className:z,style:g,...C},e){const n=E.useFormContext(),x=!!(n&&l),a=n&&l?n.field(l):void 0,v=i!==void 0?i:x?n.values[l]:void 0,f=v!==void 0,[w,G]=c.useState(h),I=f?v:w,m=j??(a==null?void 0:a.error)??!1,B={name:l,value:I,onChange:o=>{f||G(o),x&&n.setValue(l,o),u==null||u(o)},size:p,color:b,disabled:R,error:m};return r.jsxs("div",{ref:e,role:"radiogroup","aria-invalid":m||void 0,className:y.clsx(s.group,z),style:g,...C,children:[t!=null&&r.jsxs("span",{className:s.groupLabel,children:[r.jsx(F.Typography,{as:"span",variant:"bodySmall",color:"muted",children:t}),N&&r.jsx("span",{className:s.required,"aria-hidden":"true",children:"*"})]}),r.jsx("div",{className:y.clsx(s.options,_==="horizontal"&&s.horizontal),children:r.jsx(S.Provider,{value:B,children:d?d.map(o=>r.jsx(V,{value:o.value,label:o.label,disabled:o.disabled},o.value)):q})})]})});exports.Radio=V;exports.RadioGroup=se;
+//# sourceMappingURL=RadioGroup-Byy-eSY3.cjs.map

package/dist/{RadioGroup-C8u7eNBS.cjs.map → RadioGroup-Byy-eSY3.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup-C8u7eNBS.cjs","sources":["../src/components/Radio/radioContext.ts","../src/components/Radio/Radio.tsx","../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ThemeColor } from '../../theme'\nimport type { RadioSize } from './Radio'\n\n/** Shared state a `<RadioGroup>` hands down to its `<Radio>` children via context. */\nexport interface RadioGroupContextValue {\n  /** Shared input `name` (the radios in a group must share one). */\n  name?: string\n  /** The group's currently-selected value. */\n  value?: string\n  /** Select a value — called by a child `<Radio>` on change. */\n  onChange: (value: string) => void\n  size?: RadioSize\n  color?: ThemeColor\n  disabled?: boolean\n  error?: boolean\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(null)\n\n/** Read the surrounding `<RadioGroup>` so a `<Radio>` can wire itself in (or `null` when standalone). */\nexport function useRadioGroupContext(): RadioGroupContextValue | null {\n  return useContext(RadioGroupContext)\n}\n","import {\n  forwardRef,\n  useId,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { useRadioGroupContext } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioSize = 'sm' | 'md' | 'lg'\n\nexport interface RadioProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'color' | 'type' | 'onChange' | 'value'\n> {\n  /** This option's value — selected when it matches the surrounding `RadioGroup`'s value. */\n  value: string\n  /** Text shown to the right of the control. */\n  label?: ReactNode\n  /** Theme palette token for the selected fill. Defaults to `accent` (inherits the group's `color`). */\n  color?: ThemeColor\n  /** Preset size — circle dimensions and label font. Inherits the group's `size` when omitted. */\n  size?: RadioSize\n  /** Marks the control invalid — reddens the ring. Inherits the group's `error`. */\n  error?: boolean\n  /** Controlled selected state for standalone use (inside a `RadioGroup` the group drives this). */\n  checked?: boolean\n  /** Fires with the next selected state (standalone use). */\n  onChange?: (checked: boolean) => void\n}\n\n/**\n * A single radio button with a label. The native `<input type=\"radio\">` is visually hidden but fully\n * accessible; a styled circle shows the state, filling with `color` and an inner dot when selected.\n * Designed to live inside a `<RadioGroup>` (which supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` via context), but also works standalone (`checked` + `onChange`).\n * Styling uses `--tz-*` tokens only.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  {\n    value,\n    label,\n    color,\n    size,\n    error,\n    checked,\n    onChange,\n    name,\n    disabled,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const group = useRadioGroupContext()\n\n  const resolvedColor = color ?? group?.color ?? 'accent'\n  const resolvedSize = size ?? group?.size ?? 'md'\n  const resolvedError = error ?? group?.error ?? false\n  const resolvedDisabled = disabled ?? group?.disabled ?? false\n  const resolvedName = name ?? group?.name\n\n  // In a group the selection comes from context; standalone it's controlled (`checked`) or local.\n  const [internal, setInternal] = useState(false)\n  const isChecked = group ? group.value === value : checked !== undefined ? checked : internal\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (group) {\n      group.onChange(value)\n      return\n    }\n    if (checked === undefined) setInternal(event.target.checked)\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        resolvedError && styles.error,\n        resolvedDisabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`, ...style } as CSSProperties}\n    >\n      <label className={clsx(styles.row, styles[resolvedSize])}>\n        <input\n          ref={ref}\n          id={id}\n          name={resolvedName}\n          type=\"radio\"\n          className={styles.input}\n          value={value}\n          checked={isChecked}\n          onChange={handleChange}\n          disabled={resolvedDisabled}\n          aria-invalid={resolvedError || undefined}\n          {...props}\n        />\n        <span className={styles.circle} aria-hidden=\"true\">\n          <span className={styles.dot} />\n        </span>\n        {label != null && <span className={styles.label}>{label}</span>}\n      </label>\n    </div>\n  )\n})\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport { Radio, type RadioSize } from './Radio'\nimport { RadioGroupContext, type RadioGroupContextValue } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioOrientation = 'vertical' | 'horizontal'\n\n/** A single option for the data-driven `options` prop. */\nexport interface RadioOption {\n  value: string\n  label?: ReactNode\n  disabled?: boolean\n}\n\nexport interface RadioGroupProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /** Group label rendered above the options. */\n  label?: ReactNode\n  /** Controlled selected value. */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the newly-selected value. */\n  onChange?: (value: string) => void\n  /** Shared input `name` for the radios (also the `<Form>` binding key). */\n  name?: string\n  /** Data-driven options — an alternative to passing `<Radio>` children. */\n  options?: RadioOption[]\n  /** Stack direction of the options. Defaults to `vertical`. */\n  orientation?: RadioOrientation\n  /** Preset size for every radio. Defaults to `md`. */\n  size?: RadioSize\n  /** Theme palette token for the selected fill. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Marks the group invalid — reddens the radio rings (no message text, like `Checkbox`). */\n  error?: boolean\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Disables every radio in the group. */\n  disabled?: boolean\n  /** `<Radio>` children (used when `options` is not given). */\n  children?: ReactNode\n}\n\n/**\n * Groups radio buttons so exactly one is selected. Supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` to its `<Radio>` children via context — pass them as `children`\n * or, for the common case, via the data-driven `options` prop. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (its form value is a\n * `string`; validate with e.g. `z.string().min(1)`). `error` reddens the radio rings (no message text,\n * like `Checkbox`). `role=\"radiogroup\"`; styling uses `--tz-*` tokens.\n */\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(function RadioGroup(\n  {\n    label,\n    value,\n    defaultValue,\n    onChange,\n    name,\n    options,\n    orientation = 'vertical',\n    size = 'md',\n    color = 'accent',\n    error,\n    required = false,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  // Auto-bind to a surrounding <Form> by `name` — the form value is the selected string.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: string | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? (form!.values[name!] as string | undefined)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<string | undefined>(defaultValue)\n  const currentValue = isControlled ? externalValue : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n\n  const handleChange = (next: string) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const ctx: RadioGroupContextValue = {\n    name,\n    value: currentValue,\n    onChange: handleChange,\n    size,\n    color,\n    disabled,\n    error: resolvedError,\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"radiogroup\"\n      aria-invalid={resolvedError || undefined}\n      className={clsx(styles.group, className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      {label != null && (\n        <span className={styles.groupLabel}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div className={clsx(styles.options, orientation === 'horizontal' && styles.horizontal)}>\n        <RadioGroupContext.Provider value={ctx}>\n          {options\n            ? options.map((option) => (\n                <Radio\n                  key={option.value}\n                  value={option.value}\n                  label={option.label}\n                  disabled={option.disabled}\n                />\n              ))\n            : children}\n        </RadioGroupContext.Provider>\n      </div>\n    </div>\n  )\n})\n"],"names":["RadioGroupContext","createContext","useRadioGroupContext","useContext","Radio","forwardRef","value","label","color","size","error","checked","onChange","name","disabled","idProp","className","style","props","ref","reactId","useId","id","group","resolvedColor","resolvedSize","resolvedError","resolvedDisabled","resolvedName","internal","setInternal","useState","isChecked","handleChange","event","jsx","clsx","styles","jsxs","RadioGroup","defaultValue","options","orientation","required","children","form","useFormContext","isFormBound","bound","externalValue","isControlled","currentValue","ctx","next","Typography","option"],"mappings":"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"}
+{"version":3,"file":"RadioGroup-Byy-eSY3.cjs","sources":["../src/components/Radio/radioContext.ts","../src/components/Radio/Radio.tsx","../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ThemeColor } from '../../theme'\nimport type { RadioSize } from './Radio'\n\n/** Shared state a `<RadioGroup>` hands down to its `<Radio>` children via context. */\nexport interface RadioGroupContextValue {\n  /** Shared input `name` (the radios in a group must share one). */\n  name?: string\n  /** The group's currently-selected value. */\n  value?: string\n  /** Select a value — called by a child `<Radio>` on change. */\n  onChange: (value: string) => void\n  size?: RadioSize\n  color?: ThemeColor\n  disabled?: boolean\n  error?: boolean\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(null)\n\n/** Read the surrounding `<RadioGroup>` so a `<Radio>` can wire itself in (or `null` when standalone). */\nexport function useRadioGroupContext(): RadioGroupContextValue | null {\n  return useContext(RadioGroupContext)\n}\n","import {\n  forwardRef,\n  useId,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { useRadioGroupContext } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioSize = 'sm' | 'md' | 'lg'\n\nexport interface RadioProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'color' | 'type' | 'onChange' | 'value'\n> {\n  /** This option's value — selected when it matches the surrounding `RadioGroup`'s value. */\n  value: string\n  /** Text shown to the right of the control. */\n  label?: ReactNode\n  /** Theme palette token for the selected fill. Defaults to `accent` (inherits the group's `color`). */\n  color?: ThemeColor\n  /** Preset size — circle dimensions and label font. Inherits the group's `size` when omitted. */\n  size?: RadioSize\n  /** Marks the control invalid — reddens the ring. Inherits the group's `error`. */\n  error?: boolean\n  /** Controlled selected state for standalone use (inside a `RadioGroup` the group drives this). */\n  checked?: boolean\n  /** Fires with the next selected state (standalone use). */\n  onChange?: (checked: boolean) => void\n}\n\n/**\n * A single radio button with a label. The native `<input type=\"radio\">` is visually hidden but fully\n * accessible; a styled circle shows the state, filling with `color` and an inner dot when selected.\n * Designed to live inside a `<RadioGroup>` (which supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` via context), but also works standalone (`checked` + `onChange`).\n * Styling uses `--tz-*` tokens only.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  {\n    value,\n    label,\n    color,\n    size,\n    error,\n    checked,\n    onChange,\n    name,\n    disabled,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const group = useRadioGroupContext()\n\n  const resolvedColor = color ?? group?.color ?? 'accent'\n  const resolvedSize = size ?? group?.size ?? 'md'\n  const resolvedError = error ?? group?.error ?? false\n  const resolvedDisabled = disabled ?? group?.disabled ?? false\n  const resolvedName = name ?? group?.name\n\n  // In a group the selection comes from context; standalone it's controlled (`checked`) or local.\n  const [internal, setInternal] = useState(false)\n  const isChecked = group ? group.value === value : checked !== undefined ? checked : internal\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (group) {\n      group.onChange(value)\n      return\n    }\n    if (checked === undefined) setInternal(event.target.checked)\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        resolvedError && styles.error,\n        resolvedDisabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`, ...style } as CSSProperties}\n    >\n      <label className={clsx(styles.row, styles[resolvedSize])}>\n        <input\n          ref={ref}\n          id={id}\n          name={resolvedName}\n          type=\"radio\"\n          className={styles.input}\n          value={value}\n          checked={isChecked}\n          onChange={handleChange}\n          disabled={resolvedDisabled}\n          aria-invalid={resolvedError || undefined}\n          {...props}\n        />\n        <span className={styles.circle} aria-hidden=\"true\">\n          <span className={styles.dot} />\n        </span>\n        {label != null && <span className={styles.label}>{label}</span>}\n      </label>\n    </div>\n  )\n})\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport { Radio, type RadioSize } from './Radio'\nimport { RadioGroupContext, type RadioGroupContextValue } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioOrientation = 'vertical' | 'horizontal'\n\n/** A single option for the data-driven `options` prop. */\nexport interface RadioOption {\n  value: string\n  label?: ReactNode\n  disabled?: boolean\n}\n\nexport interface RadioGroupProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /** Group label rendered above the options. */\n  label?: ReactNode\n  /** Controlled selected value. */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the newly-selected value. */\n  onChange?: (value: string) => void\n  /** Shared input `name` for the radios (also the `<Form>` binding key). */\n  name?: string\n  /** Data-driven options — an alternative to passing `<Radio>` children. */\n  options?: RadioOption[]\n  /** Stack direction of the options. Defaults to `vertical`. */\n  orientation?: RadioOrientation\n  /** Preset size for every radio. Defaults to `md`. */\n  size?: RadioSize\n  /** Theme palette token for the selected fill. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Marks the group invalid — reddens the radio rings (no message text, like `Checkbox`). */\n  error?: boolean\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Disables every radio in the group. */\n  disabled?: boolean\n  /** `<Radio>` children (used when `options` is not given). */\n  children?: ReactNode\n}\n\n/**\n * Groups radio buttons so exactly one is selected. Supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` to its `<Radio>` children via context — pass them as `children`\n * or, for the common case, via the data-driven `options` prop. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (its form value is a\n * `string`; validate with e.g. `z.string().min(1)`). `error` reddens the radio rings (no message text,\n * like `Checkbox`). `role=\"radiogroup\"`; styling uses `--tz-*` tokens.\n */\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(function RadioGroup(\n  {\n    label,\n    value,\n    defaultValue,\n    onChange,\n    name,\n    options,\n    orientation = 'vertical',\n    size = 'md',\n    color = 'accent',\n    error,\n    required = false,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  // Auto-bind to a surrounding <Form> by `name` — the form value is the selected string.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: string | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? (form!.values[name!] as string | undefined)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<string | undefined>(defaultValue)\n  const currentValue = isControlled ? externalValue : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n\n  const handleChange = (next: string) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const ctx: RadioGroupContextValue = {\n    name,\n    value: currentValue,\n    onChange: handleChange,\n    size,\n    color,\n    disabled,\n    error: resolvedError,\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"radiogroup\"\n      aria-invalid={resolvedError || undefined}\n      className={clsx(styles.group, className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      {label != null && (\n        <span className={styles.groupLabel}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div className={clsx(styles.options, orientation === 'horizontal' && styles.horizontal)}>\n        <RadioGroupContext.Provider value={ctx}>\n          {options\n            ? options.map((option) => (\n                <Radio\n                  key={option.value}\n                  value={option.value}\n                  label={option.label}\n                  disabled={option.disabled}\n                />\n              ))\n            : children}\n        </RadioGroupContext.Provider>\n      </div>\n    </div>\n  )\n})\n"],"names":["RadioGroupContext","createContext","useRadioGroupContext","useContext","Radio","forwardRef","value","label","color","size","error","checked","onChange","name","disabled","idProp","className","style","props","ref","reactId","useId","id","group","resolvedColor","resolvedSize","resolvedError","resolvedDisabled","resolvedName","internal","setInternal","useState","isChecked","handleChange","event","jsx","clsx","styles","jsxs","RadioGroup","defaultValue","options","orientation","required","children","form","useFormContext","isFormBound","bound","externalValue","isControlled","currentValue","ctx","next","Typography","option"],"mappings":"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"}

package/dist/RadioGroup-D_1_Heta.js

@@ -0,0 +1,141 @@
+import { jsx as l, jsxs as S } from "react/jsx-runtime";
+import { useContext as F, createContext as T, forwardRef as V, useId as D, useState as j } from "react";
+import { clsx as p } from "clsx";
+import { u as P } from "./formContext-B7ln1Miy.js";
+import { T as $ } from "./Typography-Cta6Rg4L.js";
+const k = T(null);
+function A() {
+  return F(k);
+}
+const H = "_field_dlync_2", J = "_row_dlync_9", K = "_disabled_dlync_17", M = "_input_dlync_23", O = "_circle_dlync_37", Q = "_dot_dlync_59", U = "_error_dlync_73", W = "_label_dlync_77", X = "_required_dlync_82", Y = "_sm_dlync_88", Z = "_md_dlync_92", ee = "_lg_dlync_96", oe = "_group_dlync_112", le = "_groupLabel_dlync_119", re = "_options_dlync_124", se = "_horizontal_dlync_130", o = {
+  field: H,
+  row: J,
+  disabled: K,
+  input: M,
+  circle: O,
+  dot: Q,
+  error: U,
+  label: W,
+  required: X,
+  sm: Y,
+  md: Z,
+  lg: ee,
+  group: oe,
+  groupLabel: le,
+  options: re,
+  horizontal: se
+}, ne = V(function({
+  value: t,
+  label: c,
+  color: y,
+  size: i,
+  error: r,
+  checked: a,
+  onChange: _,
+  name: b,
+  disabled: h,
+  id: N,
+  className: x,
+  style: z,
+  ...R
+}, g) {
+  const C = D(), w = N ?? C, e = A(), n = y ?? (e == null ? void 0 : e.color) ?? "accent", m = i ?? (e == null ? void 0 : e.size) ?? "md", d = r ?? (e == null ? void 0 : e.error) ?? !1, u = h ?? (e == null ? void 0 : e.disabled) ?? !1, f = b ?? (e == null ? void 0 : e.name), [q, G] = j(!1), I = e ? e.value === t : a !== void 0 ? a : q, v = (L) => {
+    if (e) {
+      e.onChange(t);
+      return;
+    }
+    a === void 0 && G(L.target.checked), _ == null || _(L.target.checked);
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: p(
+        o.field,
+        d && o.error,
+        u && o.disabled,
+        x
+      ),
+      style: { "--tz-btn-rgb": `var(--tz-color-${n}-rgb)`, ...z },
+      children: /* @__PURE__ */ S("label", { className: p(o.row, o[m]), children: [
+        /* @__PURE__ */ l(
+          "input",
+          {
+            ref: g,
+            id: w,
+            name: f,
+            type: "radio",
+            className: o.input,
+            value: t,
+            checked: I,
+            onChange: v,
+            disabled: u,
+            "aria-invalid": d || void 0,
+            ...R
+          }
+        ),
+        /* @__PURE__ */ l("span", { className: o.circle, "aria-hidden": "true", children: /* @__PURE__ */ l("span", { className: o.dot }) }),
+        c != null && /* @__PURE__ */ l("span", { className: o.label, children: c })
+      ] })
+    }
+  );
+}), _e = V(function({
+  label: t,
+  value: c,
+  defaultValue: y,
+  onChange: i,
+  name: r,
+  options: a,
+  orientation: _ = "vertical",
+  size: b = "md",
+  color: h = "accent",
+  error: N,
+  required: x = !1,
+  disabled: z = !1,
+  children: R,
+  className: g,
+  style: C,
+  ...w
+}, e) {
+  const n = P(), m = !!(n && r), d = n && r ? n.field(r) : void 0, u = c !== void 0 ? c : m ? n.values[r] : void 0, f = u !== void 0, [q, G] = j(y), I = f ? u : q, v = N ?? (d == null ? void 0 : d.error) ?? !1, E = {
+    name: r,
+    value: I,
+    onChange: (s) => {
+      f || G(s), m && n.setValue(r, s), i == null || i(s);
+    },
+    size: b,
+    color: h,
+    disabled: z,
+    error: v
+  };
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      ref: e,
+      role: "radiogroup",
+      "aria-invalid": v || void 0,
+      className: p(o.group, g),
+      style: C,
+      ...w,
+      children: [
+        t != null && /* @__PURE__ */ S("span", { className: o.groupLabel, children: [
+          /* @__PURE__ */ l($, { as: "span", variant: "bodySmall", color: "muted", children: t }),
+          x && /* @__PURE__ */ l("span", { className: o.required, "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ l("div", { className: p(o.options, _ === "horizontal" && o.horizontal), children: /* @__PURE__ */ l(k.Provider, { value: E, children: a ? a.map((s) => /* @__PURE__ */ l(
+          ne,
+          {
+            value: s.value,
+            label: s.label,
+            disabled: s.disabled
+          },
+          s.value
+        )) : R }) })
+      ]
+    }
+  );
+});
+export {
+  ne as R,
+  _e as a
+};
+//# sourceMappingURL=RadioGroup-D_1_Heta.js.map