@techzyapp/ui-library 1.0.33 → 1.0.35

package/dist/PageError-CyMdVrxL.js

@@ -0,0 +1,70 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as j, useState as w, useRef as u, useEffect as l } from "react";
+import { B as z } from "./Button-BQ7jsm5P.js";
+import { E as C } from "./ErrorState-BTSGKrJq.js";
+import { f as p, e as D } from "./errorMessage-C83fB2h5.js";
+import { u as H } from "./useHomeTo-DVMyLZbb.js";
+import { a as _ } from "./ConfigProvider-DZMtq2Fz.js";
+const O = j(function({
+  error: t,
+  reset: o,
+  info: A,
+  onRetry: i,
+  showMessage: n,
+  showHome: d = !0,
+  title: v,
+  description: E,
+  icon: g,
+  size: y,
+  pattern: P,
+  showDetails: S,
+  ...x
+}, T) {
+  const a = _(), { router: r, homeTo: c } = H(), [h, f] = w(!1), e = u(!0);
+  l(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []);
+  const m = u(void 0);
+  l(() => {
+    m.current !== t && (m.current = t, console.error("[PageError]", t));
+  }, [t]);
+  const k = typeof n == "function" ? n(t) : n === "dev" ? p() : n ?? (D(t) || p()), B = async () => {
+    f(!0);
+    try {
+      await (i == null ? void 0 : i()), o == null || o(), await (r == null ? void 0 : r.invalidate());
+    } finally {
+      e.current && f(!1);
+    }
+  }, b = d && r && c != null ? /* @__PURE__ */ s(
+    z,
+    {
+      size: "sm",
+      variant: "text",
+      color: "primary",
+      onClick: () => r.navigate({ to: c }),
+      children: a("pageError.home")
+    }
+  ) : void 0;
+  return /* @__PURE__ */ s(
+    C,
+    {
+      ref: T,
+      variant: "block",
+      error: t,
+      title: v ?? a("pageError.title"),
+      description: E ?? (k ? void 0 : a("pageError.description")),
+      icon: g,
+      size: y,
+      pattern: P,
+      showDetails: S,
+      onRetry: o || i || r ? () => void B() : void 0,
+      retrying: h,
+      action: b,
+      ...x
+    }
+  );
+});
+export {
+  O as P
+};
+//# sourceMappingURL=PageError-CyMdVrxL.js.map

