@techzyapp/ui-library 1.0.49 → 1.0.50

package/dist/{PageNotFound-Cse4bROv.cjs → PageNotFound-u9Q4KG6B.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),g=require("react"),q=require("./EmptyState-BM5LrRLq.cjs"),N=require("./Button-BtiFpRie.cjs"),v=require("./useHomeTo-cXCg1tf0.cjs"),T=require("./ConfigProvider-CYSpuSMJ.cjs"),f=g.forwardRef(function({icon:r="SearchStatus",title:u,description:i,actionLabel:s,to:c,showAction:a=!0,data:P,isNotFound:S,routeId:h,...d},F){const t=T.useT(),{router:o,homeTo:e}=v.useHomeTo(c),l=!!o&&e!=null,m=a&&l?n.jsx(N.Button,{size:"sm",onClick:()=>o.navigate({to:e}),children:s??t("notFound.action")}):void 0;return n.jsx(q.EmptyState,{ref:F,icon:r,title:u??t("notFound.title"),description:i??t("notFound.description"),action:m,...d})});exports.PageNotFound=f;
-//# sourceMappingURL=PageNotFound-Cse4bROv.cjs.map
+"use strict";const n=require("react/jsx-runtime"),g=require("react"),q=require("./EmptyState-BzwrOICc.cjs"),N=require("./Button-DAvQCGIw.cjs"),v=require("./useHomeTo---51HTJ0.cjs"),T=require("./ConfigProvider-BFhkb0BV.cjs"),f=g.forwardRef(function({icon:r="SearchStatus",title:u,description:i,actionLabel:s,to:c,showAction:a=!0,data:P,isNotFound:S,routeId:h,...d},F){const t=T.useT(),{router:o,homeTo:e}=v.useHomeTo(c),l=!!o&&e!=null,m=a&&l?n.jsx(N.Button,{size:"sm",onClick:()=>o.navigate({to:e}),children:s??t("notFound.action")}):void 0;return n.jsx(q.EmptyState,{ref:F,icon:r,title:u??t("notFound.title"),description:i??t("notFound.description"),action:m,...d})});exports.PageNotFound=f;
+//# sourceMappingURL=PageNotFound-u9Q4KG6B.cjs.map