package/dist/{PageError-ClR7k0Zb.js.map → PageError-CyMdVrxL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PageError-ClR7k0Zb.js","sources":["../src/components/PageError/PageError.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState, type HTMLAttributes, type ReactNode } from 'react'\nimport { type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport type { EmptyStateSize } from '../EmptyState'\nimport { ErrorState } from '../ErrorState/ErrorState'\nimport { isDev, isServerError } from '../ErrorState/errorMessage'\nimport { useHomeTo } from '../PageNotFound/useHomeTo'\n\nexport interface PageErrorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** What the route threw (TanStack Router's `ErrorComponentProps.error`). */\n  error: unknown\n  /** Resets the route's error boundary (TanStack Router's `ErrorComponentProps.reset`). */\n  reset?: () => void\n  /** The React component stack (TanStack Router's `ErrorComponentProps.info`) — unused, accepted for typing. */\n  info?: { componentStack: string }\n  /**\n   * Runs **before** the reset on \"Try Again\" (may be async) — where an app drops cached data, e.g.\n   * `() => queryClient.resetQueries({ predicate: (q) => q.queryKey[0] !== 'session' })`. Without it, `reset()`\n   * re-renders against the same cached response and throws on the same data again.\n   */\n  onRetry?: () => void | Promise<void>\n  /**\n   * Show the error's own message. Default: when it looks **server-originated** (a `traceId` or a numeric\n   * `status` — written for people) or in development; otherwise the localized generic sentence (a render\n   * crash's message is a developer's). `true` / `false` force it; `'dev'` = development only; a function decides\n   * per error.\n   */\n  showMessage?: boolean | 'dev' | ((error: unknown) => boolean)\n  /** A secondary \"Go to Home\" button to the first allowed menu page (RBAC-aware). Defaults to `true`. */\n  showHome?: boolean\n  /** Heading. Defaults to the localized \"This Page Could Not Be Shown\". */\n  title?: ReactNode\n  /** Overrides the description (the message / the generic sentence). */\n  description?: ReactNode\n  /** Leading icon — passed to `ErrorState` (`Danger` / `CloudCross` by default; `false` hides it). */\n  icon?: IconName | ReactNode | false\n  /** Size — passed to `ErrorState`. Defaults to `md`. */\n  size?: EmptyStateSize\n  /** Faded-grid hero backdrop — passed to `ErrorState`. Defaults to `true`. */\n  pattern?: boolean\n  /** The developer details panel (stack) — passed to `ErrorState`. Defaults to `'dev'`. */\n  showDetails?: boolean | 'dev'\n}\n\n/**\n * The shared **route error page** — the twin of `PageNotFound`. Drop it into TanStack Router as the\n * `defaultErrorComponent`: TanStack wraps every route in its own error boundary (inside the shell's `<Outlet/>`),\n * so without it a crashing page shows the router's bare \"Something went wrong!\". Renders the full `ErrorState`\n * hero inside the shell with **Try Again** (`await onRetry?.()` → `reset()` → `router.invalidate()`, which re-runs\n * a throwing loader / `beforeLoad`), a **Go to Home** button, the server's `traceId`, and the error's message only\n * when it was written for people (`showMessage`). Every error is `console.error`ed once — in production the\n * screen hides the message, so the console is the record.\n *\n * @example\n * createRouter({ routeTree, defaultNotFoundComponent: PageNotFound, defaultErrorComponent: PageError })\n */\nexport const PageError = forwardRef<HTMLDivElement, PageErrorProps>(function PageError(\n  {\n    error,\n    reset,\n    info: _info,\n    onRetry,\n    showMessage,\n    showHome = true,\n    title,\n    description,\n    icon,\n    size,\n    pattern,\n    showDetails,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const { router, homeTo } = useHomeTo()\n  const [retrying, setRetrying] = useState(false)\n  const mounted = useRef(true)\n  useEffect(() => {\n    mounted.current = true\n    return () => {\n      mounted.current = false\n    }\n  }, [])\n\n  // log each distinct error once (StrictMode re-runs effects; a re-render with the same error isn't new)\n  const logged = useRef<unknown>(undefined)\n  useEffect(() => {\n    if (logged.current === error) return\n    logged.current = error\n    console.error('[PageError]', error)\n  }, [error])\n\n  const messageShown =\n    typeof showMessage === 'function'\n      ? showMessage(error)\n      : showMessage === 'dev'\n        ? isDev()\n        : (showMessage ?? (isServerError(error) || isDev()))\n\n  const retry = async () => {\n    setRetrying(true)\n    try {\n      await onRetry?.()\n      reset?.()\n      await router?.invalidate()\n    } finally {\n      if (mounted.current) setRetrying(false)\n    }\n  }\n\n  const home =\n    showHome && router && homeTo != null ? (\n      <Button\n        size=\"sm\"\n        variant=\"text\"\n        color=\"primary\"\n        onClick={() => router.navigate({ to: homeTo as LinkProps['to'] })}\n      >\n        {t('pageError.home')}\n      </Button>\n    ) : undefined\n\n  return (\n    <ErrorState\n      ref={ref}\n      error={error}\n      title={title ?? t('pageError.title')}\n      // hidden message → the generic sentence (the trace id still shows: it's for support, not a leak)\n      description={description ?? (messageShown ? undefined : t('pageError.description'))}\n      icon={icon}\n      size={size}\n      pattern={pattern}\n      showDetails={showDetails}\n      onRetry={reset || onRetry || router ? () => void retry() : undefined}\n      retrying={retrying}\n      action={home}\n      {...props}\n    />\n  )\n})\n"],"names":["PageError","forwardRef","error","reset","_info","onRetry","showMessage","showHome","title","description","icon","size","pattern","showDetails","props","ref","t","useT","router","homeTo","useHomeTo","retrying","setRetrying","useState","mounted","useRef","useEffect","logged","messageShown","isDev","isServerError","retry","home","jsx","Button","ErrorState"],"mappings":";;;;;;;AA0DO,MAAMA,IAAYC,EAA2C,SAClE;AAAA,EACE,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAMC;AAAA,EACN,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJ,EAAE,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GACrB,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAUC,EAAO,EAAI;AAC3B,EAAAC,EAAU,OACRF,EAAQ,UAAU,IACX,MAAM;AACX,IAAAA,EAAQ,UAAU;AAAA,EACpB,IACC,CAAA,CAAE;AAGL,QAAMG,IAASF,EAAgB,MAAS;AACxC,EAAAC,EAAU,MAAM;AACd,IAAIC,EAAO,YAAYzB,MACvByB,EAAO,UAAUzB,GACjB,QAAQ,MAAM,eAAeA,CAAK;AAAA,EACpC,GAAG,CAACA,CAAK,CAAC;AAEV,QAAM0B,IACJ,OAAOtB,KAAgB,aACnBA,EAAYJ,CAAK,IACjBI,MAAgB,QACduB,MACCvB,MAAgBwB,EAAc5B,CAAK,KAAK2B,MAE3CE,IAAQ,YAAY;AACxB,IAAAT,EAAY,EAAI;AAChB,QAAI;AACF,aAAMjB,KAAA,gBAAAA,MACNF,KAAA,QAAAA,KACA,OAAMe,KAAA,gBAAAA,EAAQ;AAAA,IAChB,UAAA;AACE,MAAIM,EAAQ,WAASF,EAAY,EAAK;AAAA,IACxC;AAAA,EACF,GAEMU,IACJzB,KAAYW,KAAUC,KAAU,OAC9B,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,SAAS,MAAMhB,EAAO,SAAS,EAAE,IAAIC,GAA2B;AAAA,MAE/D,YAAE,gBAAgB;AAAA,IAAA;AAAA,EAAA,IAEnB;AAEN,SACE,gBAAAc;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAApB;AAAA,MACA,OAAAb;AAAA,MACA,OAAOM,KAASQ,EAAE,iBAAiB;AAAA,MAEnC,aAAaP,MAAgBmB,IAAe,SAAYZ,EAAE,uBAAuB;AAAA,MACjF,MAAAN;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,aAAAC;AAAA,MACA,SAASV,KAASE,KAAWa,IAAS,MAAM,KAAKa,MAAU;AAAA,MAC3D,UAAAV;AAAA,MACA,QAAQW;AAAA,MACP,GAAGlB;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"PageError-CyMdVrxL.js","sources":["../src/components/PageError/PageError.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState, type HTMLAttributes, type ReactNode } from 'react'\nimport { type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport type { EmptyStateSize } from '../EmptyState'\nimport { ErrorState } from '../ErrorState/ErrorState'\nimport { isDev, isServerError } from '../ErrorState/errorMessage'\nimport { useHomeTo } from '../PageNotFound/useHomeTo'\n\nexport interface PageErrorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** What the route threw (TanStack Router's `ErrorComponentProps.error`). */\n  error: unknown\n  /** Resets the route's error boundary (TanStack Router's `ErrorComponentProps.reset`). */\n  reset?: () => void\n  /** The React component stack (TanStack Router's `ErrorComponentProps.info`) — unused, accepted for typing. */\n  info?: { componentStack: string }\n  /**\n   * Runs **before** the reset on \"Try Again\" (may be async) — where an app drops cached data, e.g.\n   * `() => queryClient.resetQueries({ predicate: (q) => q.queryKey[0] !== 'session' })`. Without it, `reset()`\n   * re-renders against the same cached response and throws on the same data again.\n   */\n  onRetry?: () => void | Promise<void>\n  /**\n   * Show the error's own message. Default: when it looks **server-originated** (a `traceId` or a numeric\n   * `status` — written for people) or in development; otherwise the localized generic sentence (a render\n   * crash's message is a developer's). `true` / `false` force it; `'dev'` = development only; a function decides\n   * per error.\n   */\n  showMessage?: boolean | 'dev' | ((error: unknown) => boolean)\n  /** A secondary \"Go to Home\" button to the first allowed menu page (RBAC-aware). Defaults to `true`. */\n  showHome?: boolean\n  /** Heading. Defaults to the localized \"This Page Could Not Be Shown\". */\n  title?: ReactNode\n  /** Overrides the description (the message / the generic sentence). */\n  description?: ReactNode\n  /** Leading icon — passed to `ErrorState` (`Danger` / `CloudCross` by default; `false` hides it). */\n  icon?: IconName | ReactNode | false\n  /** Size — passed to `ErrorState`. Defaults to `md`. */\n  size?: EmptyStateSize\n  /** Faded-grid hero backdrop — passed to `ErrorState`. Defaults to `true`. */\n  pattern?: boolean\n  /** The developer details panel (stack) — passed to `ErrorState`. Defaults to `'dev'`. */\n  showDetails?: boolean | 'dev'\n}\n\n/**\n * The shared **route error page** — the twin of `PageNotFound`. Drop it into TanStack Router as the\n * `defaultErrorComponent`: TanStack wraps every route in its own error boundary (inside the shell's `<Outlet/>`),\n * so without it a crashing page shows the router's bare \"Something went wrong!\". Renders the full `ErrorState`\n * hero inside the shell with **Try Again** (`await onRetry?.()` → `reset()` → `router.invalidate()`, which re-runs\n * a throwing loader / `beforeLoad`), a **Go to Home** button, the server's `traceId`, and the error's message only\n * when it was written for people (`showMessage`). Every error is `console.error`ed once — in production the\n * screen hides the message, so the console is the record.\n *\n * @example\n * createRouter({ routeTree, defaultNotFoundComponent: PageNotFound, defaultErrorComponent: PageError })\n */\nexport const PageError = forwardRef<HTMLDivElement, PageErrorProps>(function PageError(\n  {\n    error,\n    reset,\n    info: _info,\n    onRetry,\n    showMessage,\n    showHome = true,\n    title,\n    description,\n    icon,\n    size,\n    pattern,\n    showDetails,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const { router, homeTo } = useHomeTo()\n  const [retrying, setRetrying] = useState(false)\n  const mounted = useRef(true)\n  useEffect(() => {\n    mounted.current = true\n    return () => {\n      mounted.current = false\n    }\n  }, [])\n\n  // log each distinct error once (StrictMode re-runs effects; a re-render with the same error isn't new)\n  const logged = useRef<unknown>(undefined)\n  useEffect(() => {\n    if (logged.current === error) return\n    logged.current = error\n    console.error('[PageError]', error)\n  }, [error])\n\n  const messageShown =\n    typeof showMessage === 'function'\n      ? showMessage(error)\n      : showMessage === 'dev'\n        ? isDev()\n        : (showMessage ?? (isServerError(error) || isDev()))\n\n  const retry = async () => {\n    setRetrying(true)\n    try {\n      await onRetry?.()\n      reset?.()\n      await router?.invalidate()\n    } finally {\n      if (mounted.current) setRetrying(false)\n    }\n  }\n\n  const home =\n    showHome && router && homeTo != null ? (\n      <Button\n        size=\"sm\"\n        variant=\"text\"\n        color=\"primary\"\n        onClick={() => router.navigate({ to: homeTo as LinkProps['to'] })}\n      >\n        {t('pageError.home')}\n      </Button>\n    ) : undefined\n\n  return (\n    <ErrorState\n      ref={ref}\n      variant=\"block\"\n      error={error}\n      title={title ?? t('pageError.title')}\n      // hidden message → the generic sentence (the trace id still shows: it's for support, not a leak)\n      description={description ?? (messageShown ? undefined : t('pageError.description'))}\n      icon={icon}\n      size={size}\n      pattern={pattern}\n      showDetails={showDetails}\n      onRetry={reset || onRetry || router ? () => void retry() : undefined}\n      retrying={retrying}\n      action={home}\n      {...props}\n    />\n  )\n})\n"],"names":["PageError","forwardRef","error","reset","_info","onRetry","showMessage","showHome","title","description","icon","size","pattern","showDetails","props","ref","t","useT","router","homeTo","useHomeTo","retrying","setRetrying","useState","mounted","useRef","useEffect","logged","messageShown","isDev","isServerError","retry","home","jsx","Button","ErrorState"],"mappings":";;;;;;;AA0DO,MAAMA,IAAYC,EAA2C,SAClE;AAAA,EACE,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAMC;AAAA,EACN,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJ,EAAE,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GACrB,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAUC,EAAO,EAAI;AAC3B,EAAAC,EAAU,OACRF,EAAQ,UAAU,IACX,MAAM;AACX,IAAAA,EAAQ,UAAU;AAAA,EACpB,IACC,CAAA,CAAE;AAGL,QAAMG,IAASF,EAAgB,MAAS;AACxC,EAAAC,EAAU,MAAM;AACd,IAAIC,EAAO,YAAYzB,MACvByB,EAAO,UAAUzB,GACjB,QAAQ,MAAM,eAAeA,CAAK;AAAA,EACpC,GAAG,CAACA,CAAK,CAAC;AAEV,QAAM0B,IACJ,OAAOtB,KAAgB,aACnBA,EAAYJ,CAAK,IACjBI,MAAgB,QACduB,MACCvB,MAAgBwB,EAAc5B,CAAK,KAAK2B,MAE3CE,IAAQ,YAAY;AACxB,IAAAT,EAAY,EAAI;AAChB,QAAI;AACF,aAAMjB,KAAA,gBAAAA,MACNF,KAAA,QAAAA,KACA,OAAMe,KAAA,gBAAAA,EAAQ;AAAA,IAChB,UAAA;AACE,MAAIM,EAAQ,WAASF,EAAY,EAAK;AAAA,IACxC;AAAA,EACF,GAEMU,IACJzB,KAAYW,KAAUC,KAAU,OAC9B,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,SAAS,MAAMhB,EAAO,SAAS,EAAE,IAAIC,GAA2B;AAAA,MAE/D,YAAE,gBAAgB;AAAA,IAAA;AAAA,EAAA,IAEnB;AAEN,SACE,gBAAAc;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAApB;AAAA,MACA,SAAQ;AAAA,MACR,OAAAb;AAAA,MACA,OAAOM,KAASQ,EAAE,iBAAiB;AAAA,MAEnC,aAAaP,MAAgBmB,IAAe,SAAYZ,EAAE,uBAAuB;AAAA,MACjF,MAAAN;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,aAAAC;AAAA,MACA,SAASV,KAASE,KAAWa,IAAS,MAAM,KAAKa,MAAU;AAAA,MAC3D,UAAAV;AAAA,MACA,QAAQW;AAAA,MACP,GAAGlB;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/{PageLayout-XQ_aQTf5.js → PageLayout-BtukUUfe.js}

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { C as f } from "./Card-CV_rHego.js";
+import { C as f } from "./Card-kizK1B7N.js";
 const n = a(
   function(r, o) {
     return /* @__PURE__ */ t(f, { ref: o, flat: !0, ...r });
@@ -9,4 +9,4 @@ const n = a(
 export {
   n as P
 };
-//# sourceMappingURL=PageLayout-XQ_aQTf5.js.map
+//# sourceMappingURL=PageLayout-BtukUUfe.js.map

package/dist/{PageLayout-XQ_aQTf5.js.map → PageLayout-BtukUUfe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PageLayout-XQ_aQTf5.js","sources":["../src/components/PageLayout/PageLayout.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Card, type CardProps } from '../Card'\n\n/** PageLayout is a flat `Card`, so it gains all of Card's slots minus the `flat` toggle (always flat). */\nexport interface PageLayoutProps extends Omit<CardProps, 'flat'> {}\n\n/**\n * The content container a page's body sits in — a **flat `Card`** (no shadow, the page `background`\n * color), so it blends with the shell while the Cards/inputs placed inside it read as elevated. Being\n * a Card, it gains the full Card anatomy: an optional header (`icon` + `title` + `subtitle` +\n * `actions`), the body (`children`), a `footer` / `footerStart`, and `collapsible`. Rendered by the\n * consumer inside each route, below the shell's breadcrumbs + page title:\n * `<PageLayout title=\"Settings\" actions={…}>…</PageLayout>`. Styling uses `--tz-*` tokens only.\n */\nexport const PageLayout = forwardRef<HTMLDivElement, PageLayoutProps>(\n  function PageLayout(props, ref) {\n    return <Card ref={ref} flat {...props} />\n  },\n)\n"],"names":["PageLayout","forwardRef","props","ref","Card"],"mappings":";;;AAcO,MAAMA,IAAaC;AAAA,EACxB,SAAoBC,GAAOC,GAAK;AAC9B,6BAAQC,GAAA,EAAK,KAAAD,GAAU,MAAI,IAAE,GAAGD,GAAO;AAAA,EACzC;AACF;"}
+{"version":3,"file":"PageLayout-BtukUUfe.js","sources":["../src/components/PageLayout/PageLayout.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Card, type CardProps } from '../Card'\n\n/** PageLayout is a flat `Card`, so it gains all of Card's slots minus the `flat` toggle (always flat). */\nexport interface PageLayoutProps extends Omit<CardProps, 'flat'> {}\n\n/**\n * The content container a page's body sits in — a **flat `Card`** (no shadow, the page `background`\n * color), so it blends with the shell while the Cards/inputs placed inside it read as elevated. Being\n * a Card, it gains the full Card anatomy: an optional header (`icon` + `title` + `subtitle` +\n * `actions`), the body (`children`), a `footer` / `footerStart`, and `collapsible`. Rendered by the\n * consumer inside each route, below the shell's breadcrumbs + page title:\n * `<PageLayout title=\"Settings\" actions={…}>…</PageLayout>`. Styling uses `--tz-*` tokens only.\n */\nexport const PageLayout = forwardRef<HTMLDivElement, PageLayoutProps>(\n  function PageLayout(props, ref) {\n    return <Card ref={ref} flat {...props} />\n  },\n)\n"],"names":["PageLayout","forwardRef","props","ref","Card"],"mappings":";;;AAcO,MAAMA,IAAaC;AAAA,EACxB,SAAoBC,GAAOC,GAAK;AAC9B,6BAAQC,GAAA,EAAK,KAAAD,GAAU,MAAI,IAAE,GAAGD,GAAO;AAAA,EACzC;AACF;"}

package/dist/{PageLayout-DTG83hLL.cjs → PageLayout-C_daDKkg.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),u=require("./Card-DL7XnkOA.cjs"),o=a.forwardRef(function(e,r){return t.jsx(u.Card,{ref:r,flat:!0,...e})});exports.PageLayout=o;
-//# sourceMappingURL=PageLayout-DTG83hLL.cjs.map
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),u=require("./Card-yhly3Xdp.cjs"),o=a.forwardRef(function(e,r){return t.jsx(u.Card,{ref:r,flat:!0,...e})});exports.PageLayout=o;
+//# sourceMappingURL=PageLayout-C_daDKkg.cjs.map

package/dist/{PageLayout-DTG83hLL.cjs.map → PageLayout-C_daDKkg.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PageLayout-DTG83hLL.cjs","sources":["../src/components/PageLayout/PageLayout.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Card, type CardProps } from '../Card'\n\n/** PageLayout is a flat `Card`, so it gains all of Card's slots minus the `flat` toggle (always flat). */\nexport interface PageLayoutProps extends Omit<CardProps, 'flat'> {}\n\n/**\n * The content container a page's body sits in — a **flat `Card`** (no shadow, the page `background`\n * color), so it blends with the shell while the Cards/inputs placed inside it read as elevated. Being\n * a Card, it gains the full Card anatomy: an optional header (`icon` + `title` + `subtitle` +\n * `actions`), the body (`children`), a `footer` / `footerStart`, and `collapsible`. Rendered by the\n * consumer inside each route, below the shell's breadcrumbs + page title:\n * `<PageLayout title=\"Settings\" actions={…}>…</PageLayout>`. Styling uses `--tz-*` tokens only.\n */\nexport const PageLayout = forwardRef<HTMLDivElement, PageLayoutProps>(\n  function PageLayout(props, ref) {\n    return <Card ref={ref} flat {...props} />\n  },\n)\n"],"names":["PageLayout","forwardRef","props","ref","Card"],"mappings":"sGAcaA,EAAaC,EAAAA,WACxB,SAAoBC,EAAOC,EAAK,CAC9B,aAAQC,EAAAA,KAAA,CAAK,IAAAD,EAAU,KAAI,GAAE,GAAGD,EAAO,CACzC,CACF"}
+{"version":3,"file":"PageLayout-C_daDKkg.cjs","sources":["../src/components/PageLayout/PageLayout.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Card, type CardProps } from '../Card'\n\n/** PageLayout is a flat `Card`, so it gains all of Card's slots minus the `flat` toggle (always flat). */\nexport interface PageLayoutProps extends Omit<CardProps, 'flat'> {}\n\n/**\n * The content container a page's body sits in — a **flat `Card`** (no shadow, the page `background`\n * color), so it blends with the shell while the Cards/inputs placed inside it read as elevated. Being\n * a Card, it gains the full Card anatomy: an optional header (`icon` + `title` + `subtitle` +\n * `actions`), the body (`children`), a `footer` / `footerStart`, and `collapsible`. Rendered by the\n * consumer inside each route, below the shell's breadcrumbs + page title:\n * `<PageLayout title=\"Settings\" actions={…}>…</PageLayout>`. Styling uses `--tz-*` tokens only.\n */\nexport const PageLayout = forwardRef<HTMLDivElement, PageLayoutProps>(\n  function PageLayout(props, ref) {\n    return <Card ref={ref} flat {...props} />\n  },\n)\n"],"names":["PageLayout","forwardRef","props","ref","Card"],"mappings":"sGAcaA,EAAaC,EAAAA,WACxB,SAAoBC,EAAOC,EAAK,CAC9B,aAAQC,EAAAA,KAAA,CAAK,IAAAD,EAAU,KAAI,GAAE,GAAGD,EAAO,CACzC,CACF"}

package/dist/{PageNotFound-D3wJ4Job.cjs → PageNotFound-CHb8DlqC.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),q=require("react"),F=require("./EmptyState-C54C0Qwc.cjs"),v=require("./Button-BD5wpg-t.cjs"),T=require("./useHomeTo-Cr6Usr_D.cjs"),f=require("./ConfigProvider-CVLHPXQm.cjs"),p=q.forwardRef(function({icon:r="SearchStatus",title:i,description:s,actionLabel:u,to:c,showAction:a=!0,...d},l){const t=f.useT(),{router:o,homeTo:e}=T.useHomeTo(c),m=!!o&&e!=null,g=a&&m?n.jsx(v.Button,{size:"sm",onClick:()=>o.navigate({to:e}),children:u??t("notFound.action")}):void 0;return n.jsx(F.EmptyState,{ref:l,icon:r,title:i??t("notFound.title"),description:s??t("notFound.description"),action:g,...d})});exports.PageNotFound=p;
-//# sourceMappingURL=PageNotFound-D3wJ4Job.cjs.map
+"use strict";const n=require("react/jsx-runtime"),q=require("react"),F=require("./EmptyState-CZ6X5-Zy.cjs"),v=require("./Button-Cm64ROip.cjs"),T=require("./useHomeTo-Dnu6VAvU.cjs"),f=require("./ConfigProvider-th4GYhcU.cjs"),p=q.forwardRef(function({icon:r="SearchStatus",title:i,description:s,actionLabel:u,to:c,showAction:a=!0,...d},l){const t=f.useT(),{router:o,homeTo:e}=T.useHomeTo(c),m=!!o&&e!=null,g=a&&m?n.jsx(v.Button,{size:"sm",onClick:()=>o.navigate({to:e}),children:u??t("notFound.action")}):void 0;return n.jsx(F.EmptyState,{ref:l,icon:r,title:i??t("notFound.title"),description:s??t("notFound.description"),action:g,...d})});exports.PageNotFound=p;
+//# sourceMappingURL=PageNotFound-CHb8DlqC.cjs.map

package/dist/{PageNotFound-D3wJ4Job.cjs.map → PageNotFound-CHb8DlqC.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PageNotFound-D3wJ4Job.cjs","sources":["../src/components/PageNotFound/PageNotFound.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { EmptyState, type EmptyStateSize } from '../EmptyState'\nimport { Button } from '../Button'\nimport type { IconName } from '../../icons/names'\nimport { useHomeTo } from './useHomeTo'\n\nexport interface PageNotFoundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Hero glyph — an `IconName`, any node, or `false` to hide it. Defaults to `SearchStatus`. */\n  icon?: IconName | ReactNode | false\n  /** Heading. Defaults to the localized `notFound.title`. */\n  title?: ReactNode\n  /** Muted description. Defaults to the localized `notFound.description`. */\n  description?: ReactNode\n  /** Action button label. Defaults to the localized `notFound.action`. */\n  actionLabel?: ReactNode\n  /** Where the action navigates. Defaults to the first allowed menu page (RBAC-aware), else `/`. */\n  to?: string\n  /** Show the \"back home\" action button. Defaults to `true` (hidden anyway when there's no router). */\n  showAction?: boolean\n  /** Faded-grid hero backdrop — passed to `EmptyState`. Defaults to `true` (its default). */\n  pattern?: boolean\n  /** Size — passed to `EmptyState`. Defaults to `md`. */\n  size?: EmptyStateSize\n}\n\n/**\n * The shared **404** page. Drop it straight into TanStack Router as the\n * `defaultNotFoundComponent` — zero props needed: the title/description/action strings come from the\n * built-in i18n (`useT`), so they translate with the panel language, and the action navigates to the\n * **first allowed menu page** (the same RBAC-aware target as `FirstRouteRedirect`), falling back to\n * `/`. Built on `EmptyState` (hero glyph + title + description + action, `pattern` on by default), so\n * it renders inside the `RootLayout` content area with the shell/sidebar intact. Lenient: with no\n * router context the `EmptyState` still renders, just without the action button. Token-only styling.\n *\n * @example\n * const router = createRouter({ routeTree, defaultNotFoundComponent: PageNotFound })\n */\nexport const PageNotFound = forwardRef<HTMLDivElement, PageNotFoundProps>(function PageNotFound(\n  { icon = 'SearchStatus', title, description, actionLabel, to, showAction = true, ...props },\n  ref,\n) {\n  const t = useT()\n  // the first allowed menu page (RBAC-aware, `/` fallback); router is undefined outside a <RouterProvider>\n  const { router, homeTo: resolvedTo } = useHomeTo(to)\n\n  const canNavigate = !!router && resolvedTo != null\n  const action =\n    showAction && canNavigate ? (\n      <Button size=\"sm\" onClick={() => router.navigate({ to: resolvedTo as LinkProps['to'] })}>\n        {actionLabel ?? t('notFound.action')}\n      </Button>\n    ) : undefined\n\n  return (\n    <EmptyState\n      ref={ref}\n      icon={icon}\n      title={title ?? t('notFound.title')}\n      description={description ?? t('notFound.description')}\n      action={action}\n      {...props}\n    />\n  )\n})\n"],"names":["PageNotFound","forwardRef","icon","title","description","actionLabel","to","showAction","props","ref","useT","router","resolvedTo","useHomeTo","canNavigate","action","jsx","Button","EmptyState"],"mappings":"gOAuCaA,EAAeC,EAAAA,WAA8C,SACxE,CAAE,KAAAC,EAAO,eAAgB,MAAAC,EAAO,YAAAC,EAAa,YAAAC,EAAa,GAAAC,EAAI,WAAAC,EAAa,GAAM,GAAGC,CAAA,EACpFC,EACA,CACA,MAAM,EAAIC,EAAAA,KAAA,EAEJ,CAAE,OAAAC,EAAQ,OAAQC,CAAA,EAAeC,EAAAA,UAAUP,CAAE,EAE7CQ,EAAc,CAAC,CAACH,GAAUC,GAAc,KACxCG,EACJR,GAAcO,EACZE,EAAAA,IAACC,EAAAA,QAAO,KAAK,KAAK,QAAS,IAAMN,EAAO,SAAS,CAAE,GAAIC,EAA+B,EACnF,YAAe,EAAE,iBAAiB,EACrC,EACE,OAEN,OACEI,EAAAA,IAACE,EAAAA,WAAA,CACC,IAAAT,EACA,KAAAP,EACA,MAAOC,GAAS,EAAE,gBAAgB,EAClC,YAAaC,GAAe,EAAE,sBAAsB,EACpD,OAAAW,EACC,GAAGP,CAAA,CAAA,CAGV,CAAC"}
+{"version":3,"file":"PageNotFound-CHb8DlqC.cjs","sources":["../src/components/PageNotFound/PageNotFound.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { EmptyState, type EmptyStateSize } from '../EmptyState'\nimport { Button } from '../Button'\nimport type { IconName } from '../../icons/names'\nimport { useHomeTo } from './useHomeTo'\n\nexport interface PageNotFoundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Hero glyph — an `IconName`, any node, or `false` to hide it. Defaults to `SearchStatus`. */\n  icon?: IconName | ReactNode | false\n  /** Heading. Defaults to the localized `notFound.title`. */\n  title?: ReactNode\n  /** Muted description. Defaults to the localized `notFound.description`. */\n  description?: ReactNode\n  /** Action button label. Defaults to the localized `notFound.action`. */\n  actionLabel?: ReactNode\n  /** Where the action navigates. Defaults to the first allowed menu page (RBAC-aware), else `/`. */\n  to?: string\n  /** Show the \"back home\" action button. Defaults to `true` (hidden anyway when there's no router). */\n  showAction?: boolean\n  /** Faded-grid hero backdrop — passed to `EmptyState`. Defaults to `true` (its default). */\n  pattern?: boolean\n  /** Size — passed to `EmptyState`. Defaults to `md`. */\n  size?: EmptyStateSize\n}\n\n/**\n * The shared **404** page. Drop it straight into TanStack Router as the\n * `defaultNotFoundComponent` — zero props needed: the title/description/action strings come from the\n * built-in i18n (`useT`), so they translate with the panel language, and the action navigates to the\n * **first allowed menu page** (the same RBAC-aware target as `FirstRouteRedirect`), falling back to\n * `/`. Built on `EmptyState` (hero glyph + title + description + action, `pattern` on by default), so\n * it renders inside the `RootLayout` content area with the shell/sidebar intact. Lenient: with no\n * router context the `EmptyState` still renders, just without the action button. Token-only styling.\n *\n * @example\n * const router = createRouter({ routeTree, defaultNotFoundComponent: PageNotFound })\n */\nexport const PageNotFound = forwardRef<HTMLDivElement, PageNotFoundProps>(function PageNotFound(\n  { icon = 'SearchStatus', title, description, actionLabel, to, showAction = true, ...props },\n  ref,\n) {\n  const t = useT()\n  // the first allowed menu page (RBAC-aware, `/` fallback); router is undefined outside a <RouterProvider>\n  const { router, homeTo: resolvedTo } = useHomeTo(to)\n\n  const canNavigate = !!router && resolvedTo != null\n  const action =\n    showAction && canNavigate ? (\n      <Button size=\"sm\" onClick={() => router.navigate({ to: resolvedTo as LinkProps['to'] })}>\n        {actionLabel ?? t('notFound.action')}\n      </Button>\n    ) : undefined\n\n  return (\n    <EmptyState\n      ref={ref}\n      icon={icon}\n      title={title ?? t('notFound.title')}\n      description={description ?? t('notFound.description')}\n      action={action}\n      {...props}\n    />\n  )\n})\n"],"names":["PageNotFound","forwardRef","icon","title","description","actionLabel","to","showAction","props","ref","useT","router","resolvedTo","useHomeTo","canNavigate","action","jsx","Button","EmptyState"],"mappings":"gOAuCaA,EAAeC,EAAAA,WAA8C,SACxE,CAAE,KAAAC,EAAO,eAAgB,MAAAC,EAAO,YAAAC,EAAa,YAAAC,EAAa,GAAAC,EAAI,WAAAC,EAAa,GAAM,GAAGC,CAAA,EACpFC,EACA,CACA,MAAM,EAAIC,EAAAA,KAAA,EAEJ,CAAE,OAAAC,EAAQ,OAAQC,CAAA,EAAeC,EAAAA,UAAUP,CAAE,EAE7CQ,EAAc,CAAC,CAACH,GAAUC,GAAc,KACxCG,EACJR,GAAcO,EACZE,EAAAA,IAACC,EAAAA,QAAO,KAAK,KAAK,QAAS,IAAMN,EAAO,SAAS,CAAE,GAAIC,EAA+B,EACnF,YAAe,EAAE,iBAAiB,EACrC,EACE,OAEN,OACEI,EAAAA,IAACE,EAAAA,WAAA,CACC,IAAAT,EACA,KAAAP,EACA,MAAOC,GAAS,EAAE,gBAAgB,EAClC,YAAaC,GAAe,EAAE,sBAAsB,EACpD,OAAAW,EACC,GAAGP,CAAA,CAAA,CAGV,CAAC"}

package/dist/{PageNotFound-CpwHMTxG.js → PageNotFound-DQ-OvU_O.js}

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { E as F } from "./EmptyState-BEVEGcLx.js";
-import { B as g } from "./Button-PBZnkRNn.js";
-import { u as v } from "./useHomeTo-yTXajO22.js";
-import { a as T } from "./ConfigProvider-tvLbKiqu.js";
+import { E as F } from "./EmptyState-BvAA5mYO.js";
+import { B as g } from "./Button-BQ7jsm5P.js";
+import { u as v } from "./useHomeTo-DVMyLZbb.js";
+import { a as T } from "./ConfigProvider-DZMtq2Fz.js";
 const j = l(function({ icon: e = "SearchStatus", title: i, description: a, actionLabel: s, to: m, showAction: u = !0, ...c }, d) {
   const o = T(), { router: t, homeTo: n } = v(m), p = !!t && n != null, f = u && p ? /* @__PURE__ */ r(g, { size: "sm", onClick: () => t.navigate({ to: n }), children: s ?? o("notFound.action") }) : void 0;
   return /* @__PURE__ */ r(
@@ -21,4 +21,4 @@ const j = l(function({ icon: e = "SearchStatus", title: i, description: a, actio
 export {
   j as P
 };
-//# sourceMappingURL=PageNotFound-CpwHMTxG.js.map
+//# sourceMappingURL=PageNotFound-DQ-OvU_O.js.map

package/dist/{PageNotFound-CpwHMTxG.js.map → PageNotFound-DQ-OvU_O.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PageNotFound-CpwHMTxG.js","sources":["../src/components/PageNotFound/PageNotFound.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { EmptyState, type EmptyStateSize } from '../EmptyState'\nimport { Button } from '../Button'\nimport type { IconName } from '../../icons/names'\nimport { useHomeTo } from './useHomeTo'\n\nexport interface PageNotFoundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Hero glyph — an `IconName`, any node, or `false` to hide it. Defaults to `SearchStatus`. */\n  icon?: IconName | ReactNode | false\n  /** Heading. Defaults to the localized `notFound.title`. */\n  title?: ReactNode\n  /** Muted description. Defaults to the localized `notFound.description`. */\n  description?: ReactNode\n  /** Action button label. Defaults to the localized `notFound.action`. */\n  actionLabel?: ReactNode\n  /** Where the action navigates. Defaults to the first allowed menu page (RBAC-aware), else `/`. */\n  to?: string\n  /** Show the \"back home\" action button. Defaults to `true` (hidden anyway when there's no router). */\n  showAction?: boolean\n  /** Faded-grid hero backdrop — passed to `EmptyState`. Defaults to `true` (its default). */\n  pattern?: boolean\n  /** Size — passed to `EmptyState`. Defaults to `md`. */\n  size?: EmptyStateSize\n}\n\n/**\n * The shared **404** page. Drop it straight into TanStack Router as the\n * `defaultNotFoundComponent` — zero props needed: the title/description/action strings come from the\n * built-in i18n (`useT`), so they translate with the panel language, and the action navigates to the\n * **first allowed menu page** (the same RBAC-aware target as `FirstRouteRedirect`), falling back to\n * `/`. Built on `EmptyState` (hero glyph + title + description + action, `pattern` on by default), so\n * it renders inside the `RootLayout` content area with the shell/sidebar intact. Lenient: with no\n * router context the `EmptyState` still renders, just without the action button. Token-only styling.\n *\n * @example\n * const router = createRouter({ routeTree, defaultNotFoundComponent: PageNotFound })\n */\nexport const PageNotFound = forwardRef<HTMLDivElement, PageNotFoundProps>(function PageNotFound(\n  { icon = 'SearchStatus', title, description, actionLabel, to, showAction = true, ...props },\n  ref,\n) {\n  const t = useT()\n  // the first allowed menu page (RBAC-aware, `/` fallback); router is undefined outside a <RouterProvider>\n  const { router, homeTo: resolvedTo } = useHomeTo(to)\n\n  const canNavigate = !!router && resolvedTo != null\n  const action =\n    showAction && canNavigate ? (\n      <Button size=\"sm\" onClick={() => router.navigate({ to: resolvedTo as LinkProps['to'] })}>\n        {actionLabel ?? t('notFound.action')}\n      </Button>\n    ) : undefined\n\n  return (\n    <EmptyState\n      ref={ref}\n      icon={icon}\n      title={title ?? t('notFound.title')}\n      description={description ?? t('notFound.description')}\n      action={action}\n      {...props}\n    />\n  )\n})\n"],"names":["PageNotFound","forwardRef","icon","title","description","actionLabel","to","showAction","props","ref","t","useT","router","resolvedTo","useHomeTo","canNavigate","action","jsx","Button","EmptyState"],"mappings":";;;;;;AAuCO,MAAMA,IAAeC,EAA8C,SACxE,EAAE,MAAAC,IAAO,gBAAgB,OAAAC,GAAO,aAAAC,GAAa,aAAAC,GAAa,IAAAC,GAAI,YAAAC,IAAa,IAAM,GAAGC,EAAA,GACpFC,GACA;AACA,QAAMC,IAAIC,EAAA,GAEJ,EAAE,QAAAC,GAAQ,QAAQC,EAAA,IAAeC,EAAUR,CAAE,GAE7CS,IAAc,CAAC,CAACH,KAAUC,KAAc,MACxCG,IACJT,KAAcQ,IACZ,gBAAAE,EAACC,KAAO,MAAK,MAAK,SAAS,MAAMN,EAAO,SAAS,EAAE,IAAIC,GAA+B,GACnF,eAAeH,EAAE,iBAAiB,GACrC,IACE;AAEN,SACE,gBAAAO;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,MAAAP;AAAA,MACA,OAAOC,KAASO,EAAE,gBAAgB;AAAA,MAClC,aAAaN,KAAeM,EAAE,sBAAsB;AAAA,MACpD,QAAAM;AAAA,MACC,GAAGR;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"PageNotFound-DQ-OvU_O.js","sources":["../src/components/PageNotFound/PageNotFound.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react'\nimport { type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { EmptyState, type EmptyStateSize } from '../EmptyState'\nimport { Button } from '../Button'\nimport type { IconName } from '../../icons/names'\nimport { useHomeTo } from './useHomeTo'\n\nexport interface PageNotFoundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Hero glyph — an `IconName`, any node, or `false` to hide it. Defaults to `SearchStatus`. */\n  icon?: IconName | ReactNode | false\n  /** Heading. Defaults to the localized `notFound.title`. */\n  title?: ReactNode\n  /** Muted description. Defaults to the localized `notFound.description`. */\n  description?: ReactNode\n  /** Action button label. Defaults to the localized `notFound.action`. */\n  actionLabel?: ReactNode\n  /** Where the action navigates. Defaults to the first allowed menu page (RBAC-aware), else `/`. */\n  to?: string\n  /** Show the \"back home\" action button. Defaults to `true` (hidden anyway when there's no router). */\n  showAction?: boolean\n  /** Faded-grid hero backdrop — passed to `EmptyState`. Defaults to `true` (its default). */\n  pattern?: boolean\n  /** Size — passed to `EmptyState`. Defaults to `md`. */\n  size?: EmptyStateSize\n}\n\n/**\n * The shared **404** page. Drop it straight into TanStack Router as the\n * `defaultNotFoundComponent` — zero props needed: the title/description/action strings come from the\n * built-in i18n (`useT`), so they translate with the panel language, and the action navigates to the\n * **first allowed menu page** (the same RBAC-aware target as `FirstRouteRedirect`), falling back to\n * `/`. Built on `EmptyState` (hero glyph + title + description + action, `pattern` on by default), so\n * it renders inside the `RootLayout` content area with the shell/sidebar intact. Lenient: with no\n * router context the `EmptyState` still renders, just without the action button. Token-only styling.\n *\n * @example\n * const router = createRouter({ routeTree, defaultNotFoundComponent: PageNotFound })\n */\nexport const PageNotFound = forwardRef<HTMLDivElement, PageNotFoundProps>(function PageNotFound(\n  { icon = 'SearchStatus', title, description, actionLabel, to, showAction = true, ...props },\n  ref,\n) {\n  const t = useT()\n  // the first allowed menu page (RBAC-aware, `/` fallback); router is undefined outside a <RouterProvider>\n  const { router, homeTo: resolvedTo } = useHomeTo(to)\n\n  const canNavigate = !!router && resolvedTo != null\n  const action =\n    showAction && canNavigate ? (\n      <Button size=\"sm\" onClick={() => router.navigate({ to: resolvedTo as LinkProps['to'] })}>\n        {actionLabel ?? t('notFound.action')}\n      </Button>\n    ) : undefined\n\n  return (\n    <EmptyState\n      ref={ref}\n      icon={icon}\n      title={title ?? t('notFound.title')}\n      description={description ?? t('notFound.description')}\n      action={action}\n      {...props}\n    />\n  )\n})\n"],"names":["PageNotFound","forwardRef","icon","title","description","actionLabel","to","showAction","props","ref","t","useT","router","resolvedTo","useHomeTo","canNavigate","action","jsx","Button","EmptyState"],"mappings":";;;;;;AAuCO,MAAMA,IAAeC,EAA8C,SACxE,EAAE,MAAAC,IAAO,gBAAgB,OAAAC,GAAO,aAAAC,GAAa,aAAAC,GAAa,IAAAC,GAAI,YAAAC,IAAa,IAAM,GAAGC,EAAA,GACpFC,GACA;AACA,QAAMC,IAAIC,EAAA,GAEJ,EAAE,QAAAC,GAAQ,QAAQC,EAAA,IAAeC,EAAUR,CAAE,GAE7CS,IAAc,CAAC,CAACH,KAAUC,KAAc,MACxCG,IACJT,KAAcQ,IACZ,gBAAAE,EAACC,KAAO,MAAK,MAAK,SAAS,MAAMN,EAAO,SAAS,EAAE,IAAIC,GAA+B,GACnF,eAAeH,EAAE,iBAAiB,GACrC,IACE;AAEN,SACE,gBAAAO;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,MAAAP;AAAA,MACA,OAAOC,KAASO,EAAE,gBAAgB;AAAA,MAClC,aAAaN,KAAeM,EAAE,sBAAsB;AAAA,MACpD,QAAAM;AAAA,MACC,GAAGR;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/{Pagination-Df-F9i2o.js → Pagination-BjufY1mt.js}

@@ -2,7 +2,7 @@ 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-CGQ5yGSZ.js";
-import { a as W } from "./ConfigProvider-tvLbKiqu.js";
+import { a as W } from "./ConfigProvider-DZMtq2Fz.js";
 const v = (s, i) => Array.from({ length: Math.max(i - s + 1, 0) }, (l, a) => s + a);
 function X({
   count: s,
@@ -136,4 +136,4 @@ const Y = "_pagination_5gbvi_3", Z = "_list_5gbvi_8", y = "_item_5gbvi_18", u =
 export {
   _a as P
 };
-//# sourceMappingURL=Pagination-Df-F9i2o.js.map
+//# sourceMappingURL=Pagination-BjufY1mt.js.map

package/dist/{Pagination-Df-F9i2o.js.map → Pagination-BjufY1mt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Pagination-Df-F9i2o.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-BjufY1mt.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":";;;;;AAmBA,MAAMA,IAAQ,CAACC,GAAeC,MAC5B,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAIA,IAAMD,IAAQ,GAAG,CAAC,EAAA,GAAK,CAACE,GAAGC,MAAMH,IAAQG,CAAC;AAOnE,SAASC,EAAgB;AAAA,EAC9B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAClB,GAA6C;AAC3C,MAAIH,KAAS,EAAG,QAAO,CAAA;AAGvB,QAAMI,IAAaV,EAAM,GAAG,KAAK,IAAIS,GAAeH,CAAK,CAAC,GACpDK,IAAWX,EAAM,KAAK,IAAIM,IAAQG,IAAgB,GAAGA,IAAgB,CAAC,GAAGH,CAAK,GAG9EM,IAAgB,KAAK;AAAA,IACzB,KAAK,IAAIL,IAAOC,GAAcF,IAAQG,IAAgBD,IAAe,IAAI,CAAC;AAAA,IAC1EC,IAAgB;AAAA,EAAA,GAEZI,IAAc,KAAK;AAAA,IACvB,KAAK,IAAIN,IAAOC,GAAcC,IAAgBD,IAAe,IAAI,CAAC;AAAA,IAClEG,EAAS,SAAS,IAAIA,EAAS,CAAC,IAAI,IAAIL,IAAQ;AAAA,EAAA;AAGlD,SAAO;AAAA,IACL,GAAGI;AAAA;AAAA,IAEH,GAAIE,IAAgBH,IAAgB,IAC/B,CAAC,gBAAgB,IAClBA,IAAgB,IAAIH,IAAQG,IAC1B,CAACA,IAAgB,CAAC,IAClB,CAAA;AAAA,IACN,GAAGT,EAAMY,GAAeC,CAAW;AAAA;AAAA,IAEnC,GAAIA,IAAcP,IAAQG,IAAgB,IACrC,CAAC,cAAc,IAChBH,IAAQG,IAAgBA,IACtB,CAACH,IAAQG,CAAa,IACtB,CAAA;AAAA,IACN,GAAGE;AAAA,EAAA;AAEP;;;;;;;;;;;;;;;GCjBMG,IAAQ,CAACC,GAAWC,GAAYC,MAAe,KAAK,IAAI,KAAK,IAAIF,GAAGC,CAAE,GAAGC,CAAE,GASpEC,KAAaC,EAAyC,SACjE;AAAA,EACE,OAAAb;AAAA,EACA,MAAAC;AAAA,EACA,aAAAa,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,cAAAb,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,iBAAAa,IAAkB;AAAA,EAClB,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC,IAAiB;AAAA,EACjB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAcC,IAAY;AAAA,EAC1B,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAe7B,MAAS,QACxB,CAAC8B,GAAUC,CAAW,IAAIC,EAASnB,CAAW,GAC9CoB,IAAW,KAAK,IAAIlC,GAAO,CAAC,GAC5BmC,IAAU3B,EAAMsB,IAAe7B,IAAQ8B,GAAU,GAAGG,CAAQ,GAE5DE,IAAK,CAACC,MAAiB;AAC3B,UAAMC,IAAS9B,EAAM6B,GAAM,GAAGH,CAAQ;AACtC,IAAII,MAAWH,MACVL,KAAcE,EAAYM,CAAM,GACrCvB,KAAA,QAAAA,EAAWuB;AAAA,EACb,GAEMC,IAAIC,EAAA,GACJC,IAAQ1C,EAAgB,EAAE,OAAAC,GAAO,MAAMmC,GAAS,cAAAjC,GAAc,eAAAC,GAAe,GAG7EuC,IAAY;AAAA,IAChB,gBAAgB,kBAAkBpB,CAAK;AAAA,IACvC,eAAe,kBAAkBA,CAAK;AAAA,IACtC,GAAGI;AAAA,EAAA,GAKCiB,IAAU,CACdC,GACAC,GACAC,GACAR,GACAS,GACAC,GACAC,IAAO,OAEPF,IAAS,OACP,gBAAAG,EAAC,MAAA,EAAa,WAAWC,EAAO,MAC9B,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWE,EAAKD,EAAO,MAAMA,EAAO,KAAK;AAAA,MACzC,cAAYL;AAAA,MACZ,UAAUtB,KAAYwB;AAAA,MACtB,SAAS,MAAMZ,EAAGE,CAAM;AAAA,MAExB,UAAA,gBAAAY,EAACG,KAAK,MAAMR,GAAM,MAAAxB,GAAY,WAAW4B,IAAOE,EAAO,OAAO,OAAA,CAAW;AAAA,IAAA;AAAA,EAAA,KARpEP,CAUT;AAGJ,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAArB;AAAA,MACA,cAAYF;AAAA,MACZ,WAAWyB;AAAA,QACTD,EAAO;AAAA,QACPA,EAAO/B,CAAO;AAAA,QACd+B,EAAO9B,CAAI;AAAA,QACXE,KAAW4B,EAAO;AAAA,QAClB1B;AAAA,MAAA;AAAA,MAEF,OAAOiB;AAAA,MACN,GAAGd;AAAA,MAEJ,UAAA,gBAAA0B,EAAC,MAAA,EAAG,WAAWH,EAAO,MACnB,UAAA;AAAA,QAAAnC,KACC2B,EAAQ,SAAS,YAAYJ,EAAE,kBAAkB,GAAG,GAAG,IAAOJ,KAAW,CAAC;AAAA,QAC3EQ;AAAA,UACC;AAAA,UACA;AAAA,UACAJ,EAAE,qBAAqB;AAAA,UACvBJ,IAAU;AAAA,UACVjB;AAAA,UACAiB,KAAW;AAAA,QAAA;AAAA,QAEZM,EAAM;AAAA,UAAI,CAACc,GAAMzD,MAChB,OAAOyD,KAAS,WACd,gBAAAL,EAAC,MAAA,EAAc,WAAWC,EAAO,MAC/B,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAWE,EAAKD,EAAO,MAAMI,MAASpB,KAAWgB,EAAO,QAAQ;AAAA,cAChE,cAAYZ,EAAE,mBAAmB,EAAE,MAAMgB,GAAM;AAAA,cAC/C,gBAAcA,MAASpB,IAAU,SAAS;AAAA,cAC1C,UAAAX;AAAA,cACA,SAAS,MAAMY,EAAGmB,CAAI;AAAA,cAErB,UAAAA;AAAA,YAAA;AAAA,UAAA,EACH,GAVOA,CAWT,IAEA,gBAAAL,EAAC,QAAwB,WAAWC,EAAO,MAAM,eAAW,IAC1D,4BAAC,QAAA,EAAK,WAAWA,EAAO,UAAU,UAAA,IAAA,CAAC,KAD5B,GAAGI,CAAI,IAAIzD,CAAC,EAErB;AAAA,QAAA;AAAA,QAGH6C;AAAA,UACC;AAAA,UACA;AAAA,UACAJ,EAAE,iBAAiB;AAAA,UACnBJ,IAAU;AAAA,UACVhB;AAAA,UACAgB,KAAWnC;AAAA,UACX;AAAA,QAAA;AAAA,QAEDiB,KACC0B,EAAQ,QAAQ,QAAQJ,EAAE,iBAAiB,GAAGvC,GAAO,IAAOmC,KAAWnC,CAAK;AAAA,MAAA,EAAA,CAChF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/{Pagination-BF8cmQMi.cjs → Pagination-jLyJa8iL.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),P=require("react"),d=require("clsx"),Q=require("./Icon-BUP5_kRs.cjs"),U=require("./ConfigProvider-CVLHPXQm.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-BF8cmQMi.cjs.map
+"use strict";const r=require("react/jsx-runtime"),P=require("react"),d=require("clsx"),Q=require("./Icon-BUP5_kRs.cjs"),U=require("./ConfigProvider-th4GYhcU.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-jLyJa8iL.cjs.map

package/dist/{Pagination-BF8cmQMi.cjs.map → Pagination-jLyJa8iL.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Pagination-BF8cmQMi.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-jLyJa8iL.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-BFRPv7AC.cjs → PaletteField-DGaV7VJ9.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),k=require("clsx"),y=require("./formContext-bTWrqdEV.cjs"),_=require("./ColorPicker-DmLGKaYF.cjs"),z=require("./ColorRamp-D_9gsqJl.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-BFRPv7AC.cjs.map
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),k=require("clsx"),y=require("./formContext-bTWrqdEV.cjs"),_=require("./ColorPicker-C33dlkhN.cjs"),z=require("./ColorRamp-BJWNKzoX.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-DGaV7VJ9.cjs.map

package/dist/{PaletteField-BFRPv7AC.cjs.map → PaletteField-DGaV7VJ9.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PaletteField-BFRPv7AC.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"}
+{"version":3,"file":"PaletteField-DGaV7VJ9.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/{PaletteField-DUu4jz1c.js → PaletteField-DTfV8Lny.js}

@@ -2,8 +2,8 @@ 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-6UraVYFy.js";
-import { C as v } from "./ColorRamp-CSqzzHZx.js";
+import { C as h } from "./ColorPicker-BNM75F5E.js";
+import { C as v } from "./ColorRamp-BnuXrSxa.js";
 const w = "_root_bbykz_3", I = {
   root: w
 }, H = k(function({
@@ -51,4 +51,4 @@ const w = "_root_bbykz_3", I = {
 export {
   H as P
 };
-//# sourceMappingURL=PaletteField-DUu4jz1c.js.map
+//# sourceMappingURL=PaletteField-DTfV8Lny.js.map

package/dist/{PaletteField-DUu4jz1c.js.map → PaletteField-DTfV8Lny.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PaletteField-DUu4jz1c.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;"}
+{"version":3,"file":"PaletteField-DTfV8Lny.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/{PhoneField-CXIQX_hR.js → PhoneField-BSIhBMW2.js}

@@ -4,11 +4,11 @@ import { clsx as ne } from "clsx";
 import { o as Ue, u as ke } from "./useOptionalPeer-49f3XcO5.js";
 import { u as Ee } from "./formContext-B7ln1Miy.js";
 import { I as Me } from "./Icon-CGQ5yGSZ.js";
-import { T as Ve } from "./TextField-LONfx4jy.js";
-import { u as We, O as je } from "./useOptionMenu-DK0ixg-p.js";
-import { T as pe } from "./Typography-CJv5AnRP.js";
+import { T as Ve } from "./TextField-otYGVuwF.js";
+import { u as We, O as je } from "./useOptionMenu-DNYlfNO_.js";
+import { T as pe } from "./Typography-ChSuxgkc.js";
 import { f as y } from "./TextField.module-6gYcR9TL.js";
-import { a as Be, u as Ge } from "./ConfigProvider-tvLbKiqu.js";
+import { a as Be, u as Ge } from "./ConfigProvider-DZMtq2Fz.js";
 const Y = Ue(
   "libphonenumber-js",
   "PhoneField",
@@ -369,4 +369,4 @@ export {
   vn as P,
   gn as i
 };
-//# sourceMappingURL=PhoneField-CXIQX_hR.js.map
+//# sourceMappingURL=PhoneField-BSIhBMW2.js.map