package/dist/{PageNotFound-Cse4bROv.cjs.map → PageNotFound-u9Q4KG6B.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PageNotFound-Cse4bROv.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   * The router's `NotFoundRouteProps`, declared so `defaultNotFoundComponent: PageNotFound` type-checks (an\n   * all-optional props type that shares no field with the router's props fails TypeScript's weak-type check —\n   * `data` / `isNotFound` alone satisfy it), and destructured away so they never reach the DOM.\n   * `routeId` is `unknown` ON PURPOSE: the router types it `RouteIds<RegisteredRouter['routeTree']>`, and any\n   * narrower type here (1.0.36 had `string`) makes the assignability check resolve that — i.e. `typeof router`\n   * through the app's `Register` block — while `createRouter` is still inferring `router`: a cycle (TS7022 /\n   * TS2502). `unknown` accepts it without looking. Guarded by `routerDefaults.registered.test-d.ts`.\n   */\n  /** Passed by TanStack Router when used as `defaultNotFoundComponent`; ignored. */\n  data?: unknown\n  /** Passed by TanStack Router when used as `defaultNotFoundComponent`; ignored. */\n  isNotFound?: boolean\n  /** Passed by TanStack Router when used as `defaultNotFoundComponent`; ignored (`unknown` — see above). */\n  routeId?: unknown\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({\n *   routeTree,\n *   defaultNotFoundComponent: PageNotFound,\n *   defaultErrorComponent: PageError,\n * })\n */\nexport const PageNotFound = forwardRef<HTMLDivElement, PageNotFoundProps>(function PageNotFound(\n  {\n    icon = 'SearchStatus',\n    title,\n    description,\n    actionLabel,\n    to,\n    showAction = true,\n    // the router's props — kept off the DOM\n    data: _data,\n    isNotFound: _isNotFound,\n    routeId: _routeId,\n    ...props\n  },\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","_data","_isNotFound","_routeId","props","ref","useT","router","resolvedTo","useHomeTo","canNavigate","action","jsx","Button","EmptyState"],"mappings":"gOA0DaA,EAAeC,EAAAA,WAA8C,SACxE,CACE,KAAAC,EAAO,eACP,MAAAC,EACA,YAAAC,EACA,YAAAC,EACA,GAAAC,EACA,WAAAC,EAAa,GAEb,KAAMC,EACN,WAAYC,EACZ,QAASC,EACT,GAAGC,CACL,EACAC,EACA,CACA,MAAM,EAAIC,EAAAA,KAAA,EAEJ,CAAE,OAAAC,EAAQ,OAAQC,CAAA,EAAeC,EAAAA,UAAUV,CAAE,EAE7CW,EAAc,CAAC,CAACH,GAAUC,GAAc,KACxCG,EACJX,GAAcU,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,KAAAV,EACA,MAAOC,GAAS,EAAE,gBAAgB,EAClC,YAAaC,GAAe,EAAE,sBAAsB,EACpD,OAAAc,EACC,GAAGP,CAAA,CAAA,CAGV,CAAC"}
+{"version":3,"file":"PageNotFound-u9Q4KG6B.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   * The router's `NotFoundRouteProps`, declared so `defaultNotFoundComponent: PageNotFound` type-checks (an\n   * all-optional props type that shares no field with the router's props fails TypeScript's weak-type check —\n   * `data` / `isNotFound` alone satisfy it), and destructured away so they never reach the DOM.\n   * `routeId` is `unknown` ON PURPOSE: the router types it `RouteIds<RegisteredRouter['routeTree']>`, and any\n   * narrower type here (1.0.36 had `string`) makes the assignability check resolve that — i.e. `typeof router`\n   * through the app's `Register` block — while `createRouter` is still inferring `router`: a cycle (TS7022 /\n   * TS2502). `unknown` accepts it without looking. Guarded by `routerDefaults.registered.test-d.ts`.\n   */\n  /** Passed by TanStack Router when used as `defaultNotFoundComponent`; ignored. */\n  data?: unknown\n  /** Passed by TanStack Router when used as `defaultNotFoundComponent`; ignored. */\n  isNotFound?: boolean\n  /** Passed by TanStack Router when used as `defaultNotFoundComponent`; ignored (`unknown` — see above). */\n  routeId?: unknown\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({\n *   routeTree,\n *   defaultNotFoundComponent: PageNotFound,\n *   defaultErrorComponent: PageError,\n * })\n */\nexport const PageNotFound = forwardRef<HTMLDivElement, PageNotFoundProps>(function PageNotFound(\n  {\n    icon = 'SearchStatus',\n    title,\n    description,\n    actionLabel,\n    to,\n    showAction = true,\n    // the router's props — kept off the DOM\n    data: _data,\n    isNotFound: _isNotFound,\n    routeId: _routeId,\n    ...props\n  },\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","_data","_isNotFound","_routeId","props","ref","useT","router","resolvedTo","useHomeTo","canNavigate","action","jsx","Button","EmptyState"],"mappings":"gOA0DaA,EAAeC,EAAAA,WAA8C,SACxE,CACE,KAAAC,EAAO,eACP,MAAAC,EACA,YAAAC,EACA,YAAAC,EACA,GAAAC,EACA,WAAAC,EAAa,GAEb,KAAMC,EACN,WAAYC,EACZ,QAASC,EACT,GAAGC,CACL,EACAC,EACA,CACA,MAAM,EAAIC,EAAAA,KAAA,EAEJ,CAAE,OAAAC,EAAQ,OAAQC,CAAA,EAAeC,EAAAA,UAAUV,CAAE,EAE7CW,EAAc,CAAC,CAACH,GAAUC,GAAc,KACxCG,EACJX,GAAcU,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,KAAAV,EACA,MAAOC,GAAS,EAAE,gBAAgB,EAClC,YAAaC,GAAe,EAAE,sBAAsB,EACpD,OAAAc,EACC,GAAGP,CAAA,CAAA,CAGV,CAAC"}

package/dist/{Pagination-BNJdqcu4.js → Pagination-CLjNwqie.js}

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as Q } from "react/jsx-runtime";
 import { forwardRef as U, useState as V } from "react";
 import { clsx as d } from "clsx";
-import { b as W } from "./Icon-B7DJn8Tw.js";
-import { a as X } from "./ConfigProvider-DtyUlWk6.js";
+import { b as W } from "./Icon-DMMO32p6.js";
+import { a as X } from "./ConfigProvider-bXX8dnhY.js";
 const w = (s, t) => Array.from({ length: Math.max(t - s + 1, 0) }, (l, a) => s + a);
 function Y({
   count: s,
@@ -136,4 +136,4 @@ const Z = "_pagination_889w0_3", y = "_list_889w0_8", u = "_item_889w0_18", C =
 export {
   ga as P
 };
-//# sourceMappingURL=Pagination-BNJdqcu4.js.map
+//# sourceMappingURL=Pagination-CLjNwqie.js.map

package/dist/{Pagination-BNJdqcu4.js.map → Pagination-CLjNwqie.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Pagination-BNJdqcu4.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': ariaLabelProp,\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 ariaLabel = ariaLabelProp ?? t('pagination.label')\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 glyph is the left one 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","ariaLabelProp","props","ref","isControlled","internal","setInternal","useState","lastPage","current","go","next","target","t","useT","ariaLabel","items","rootStyle","control","key","icon","label","hidden","atBound","flip","jsx","styles","clsx","Icon","jsxs","item"],"mappings":"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"}
+{"version":3,"file":"Pagination-CLjNwqie.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': ariaLabelProp,\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 ariaLabel = ariaLabelProp ?? t('pagination.label')\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 glyph is the left one 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","ariaLabelProp","props","ref","isControlled","internal","setInternal","useState","lastPage","current","go","next","target","t","useT","ariaLabel","items","rootStyle","control","key","icon","label","hidden","atBound","flip","jsx","styles","clsx","Icon","jsxs","item"],"mappings":"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"}

package/dist/{Pagination-DkmfEmgK.cjs → Pagination-HtS5gPnd.cjs}

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

package/dist/{Pagination-DkmfEmgK.cjs.map → Pagination-HtS5gPnd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Pagination-DkmfEmgK.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': ariaLabelProp,\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 ariaLabel = ariaLabelProp ?? t('pagination.label')\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 glyph is the left one 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","ariaLabelProp","props","ref","isControlled","internal","setInternal","useState","lastPage","current","go","next","target","t","useT","ariaLabel","items","rootStyle","control","key","icon","label","hidden","atBound","flip","jsx","styles","clsx","Icon","jsxs","item"],"mappings":"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"}
+{"version":3,"file":"Pagination-HtS5gPnd.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': ariaLabelProp,\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 ariaLabel = ariaLabelProp ?? t('pagination.label')\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 glyph is the left one 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","ariaLabelProp","props","ref","isControlled","internal","setInternal","useState","lastPage","current","go","next","target","t","useT","ariaLabel","items","rootStyle","control","key","icon","label","hidden","atBound","flip","jsx","styles","clsx","Icon","jsxs","item"],"mappings":"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"}

package/dist/{PaletteField-DqZl1mK0.cjs → PaletteField-BSgx5pxh.cjs}

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

package/dist/{PaletteField-DqZl1mK0.cjs.map → PaletteField-BSgx5pxh.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PaletteField-DqZl1mK0.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  /**\n   * Show the ramp's \"Lightest … Darkest\" row (see `ColorRamp.showBounds`). Default `true`. Ignored\n   * with `hideRamp`.\n   */\n  showBounds?: 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 unless\n * `showBounds={false}`). `opaque` (default `true`) passes `alpha={false}` to the picker: no alpha\n * slider, `#rrggbb` only.\n */\nexport const PaletteField = forwardRef<HTMLDivElement, PaletteFieldProps>(function PaletteField(\n  {\n    rampName,\n    paletteOptions,\n    rampSize = 'md',\n    hideRamp = false,\n    showBounds = true,\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          showBounds={showBounds}\n          onCopy={onCopyStep}\n        />\n      )}\n    </div>\n  )\n})\n"],"names":["PaletteField","forwardRef","rampName","paletteOptions","rampSize","hideRamp","showBounds","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":"0OAwCaA,EAAeC,EAAAA,WAA8C,SACxE,CACE,SAAAC,EACA,eAAAC,EACA,SAAAC,EAAW,KACX,SAAAC,EAAW,GACX,WAAAC,EAAa,GACb,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,CAACF,GACAwB,EAAAA,IAACE,EAAAA,UAAA,CACC,UAAWR,EACX,KAAMrB,GAAYU,GAAQ,QAC1B,QAAST,EACT,KAAMC,EACN,WAAAE,EACA,OAAQE,CAAA,CAAA,CACV,EAEJ,CAEJ,CAAC"}
+{"version":3,"file":"PaletteField-BSgx5pxh.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  /**\n   * Show the ramp's \"Lightest … Darkest\" row (see `ColorRamp.showBounds`). Default `true`. Ignored\n   * with `hideRamp`.\n   */\n  showBounds?: 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 unless\n * `showBounds={false}`). `opaque` (default `true`) passes `alpha={false}` to the picker: no alpha\n * slider, `#rrggbb` only.\n */\nexport const PaletteField = forwardRef<HTMLDivElement, PaletteFieldProps>(function PaletteField(\n  {\n    rampName,\n    paletteOptions,\n    rampSize = 'md',\n    hideRamp = false,\n    showBounds = true,\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          showBounds={showBounds}\n          onCopy={onCopyStep}\n        />\n      )}\n    </div>\n  )\n})\n"],"names":["PaletteField","forwardRef","rampName","paletteOptions","rampSize","hideRamp","showBounds","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":"0OAwCaA,EAAeC,EAAAA,WAA8C,SACxE,CACE,SAAAC,EACA,eAAAC,EACA,SAAAC,EAAW,KACX,SAAAC,EAAW,GACX,WAAAC,EAAa,GACb,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,CAACF,GACAwB,EAAAA,IAACE,EAAAA,UAAA,CACC,UAAWR,EACX,KAAMrB,GAAYU,GAAQ,QAC1B,QAAST,EACT,KAAMC,EACN,WAAAE,EACA,OAAQE,CAAA,CAAA,CACV,EAEJ,CAEJ,CAAC"}

package/dist/{PaletteField-Cdky6Zka.js → PaletteField-Bk7cnSla.js}

@@ -2,8 +2,8 @@ import { jsxs as k, jsx as n } from "react/jsx-runtime";
 import { forwardRef as z, useState as B } from "react";
 import { clsx as R } from "clsx";
 import { u as h } from "./formContext-B7ln1Miy.js";
-import { C as v } from "./ColorPicker-CwLivdAt.js";
-import { C as w } from "./ColorRamp-DbFOsspz.js";
+import { C as v } from "./ColorPicker-C4slmEZC.js";
+import { C as w } from "./ColorRamp-DQZZiE5I.js";
 const I = "_root_bbykz_3", N = {
   root: I
 }, J = z(function({
@@ -53,4 +53,4 @@ const I = "_root_bbykz_3", N = {
 export {
   J as P
 };
-//# sourceMappingURL=PaletteField-Cdky6Zka.js.map
+//# sourceMappingURL=PaletteField-Bk7cnSla.js.map

package/dist/{PaletteField-Cdky6Zka.js.map → PaletteField-Bk7cnSla.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PaletteField-Cdky6Zka.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  /**\n   * Show the ramp's \"Lightest … Darkest\" row (see `ColorRamp.showBounds`). Default `true`. Ignored\n   * with `hideRamp`.\n   */\n  showBounds?: 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 unless\n * `showBounds={false}`). `opaque` (default `true`) passes `alpha={false}` to the picker: no alpha\n * slider, `#rrggbb` only.\n */\nexport const PaletteField = forwardRef<HTMLDivElement, PaletteFieldProps>(function PaletteField(\n  {\n    rampName,\n    paletteOptions,\n    rampSize = 'md',\n    hideRamp = false,\n    showBounds = true,\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          showBounds={showBounds}\n          onCopy={onCopyStep}\n        />\n      )}\n    </div>\n  )\n})\n"],"names":["PaletteField","forwardRef","rampName","paletteOptions","rampSize","hideRamp","showBounds","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":";;;;;;;;GAwCaA,IAAeC,EAA8C,SACxE;AAAA,EACE,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,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,CAACF,KACA,gBAAAwB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWR;AAAA,QACX,MAAMrB,KAAYU,KAAQ;AAAA,QAC1B,SAAST;AAAA,QACT,MAAMC;AAAA,QACN,YAAAE;AAAA,QACA,QAAQE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"PaletteField-Bk7cnSla.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  /**\n   * Show the ramp's \"Lightest … Darkest\" row (see `ColorRamp.showBounds`). Default `true`. Ignored\n   * with `hideRamp`.\n   */\n  showBounds?: 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 unless\n * `showBounds={false}`). `opaque` (default `true`) passes `alpha={false}` to the picker: no alpha\n * slider, `#rrggbb` only.\n */\nexport const PaletteField = forwardRef<HTMLDivElement, PaletteFieldProps>(function PaletteField(\n  {\n    rampName,\n    paletteOptions,\n    rampSize = 'md',\n    hideRamp = false,\n    showBounds = true,\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          showBounds={showBounds}\n          onCopy={onCopyStep}\n        />\n      )}\n    </div>\n  )\n})\n"],"names":["PaletteField","forwardRef","rampName","paletteOptions","rampSize","hideRamp","showBounds","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":";;;;;;;;GAwCaA,IAAeC,EAA8C,SACxE;AAAA,EACE,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,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,CAACF,KACA,gBAAAwB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWR;AAAA,QACX,MAAMrB,KAAYU,KAAQ;AAAA,QAC1B,SAAST;AAAA,QACT,MAAMC;AAAA,QACN,YAAAE;AAAA,QACA,QAAQE;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAEJ;AAEJ,CAAC;"}

package/dist/{PhoneField-jq-3_i_b.cjs → PhoneField-CzFv2Vci.cjs}

@@ -1,2 +1,2 @@
-"use strict";var we=Object.create;var ae=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var qe=Object.getPrototypeOf,$e=Object.prototype.hasOwnProperty;var Ue=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of De(e))!$e.call(t,r)&&r!==o&&ae(t,r,{get:()=>e[r],enumerable:!(s=Ae(e,r))||s.enumerable});return t};var Me=(t,e,o)=>(o=t!=null?we(qe(t)):{},Ue(e||!t||!t.__esModule?ae(o,"default",{value:t,enumerable:!0}):o,t));const c=require("react/jsx-runtime"),u=require("react"),z=require("clsx"),fe=require("./useOptionalPeer-9Fkx5Leb.cjs"),ke=require("./formContext-bTWrqdEV.cjs"),Ee=require("./Icon-CBg21lKA.cjs"),Ve=require("./TextField-D4s2hGSd.cjs"),ce=require("./useOptionMenu-6ZffgbYG.cjs"),ue=require("./Typography-d97DdbNd.cjs"),v=require("./TextField.module-DsNCo8vN.cjs"),de=require("./ConfigProvider-CYSpuSMJ.cjs"),G=fe.optionalPeer("libphonenumber-js","PhoneField",()=>import("libphonenumber-js")),g=()=>G.get();let We;function Be(){return We??(We=g().getCountries())}const D=t=>g().getCountryCallingCode(t);function Ge(t){const e=G.get();return e?typeof t=="string"&&t.trim()!==""&&e.isValidPhoneNumber(t):(G.load(),!1)}function pe(t){return String.fromCodePoint(...[...t.toUpperCase()].map(e=>127462+e.charCodeAt(0)-65))}const W=new Map;function he(t,e){var o;if(!W.has(e))try{W.set(e,new Intl.DisplayNames([e],{type:"region"}))}catch{W.set(e,null)}try{return((o=W.get(e))==null?void 0:o.of(t))??t}catch{return t}}const Le={1:"US",7:"RU",39:"IT",44:"GB",47:"NO",61:"AU",212:"MA",262:"RE",290:"SH",358:"FI",590:"GP",599:"CW"},Ye={ka:"GE",en:"US",es:"ES",de:"DE",it:"IT",fr:"FR",ru:"RU"};function He(t,e){var d,a;const[o,s]=t.split("-"),r=typeof navigator<"u"?(a=(d=navigator.language)==null?void 0:d.split("-")[1])==null?void 0:a.toUpperCase():void 0;return[s==null?void 0:s.toUpperCase(),Ye[o==null?void 0:o.toLowerCase()],r,"US"].find(h=>h&&e.includes(h))??e[0]}const Ke=t=>t.replace(/\D/g,"");function ye(t,e,o,s){return D(e)===t?e:[o,Le[t],...s.filter(i=>D(i)===t)].find(i=>i&&s.includes(i))??e}function B(t,e,o,s){const r=t.trimStart(),i=Ke(r);if(!i)return{e164:"",country:e,national:"",valid:!1,display:r.startsWith("+")?"+":""};if(r.startsWith("+")){const _=new(g()).AsYouType,N=_.input(`+${i}`),b=_.getCallingCode(),x=g().parsePhoneNumberFromString(`+${i}`),R=b?ye(b,e,(x==null?void 0:x.country)??_.getCountry(),s):e,q=`+${i}`;return{e164:q,country:R,national:b?i.slice(b.length):"",valid:g().isValidPhoneNumber(q),display:N}}const d=D(e),a=g().parsePhoneNumberFromString(i,e),h=(a==null?void 0:a.nationalNumber)??i.replace(/^0+/,""),P=h?`+${d}${h}`:"",w=o==="international"?new(g()).AsYouType(e).input(`+${d}${h}`):new(g()).AsYouType(e).input(i);return{e164:P,country:e,national:h,valid:P!==""&&g().isValidPhoneNumber(P),display:w}}function ee(t,e,o,s){if(!t)return{country:e,display:""};const r=g().parsePhoneNumberFromString(t);if(r)return{country:ye(r.countryCallingCode,e,r.country,s),display:o==="national"?r.formatNational():r.formatInternational()};const i=B(t,e,"international",s),d=o==="national"&&i.national?new(g()).AsYouType(i.country).input(i.national):i.display;return{country:i.country,display:d}}function Je(t,e){if(e<=0)return t.startsWith("+")?1:0;let o=0;for(let s=0;s<t.length;s++)if(/\d/.test(t[s])&&o++,o===e)return s+1;return t.length}const Qe="_phoneField_1eja1_4",Xe="_country_1eja1_9",Ze="_flag_1eja1_37",ze="_code_1eja1_42",et="_chevron_1eja1_46",tt="_chevronOpen_1eja1_50",nt="_dial_1eja1_55",F={phoneField:Qe,country:Xe,flag:Ze,code:ze,chevron:et,chevronOpen:tt,dial:nt},ot=u.forwardRef(function({value:e,defaultValue:o,onChange:s,defaultCountry:r,countries:i,preferredCountries:d=[],format:a="national",label:h,helperText:P,error:w,required:_,size:N="md",fullWidth:b=!0,name:x,disabled:R=!1,id:q,className:ge,style:me,onBlur:L,placeholder:ve,...xe},A){const O=de.useT(),{language:I}=de.useLanguage(),f=i??Be(),Ce=u.useId(),$=q??Ce,te=`${$}-helper`,U=ke.useFormContext(),M=!!(U&&x),C=M?U.field(x):void 0,[Fe,Ne]=u.useState(o??""),T=e!==void 0?e:M?U.values[x]??"":Fe,Y=w??(C==null?void 0:C.error)??!1,H=P??(C==null?void 0:C.helperText),ne=u.useMemo(()=>r&&f.includes(r)?r:He(I,f),[r,I,f.join()]),[S,K]=u.useState(()=>ee(T,ne,a,f).country),[k,oe]=u.useState(()=>ee(T,ne,a,f).display),J=u.useRef(T);if(J.current!==T){J.current=T;const n=ee(T,S,a,f);K(n.country),oe(n.display)}const Q=u.useRef(null),Se=u.useCallback(n=>{Q.current=n,typeof A=="function"?A(n):A&&(A.current=n)},[A]),X=u.useRef(null);u.useLayoutEffect(()=>{var y;const n=X.current;n!=null&&(X.current=null,(y=Q.current)==null||y.setSelectionRange(n,n))});const se=n=>{J.current=n.e164,oe(n.display),n.country!==S&&K(n.country),e===void 0&&!M&&Ne(n.e164),M&&U.setValue(x,n.e164),s==null||s(n.e164,{country:n.country,national:n.national,valid:n.valid})},je=n=>{const y=n.target;let p=y.value;const l=y.selectionStart??p.length;let m=p.slice(0,l).replace(/\D/g,"").length;const Ie=k.replace(/\D/g,"");if(p.length<k.length&&p.replace(/\D/g,"")===Ie&&m>0){let Te=0,E=-1;for(let V=0;V<p.length;V++)if(/\d/.test(p[V])&&++Te===m){E=V;break}E>=0&&(p=p.slice(0,E)+p.slice(E+1)),m-=1}const Z=B(p,S,a,f);X.current=l>=y.value.length?Z.display.length:Je(Z.display,m),se(Z)},re=u.useRef(null),Pe=u.useMemo(()=>{const n=l=>{const m=D(l);return{value:l,label:he(l,I),icon:c.jsx("span",{className:F.flag,"aria-hidden":"true",children:pe(l)}),keywords:[l,m,`+${m}`],trailing:c.jsxs("span",{className:F.dial,children:["+",m]})}},y=d.filter(l=>f.includes(l)).map(n),p=f.filter(l=>!d.includes(l)).map(n).sort((l,m)=>l.label.localeCompare(m.label,I));return y.length===0?p:[...y.map(l=>({...l,group:O("phoneField.suggested")})),...p.map(l=>({...l,group:O("phoneField.allCountries")}))]},[f,d,I,O]),_e=n=>{const y=B(k,S,a,f).national;K(n),se({...B(y,n,a,f),country:n})},j=ce.useOptionMenu({idBase:`${$}-country`,options:Pe,isSelected:n=>n.value===S,onPick:n=>_e(n.value),searchable:!0,disabled:R,focusRef:Q}),be=n=>{C==null||C.onBlur(n),L==null||L(n)},Re=H!=null?te:void 0,ie=N==="sm"?16:N==="md"?14:12,le=D(S),Oe=he(S,I);return c.jsxs("div",{className:z.clsx(v.fieldStyles.field,v.fieldStyles[N],b&&v.fieldStyles.fullWidth,Y&&v.fieldStyles.error,R&&v.fieldStyles.disabled,F.phoneField,ge),style:me,children:[h!=null&&c.jsxs("label",{htmlFor:$,className:v.fieldStyles.label,children:[c.jsx(ue.Typography,{as:"span",variant:"bodySmall",color:"muted",children:h}),_&&c.jsx("span",{className:v.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),c.jsxs("div",{ref:re,className:z.clsx(v.fieldStyles.control,F.control),children:[c.jsxs("button",{type:"button",className:F.country,"aria-haspopup":"listbox","aria-expanded":j.open,"aria-controls":j.open?j.listboxId:void 0,"aria-label":`${O("phoneField.country")}: ${Oe} (+${le})`,disabled:R,onClick:j.toggleMenu,onKeyDown:n=>{(n.key==="ArrowDown"||n.key==="ArrowUp")&&!j.open&&(n.preventDefault(),j.openMenu())},children:[c.jsx("span",{className:F.flag,"aria-hidden":"true",children:pe(S)}),a==="national"&&c.jsxs("span",{className:F.code,children:["+",le]}),c.jsx(Ee.Icon,{name:"ArrowDown4",className:z.clsx(F.chevron,j.open&&F.chevronOpen),style:{width:ie,height:ie},"aria-hidden":"true"})]}),c.jsx("input",{ref:Se,id:$,name:x,type:"tel",inputMode:"tel",autoComplete:"tel",className:v.fieldStyles.input,value:k,placeholder:ve,onChange:je,onBlur:be,disabled:R,"aria-invalid":Y||void 0,"aria-describedby":Re,...xe})]}),c.jsx(ce.OptionMenu,{menu:j,anchorRef:re,size:N,searchPlaceholder:O("phoneField.search"),ariaLabel:O("phoneField.country")}),H!=null&&c.jsx(ue.Typography,{as:"span",id:te,variant:"bodySmall",color:Y?"error":"muted",className:v.fieldStyles.helper,children:H})]})}),st=u.forwardRef(function(e,o){const{module:s}=fe.useOptionalPeer(G);if(s)return c.jsx(ot,{ref:o,...e});const{label:r,helperText:i,error:d,required:a,size:h,fullWidth:P=!0,className:w,style:_,placeholder:N}=e;return c.jsx(Ve.TextField,{ref:o,type:"tel",label:r,helperText:i,error:d,required:a,size:h,fullWidth:P,className:w,style:_,placeholder:N,value:e.value??e.defaultValue??"",readOnly:!0,disabled:!0})});exports.PhoneField=st;exports.isValidPhone=Ge;
-//# sourceMappingURL=PhoneField-jq-3_i_b.cjs.map
+"use strict";var we=Object.create;var ae=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var qe=Object.getPrototypeOf,$e=Object.prototype.hasOwnProperty;var Ue=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of De(e))!$e.call(t,r)&&r!==o&&ae(t,r,{get:()=>e[r],enumerable:!(s=Ae(e,r))||s.enumerable});return t};var Me=(t,e,o)=>(o=t!=null?we(qe(t)):{},Ue(e||!t||!t.__esModule?ae(o,"default",{value:t,enumerable:!0}):o,t));const c=require("react/jsx-runtime"),u=require("react"),z=require("clsx"),fe=require("./useOptionalPeer-9Fkx5Leb.cjs"),ke=require("./formContext-bTWrqdEV.cjs"),Ee=require("./Icon-BoQmbW7j.cjs"),Ve=require("./TextField-CXDBlP-8.cjs"),ce=require("./useOptionMenu-DS___46k.cjs"),ue=require("./Typography-d97DdbNd.cjs"),v=require("./TextField.module-DsNCo8vN.cjs"),de=require("./ConfigProvider-BFhkb0BV.cjs"),G=fe.optionalPeer("libphonenumber-js","PhoneField",()=>import("libphonenumber-js")),g=()=>G.get();let We;function Be(){return We??(We=g().getCountries())}const D=t=>g().getCountryCallingCode(t);function Ge(t){const e=G.get();return e?typeof t=="string"&&t.trim()!==""&&e.isValidPhoneNumber(t):(G.load(),!1)}function pe(t){return String.fromCodePoint(...[...t.toUpperCase()].map(e=>127462+e.charCodeAt(0)-65))}const W=new Map;function he(t,e){var o;if(!W.has(e))try{W.set(e,new Intl.DisplayNames([e],{type:"region"}))}catch{W.set(e,null)}try{return((o=W.get(e))==null?void 0:o.of(t))??t}catch{return t}}const Le={1:"US",7:"RU",39:"IT",44:"GB",47:"NO",61:"AU",212:"MA",262:"RE",290:"SH",358:"FI",590:"GP",599:"CW"},Ye={ka:"GE",en:"US",es:"ES",de:"DE",it:"IT",fr:"FR",ru:"RU"};function He(t,e){var d,a;const[o,s]=t.split("-"),r=typeof navigator<"u"?(a=(d=navigator.language)==null?void 0:d.split("-")[1])==null?void 0:a.toUpperCase():void 0;return[s==null?void 0:s.toUpperCase(),Ye[o==null?void 0:o.toLowerCase()],r,"US"].find(h=>h&&e.includes(h))??e[0]}const Ke=t=>t.replace(/\D/g,"");function ye(t,e,o,s){return D(e)===t?e:[o,Le[t],...s.filter(i=>D(i)===t)].find(i=>i&&s.includes(i))??e}function B(t,e,o,s){const r=t.trimStart(),i=Ke(r);if(!i)return{e164:"",country:e,national:"",valid:!1,display:r.startsWith("+")?"+":""};if(r.startsWith("+")){const _=new(g()).AsYouType,N=_.input(`+${i}`),b=_.getCallingCode(),x=g().parsePhoneNumberFromString(`+${i}`),R=b?ye(b,e,(x==null?void 0:x.country)??_.getCountry(),s):e,q=`+${i}`;return{e164:q,country:R,national:b?i.slice(b.length):"",valid:g().isValidPhoneNumber(q),display:N}}const d=D(e),a=g().parsePhoneNumberFromString(i,e),h=(a==null?void 0:a.nationalNumber)??i.replace(/^0+/,""),P=h?`+${d}${h}`:"",w=o==="international"?new(g()).AsYouType(e).input(`+${d}${h}`):new(g()).AsYouType(e).input(i);return{e164:P,country:e,national:h,valid:P!==""&&g().isValidPhoneNumber(P),display:w}}function ee(t,e,o,s){if(!t)return{country:e,display:""};const r=g().parsePhoneNumberFromString(t);if(r)return{country:ye(r.countryCallingCode,e,r.country,s),display:o==="national"?r.formatNational():r.formatInternational()};const i=B(t,e,"international",s),d=o==="national"&&i.national?new(g()).AsYouType(i.country).input(i.national):i.display;return{country:i.country,display:d}}function Je(t,e){if(e<=0)return t.startsWith("+")?1:0;let o=0;for(let s=0;s<t.length;s++)if(/\d/.test(t[s])&&o++,o===e)return s+1;return t.length}const Qe="_phoneField_1eja1_4",Xe="_country_1eja1_9",Ze="_flag_1eja1_37",ze="_code_1eja1_42",et="_chevron_1eja1_46",tt="_chevronOpen_1eja1_50",nt="_dial_1eja1_55",F={phoneField:Qe,country:Xe,flag:Ze,code:ze,chevron:et,chevronOpen:tt,dial:nt},ot=u.forwardRef(function({value:e,defaultValue:o,onChange:s,defaultCountry:r,countries:i,preferredCountries:d=[],format:a="national",label:h,helperText:P,error:w,required:_,size:N="md",fullWidth:b=!0,name:x,disabled:R=!1,id:q,className:ge,style:me,onBlur:L,placeholder:ve,...xe},A){const O=de.useT(),{language:I}=de.useLanguage(),f=i??Be(),Ce=u.useId(),$=q??Ce,te=`${$}-helper`,U=ke.useFormContext(),M=!!(U&&x),C=M?U.field(x):void 0,[Fe,Ne]=u.useState(o??""),T=e!==void 0?e:M?U.values[x]??"":Fe,Y=w??(C==null?void 0:C.error)??!1,H=P??(C==null?void 0:C.helperText),ne=u.useMemo(()=>r&&f.includes(r)?r:He(I,f),[r,I,f.join()]),[S,K]=u.useState(()=>ee(T,ne,a,f).country),[k,oe]=u.useState(()=>ee(T,ne,a,f).display),J=u.useRef(T);if(J.current!==T){J.current=T;const n=ee(T,S,a,f);K(n.country),oe(n.display)}const Q=u.useRef(null),Se=u.useCallback(n=>{Q.current=n,typeof A=="function"?A(n):A&&(A.current=n)},[A]),X=u.useRef(null);u.useLayoutEffect(()=>{var y;const n=X.current;n!=null&&(X.current=null,(y=Q.current)==null||y.setSelectionRange(n,n))});const se=n=>{J.current=n.e164,oe(n.display),n.country!==S&&K(n.country),e===void 0&&!M&&Ne(n.e164),M&&U.setValue(x,n.e164),s==null||s(n.e164,{country:n.country,national:n.national,valid:n.valid})},je=n=>{const y=n.target;let p=y.value;const l=y.selectionStart??p.length;let m=p.slice(0,l).replace(/\D/g,"").length;const Ie=k.replace(/\D/g,"");if(p.length<k.length&&p.replace(/\D/g,"")===Ie&&m>0){let Te=0,E=-1;for(let V=0;V<p.length;V++)if(/\d/.test(p[V])&&++Te===m){E=V;break}E>=0&&(p=p.slice(0,E)+p.slice(E+1)),m-=1}const Z=B(p,S,a,f);X.current=l>=y.value.length?Z.display.length:Je(Z.display,m),se(Z)},re=u.useRef(null),Pe=u.useMemo(()=>{const n=l=>{const m=D(l);return{value:l,label:he(l,I),icon:c.jsx("span",{className:F.flag,"aria-hidden":"true",children:pe(l)}),keywords:[l,m,`+${m}`],trailing:c.jsxs("span",{className:F.dial,children:["+",m]})}},y=d.filter(l=>f.includes(l)).map(n),p=f.filter(l=>!d.includes(l)).map(n).sort((l,m)=>l.label.localeCompare(m.label,I));return y.length===0?p:[...y.map(l=>({...l,group:O("phoneField.suggested")})),...p.map(l=>({...l,group:O("phoneField.allCountries")}))]},[f,d,I,O]),_e=n=>{const y=B(k,S,a,f).national;K(n),se({...B(y,n,a,f),country:n})},j=ce.useOptionMenu({idBase:`${$}-country`,options:Pe,isSelected:n=>n.value===S,onPick:n=>_e(n.value),searchable:!0,disabled:R,focusRef:Q}),be=n=>{C==null||C.onBlur(n),L==null||L(n)},Re=H!=null?te:void 0,ie=N==="sm"?16:N==="md"?14:12,le=D(S),Oe=he(S,I);return c.jsxs("div",{className:z.clsx(v.fieldStyles.field,v.fieldStyles[N],b&&v.fieldStyles.fullWidth,Y&&v.fieldStyles.error,R&&v.fieldStyles.disabled,F.phoneField,ge),style:me,children:[h!=null&&c.jsxs("label",{htmlFor:$,className:v.fieldStyles.label,children:[c.jsx(ue.Typography,{as:"span",variant:"bodySmall",color:"muted",children:h}),_&&c.jsx("span",{className:v.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),c.jsxs("div",{ref:re,className:z.clsx(v.fieldStyles.control,F.control),children:[c.jsxs("button",{type:"button",className:F.country,"aria-haspopup":"listbox","aria-expanded":j.open,"aria-controls":j.open?j.listboxId:void 0,"aria-label":`${O("phoneField.country")}: ${Oe} (+${le})`,disabled:R,onClick:j.toggleMenu,onKeyDown:n=>{(n.key==="ArrowDown"||n.key==="ArrowUp")&&!j.open&&(n.preventDefault(),j.openMenu())},children:[c.jsx("span",{className:F.flag,"aria-hidden":"true",children:pe(S)}),a==="national"&&c.jsxs("span",{className:F.code,children:["+",le]}),c.jsx(Ee.Icon,{name:"ArrowDown4",className:z.clsx(F.chevron,j.open&&F.chevronOpen),style:{width:ie,height:ie},"aria-hidden":"true"})]}),c.jsx("input",{ref:Se,id:$,name:x,type:"tel",inputMode:"tel",autoComplete:"tel",className:v.fieldStyles.input,value:k,placeholder:ve,onChange:je,onBlur:be,disabled:R,"aria-invalid":Y||void 0,"aria-describedby":Re,...xe})]}),c.jsx(ce.OptionMenu,{menu:j,anchorRef:re,size:N,searchPlaceholder:O("phoneField.search"),ariaLabel:O("phoneField.country")}),H!=null&&c.jsx(ue.Typography,{as:"span",id:te,variant:"bodySmall",color:Y?"error":"muted",className:v.fieldStyles.helper,children:H})]})}),st=u.forwardRef(function(e,o){const{module:s}=fe.useOptionalPeer(G);if(s)return c.jsx(ot,{ref:o,...e});const{label:r,helperText:i,error:d,required:a,size:h,fullWidth:P=!0,className:w,style:_,placeholder:N}=e;return c.jsx(Ve.TextField,{ref:o,type:"tel",label:r,helperText:i,error:d,required:a,size:h,fullWidth:P,className:w,style:_,placeholder:N,value:e.value??e.defaultValue??"",readOnly:!0,disabled:!0})});exports.PhoneField=st;exports.isValidPhone=Ge;
+//# sourceMappingURL=PhoneField-CzFv2Vci.cjs.map

package/dist/{PhoneField-jq-3_i_b.cjs.map → PhoneField-CzFv2Vci.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PhoneField-jq-3_i_b.cjs","sources":["../src/components/PhoneField/phone.ts","../src/components/PhoneField/PhoneField.tsx"],"sourcesContent":["import type * as PhoneLibModule from 'libphonenumber-js'\nimport type { CountryCode } from 'libphonenumber-js'\nimport { optionalPeer } from '../../hooks/useOptionalPeer'\n\n/**\n * `libphonenumber-js` is an optional peer, loaded **lazily** (see `optionalPeer`) — never imported\n * statically, so apps that don't install it still build + run when they import the barrel. PhoneField\n * waits for it on mount; the helpers below run only once it's loaded (`lib()`).\n */\nexport const phonePeer = optionalPeer<typeof PhoneLibModule>(\n  'libphonenumber-js',\n  'PhoneField',\n  () => import('libphonenumber-js'),\n)\nconst lib = () => phonePeer.get()!\n\n/** An ISO-3166 alpha-2 country code, as `libphonenumber-js` knows it (`'GE'`, `'US'`, …). */\nexport type PhoneCountry = CountryCode\n/** How the number is shown in the input while typing (the value is always E.164). */\nexport type PhoneFormat = 'national' | 'international'\n\nlet allCountries: readonly PhoneCountry[] | undefined\n/** Every country `libphonenumber-js` has metadata for (once loaded). */\nexport function getPhoneCountries(): readonly PhoneCountry[] {\n  return (allCountries ??= lib().getCountries())\n}\n\n/** The country's calling code without the `+` — `'GE'` → `'995'`. */\nexport const callingCodeOf = (country: PhoneCountry): string => lib().getCountryCallingCode(country)\n\n/**\n * `true` for a complete, valid number (E.164 or any parseable international form). Use it in a schema:\n * `phone: z.string().refine(isValidPhone, 'Enter a valid phone number')`. Needs `libphonenumber-js`\n * loaded — it is once any PhoneField has mounted; before that it starts the load and returns `false`.\n */\nexport function isValidPhone(value: unknown): boolean {\n  const loaded = phonePeer.get()\n  // not loaded yet (no PhoneField mounted so far) → start loading and report \"not valid\" for now\n  if (!loaded) {\n    void phonePeer.load()\n    return false\n  }\n  return typeof value === 'string' && value.trim() !== '' && loaded.isValidPhoneNumber(value)\n}\n\n/** A flag emoji from the two regional-indicator letters — no image assets (Windows shows the letters). */\nexport function flagEmoji(country: string): string {\n  return String.fromCodePoint(\n    ...[...country.toUpperCase()].map((c) => 0x1f1e6 + c.charCodeAt(0) - 65),\n  )\n}\n\nconst displayNamesCache = new Map<string, Intl.DisplayNames | null>()\n/** The country's name in `locale` via `Intl.DisplayNames` (no catalog to ship); falls back to the code. */\nexport function countryName(country: string, locale: string): string {\n  if (!displayNamesCache.has(locale)) {\n    try {\n      displayNamesCache.set(locale, new Intl.DisplayNames([locale], { type: 'region' }))\n    } catch {\n      displayNamesCache.set(locale, null)\n    }\n  }\n  try {\n    return displayNamesCache.get(locale)?.of(country) ?? country\n  } catch {\n    return country\n  }\n}\n\n// the main country for a calling code shared by several (a partial \"+44…\" parses as Guernsey otherwise)\nconst MAIN_FOR_CODE: Record<string, PhoneCountry> = {\n  '1': 'US',\n  '7': 'RU',\n  '39': 'IT',\n  '44': 'GB',\n  '47': 'NO',\n  '61': 'AU',\n  '212': 'MA',\n  '262': 'RE',\n  '290': 'SH',\n  '358': 'FI',\n  '590': 'GP',\n  '599': 'CW',\n}\n// base UI language → its usual country, for the default when the locale carries no region\nconst LANGUAGE_COUNTRY: Record<string, PhoneCountry> = {\n  ka: 'GE',\n  en: 'US',\n  es: 'ES',\n  de: 'DE',\n  it: 'IT',\n  fr: 'FR',\n  ru: 'RU',\n}\n\n/** The default country: the locale's region → its language's usual country → the browser's region → US. */\nexport function detectCountry(locale: string, allowed: readonly PhoneCountry[]): PhoneCountry {\n  const [base, region] = locale.split('-')\n  const browser =\n    typeof navigator !== 'undefined' ? navigator.language?.split('-')[1]?.toUpperCase() : undefined\n  const candidates = [region?.toUpperCase(), LANGUAGE_COUNTRY[base?.toLowerCase()], browser, 'US']\n  return (candidates.find((c) => c && allowed.includes(c as PhoneCountry)) ??\n    allowed[0]) as PhoneCountry\n}\n\n/** The result of reading what's in the input. */\nexport interface PhoneReading {\n  /** The canonical value — `'+995555123456'`, or `''` when empty. */\n  e164: string\n  /** The country the number belongs to (may switch when a `+code` is typed). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number. */\n  valid: boolean\n  /** What the input should show (formatted as you type). */\n  display: string\n}\n\nconst digitsOf = (s: string) => s.replace(/\\D/g, '')\n\n/** Which allowed country a `+code…` number belongs to — keep the current one when it shares the code. */\nfunction countryForCode(\n  code: string,\n  current: PhoneCountry,\n  detected: PhoneCountry | undefined,\n  allowed: readonly PhoneCountry[],\n): PhoneCountry {\n  if (callingCodeOf(current) === code) return current\n  const pick = [detected, MAIN_FOR_CODE[code], ...allowed.filter((c) => callingCodeOf(c) === code)]\n  return (pick.find((c) => c && allowed.includes(c)) as PhoneCountry | undefined) ?? current\n}\n\n/** Read raw input text → the canonical value + the formatted display, as the user types. */\nexport function readPhoneInput(\n  raw: string,\n  country: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): PhoneReading {\n  const text = raw.trimStart()\n  const digits = digitsOf(text)\n  if (!digits) {\n    return {\n      e164: '',\n      country,\n      national: '',\n      valid: false,\n      display: text.startsWith('+') ? '+' : '',\n    }\n  }\n\n  // an explicit \"+code…\" (typed or pasted) — the calling code decides the country\n  if (text.startsWith('+')) {\n    const typer = new (lib().AsYouType)()\n    const display = typer.input(`+${digits}`)\n    const code = typer.getCallingCode()\n    const parsed = lib().parsePhoneNumberFromString(`+${digits}`)\n    const next = code\n      ? countryForCode(code, country, parsed?.country ?? typer.getCountry(), allowed)\n      : country\n    const e164 = `+${digits}`\n    return {\n      e164,\n      country: next,\n      national: code ? digits.slice(code.length) : '',\n      valid: lib().isValidPhoneNumber(e164),\n      display,\n    }\n  }\n\n  // national digits under the selected country (a leading trunk \"0\" is dropped from the value)\n  const code = callingCodeOf(country)\n  const parsed = lib().parsePhoneNumberFromString(digits, country)\n  const national = parsed?.nationalNumber ?? digits.replace(/^0+/, '')\n  const e164 = national ? `+${code}${national}` : ''\n  const display =\n    format === 'international'\n      ? new (lib().AsYouType)(country).input(`+${code}${national}`)\n      : new (lib().AsYouType)(country).input(digits)\n  return {\n    e164,\n    country,\n    national,\n    valid: e164 !== '' && lib().isValidPhoneNumber(e164),\n    display,\n  }\n}\n\n/** Derive the country + display from an E.164 value (initial / external value changes). */\nexport function phoneFromValue(\n  value: string,\n  fallback: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): { country: PhoneCountry; display: string } {\n  if (!value) return { country: fallback, display: '' }\n  const parsed = lib().parsePhoneNumberFromString(value)\n  if (parsed) {\n    const country = countryForCode(parsed.countryCallingCode, fallback, parsed.country, allowed)\n    return {\n      country,\n      display: format === 'national' ? parsed.formatNational() : parsed.formatInternational(),\n    }\n  }\n  const reading = readPhoneInput(value, fallback, 'international', allowed)\n  const display =\n    format === 'national' && reading.national\n      ? new (lib().AsYouType)(reading.country).input(reading.national)\n      : reading.display\n  return { country: reading.country, display }\n}\n\n/** Caret index in `display` right after its `n`-th digit — keeps the caret put while reformatting. */\nexport function caretAfterDigits(display: string, n: number): number {\n  if (n <= 0) return display.startsWith('+') ? 1 : 0\n  let seen = 0\n  for (let i = 0; i < display.length; i++) {\n    if (/\\d/.test(display[i])) seen++\n    if (seen === n) return i + 1\n  }\n  return display.length\n}\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useLanguage, useT } from '../../theme'\nimport { useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { useFormContext } from '../../form/formContext'\nimport { Icon } from '../Icon'\nimport { TextField } from '../TextField'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport fieldStyles from '../TextField/TextField.module.css'\nimport {\n  callingCodeOf,\n  getPhoneCountries,\n  caretAfterDigits,\n  countryName,\n  detectCountry,\n  flagEmoji,\n  phoneFromValue,\n  phonePeer,\n  readPhoneInput,\n  type PhoneCountry,\n  type PhoneFormat,\n} from './phone'\nimport styles from './PhoneField.module.css'\n\nexport type PhoneFieldSize = 'sm' | 'md' | 'lg'\n\n/** Extra details handed to `onChange` alongside the E.164 value. */\nexport interface PhoneFieldChangeMeta {\n  /** The number's country (ISO alpha-2). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number for that country. */\n  valid: boolean\n}\n\nexport interface PhoneFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'value' | 'defaultValue' | 'onChange' | 'type' | 'size' | 'color'\n> {\n  /** The number in **E.164** (`'+995555123456'`) — the only form the field emits. `''` when empty. */\n  value?: string\n  /** Initial E.164 value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the E.164 value (`''` when cleared) and `{ country, national, valid }`. */\n  onChange?: (value: string, meta: PhoneFieldChangeMeta) => void\n  /** The country to start with. Defaults to one derived from the UI language / browser locale. */\n  defaultCountry?: PhoneCountry\n  /** Restrict the selectable countries (e.g. only where you operate). Defaults to all. */\n  countries?: readonly PhoneCountry[]\n  /** Countries pinned to the top of the list, in this order. */\n  preferredCountries?: readonly PhoneCountry[]\n  /**\n   * How the number reads while typing — `national` (default: `555 12 34 56`, the calling code lives in\n   * the country button) or `international` (`+995 555 12 34 56`). The value is E.164 either way.\n   */\n  format?: PhoneFormat\n  /** Field label. */\n  label?: ReactNode\n  /** Helper / validation text under the field. */\n  helperText?: ReactNode\n  /** Error state (red border + helper). */\n  error?: boolean\n  /** Shows a required asterisk. */\n  required?: boolean\n  /** `sm` / `md` / `lg` — control height + type. Defaults to `md`. */\n  size?: PhoneFieldSize\n  /** Stretch to the container. Defaults to `true`. */\n  fullWidth?: boolean\n}\n\n/** The field itself — rendered once `libphonenumber-js` has loaded. */\nconst PhoneFieldInner = forwardRef<HTMLInputElement, PhoneFieldProps>(function PhoneFieldInner(\n  {\n    value,\n    defaultValue,\n    onChange,\n    defaultCountry,\n    countries: countriesProp,\n    preferredCountries = [],\n    format = 'national',\n    label,\n    helperText,\n    error,\n    required,\n    size = 'md',\n    fullWidth = true,\n    name,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    onBlur,\n    placeholder,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const { language } = useLanguage()\n  const countries = countriesProp ?? getPhoneCountries()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // ── value: controlled / form-bound / uncontrolled — always E.164 ──\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const [internal, setInternal] = useState(defaultValue ?? '')\n  const currentValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : internal\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const fallbackCountry = useMemo<PhoneCountry>(\n    () =>\n      defaultCountry && countries.includes(defaultCountry)\n        ? defaultCountry\n        : detectCountry(language, countries),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [defaultCountry, language, countries.join()],\n  )\n\n  const [country, setCountry] = useState<PhoneCountry>(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).country,\n  )\n  const [display, setDisplay] = useState(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).display,\n  )\n\n  // re-derive the display when the value changes from OUTSIDE (a reset / a controlled update) — the\n  // values we emit ourselves are skipped, so formatting never fights the user mid-typing\n  const lastEmitted = useRef(currentValue)\n  if (lastEmitted.current !== currentValue) {\n    lastEmitted.current = currentValue\n    const next = phoneFromValue(currentValue, country, format, countries)\n    setCountry(next.country)\n    setDisplay(next.display)\n  }\n\n  // caret restore after reformatting\n  const innerRef = useRef<HTMLInputElement | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n  const pendingCaret = useRef<number | null>(null)\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const emit = (reading: ReturnType<typeof readPhoneInput>) => {\n    lastEmitted.current = reading.e164\n    setDisplay(reading.display)\n    if (reading.country !== country) setCountry(reading.country)\n    if (value === undefined && !isFormBound) setInternal(reading.e164)\n    if (isFormBound) form!.setValue(name!, reading.e164)\n    onChange?.(reading.e164, {\n      country: reading.country,\n      national: reading.national,\n      valid: reading.valid,\n    })\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    let raw = el.value\n    const caret = el.selectionStart ?? raw.length\n    let digitsBefore = raw.slice(0, caret).replace(/\\D/g, '').length\n    // backspace over a formatting char (space / paren / dash) would be re-added by the formatter —\n    // treat it as deleting the digit before it instead\n    const prevDigits = display.replace(/\\D/g, '')\n    if (raw.length < display.length && raw.replace(/\\D/g, '') === prevDigits && digitsBefore > 0) {\n      let seen = 0\n      let cut = -1\n      for (let i = 0; i < raw.length; i++) {\n        if (/\\d/.test(raw[i]) && ++seen === digitsBefore) {\n          cut = i\n          break\n        }\n      }\n      if (cut >= 0) raw = raw.slice(0, cut) + raw.slice(cut + 1)\n      digitsBefore -= 1\n    }\n    const reading = readPhoneInput(raw, country, format, countries)\n    pendingCaret.current =\n      caret >= el.value.length\n        ? reading.display.length\n        : caretAfterDigits(reading.display, digitsBefore)\n    emit(reading)\n  }\n\n  // ── country picker — the shared option menu (search matches name, ISO code, calling code) ──\n  const controlRef = useRef<HTMLDivElement | null>(null)\n  const countryOptions = useMemo<SelectOption[]>(() => {\n    const toOption = (c: PhoneCountry): SelectOption => {\n      const dial = callingCodeOf(c)\n      return {\n        value: c,\n        label: countryName(c, language),\n        icon: (\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(c)}\n          </span>\n        ),\n        keywords: [c, dial, `+${dial}`],\n        trailing: <span className={styles.dial}>+{dial}</span>,\n      }\n    }\n    // preferred countries first (in the given order), then the rest A→Z by their localized name —\n    // as two groups (\"Suggested\" / \"All Countries\") when there are preferred ones\n    const pinned = preferredCountries.filter((c) => countries.includes(c)).map(toOption)\n    const rest = countries\n      .filter((c) => !preferredCountries.includes(c))\n      .map(toOption)\n      .sort((a, b) => a.label.localeCompare(b.label, language))\n    if (pinned.length === 0) return rest\n    return [\n      ...pinned.map((o) => ({ ...o, group: t('phoneField.suggested') })),\n      ...rest.map((o) => ({ ...o, group: t('phoneField.allCountries') })),\n    ]\n  }, [countries, preferredCountries, language, t])\n\n  const pickCountry = (next: PhoneCountry) => {\n    // keep the typed national digits, re-read under the new calling code\n    const national = readPhoneInput(display, country, format, countries).national\n    setCountry(next)\n    emit({ ...readPhoneInput(national, next, format, countries), country: next })\n  }\n\n  const menu = useOptionMenu({\n    idBase: `${id}-country`,\n    options: countryOptions,\n    isSelected: (o) => o.value === country,\n    onPick: (o) => pickCountry(o.value as PhoneCountry),\n    searchable: true,\n    disabled,\n    // after a pick / Esc, typing continues in the number\n    focusRef: innerRef,\n  })\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const describedBy = resolvedHelperText != null ? helperId : undefined\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const code = callingCodeOf(country)\n  const name_ = countryName(country, language)\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        styles.phoneField,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={controlRef} className={clsx(fieldStyles.control, styles.control)}>\n        <button\n          type=\"button\"\n          className={styles.country}\n          aria-haspopup=\"listbox\"\n          aria-expanded={menu.open}\n          aria-controls={menu.open ? menu.listboxId : undefined}\n          aria-label={`${t('phoneField.country')}: ${name_} (+${code})`}\n          disabled={disabled}\n          onClick={menu.toggleMenu}\n          onKeyDown={(e) => {\n            // ↓ / ↑ open the list (Enter / Space already click the button)\n            if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && !menu.open) {\n              e.preventDefault()\n              menu.openMenu()\n            }\n          }}\n        >\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(country)}\n          </span>\n          {format === 'national' && <span className={styles.code}>+{code}</span>}\n          {/* the same chevron as Select / MultiSelect (ArrowDown4, sized per field size: sm 16 · md 14 · lg 12) */}\n          <Icon\n            name=\"ArrowDown4\"\n            className={clsx(styles.chevron, menu.open && styles.chevronOpen)}\n            style={{ width: chevronPx, height: chevronPx }}\n            aria-hidden=\"true\"\n          />\n        </button>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          className={fieldStyles.input}\n          value={display}\n          placeholder={placeholder}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={describedBy}\n          {...props}\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={controlRef}\n        size={size}\n        searchPlaceholder={t('phoneField.search')}\n        ariaLabel={t('phoneField.country')}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n\n/**\n * A phone-number field: a **country button** (flag + `+code`, opening a searchable, localized country\n * list) inside the input frame, and the number **formatted as you type** for that country. The value is\n * always **E.164** (`'+995555123456'`) — one canonical form for the backend. Typing or pasting `+44…`\n * switches the country by its calling code. `onChange(value, { country, national, valid })`; binds to a\n * `<Form>` by `name` (the form value is the E.164 string — validate with `isValidPhone`). Country names\n * come from `Intl.DisplayNames` in the active UI language; flags are emoji. Needs the optional peer\n * **`libphonenumber-js`** (formatting, parsing, validation metadata), loaded lazily on first mount — until\n * it's ready (or if it isn't installed) a disabled look-alike field renders. Reuses the `TextField` look.\n */\nexport const PhoneField = forwardRef<HTMLInputElement, PhoneFieldProps>(\n  function PhoneField(props, ref) {\n    const { module } = useOptionalPeer(phonePeer)\n    if (module) return <PhoneFieldInner ref={ref} {...props} />\n    // loading (a tick, first mount only) or the peer is missing: the same frame, disabled — never bound\n    // to a <Form> (no `name`) so it can't write a value\n    const {\n      label,\n      helperText,\n      error,\n      required,\n      size,\n      fullWidth = true,\n      className,\n      style,\n      placeholder,\n    } = props\n    return (\n      <TextField\n        ref={ref}\n        type=\"tel\"\n        label={label}\n        helperText={helperText}\n        error={error}\n        required={required}\n        size={size}\n        fullWidth={fullWidth}\n        className={className}\n        style={style}\n        placeholder={placeholder}\n        value={props.value ?? props.defaultValue ?? ''}\n        readOnly\n        disabled\n      />\n    )\n  },\n)\n"],"names":["phonePeer","optionalPeer","lib","allCountries","getPhoneCountries","callingCodeOf","country","isValidPhone","value","loaded","flagEmoji","c","displayNamesCache","countryName","locale","_a","MAIN_FOR_CODE","LANGUAGE_COUNTRY","detectCountry","allowed","base","region","browser","_b","digitsOf","s","countryForCode","code","current","detected","readPhoneInput","raw","format","text","digits","typer","display","parsed","next","e164","national","phoneFromValue","fallback","reading","caretAfterDigits","n","seen","i","PhoneFieldInner","forwardRef","defaultValue","onChange","defaultCountry","countriesProp","preferredCountries","label","helperText","error","required","size","fullWidth","name","disabled","idProp","className","style","onBlur","placeholder","props","ref","t","useT","language","useLanguage","countries","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","fallbackCountry","useMemo","setCountry","setDisplay","lastEmitted","useRef","innerRef","setInputRef","useCallback","node","pendingCaret","useLayoutEffect","pos","emit","handleChange","event","el","caret","digitsBefore","prevDigits","cut","controlRef","countryOptions","toOption","dial","jsx","styles","jsxs","pinned","rest","a","b","o","pickCountry","menu","useOptionMenu","handleBlur","describedBy","chevronPx","name_","clsx","fieldStyles","Typography","e","Icon","OptionMenu","PhoneField","module","useOptionalPeer","TextField"],"mappings":"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"}
+{"version":3,"file":"PhoneField-CzFv2Vci.cjs","sources":["../src/components/PhoneField/phone.ts","../src/components/PhoneField/PhoneField.tsx"],"sourcesContent":["import type * as PhoneLibModule from 'libphonenumber-js'\nimport type { CountryCode } from 'libphonenumber-js'\nimport { optionalPeer } from '../../hooks/useOptionalPeer'\n\n/**\n * `libphonenumber-js` is an optional peer, loaded **lazily** (see `optionalPeer`) — never imported\n * statically, so apps that don't install it still build + run when they import the barrel. PhoneField\n * waits for it on mount; the helpers below run only once it's loaded (`lib()`).\n */\nexport const phonePeer = optionalPeer<typeof PhoneLibModule>(\n  'libphonenumber-js',\n  'PhoneField',\n  () => import('libphonenumber-js'),\n)\nconst lib = () => phonePeer.get()!\n\n/** An ISO-3166 alpha-2 country code, as `libphonenumber-js` knows it (`'GE'`, `'US'`, …). */\nexport type PhoneCountry = CountryCode\n/** How the number is shown in the input while typing (the value is always E.164). */\nexport type PhoneFormat = 'national' | 'international'\n\nlet allCountries: readonly PhoneCountry[] | undefined\n/** Every country `libphonenumber-js` has metadata for (once loaded). */\nexport function getPhoneCountries(): readonly PhoneCountry[] {\n  return (allCountries ??= lib().getCountries())\n}\n\n/** The country's calling code without the `+` — `'GE'` → `'995'`. */\nexport const callingCodeOf = (country: PhoneCountry): string => lib().getCountryCallingCode(country)\n\n/**\n * `true` for a complete, valid number (E.164 or any parseable international form). Use it in a schema:\n * `phone: z.string().refine(isValidPhone, 'Enter a valid phone number')`. Needs `libphonenumber-js`\n * loaded — it is once any PhoneField has mounted; before that it starts the load and returns `false`.\n */\nexport function isValidPhone(value: unknown): boolean {\n  const loaded = phonePeer.get()\n  // not loaded yet (no PhoneField mounted so far) → start loading and report \"not valid\" for now\n  if (!loaded) {\n    void phonePeer.load()\n    return false\n  }\n  return typeof value === 'string' && value.trim() !== '' && loaded.isValidPhoneNumber(value)\n}\n\n/** A flag emoji from the two regional-indicator letters — no image assets (Windows shows the letters). */\nexport function flagEmoji(country: string): string {\n  return String.fromCodePoint(\n    ...[...country.toUpperCase()].map((c) => 0x1f1e6 + c.charCodeAt(0) - 65),\n  )\n}\n\nconst displayNamesCache = new Map<string, Intl.DisplayNames | null>()\n/** The country's name in `locale` via `Intl.DisplayNames` (no catalog to ship); falls back to the code. */\nexport function countryName(country: string, locale: string): string {\n  if (!displayNamesCache.has(locale)) {\n    try {\n      displayNamesCache.set(locale, new Intl.DisplayNames([locale], { type: 'region' }))\n    } catch {\n      displayNamesCache.set(locale, null)\n    }\n  }\n  try {\n    return displayNamesCache.get(locale)?.of(country) ?? country\n  } catch {\n    return country\n  }\n}\n\n// the main country for a calling code shared by several (a partial \"+44…\" parses as Guernsey otherwise)\nconst MAIN_FOR_CODE: Record<string, PhoneCountry> = {\n  '1': 'US',\n  '7': 'RU',\n  '39': 'IT',\n  '44': 'GB',\n  '47': 'NO',\n  '61': 'AU',\n  '212': 'MA',\n  '262': 'RE',\n  '290': 'SH',\n  '358': 'FI',\n  '590': 'GP',\n  '599': 'CW',\n}\n// base UI language → its usual country, for the default when the locale carries no region\nconst LANGUAGE_COUNTRY: Record<string, PhoneCountry> = {\n  ka: 'GE',\n  en: 'US',\n  es: 'ES',\n  de: 'DE',\n  it: 'IT',\n  fr: 'FR',\n  ru: 'RU',\n}\n\n/** The default country: the locale's region → its language's usual country → the browser's region → US. */\nexport function detectCountry(locale: string, allowed: readonly PhoneCountry[]): PhoneCountry {\n  const [base, region] = locale.split('-')\n  const browser =\n    typeof navigator !== 'undefined' ? navigator.language?.split('-')[1]?.toUpperCase() : undefined\n  const candidates = [region?.toUpperCase(), LANGUAGE_COUNTRY[base?.toLowerCase()], browser, 'US']\n  return (candidates.find((c) => c && allowed.includes(c as PhoneCountry)) ??\n    allowed[0]) as PhoneCountry\n}\n\n/** The result of reading what's in the input. */\nexport interface PhoneReading {\n  /** The canonical value — `'+995555123456'`, or `''` when empty. */\n  e164: string\n  /** The country the number belongs to (may switch when a `+code` is typed). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number. */\n  valid: boolean\n  /** What the input should show (formatted as you type). */\n  display: string\n}\n\nconst digitsOf = (s: string) => s.replace(/\\D/g, '')\n\n/** Which allowed country a `+code…` number belongs to — keep the current one when it shares the code. */\nfunction countryForCode(\n  code: string,\n  current: PhoneCountry,\n  detected: PhoneCountry | undefined,\n  allowed: readonly PhoneCountry[],\n): PhoneCountry {\n  if (callingCodeOf(current) === code) return current\n  const pick = [detected, MAIN_FOR_CODE[code], ...allowed.filter((c) => callingCodeOf(c) === code)]\n  return (pick.find((c) => c && allowed.includes(c)) as PhoneCountry | undefined) ?? current\n}\n\n/** Read raw input text → the canonical value + the formatted display, as the user types. */\nexport function readPhoneInput(\n  raw: string,\n  country: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): PhoneReading {\n  const text = raw.trimStart()\n  const digits = digitsOf(text)\n  if (!digits) {\n    return {\n      e164: '',\n      country,\n      national: '',\n      valid: false,\n      display: text.startsWith('+') ? '+' : '',\n    }\n  }\n\n  // an explicit \"+code…\" (typed or pasted) — the calling code decides the country\n  if (text.startsWith('+')) {\n    const typer = new (lib().AsYouType)()\n    const display = typer.input(`+${digits}`)\n    const code = typer.getCallingCode()\n    const parsed = lib().parsePhoneNumberFromString(`+${digits}`)\n    const next = code\n      ? countryForCode(code, country, parsed?.country ?? typer.getCountry(), allowed)\n      : country\n    const e164 = `+${digits}`\n    return {\n      e164,\n      country: next,\n      national: code ? digits.slice(code.length) : '',\n      valid: lib().isValidPhoneNumber(e164),\n      display,\n    }\n  }\n\n  // national digits under the selected country (a leading trunk \"0\" is dropped from the value)\n  const code = callingCodeOf(country)\n  const parsed = lib().parsePhoneNumberFromString(digits, country)\n  const national = parsed?.nationalNumber ?? digits.replace(/^0+/, '')\n  const e164 = national ? `+${code}${national}` : ''\n  const display =\n    format === 'international'\n      ? new (lib().AsYouType)(country).input(`+${code}${national}`)\n      : new (lib().AsYouType)(country).input(digits)\n  return {\n    e164,\n    country,\n    national,\n    valid: e164 !== '' && lib().isValidPhoneNumber(e164),\n    display,\n  }\n}\n\n/** Derive the country + display from an E.164 value (initial / external value changes). */\nexport function phoneFromValue(\n  value: string,\n  fallback: PhoneCountry,\n  format: PhoneFormat,\n  allowed: readonly PhoneCountry[],\n): { country: PhoneCountry; display: string } {\n  if (!value) return { country: fallback, display: '' }\n  const parsed = lib().parsePhoneNumberFromString(value)\n  if (parsed) {\n    const country = countryForCode(parsed.countryCallingCode, fallback, parsed.country, allowed)\n    return {\n      country,\n      display: format === 'national' ? parsed.formatNational() : parsed.formatInternational(),\n    }\n  }\n  const reading = readPhoneInput(value, fallback, 'international', allowed)\n  const display =\n    format === 'national' && reading.national\n      ? new (lib().AsYouType)(reading.country).input(reading.national)\n      : reading.display\n  return { country: reading.country, display }\n}\n\n/** Caret index in `display` right after its `n`-th digit — keeps the caret put while reformatting. */\nexport function caretAfterDigits(display: string, n: number): number {\n  if (n <= 0) return display.startsWith('+') ? 1 : 0\n  let seen = 0\n  for (let i = 0; i < display.length; i++) {\n    if (/\\d/.test(display[i])) seen++\n    if (seen === n) return i + 1\n  }\n  return display.length\n}\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useLanguage, useT } from '../../theme'\nimport { useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { useFormContext } from '../../form/formContext'\nimport { Icon } from '../Icon'\nimport { TextField } from '../TextField'\nimport { OptionMenu } from '../OptionMenu/OptionMenu'\nimport { useOptionMenu, type SelectOption } from '../OptionMenu/useOptionMenu'\nimport { Typography } from '../Typography'\nimport fieldStyles from '../TextField/TextField.module.css'\nimport {\n  callingCodeOf,\n  getPhoneCountries,\n  caretAfterDigits,\n  countryName,\n  detectCountry,\n  flagEmoji,\n  phoneFromValue,\n  phonePeer,\n  readPhoneInput,\n  type PhoneCountry,\n  type PhoneFormat,\n} from './phone'\nimport styles from './PhoneField.module.css'\n\nexport type PhoneFieldSize = 'sm' | 'md' | 'lg'\n\n/** Extra details handed to `onChange` alongside the E.164 value. */\nexport interface PhoneFieldChangeMeta {\n  /** The number's country (ISO alpha-2). */\n  country: PhoneCountry\n  /** The national significant number — digits only, no trunk `0`. */\n  national: string\n  /** A complete, valid number for that country. */\n  valid: boolean\n}\n\nexport interface PhoneFieldProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'value' | 'defaultValue' | 'onChange' | 'type' | 'size' | 'color'\n> {\n  /** The number in **E.164** (`'+995555123456'`) — the only form the field emits. `''` when empty. */\n  value?: string\n  /** Initial E.164 value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the E.164 value (`''` when cleared) and `{ country, national, valid }`. */\n  onChange?: (value: string, meta: PhoneFieldChangeMeta) => void\n  /** The country to start with. Defaults to one derived from the UI language / browser locale. */\n  defaultCountry?: PhoneCountry\n  /** Restrict the selectable countries (e.g. only where you operate). Defaults to all. */\n  countries?: readonly PhoneCountry[]\n  /** Countries pinned to the top of the list, in this order. */\n  preferredCountries?: readonly PhoneCountry[]\n  /**\n   * How the number reads while typing — `national` (default: `555 12 34 56`, the calling code lives in\n   * the country button) or `international` (`+995 555 12 34 56`). The value is E.164 either way.\n   */\n  format?: PhoneFormat\n  /** Field label. */\n  label?: ReactNode\n  /** Helper / validation text under the field. */\n  helperText?: ReactNode\n  /** Error state (red border + helper). */\n  error?: boolean\n  /** Shows a required asterisk. */\n  required?: boolean\n  /** `sm` / `md` / `lg` — control height + type. Defaults to `md`. */\n  size?: PhoneFieldSize\n  /** Stretch to the container. Defaults to `true`. */\n  fullWidth?: boolean\n}\n\n/** The field itself — rendered once `libphonenumber-js` has loaded. */\nconst PhoneFieldInner = forwardRef<HTMLInputElement, PhoneFieldProps>(function PhoneFieldInner(\n  {\n    value,\n    defaultValue,\n    onChange,\n    defaultCountry,\n    countries: countriesProp,\n    preferredCountries = [],\n    format = 'national',\n    label,\n    helperText,\n    error,\n    required,\n    size = 'md',\n    fullWidth = true,\n    name,\n    disabled = false,\n    id: idProp,\n    className,\n    style,\n    onBlur,\n    placeholder,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const { language } = useLanguage()\n  const countries = countriesProp ?? getPhoneCountries()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n\n  // ── value: controlled / form-bound / uncontrolled — always E.164 ──\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const [internal, setInternal] = useState(defaultValue ?? '')\n  const currentValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : internal\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const fallbackCountry = useMemo<PhoneCountry>(\n    () =>\n      defaultCountry && countries.includes(defaultCountry)\n        ? defaultCountry\n        : detectCountry(language, countries),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [defaultCountry, language, countries.join()],\n  )\n\n  const [country, setCountry] = useState<PhoneCountry>(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).country,\n  )\n  const [display, setDisplay] = useState(\n    () => phoneFromValue(currentValue, fallbackCountry, format, countries).display,\n  )\n\n  // re-derive the display when the value changes from OUTSIDE (a reset / a controlled update) — the\n  // values we emit ourselves are skipped, so formatting never fights the user mid-typing\n  const lastEmitted = useRef(currentValue)\n  if (lastEmitted.current !== currentValue) {\n    lastEmitted.current = currentValue\n    const next = phoneFromValue(currentValue, country, format, countries)\n    setCountry(next.country)\n    setDisplay(next.display)\n  }\n\n  // caret restore after reformatting\n  const innerRef = useRef<HTMLInputElement | null>(null)\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n  const pendingCaret = useRef<number | null>(null)\n  useLayoutEffect(() => {\n    const pos = pendingCaret.current\n    if (pos == null) return\n    pendingCaret.current = null\n    innerRef.current?.setSelectionRange(pos, pos)\n  })\n\n  const emit = (reading: ReturnType<typeof readPhoneInput>) => {\n    lastEmitted.current = reading.e164\n    setDisplay(reading.display)\n    if (reading.country !== country) setCountry(reading.country)\n    if (value === undefined && !isFormBound) setInternal(reading.e164)\n    if (isFormBound) form!.setValue(name!, reading.e164)\n    onChange?.(reading.e164, {\n      country: reading.country,\n      national: reading.national,\n      valid: reading.valid,\n    })\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const el = event.target\n    let raw = el.value\n    const caret = el.selectionStart ?? raw.length\n    let digitsBefore = raw.slice(0, caret).replace(/\\D/g, '').length\n    // backspace over a formatting char (space / paren / dash) would be re-added by the formatter —\n    // treat it as deleting the digit before it instead\n    const prevDigits = display.replace(/\\D/g, '')\n    if (raw.length < display.length && raw.replace(/\\D/g, '') === prevDigits && digitsBefore > 0) {\n      let seen = 0\n      let cut = -1\n      for (let i = 0; i < raw.length; i++) {\n        if (/\\d/.test(raw[i]) && ++seen === digitsBefore) {\n          cut = i\n          break\n        }\n      }\n      if (cut >= 0) raw = raw.slice(0, cut) + raw.slice(cut + 1)\n      digitsBefore -= 1\n    }\n    const reading = readPhoneInput(raw, country, format, countries)\n    pendingCaret.current =\n      caret >= el.value.length\n        ? reading.display.length\n        : caretAfterDigits(reading.display, digitsBefore)\n    emit(reading)\n  }\n\n  // ── country picker — the shared option menu (search matches name, ISO code, calling code) ──\n  const controlRef = useRef<HTMLDivElement | null>(null)\n  const countryOptions = useMemo<SelectOption[]>(() => {\n    const toOption = (c: PhoneCountry): SelectOption => {\n      const dial = callingCodeOf(c)\n      return {\n        value: c,\n        label: countryName(c, language),\n        icon: (\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(c)}\n          </span>\n        ),\n        keywords: [c, dial, `+${dial}`],\n        trailing: <span className={styles.dial}>+{dial}</span>,\n      }\n    }\n    // preferred countries first (in the given order), then the rest A→Z by their localized name —\n    // as two groups (\"Suggested\" / \"All Countries\") when there are preferred ones\n    const pinned = preferredCountries.filter((c) => countries.includes(c)).map(toOption)\n    const rest = countries\n      .filter((c) => !preferredCountries.includes(c))\n      .map(toOption)\n      .sort((a, b) => a.label.localeCompare(b.label, language))\n    if (pinned.length === 0) return rest\n    return [\n      ...pinned.map((o) => ({ ...o, group: t('phoneField.suggested') })),\n      ...rest.map((o) => ({ ...o, group: t('phoneField.allCountries') })),\n    ]\n  }, [countries, preferredCountries, language, t])\n\n  const pickCountry = (next: PhoneCountry) => {\n    // keep the typed national digits, re-read under the new calling code\n    const national = readPhoneInput(display, country, format, countries).national\n    setCountry(next)\n    emit({ ...readPhoneInput(national, next, format, countries), country: next })\n  }\n\n  const menu = useOptionMenu({\n    idBase: `${id}-country`,\n    options: countryOptions,\n    isSelected: (o) => o.value === country,\n    onPick: (o) => pickCountry(o.value as PhoneCountry),\n    searchable: true,\n    disabled,\n    // after a pick / Esc, typing continues in the number\n    focusRef: innerRef,\n  })\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    bound?.onBlur(event)\n    onBlur?.(event)\n  }\n\n  const describedBy = resolvedHelperText != null ? helperId : undefined\n  const chevronPx = size === 'sm' ? 16 : size === 'md' ? 14 : 12\n  const code = callingCodeOf(country)\n  const name_ = countryName(country, language)\n\n  return (\n    <div\n      className={clsx(\n        fieldStyles.field,\n        fieldStyles[size],\n        fullWidth && fieldStyles.fullWidth,\n        resolvedError && fieldStyles.error,\n        disabled && fieldStyles.disabled,\n        styles.phoneField,\n        className,\n      )}\n      style={style as CSSProperties}\n    >\n      {label != null && (\n        <label htmlFor={id} className={fieldStyles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={fieldStyles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={controlRef} className={clsx(fieldStyles.control, styles.control)}>\n        <button\n          type=\"button\"\n          className={styles.country}\n          aria-haspopup=\"listbox\"\n          aria-expanded={menu.open}\n          aria-controls={menu.open ? menu.listboxId : undefined}\n          aria-label={`${t('phoneField.country')}: ${name_} (+${code})`}\n          disabled={disabled}\n          onClick={menu.toggleMenu}\n          onKeyDown={(e) => {\n            // ↓ / ↑ open the list (Enter / Space already click the button)\n            if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && !menu.open) {\n              e.preventDefault()\n              menu.openMenu()\n            }\n          }}\n        >\n          <span className={styles.flag} aria-hidden=\"true\">\n            {flagEmoji(country)}\n          </span>\n          {format === 'national' && <span className={styles.code}>+{code}</span>}\n          {/* the same chevron as Select / MultiSelect (ArrowDown4, sized per field size: sm 16 · md 14 · lg 12) */}\n          <Icon\n            name=\"ArrowDown4\"\n            className={clsx(styles.chevron, menu.open && styles.chevronOpen)}\n            style={{ width: chevronPx, height: chevronPx }}\n            aria-hidden=\"true\"\n          />\n        </button>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          className={fieldStyles.input}\n          value={display}\n          placeholder={placeholder}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={describedBy}\n          {...props}\n        />\n      </div>\n\n      <OptionMenu\n        menu={menu}\n        anchorRef={controlRef}\n        size={size}\n        searchPlaceholder={t('phoneField.search')}\n        ariaLabel={t('phoneField.country')}\n      />\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={fieldStyles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n\n/**\n * A phone-number field: a **country button** (flag + `+code`, opening a searchable, localized country\n * list) inside the input frame, and the number **formatted as you type** for that country. The value is\n * always **E.164** (`'+995555123456'`) — one canonical form for the backend. Typing or pasting `+44…`\n * switches the country by its calling code. `onChange(value, { country, national, valid })`; binds to a\n * `<Form>` by `name` (the form value is the E.164 string — validate with `isValidPhone`). Country names\n * come from `Intl.DisplayNames` in the active UI language; flags are emoji. Needs the optional peer\n * **`libphonenumber-js`** (formatting, parsing, validation metadata), loaded lazily on first mount — until\n * it's ready (or if it isn't installed) a disabled look-alike field renders. Reuses the `TextField` look.\n */\nexport const PhoneField = forwardRef<HTMLInputElement, PhoneFieldProps>(\n  function PhoneField(props, ref) {\n    const { module } = useOptionalPeer(phonePeer)\n    if (module) return <PhoneFieldInner ref={ref} {...props} />\n    // loading (a tick, first mount only) or the peer is missing: the same frame, disabled — never bound\n    // to a <Form> (no `name`) so it can't write a value\n    const {\n      label,\n      helperText,\n      error,\n      required,\n      size,\n      fullWidth = true,\n      className,\n      style,\n      placeholder,\n    } = props\n    return (\n      <TextField\n        ref={ref}\n        type=\"tel\"\n        label={label}\n        helperText={helperText}\n        error={error}\n        required={required}\n        size={size}\n        fullWidth={fullWidth}\n        className={className}\n        style={style}\n        placeholder={placeholder}\n        value={props.value ?? props.defaultValue ?? ''}\n        readOnly\n        disabled\n      />\n    )\n  },\n)\n"],"names":["phonePeer","optionalPeer","lib","allCountries","getPhoneCountries","callingCodeOf","country","isValidPhone","value","loaded","flagEmoji","c","displayNamesCache","countryName","locale","_a","MAIN_FOR_CODE","LANGUAGE_COUNTRY","detectCountry","allowed","base","region","browser","_b","digitsOf","s","countryForCode","code","current","detected","readPhoneInput","raw","format","text","digits","typer","display","parsed","next","e164","national","phoneFromValue","fallback","reading","caretAfterDigits","n","seen","i","PhoneFieldInner","forwardRef","defaultValue","onChange","defaultCountry","countriesProp","preferredCountries","label","helperText","error","required","size","fullWidth","name","disabled","idProp","className","style","onBlur","placeholder","props","ref","t","useT","language","useLanguage","countries","reactId","useId","id","helperId","form","useFormContext","isFormBound","bound","internal","setInternal","useState","currentValue","resolvedError","resolvedHelperText","fallbackCountry","useMemo","setCountry","setDisplay","lastEmitted","useRef","innerRef","setInputRef","useCallback","node","pendingCaret","useLayoutEffect","pos","emit","handleChange","event","el","caret","digitsBefore","prevDigits","cut","controlRef","countryOptions","toOption","dial","jsx","styles","jsxs","pinned","rest","a","b","o","pickCountry","menu","useOptionMenu","handleBlur","describedBy","chevronPx","name_","clsx","fieldStyles","Typography","e","Icon","OptionMenu","PhoneField","module","useOptionalPeer","TextField"],"mappings":"63BASaA,EAAYC,GAAAA,aACvB,oBACA,aACA,IAAM,OAAO,mBAAmB,CAClC,EACMC,EAAM,IAAMF,EAAU,IAAA,EAO5B,IAAIG,GAEG,SAASC,IAA6C,CAC3D,OAAQD,QAAiBD,EAAA,EAAM,aAAA,EACjC,CAGO,MAAMG,EAAiBC,GAAkCJ,EAAA,EAAM,sBAAsBI,CAAO,EAO5F,SAASC,GAAaC,EAAyB,CACpD,MAAMC,EAAST,EAAU,IAAA,EAEzB,OAAKS,EAIE,OAAOD,GAAU,UAAYA,EAAM,SAAW,IAAMC,EAAO,mBAAmBD,CAAK,GAHnFR,EAAU,KAAA,EACR,GAGX,CAGO,SAASU,GAAUJ,EAAyB,CACjD,OAAO,OAAO,cACZ,GAAG,CAAC,GAAGA,EAAQ,aAAa,EAAE,IAAKK,GAAM,OAAUA,EAAE,WAAW,CAAC,EAAI,EAAE,CAAA,CAE3E,CAEA,MAAMC,MAAwB,IAEvB,SAASC,GAAYP,EAAiBQ,EAAwB,OACnE,GAAI,CAACF,EAAkB,IAAIE,CAAM,EAC/B,GAAI,CACFF,EAAkB,IAAIE,EAAQ,IAAI,KAAK,aAAa,CAACA,CAAM,EAAG,CAAE,KAAM,QAAA,CAAU,CAAC,CACnF,MAAQ,CACNF,EAAkB,IAAIE,EAAQ,IAAI,CACpC,CAEF,GAAI,CACF,QAAOC,EAAAH,EAAkB,IAAIE,CAAM,IAA5B,YAAAC,EAA+B,GAAGT,KAAYA,CACvD,MAAQ,CACN,OAAOA,CACT,CACF,CAGA,MAAMU,GAA8C,CAClD,EAAK,KACL,EAAK,KACL,GAAM,KACN,GAAM,KACN,GAAM,KACN,GAAM,KACN,IAAO,KACP,IAAO,KACP,IAAO,KACP,IAAO,KACP,IAAO,KACP,IAAO,IACT,EAEMC,GAAiD,CACrD,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAGO,SAASC,GAAcJ,EAAgBK,EAAgD,SAC5F,KAAM,CAACC,EAAMC,CAAM,EAAIP,EAAO,MAAM,GAAG,EACjCQ,EACJ,OAAO,UAAc,KAAcC,GAAAR,EAAA,UAAU,WAAV,YAAAA,EAAoB,MAAM,KAAK,KAA/B,YAAAQ,EAAmC,cAAgB,OAExF,MADmB,CAACF,GAAA,YAAAA,EAAQ,cAAeJ,GAAiBG,GAAA,YAAAA,EAAM,aAAa,EAAGE,EAAS,IAAI,EAC5E,KAAMX,GAAMA,GAAKQ,EAAQ,SAASR,CAAiB,CAAC,GACrEQ,EAAQ,CAAC,CACb,CAgBA,MAAMK,GAAYC,GAAcA,EAAE,QAAQ,MAAO,EAAE,EAGnD,SAASC,GACPC,EACAC,EACAC,EACAV,EACc,CACd,OAAId,EAAcuB,CAAO,IAAMD,EAAaC,EAC/B,CAACC,EAAUb,GAAcW,CAAI,EAAG,GAAGR,EAAQ,OAAQR,GAAMN,EAAcM,CAAC,IAAMgB,CAAI,CAAC,EACnF,KAAMhB,GAAMA,GAAKQ,EAAQ,SAASR,CAAC,CAAC,GAAkCiB,CACrF,CAGO,SAASE,EACdC,EACAzB,EACA0B,EACAb,EACc,CACd,MAAMc,EAAOF,EAAI,UAAA,EACXG,EAASV,GAASS,CAAI,EAC5B,GAAI,CAACC,EACH,MAAO,CACL,KAAM,GACN,QAAA5B,EACA,SAAU,GACV,MAAO,GACP,QAAS2B,EAAK,WAAW,GAAG,EAAI,IAAM,EAAA,EAK1C,GAAIA,EAAK,WAAW,GAAG,EAAG,CACxB,MAAME,EAAQ,IAAKjC,EAAA,GAAM,UACnBkC,EAAUD,EAAM,MAAM,IAAID,CAAM,EAAE,EAClCP,EAAOQ,EAAM,eAAA,EACbE,EAASnC,IAAM,2BAA2B,IAAIgC,CAAM,EAAE,EACtDI,EAAOX,EACTD,GAAeC,EAAMrB,GAAS+B,GAAAA,YAAAA,EAAQ,UAAWF,EAAM,aAAchB,CAAO,EAC5Eb,EACEiC,EAAO,IAAIL,CAAM,GACvB,MAAO,CACL,KAAAK,EACA,QAASD,EACT,SAAUX,EAAOO,EAAO,MAAMP,EAAK,MAAM,EAAI,GAC7C,MAAOzB,EAAA,EAAM,mBAAmBqC,CAAI,EACpC,QAAAH,CAAA,CAEJ,CAGA,MAAMT,EAAOtB,EAAcC,CAAO,EAC5B+B,EAASnC,EAAA,EAAM,2BAA2BgC,EAAQ5B,CAAO,EACzDkC,GAAWH,GAAA,YAAAA,EAAQ,iBAAkBH,EAAO,QAAQ,MAAO,EAAE,EAC7DK,EAAOC,EAAW,IAAIb,CAAI,GAAGa,CAAQ,GAAK,GAC1CJ,EACJJ,IAAW,gBACP,IAAK9B,KAAM,UAAWI,CAAO,EAAE,MAAM,IAAIqB,CAAI,GAAGa,CAAQ,EAAE,EAC1D,IAAKtC,KAAM,UAAWI,CAAO,EAAE,MAAM4B,CAAM,EACjD,MAAO,CACL,KAAAK,EACA,QAAAjC,EACA,SAAAkC,EACA,MAAOD,IAAS,IAAMrC,EAAA,EAAM,mBAAmBqC,CAAI,EACnD,QAAAH,CAAA,CAEJ,CAGO,SAASK,GACdjC,EACAkC,EACAV,EACAb,EAC4C,CAC5C,GAAI,CAACX,EAAO,MAAO,CAAE,QAASkC,EAAU,QAAS,EAAA,EACjD,MAAML,EAASnC,IAAM,2BAA2BM,CAAK,EACrD,GAAI6B,EAEF,MAAO,CACL,QAFcX,GAAeW,EAAO,mBAAoBK,EAAUL,EAAO,QAASlB,CAAO,EAGzF,QAASa,IAAW,WAAaK,EAAO,eAAA,EAAmBA,EAAO,oBAAA,CAAoB,EAG1F,MAAMM,EAAUb,EAAetB,EAAOkC,EAAU,gBAAiBvB,CAAO,EAClEiB,EACJJ,IAAW,YAAcW,EAAQ,SAC7B,IAAKzC,EAAA,GAAM,UAAWyC,EAAQ,OAAO,EAAE,MAAMA,EAAQ,QAAQ,EAC7DA,EAAQ,QACd,MAAO,CAAE,QAASA,EAAQ,QAAS,QAAAP,CAAA,CACrC,CAGO,SAASQ,GAAiBR,EAAiBS,EAAmB,CACnE,GAAIA,GAAK,EAAG,OAAOT,EAAQ,WAAW,GAAG,EAAI,EAAI,EACjD,IAAIU,EAAO,EACX,QAASC,EAAI,EAAGA,EAAIX,EAAQ,OAAQW,IAElC,GADI,KAAK,KAAKX,EAAQW,CAAC,CAAC,GAAGD,IACvBA,IAASD,EAAG,OAAOE,EAAI,EAE7B,OAAOX,EAAQ,MACjB,mPCvIMY,GAAkBC,EAAAA,WAA8C,SACpE,CACE,MAAAzC,EACA,aAAA0C,EACA,SAAAC,EACA,eAAAC,EACA,UAAWC,EACX,mBAAAC,EAAqB,CAAA,EACrB,OAAAtB,EAAS,WACT,MAAAuB,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,UAAAC,EAAY,GACZ,KAAAC,EACA,SAAAC,EAAW,GACX,GAAIC,EACJ,UAAAC,GACA,MAAAC,GACA,OAAAC,EACA,YAAAC,GACA,GAAGC,EACL,EACAC,EACA,CACA,MAAMC,EAAIC,GAAAA,KAAA,EACJ,CAAE,SAAAC,CAAA,EAAaC,eAAA,EACfC,EAAYrB,GAAiBjD,GAAA,EAC7BuE,GAAUC,EAAAA,MAAA,EACVC,EAAKd,GAAUY,GACfG,GAAW,GAAGD,CAAE,UAGhBE,EAAOC,GAAAA,eAAA,EACPC,EAAc,GAAQF,GAAQlB,GAC9BqB,EAAQD,EAAcF,EAAM,MAAMlB,CAAK,EAAI,OAC3C,CAACsB,GAAUC,EAAW,EAAIC,EAAAA,SAASnC,GAAgB,EAAE,EACrDoC,EACJ9E,IAAU,OACNA,EACAyE,EACIF,EAAM,OAAOlB,CAAK,GAA4B,GAChDsB,GACFI,EAAgB9B,IAASyB,GAAA,YAAAA,EAAO,QAAS,GACzCM,EAAqBhC,IAAc0B,GAAA,YAAAA,EAAO,YAE1CO,GAAkBC,EAAAA,QACtB,IACEtC,GAAkBsB,EAAU,SAAStB,CAAc,EAC/CA,EACAlC,GAAcsD,EAAUE,CAAS,EAEvC,CAACtB,EAAgBoB,EAAUE,EAAU,MAAM,CAAA,EAGvC,CAACpE,EAASqF,CAAU,EAAIN,EAAAA,SAC5B,IAAM5C,GAAe6C,EAAcG,GAAiBzD,EAAQ0C,CAAS,EAAE,OAAA,EAEnE,CAACtC,EAASwD,EAAU,EAAIP,EAAAA,SAC5B,IAAM5C,GAAe6C,EAAcG,GAAiBzD,EAAQ0C,CAAS,EAAE,OAAA,EAKnEmB,EAAcC,EAAAA,OAAOR,CAAY,EACvC,GAAIO,EAAY,UAAYP,EAAc,CACxCO,EAAY,QAAUP,EACtB,MAAMhD,EAAOG,GAAe6C,EAAchF,EAAS0B,EAAQ0C,CAAS,EACpEiB,EAAWrD,EAAK,OAAO,EACvBsD,GAAWtD,EAAK,OAAO,CACzB,CAGA,MAAMyD,EAAWD,EAAAA,OAAgC,IAAI,EAC/CE,GAAcC,EAAAA,YACjBC,GAAkC,CACjCH,EAAS,QAAUG,EACf,OAAO7B,GAAQ,WAAYA,EAAI6B,CAAI,EAC9B7B,IAAMA,EAA6C,QAAU6B,EACxE,EACA,CAAC7B,CAAG,CAAA,EAEA8B,EAAeL,EAAAA,OAAsB,IAAI,EAC/CM,EAAAA,gBAAgB,IAAM,OACpB,MAAMC,EAAMF,EAAa,QACrBE,GAAO,OACXF,EAAa,QAAU,MACvBpF,EAAAgF,EAAS,UAAT,MAAAhF,EAAkB,kBAAkBsF,EAAKA,GAC3C,CAAC,EAED,MAAMC,GAAQ3D,GAA+C,CAC3DkD,EAAY,QAAUlD,EAAQ,KAC9BiD,GAAWjD,EAAQ,OAAO,EACtBA,EAAQ,UAAYrC,GAASqF,EAAWhD,EAAQ,OAAO,EACvDnC,IAAU,QAAa,CAACyE,GAAaG,GAAYzC,EAAQ,IAAI,EAC7DsC,GAAaF,EAAM,SAASlB,EAAOlB,EAAQ,IAAI,EACnDQ,GAAA,MAAAA,EAAWR,EAAQ,KAAM,CACvB,QAASA,EAAQ,QACjB,SAAUA,EAAQ,SAClB,MAAOA,EAAQ,KAAA,EAEnB,EAEM4D,GAAgBC,GAAyC,CAC7D,MAAMC,EAAKD,EAAM,OACjB,IAAIzE,EAAM0E,EAAG,MACb,MAAMC,EAAQD,EAAG,gBAAkB1E,EAAI,OACvC,IAAI4E,EAAe5E,EAAI,MAAM,EAAG2E,CAAK,EAAE,QAAQ,MAAO,EAAE,EAAE,OAG1D,MAAME,GAAaxE,EAAQ,QAAQ,MAAO,EAAE,EAC5C,GAAIL,EAAI,OAASK,EAAQ,QAAUL,EAAI,QAAQ,MAAO,EAAE,IAAM6E,IAAcD,EAAe,EAAG,CAC5F,IAAI7D,GAAO,EACP+D,EAAM,GACV,QAAS9D,EAAI,EAAGA,EAAIhB,EAAI,OAAQgB,IAC9B,GAAI,KAAK,KAAKhB,EAAIgB,CAAC,CAAC,GAAK,EAAED,KAAS6D,EAAc,CAChDE,EAAM9D,EACN,KACF,CAEE8D,GAAO,IAAG9E,EAAMA,EAAI,MAAM,EAAG8E,CAAG,EAAI9E,EAAI,MAAM8E,EAAM,CAAC,GACzDF,GAAgB,CAClB,CACA,MAAMhE,EAAUb,EAAeC,EAAKzB,EAAS0B,EAAQ0C,CAAS,EAC9DyB,EAAa,QACXO,GAASD,EAAG,MAAM,OACd9D,EAAQ,QAAQ,OAChBC,GAAiBD,EAAQ,QAASgE,CAAY,EACpDL,GAAK3D,CAAO,CACd,EAGMmE,GAAahB,EAAAA,OAA8B,IAAI,EAC/CiB,GAAiBrB,EAAAA,QAAwB,IAAM,CACnD,MAAMsB,EAAYrG,GAAkC,CAClD,MAAMsG,EAAO5G,EAAcM,CAAC,EAC5B,MAAO,CACL,MAAOA,EACP,MAAOE,GAAYF,EAAG6D,CAAQ,EAC9B,KACE0C,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,KAAM,cAAY,OACvC,SAAAzG,GAAUC,CAAC,CAAA,CACd,EAEF,SAAU,CAACA,EAAGsG,EAAM,IAAIA,CAAI,EAAE,EAC9B,SAAUG,EAAAA,KAAC,OAAA,CAAK,UAAWD,EAAO,KAAM,SAAA,CAAA,IAAEF,CAAA,CAAA,CAAK,CAAA,CAEnD,EAGMI,EAAS/D,EAAmB,OAAQ3C,GAAM+D,EAAU,SAAS/D,CAAC,CAAC,EAAE,IAAIqG,CAAQ,EAC7EM,EAAO5C,EACV,OAAQ/D,GAAM,CAAC2C,EAAmB,SAAS3C,CAAC,CAAC,EAC7C,IAAIqG,CAAQ,EACZ,KAAK,CAACO,EAAGC,IAAMD,EAAE,MAAM,cAAcC,EAAE,MAAOhD,CAAQ,CAAC,EAC1D,OAAI6C,EAAO,SAAW,EAAUC,EACzB,CACL,GAAGD,EAAO,IAAKI,IAAO,CAAE,GAAGA,EAAG,MAAOnD,EAAE,sBAAsB,CAAA,EAAI,EACjE,GAAGgD,EAAK,IAAKG,IAAO,CAAE,GAAGA,EAAG,MAAOnD,EAAE,yBAAyB,GAAI,CAAA,CAEtE,EAAG,CAACI,EAAWpB,EAAoBkB,EAAUF,CAAC,CAAC,EAEzCoD,GAAepF,GAAuB,CAE1C,MAAME,EAAWV,EAAeM,EAAS9B,EAAS0B,EAAQ0C,CAAS,EAAE,SACrEiB,EAAWrD,CAAI,EACfgE,GAAK,CAAE,GAAGxE,EAAeU,EAAUF,EAAMN,EAAQ0C,CAAS,EAAG,QAASpC,EAAM,CAC9E,EAEMqF,EAAOC,GAAAA,cAAc,CACzB,OAAQ,GAAG/C,CAAE,WACb,QAASkC,GACT,WAAaU,GAAMA,EAAE,QAAUnH,EAC/B,OAASmH,GAAMC,GAAYD,EAAE,KAAqB,EAClD,WAAY,GACZ,SAAA3D,EAEA,SAAUiC,CAAA,CACX,EAEK8B,GAAcrB,GAAwC,CAC1DtB,GAAA,MAAAA,EAAO,OAAOsB,GACdtC,GAAA,MAAAA,EAASsC,EACX,EAEMsB,GAActC,GAAsB,KAAOV,GAAW,OACtDiD,GAAYpE,IAAS,KAAO,GAAKA,IAAS,KAAO,GAAK,GACtDhC,GAAOtB,EAAcC,CAAO,EAC5B0H,GAAQnH,GAAYP,EAASkE,CAAQ,EAE3C,OACE4C,EAAAA,KAAC,MAAA,CACC,UAAWa,EAAAA,KACTC,EAAAA,YAAY,MACZA,EAAAA,YAAYvE,CAAI,EAChBC,GAAasE,EAAAA,YAAY,UACzB3C,GAAiB2C,EAAAA,YAAY,MAC7BpE,GAAYoE,EAAAA,YAAY,SACxBf,EAAO,WACPnD,EAAA,EAEF,MAAAC,GAEC,SAAA,CAAAV,GAAS,MACR6D,OAAC,QAAA,CAAM,QAASvC,EAAI,UAAWqD,EAAAA,YAAY,MACzC,SAAA,CAAAhB,EAAAA,IAACiB,GAAAA,YAAW,GAAG,OAAO,QAAQ,YAAY,MAAM,QAC7C,SAAA5E,CAAA,CACH,EACCG,SACE,OAAA,CAAK,UAAWwE,EAAAA,YAAY,SAAU,cAAY,OAAO,SAAA,GAAA,CAE1D,CAAA,EAEJ,EAGFd,EAAAA,KAAC,MAAA,CAAI,IAAKN,GAAY,UAAWmB,OAAKC,EAAAA,YAAY,QAASf,EAAO,OAAO,EACvE,SAAA,CAAAC,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAWD,EAAO,QAClB,gBAAc,UACd,gBAAeQ,EAAK,KACpB,gBAAeA,EAAK,KAAOA,EAAK,UAAY,OAC5C,aAAY,GAAGrD,EAAE,oBAAoB,CAAC,KAAK0D,EAAK,MAAMrG,EAAI,IAC1D,SAAAmC,EACA,QAAS6D,EAAK,WACd,UAAYS,GAAM,EAEXA,EAAE,MAAQ,aAAeA,EAAE,MAAQ,YAAc,CAACT,EAAK,OAC1DS,EAAE,eAAA,EACFT,EAAK,SAAA,EAET,EAEA,SAAA,CAAAT,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,KAAM,cAAY,OACvC,SAAAzG,GAAUJ,CAAO,CAAA,CACpB,EACC0B,IAAW,YAAcoF,EAAAA,KAAC,OAAA,CAAK,UAAWD,EAAO,KAAM,SAAA,CAAA,IAAExF,EAAA,EAAK,EAE/DuF,EAAAA,IAACmB,GAAAA,KAAA,CACC,KAAK,aACL,UAAWJ,EAAAA,KAAKd,EAAO,QAASQ,EAAK,MAAQR,EAAO,WAAW,EAC/D,MAAO,CAAE,MAAOY,GAAW,OAAQA,EAAA,EACnC,cAAY,MAAA,CAAA,CACd,CAAA,CAAA,EAEFb,EAAAA,IAAC,QAAA,CACC,IAAKlB,GACL,GAAAnB,EACA,KAAAhB,EACA,KAAK,MACL,UAAU,MACV,aAAa,MACb,UAAWqE,EAAAA,YAAY,MACvB,MAAO9F,EACP,YAAA+B,GACA,SAAUoC,GACV,OAAQsB,GACR,SAAA/D,EACA,eAAcyB,GAAiB,OAC/B,mBAAkBuC,GACjB,GAAG1D,EAAA,CAAA,CACN,EACF,EAEA8C,EAAAA,IAACoB,GAAAA,WAAA,CACC,KAAAX,EACA,UAAWb,GACX,KAAAnD,EACA,kBAAmBW,EAAE,mBAAmB,EACxC,UAAWA,EAAE,oBAAoB,CAAA,CAAA,EAGlCkB,GAAsB,MACrB0B,EAAAA,IAACiB,GAAAA,WAAA,CACC,GAAG,OACH,GAAIrD,GACJ,QAAQ,YACR,MAAOS,EAAgB,QAAU,QACjC,UAAW2C,EAAAA,YAAY,OAEtB,SAAA1C,CAAA,CAAA,CACH,CAAA,CAAA,CAIR,CAAC,EAYY+C,GAAatF,EAAAA,WACxB,SAAoBmB,EAAOC,EAAK,CAC9B,KAAM,CAAE,OAAAmE,CAAA,EAAWC,GAAAA,gBAAgBzI,CAAS,EAC5C,GAAIwI,EAAQ,OAAOtB,MAAClE,GAAA,CAAgB,IAAAqB,EAAW,GAAGD,EAAO,EAGzD,KAAM,CACJ,MAAAb,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,UAAAC,EAAY,GACZ,UAAAI,EACA,MAAAC,EACA,YAAAE,CAAA,EACEC,EACJ,OACE8C,EAAAA,IAACwB,GAAAA,UAAA,CACC,IAAArE,EACA,KAAK,MACL,MAAAd,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,UAAAC,EACA,UAAAI,EACA,MAAAC,EACA,YAAAE,EACA,MAAOC,EAAM,OAASA,EAAM,cAAgB,GAC5C,SAAQ,GACR,SAAQ,EAAA,CAAA,CAGd,CACF"}

package/dist/{PhoneField-DmFaJJEa.js → PhoneField-DhoumZNG.js}

@@ -3,12 +3,12 @@ import { forwardRef as fe, useId as De, useState as ee, useMemo as ue, useRef as
 import { clsx as ne } from "clsx";
 import { o as je, u as Ue } from "./useOptionalPeer-49f3XcO5.js";
 import { u as ke } from "./formContext-B7ln1Miy.js";
-import { b as Ee } from "./Icon-B7DJn8Tw.js";
-import { T as Me } from "./TextField-Dfpk0jOg.js";
-import { u as Ve, O as We } from "./useOptionMenu-CxM6FHXL.js";
+import { b as Ee } from "./Icon-DMMO32p6.js";
+import { T as Me } from "./TextField-BsC2zoHI.js";
+import { u as Ve, O as We } from "./useOptionMenu-Sp2d3Bzi.js";
 import { T as de } from "./Typography-ChSuxgkc.js";
 import { f as y } from "./TextField.module-6gYcR9TL.js";
-import { a as Be, u as Ge } from "./ConfigProvider-DtyUlWk6.js";
+import { a as Be, u as Ge } from "./ConfigProvider-bXX8dnhY.js";
 const Y = je(
   "libphonenumber-js",
   "PhoneField",
@@ -369,4 +369,4 @@ export {
   vn as P,
   gn as i
 };
-//# sourceMappingURL=PhoneField-DmFaJJEa.js.map
+//# sourceMappingURL=PhoneField-DhoumZNG.js.map