@techzyapp/ui-library 1.0.40 → 1.0.42

package/dist/components/FileCard/FileCard.d.ts

@@ -7,9 +7,12 @@ export interface FileCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
     name: string;
     /** File URL — the download target and, for an image, the thumbnail `src`. */
     src?: string;
-    /** File type — an extension (`'pdf'`) or MIME (`'image/png'`). Derived from `name` when omitted. */
+    /**
+     * File MIME type (`'image/png'`) — `image/*` forces image rendering; it supplies the type label only when
+     * `name` has no extension (the name's extension wins). A bare extension here is ignored.
+     */
     type?: string;
-    /** Force image vs. file rendering. Inferred from `type` / `name` / `src` when omitted. */
+    /** Force image vs. file rendering. Inferred from `type` / `name` when omitted. */
     image?: boolean;
     /** File size — a **bytes** number (auto-formatted to `"2.3 MB"`) or a preformatted string. Shown after the type. */
     fileSize?: number | string;

package/dist/components/FileCard/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FileCard-Cl88Gu6L.cjs");exports.FileCard=e.FileCard;exports.default=e.FileCard;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FileCard-DEc10T2G.cjs");exports.FileCard=e.FileCard;exports.default=e.FileCard;
 //# sourceMappingURL=index.cjs.map

package/dist/components/FileCard/index.js

@@ -1,4 +1,4 @@
-import { F as r, F } from "../../FileCard-5QvVkO1-.js";
+import { F as r, F } from "../../FileCard-SSuFS13E.js";
 export {
   r as FileCard,
   F as default

package/dist/components/FileUploader/FileUploader.d.cts

@@ -37,20 +37,20 @@ export interface FileUploaderProps extends Omit<HTMLAttributes<HTMLDivElement>,
     allowPreview?: boolean;
     /**
      * Show a per-card **edit** button that opens a modal for editing the item's `altText`. Defaults to
-     * `true` — pass `false` to hide it. The modal renders one input per content locale (a tab strip when
-     * there are several), so the edited value lands in `item.altText` keyed by locale code (or a single
+     * `true` — pass `false` to hide it. The modal renders one input per content locale (stacked fields,
+     * no tabs), so the edited value lands in `item.altText` keyed by locale code (or a single
      * string with `localizedAltText={false}`).
      */
     allowAltText?: boolean;
     /**
-     * Locales for the `allowAltText` editor (one input/tab each). Defaults to the app's `ConfigProvider`
+     * Locales for the `allowAltText` editor (one input each). Defaults to the app's `ConfigProvider`
      * locales (`useLocales()`); pass this to override — mirrors `<TranslatedFields locales>`. Ignored when
      * `localizedAltText` is `false`.
      */
     altTextLocales?: LocaleConfig[];
     /**
      * Whether the `allowAltText` editor is **per-locale**. Defaults to `true` — `altText` is a
-     * `Record<localeCode, string>` with one input/tab per locale. Pass **`false`** for a single plain input
+     * `Record<localeCode, string>` with one input per locale. Pass **`false`** for a single plain input
      * (no locales), so `altText` is just a **`string`**.
      */
     localizedAltText?: boolean;
@@ -122,7 +122,7 @@ export declare const labelOf: (item: FileUploaderItem) => string;
  * (the image-first assumption — e.g. extensionless CDN URLs).
  */
 export declare const isImageItem: (item: FileUploaderItem) => boolean;
-/** Whether an item is a video — rendered as a playable `<video controls>` preview instead of an `<img>`. */
+/** Whether an item is a video — its card shows a muted `<video>` thumbnail (no controls) instead of an `<img>`; the Eye lightbox plays it. */
 export declare const isVideoItem: (item: FileUploaderItem) => boolean;
 /**
  * Split a name into the part that may truncate and a short trailing extension that should always stay

package/dist/components/FileUploader/FileUploader.d.ts

@@ -37,20 +37,20 @@ export interface FileUploaderProps extends Omit<HTMLAttributes<HTMLDivElement>,
     allowPreview?: boolean;
     /**
      * Show a per-card **edit** button that opens a modal for editing the item's `altText`. Defaults to
-     * `true` — pass `false` to hide it. The modal renders one input per content locale (a tab strip when
-     * there are several), so the edited value lands in `item.altText` keyed by locale code (or a single
+     * `true` — pass `false` to hide it. The modal renders one input per content locale (stacked fields,
+     * no tabs), so the edited value lands in `item.altText` keyed by locale code (or a single
      * string with `localizedAltText={false}`).
      */
     allowAltText?: boolean;
     /**
-     * Locales for the `allowAltText` editor (one input/tab each). Defaults to the app's `ConfigProvider`
+     * Locales for the `allowAltText` editor (one input each). Defaults to the app's `ConfigProvider`
      * locales (`useLocales()`); pass this to override — mirrors `<TranslatedFields locales>`. Ignored when
      * `localizedAltText` is `false`.
      */
     altTextLocales?: LocaleConfig[];
     /**
      * Whether the `allowAltText` editor is **per-locale**. Defaults to `true` — `altText` is a
-     * `Record<localeCode, string>` with one input/tab per locale. Pass **`false`** for a single plain input
+     * `Record<localeCode, string>` with one input per locale. Pass **`false`** for a single plain input
      * (no locales), so `altText` is just a **`string`**.
      */
     localizedAltText?: boolean;
@@ -122,7 +122,7 @@ export declare const labelOf: (item: FileUploaderItem) => string;
  * (the image-first assumption — e.g. extensionless CDN URLs).
  */
 export declare const isImageItem: (item: FileUploaderItem) => boolean;
-/** Whether an item is a video — rendered as a playable `<video controls>` preview instead of an `<img>`. */
+/** Whether an item is a video — its card shows a muted `<video>` thumbnail (no controls) instead of an `<img>`; the Eye lightbox plays it. */
 export declare const isVideoItem: (item: FileUploaderItem) => boolean;
 /**
  * Split a name into the part that may truncate and a short trailing extension that should always stay

package/dist/components/FileUploader/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FileUploader-FMVbj7rz.cjs");exports.FileUploader=e.FileUploader;exports.default=e.FileUploader;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FileUploader-D58_6kDA.cjs");exports.FileUploader=e.FileUploader;exports.default=e.FileUploader;
 //# sourceMappingURL=index.cjs.map

package/dist/components/FileUploader/index.js

@@ -1,4 +1,4 @@
-import { F as l, F as o } from "../../FileUploader-DwAl3UXI.js";
+import { F as l, F as o } from "../../FileUploader-DfYOBFa4.js";
 export {
   l as FileUploader,
   o as default

package/dist/components/Flag/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Flag-Do7x-AhS.cjs");exports.Flag=e.Flag;exports.default=e.Flag;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Flag-B1ZvZVXi.cjs");exports.Flag=e.Flag;exports.default=e.Flag;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Flag/index.js

@@ -1,4 +1,4 @@
-import { F as e, F as f } from "../../Flag-DfA2t0yd.js";
+import { F as e, F as f } from "../../Flag-BEIqYQZg.js";
 export {
   e as Flag,
   f as default

package/dist/components/FloatingPanel/FloatingPanel.d.cts

@@ -18,9 +18,9 @@ export interface FloatingPanelProps {
     ariaLabelledBy?: string;
     /** `id` of the element that describes the panel. */
     ariaDescribedBy?: string;
-    /** Trap Tab focus inside the panel + mark it `aria-modal` (for modal dialogs like the date pickers). */
+    /** Trap Tab focus inside the panel + mark it `aria-modal` when `role` is `dialog` / `alertdialog` (for modal dialogs like the date pickers). */
     trapFocus?: boolean;
-    /** Constrain the panel to the trigger's width (select-like). */
+    /** Set the panel to exactly the trigger's width (select-like). */
     matchTriggerWidth?: boolean;
     /** Fixed panel width (px number or any CSS width). Wins over `matchTriggerWidth`. */
     width?: number | string;
@@ -32,12 +32,13 @@ export interface FloatingPanelProps {
     children: ReactNode;
 }
 /**
- * The shared floating popover used across the library — `Select` / `MultiSelect`, the date/time
- * pickers, `ColorPicker`, and the public `Popover`. Wraps `useFloatingPanel` and renders a `<body>`-portaled, viewport-clamped
+ * The shared floating popover used across the library — `OptionMenu` (Select / MultiSelect / PhoneField),
+ * the date/time pickers, `ColorPicker`, the public `Popover` / `Popconfirm`, the RichTextEditor toolbar
+ * and LocationPicker's place search. Wraps `useFloatingPanel` and renders a `<body>`-portaled, viewport-clamped
  * panel that opens below its trigger (flips above only when it would overflow), locks page scroll while
  * open, animates in (opacity + translate, keyed off `data-open`/`data-side`), and dismisses on
  * outside-pointerdown / `Escape`. Optionally **traps Tab focus** (`trapFocus`, for modal dialogs — also
- * sets `aria-modal`). The forwarded ref points at the panel element, so a consumer can still read it for
+ * sets `aria-modal` when `role` is `dialog` / `alertdialog`). The forwarded ref points at the panel element, so a consumer can still read it for
  * blur/focus bookkeeping. Internal (not part of the public component surface).
  */
 export declare const FloatingPanel: import("react").ForwardRefExoticComponent<FloatingPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FloatingPanel/FloatingPanel.d.ts

@@ -18,9 +18,9 @@ export interface FloatingPanelProps {
     ariaLabelledBy?: string;
     /** `id` of the element that describes the panel. */
     ariaDescribedBy?: string;
-    /** Trap Tab focus inside the panel + mark it `aria-modal` (for modal dialogs like the date pickers). */
+    /** Trap Tab focus inside the panel + mark it `aria-modal` when `role` is `dialog` / `alertdialog` (for modal dialogs like the date pickers). */
     trapFocus?: boolean;
-    /** Constrain the panel to the trigger's width (select-like). */
+    /** Set the panel to exactly the trigger's width (select-like). */
     matchTriggerWidth?: boolean;
     /** Fixed panel width (px number or any CSS width). Wins over `matchTriggerWidth`. */
     width?: number | string;
@@ -32,12 +32,13 @@ export interface FloatingPanelProps {
     children: ReactNode;
 }
 /**
- * The shared floating popover used across the library — `Select` / `MultiSelect`, the date/time
- * pickers, `ColorPicker`, and the public `Popover`. Wraps `useFloatingPanel` and renders a `<body>`-portaled, viewport-clamped
+ * The shared floating popover used across the library — `OptionMenu` (Select / MultiSelect / PhoneField),
+ * the date/time pickers, `ColorPicker`, the public `Popover` / `Popconfirm`, the RichTextEditor toolbar
+ * and LocationPicker's place search. Wraps `useFloatingPanel` and renders a `<body>`-portaled, viewport-clamped
  * panel that opens below its trigger (flips above only when it would overflow), locks page scroll while
  * open, animates in (opacity + translate, keyed off `data-open`/`data-side`), and dismisses on
  * outside-pointerdown / `Escape`. Optionally **traps Tab focus** (`trapFocus`, for modal dialogs — also
- * sets `aria-modal`). The forwarded ref points at the panel element, so a consumer can still read it for
+ * sets `aria-modal` when `role` is `dialog` / `alertdialog`). The forwarded ref points at the panel element, so a consumer can still read it for
  * blur/focus bookkeeping. Internal (not part of the public component surface).
  */
 export declare const FloatingPanel: import("react").ForwardRefExoticComponent<FloatingPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FullscreenToggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FullscreenToggle-Bbb_z2xj.cjs");exports.FullscreenToggle=e.FullscreenToggle;exports.default=e.FullscreenToggle;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FullscreenToggle-Po769CoC.cjs");exports.FullscreenToggle=e.FullscreenToggle;exports.default=e.FullscreenToggle;
 //# sourceMappingURL=index.cjs.map

package/dist/components/FullscreenToggle/index.js

@@ -1,4 +1,4 @@
-import { F as a, F as o } from "../../FullscreenToggle-DM6wWZ1a.js";
+import { F as a, F as o } from "../../FullscreenToggle-I_In47BB.js";
 export {
   a as FullscreenToggle,
   o as default

package/dist/components/IconButton/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../IconButton-CQ25TtBc.cjs");exports.IconButton=t.IconButton;exports.default=t.IconButton;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../IconButton-CxSXEYce.cjs");exports.IconButton=t.IconButton;exports.default=t.IconButton;
 //# sourceMappingURL=index.cjs.map

package/dist/components/IconButton/index.js

@@ -1,4 +1,4 @@
-import { I as a, I } from "../../IconButton-06pmftMo.js";
+import { I as a, I } from "../../IconButton-D9MCwRK_.js";
 export {
   a as IconButton,
   I as default

package/dist/components/List/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../List-B5Ppe9R1.cjs"),t=require("../../ListItem-Qo1Tt6Fi.cjs");exports.List=e.List;exports.default=e.List;exports.ListItem=t.ListItem;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../List-CKoNx21F.cjs"),t=require("../../ListItem-DkCYXucd.cjs");exports.List=e.List;exports.default=e.List;exports.ListItem=t.ListItem;
 //# sourceMappingURL=index.cjs.map

package/dist/components/List/index.js

@@ -1,5 +1,5 @@
-import { L, L as a } from "../../List-CwuAJDTi.js";
-import { L as o } from "../../ListItem-BWNIbyTh.js";
+import { L, L as a } from "../../List-2Y3ktTcF.js";
+import { L as o } from "../../ListItem-2Lr5_NRY.js";
 export {
   L as List,
   o as ListItem,

package/dist/components/Loader/Loader.d.cts

@@ -2,7 +2,7 @@ import { type HTMLAttributes } from 'react';
 import { type ThemeColor } from '../../theme';
 export type LoaderSize = 'sm' | 'md' | 'lg';
 export interface LoaderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
-    /** Preset size — matches the Icon sizes: `sm` 14px · `md` 18px · `lg` 22px. Defaults to `md`. */
+    /** Preset size — matches the Icon sizes: `sm` 16px · `md` 18px · `lg` 22px. Defaults to `md`. */
     size?: LoaderSize;
     /** Theme palette token used to color the spinner. Omit to inherit the surrounding text color (`currentColor`). */
     color?: ThemeColor;

package/dist/components/Loader/Loader.d.ts

@@ -2,7 +2,7 @@ import { type HTMLAttributes } from 'react';
 import { type ThemeColor } from '../../theme';
 export type LoaderSize = 'sm' | 'md' | 'lg';
 export interface LoaderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
-    /** Preset size — matches the Icon sizes: `sm` 14px · `md` 18px · `lg` 22px. Defaults to `md`. */
+    /** Preset size — matches the Icon sizes: `sm` 16px · `md` 18px · `lg` 22px. Defaults to `md`. */
     size?: LoaderSize;
     /** Theme palette token used to color the spinner. Omit to inherit the surrounding text color (`currentColor`). */
     color?: ThemeColor;

package/dist/components/Loader/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Loader-B5Pm8AaT.cjs");exports.Loader=e.Loader;exports.default=e.Loader;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Loader-5zp2MPm5.cjs");exports.Loader=e.Loader;exports.default=e.Loader;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Loader/index.js

@@ -1,4 +1,4 @@
-import { L as o, L as r } from "../../Loader-Bj5uwVR9.js";
+import { L as o, L as r } from "../../Loader-Bluu6z0-.js";
 export {
   o as Loader,
   r as default

package/dist/components/LocationPicker/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../LocationPicker-D-sT4rSe.cjs");exports.LocationPicker=e.LocationPicker;exports.TBILISI=e.TBILISI;exports.default=e.LocationPicker;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../LocationPicker-CGHXTIml.cjs");exports.LocationPicker=e.LocationPicker;exports.TBILISI=e.TBILISI;exports.default=e.LocationPicker;
 //# sourceMappingURL=index.cjs.map

package/dist/components/LocationPicker/index.js

@@ -1,4 +1,4 @@
-import { L, T as e, L as r } from "../../LocationPicker-Ce8aLubZ.js";
+import { L, T as e, L as r } from "../../LocationPicker-hULpHBVG.js";
 export {
   L as LocationPicker,
   e as TBILISI,

package/dist/components/Modal/Modal.d.cts

@@ -9,7 +9,7 @@ export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'
     open: boolean;
     /** Called when a dismiss is requested (close button, backdrop click, or Escape). */
     onClose: () => void;
-    /** Preset width: `sm` 360 · `md` 620 · `lg` 900 px, or `fullScreen` (fills the viewport). Defaults to `md`. */
+    /** Preset max-width: `sm` 400 · `md` 520 · `lg` 760 px, or `fullScreen` (fills the viewport). Defaults to `md`. */
     size?: ModalSize;
     /**
      * Where overflow scrolls when the content is taller than the viewport: `outside` (default — the

package/dist/components/Modal/Modal.d.ts

@@ -9,7 +9,7 @@ export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'
     open: boolean;
     /** Called when a dismiss is requested (close button, backdrop click, or Escape). */
     onClose: () => void;
-    /** Preset width: `sm` 360 · `md` 620 · `lg` 900 px, or `fullScreen` (fills the viewport). Defaults to `md`. */
+    /** Preset max-width: `sm` 400 · `md` 520 · `lg` 760 px, or `fullScreen` (fills the viewport). Defaults to `md`. */
     size?: ModalSize;
     /**
      * Where overflow scrolls when the content is taller than the viewport: `outside` (default — the

package/dist/components/Modal/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Modal-DjSOhZqd.cjs");exports.Modal=e.Modal;exports.default=e.Modal;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Modal-D9_OG53G.cjs");exports.Modal=e.Modal;exports.default=e.Modal;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.js

@@ -1,4 +1,4 @@
-import { M, M as d } from "../../Modal-DTnB_mGg.js";
+import { M, M as d } from "../../Modal-C6Zgwz_6.js";
 export {
   M as Modal,
   d as default

package/dist/components/MultiSelect/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../MultiSelect-C4RvohFY.cjs");exports.MultiSelect=e.MultiSelect;exports.default=e.MultiSelect;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../MultiSelect-BdPvjiTj.cjs");exports.MultiSelect=e.MultiSelect;exports.default=e.MultiSelect;
 //# sourceMappingURL=index.cjs.map

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as a, M as l } from "../../MultiSelect-Dn8l5z52.js";
+import { M as a, M as l } from "../../MultiSelect-CHLMpim4.js";
 export {
   a as MultiSelect,
   l as default

package/dist/components/NumberField/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../NumberField-C3TLdAgT.cjs");exports.NumberField=e.NumberField;exports.default=e.NumberField;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../NumberField-C-FZ-uRI.cjs");exports.NumberField=e.NumberField;exports.default=e.NumberField;
 //# sourceMappingURL=index.cjs.map

package/dist/components/NumberField/index.js

@@ -1,4 +1,4 @@
-import { N as r, N } from "../../NumberField-DvQ5UP1R.js";
+import { N as r, N } from "../../NumberField-BlpFmetF.js";
 export {
   r as NumberField,
   N as default

package/dist/components/OtpField/OtpField.d.cts

@@ -46,7 +46,7 @@ export interface OtpFieldProps {
  * A one-time-passcode input — a row of single-character boxes for verification codes. **`length`**
  * (default `4`) sets the box count; **`type`** (`'numeric'` default · `'alphabetic'` · `'alphanumeric'`)
  * restricts the accepted characters and the mobile keyboard. Typing advances to the next box, Backspace
- * clears + steps back, Arrows navigate, and **paste / SMS autofill** (`autocomplete="one-time-code"`)
+ * clears the box (in an empty box: clears the previous one and steps back), Arrows navigate, and **paste / SMS autofill** (`autocomplete="one-time-code"`)
  * distributes the whole code across the boxes. The value is the concatenated string — controlled
  * (`value` + `onChange`) or uncontrolled (`defaultValue`); **`onComplete`** fires when all boxes are
  * filled. Shares the field-family chrome (`label` · `error` + `helperText` · `required` · `disabled` ·

package/dist/components/OtpField/OtpField.d.ts

@@ -46,7 +46,7 @@ export interface OtpFieldProps {
  * A one-time-passcode input — a row of single-character boxes for verification codes. **`length`**
  * (default `4`) sets the box count; **`type`** (`'numeric'` default · `'alphabetic'` · `'alphanumeric'`)
  * restricts the accepted characters and the mobile keyboard. Typing advances to the next box, Backspace
- * clears + steps back, Arrows navigate, and **paste / SMS autofill** (`autocomplete="one-time-code"`)
+ * clears the box (in an empty box: clears the previous one and steps back), Arrows navigate, and **paste / SMS autofill** (`autocomplete="one-time-code"`)
  * distributes the whole code across the boxes. The value is the concatenated string — controlled
  * (`value` + `onChange`) or uncontrolled (`defaultValue`); **`onComplete`** fires when all boxes are
  * filled. Shares the field-family chrome (`label` · `error` + `helperText` · `required` · `disabled` ·

package/dist/components/OtpField/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../OtpField-OdkuKKcV.cjs");exports.OtpField=e.OtpField;exports.default=e.OtpField;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../OtpField-Drjy2wwq.cjs");exports.OtpField=e.OtpField;exports.default=e.OtpField;
 //# sourceMappingURL=index.cjs.map

package/dist/components/OtpField/index.js

@@ -1,4 +1,4 @@
-import { O as t, O } from "../../OtpField-Dy4O1MeD.js";
+import { O as t, O } from "../../OtpField-D4-r7I0A.js";
 export {
   t as OtpField,
   O as default

package/dist/components/PageError/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PageError-aUV0vUfB.cjs");exports.PageError=e.PageError;exports.default=e.PageError;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PageError-DXUOkE14.cjs");exports.PageError=e.PageError;exports.default=e.PageError;
 //# sourceMappingURL=index.cjs.map

package/dist/components/PageError/index.js

@@ -1,4 +1,4 @@
-import { P as e, P as o } from "../../PageError-BORFaxGW.js";
+import { P as e, P as o } from "../../PageError-DyDj1wQZ.js";
 export {
   e as PageError,
   o as default

package/dist/components/PageLayout/PageLayout.d.cts

@@ -20,8 +20,8 @@ export interface PageLayoutProps extends Omit<CardProps, 'flat'> {
     back?: boolean | string;
 }
 /**
- * The container a page's body sits in — a **flat `Card`** (no shadow, the page `background` color), so it
- * blends with the shell while the Cards/inputs placed inside it read as elevated. Being a Card, it has the full
+ * The container a page's body sits in — a **flat `Card`**: an ordinary bordered `surface` panel with no
+ * shadow, floating on the shell's `background` canvas (`flat` is only a styling hook). Being a Card, it has the full
  * Card anatomy: an optional card header (`icon` + `title` + `subtitle` + `actions`), the body (`children`), a
  * `footer` / `footerStart` (`stickyFooter`), and `collapsible`. Above the card, an optional **page heading row**
  * — `back` (button) + `pageTitle` (`h2`) + `pageActions` (right) — shown only when one of them is given; the

package/dist/components/PageLayout/PageLayout.d.ts

@@ -20,8 +20,8 @@ export interface PageLayoutProps extends Omit<CardProps, 'flat'> {
     back?: boolean | string;
 }
 /**
- * The container a page's body sits in — a **flat `Card`** (no shadow, the page `background` color), so it
- * blends with the shell while the Cards/inputs placed inside it read as elevated. Being a Card, it has the full
+ * The container a page's body sits in — a **flat `Card`**: an ordinary bordered `surface` panel with no
+ * shadow, floating on the shell's `background` canvas (`flat` is only a styling hook). Being a Card, it has the full
  * Card anatomy: an optional card header (`icon` + `title` + `subtitle` + `actions`), the body (`children`), a
  * `footer` / `footerStart` (`stickyFooter`), and `collapsible`. Above the card, an optional **page heading row**
  * — `back` (button) + `pageTitle` (`h2`) + `pageActions` (right) — shown only when one of them is given; the

package/dist/components/PageLayout/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PageLayout-rtEl8uqS.cjs");exports.PageLayout=e.PageLayout;exports.default=e.PageLayout;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PageLayout-CoG0AaUs.cjs");exports.PageLayout=e.PageLayout;exports.default=e.PageLayout;
 //# sourceMappingURL=index.cjs.map

package/dist/components/PageLayout/index.js

@@ -1,4 +1,4 @@
-import { P as o, P as t } from "../../PageLayout-ojiBEcxI.js";
+import { P as o, P as t } from "../../PageLayout-nsJa8CbT.js";
 export {
   o as PageLayout,
   t as default

package/dist/components/PageNotFound/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PageNotFound-f-dxrnol.cjs");exports.PageNotFound=e.PageNotFound;exports.default=e.PageNotFound;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PageNotFound-CGSxT_n9.cjs");exports.PageNotFound=e.PageNotFound;exports.default=e.PageNotFound;
 //# sourceMappingURL=index.cjs.map

package/dist/components/PageNotFound/index.js

@@ -1,4 +1,4 @@
-import { P as e, P as t } from "../../PageNotFound-D536Tshv.js";
+import { P as e, P as t } from "../../PageNotFound-BNNwMkwE.js";
 export {
   e as PageNotFound,
   t as default

package/dist/components/Pagination/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Pagination-Ffv6IFIU.cjs");exports.Pagination=e.Pagination;exports.default=e.Pagination;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Pagination-CZtewveA.cjs");exports.Pagination=e.Pagination;exports.default=e.Pagination;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Pagination/index.js

@@ -1,4 +1,4 @@
-import { P as t, P } from "../../Pagination-DoDGKGpQ.js";
+import { P as t, P } from "../../Pagination-tuWRnGwR.js";
 export {
   t as Pagination,
   P as default

package/dist/components/PaletteField/PaletteField.d.cts

@@ -11,6 +11,11 @@ export interface PaletteFieldProps extends Omit<ColorPickerProps, 'swatches'> {
     rampSize?: ColorRampProps['size'];
     /** Hide the ramp (default `false`). */
     hideRamp?: boolean;
+    /**
+     * Show the ramp's "Lightest … Darkest" row (see `ColorRamp.showBounds`). Default `true`. Ignored
+     * with `hideRamp`.
+     */
+    showBounds?: boolean;
     /** Brand colors are opaque: hide the alpha slider and emit `#rrggbb` only (default `true`). */
     opaque?: boolean;
     /** Forwarded to the ramp's `onCopy`. */
@@ -24,7 +29,8 @@ export interface PaletteFieldProps extends Omit<ColorPickerProps, 'swatches'> {
  * `onChange`), uncontrolled (`defaultValue`), and inside `<Form>` by `name` — the ramp always reflects
  * the live field value (including `setValue` / `reset`), read through the same `useFormContext` binding
  * `ColorPicker` uses, so there is exactly one source of truth. `label` / `helperText` / `error` /
- * `required` go to the picker; the ramp shows no chrome of its own here (its bounds row stays).
- * `opaque` (default `true`) passes `alpha={false}` to the picker: no alpha slider, `#rrggbb` only.
+ * `required` go to the picker; the ramp shows no chrome of its own here (its bounds row stays unless
+ * `showBounds={false}`). `opaque` (default `true`) passes `alpha={false}` to the picker: no alpha
+ * slider, `#rrggbb` only.
  */
 export declare const PaletteField: import("react").ForwardRefExoticComponent<PaletteFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/PaletteField/PaletteField.d.ts

@@ -11,6 +11,11 @@ export interface PaletteFieldProps extends Omit<ColorPickerProps, 'swatches'> {
     rampSize?: ColorRampProps['size'];
     /** Hide the ramp (default `false`). */
     hideRamp?: boolean;
+    /**
+     * Show the ramp's "Lightest … Darkest" row (see `ColorRamp.showBounds`). Default `true`. Ignored
+     * with `hideRamp`.
+     */
+    showBounds?: boolean;
     /** Brand colors are opaque: hide the alpha slider and emit `#rrggbb` only (default `true`). */
     opaque?: boolean;
     /** Forwarded to the ramp's `onCopy`. */
@@ -24,7 +29,8 @@ export interface PaletteFieldProps extends Omit<ColorPickerProps, 'swatches'> {
  * `onChange`), uncontrolled (`defaultValue`), and inside `<Form>` by `name` — the ramp always reflects
  * the live field value (including `setValue` / `reset`), read through the same `useFormContext` binding
  * `ColorPicker` uses, so there is exactly one source of truth. `label` / `helperText` / `error` /
- * `required` go to the picker; the ramp shows no chrome of its own here (its bounds row stays).
- * `opaque` (default `true`) passes `alpha={false}` to the picker: no alpha slider, `#rrggbb` only.
+ * `required` go to the picker; the ramp shows no chrome of its own here (its bounds row stays unless
+ * `showBounds={false}`). `opaque` (default `true`) passes `alpha={false}` to the picker: no alpha
+ * slider, `#rrggbb` only.
  */
 export declare const PaletteField: import("react").ForwardRefExoticComponent<PaletteFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/PaletteField/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PaletteField-DQ1OvXqe.cjs");exports.PaletteField=e.PaletteField;exports.default=e.PaletteField;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PaletteField-PDcu2vUp.cjs");exports.PaletteField=e.PaletteField;exports.default=e.PaletteField;
 //# sourceMappingURL=index.cjs.map

package/dist/components/PaletteField/index.js

@@ -1,4 +1,4 @@
-import { P as t, P as l } from "../../PaletteField-ChG2VQtS.js";
+import { P as t, P as l } from "../../PaletteField-CTPl3D43.js";
 export {
   t as PaletteField,
   l as default

package/dist/components/PhoneField/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PhoneField-DzLTXJcw.cjs");exports.PhoneField=e.PhoneField;exports.default=e.PhoneField;exports.isValidPhone=e.isValidPhone;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PhoneField-BPYg5ZHW.cjs");exports.PhoneField=e.PhoneField;exports.default=e.PhoneField;exports.isValidPhone=e.isValidPhone;
 //# sourceMappingURL=index.cjs.map

package/dist/components/PhoneField/index.js

@@ -1,4 +1,4 @@
-import { P as i, P as o, i as s } from "../../PhoneField-CjYw-Unw.js";
+import { P as i, P as o, i as s } from "../../PhoneField-pdWDCszb.js";
 export {
   i as PhoneField,
   o as default,

package/dist/components/Popconfirm/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Popconfirm-CYc8ywDI.cjs");exports.Popconfirm=e.Popconfirm;exports.default=e.Popconfirm;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Popconfirm-cNpJmkuR.cjs");exports.Popconfirm=e.Popconfirm;exports.default=e.Popconfirm;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Popconfirm/index.js

@@ -1,4 +1,4 @@
-import { P as f, P as r } from "../../Popconfirm-B3GhhrRM.js";
+import { P as f, P as r } from "../../Popconfirm-CMVzLaC_.js";
 export {
   f as Popconfirm,
   r as default

package/dist/components/Popover/Popover.d.cts

@@ -18,7 +18,7 @@ export interface PopoverProps {
     onOpenChange?: (open: boolean) => void;
     /** Trap Tab focus inside (+ `aria-modal`) — for form/filter popovers. Defaults to `false`. */
     trapFocus?: boolean;
-    /** Make the panel at least as wide as the trigger. Defaults to `false`. */
+    /** Make the panel exactly as wide as the trigger (a fixed `width` wins). Defaults to `false`. */
     matchTriggerWidth?: boolean;
     /** Fixed panel width (px number or any CSS width). */
     width?: number | string;

package/dist/components/Popover/Popover.d.ts

@@ -18,7 +18,7 @@ export interface PopoverProps {
     onOpenChange?: (open: boolean) => void;
     /** Trap Tab focus inside (+ `aria-modal`) — for form/filter popovers. Defaults to `false`. */
     trapFocus?: boolean;
-    /** Make the panel at least as wide as the trigger. Defaults to `false`. */
+    /** Make the panel exactly as wide as the trigger (a fixed `width` wins). Defaults to `false`. */
     matchTriggerWidth?: boolean;
     /** Fixed panel width (px number or any CSS width). */
     width?: number | string;

package/dist/components/Progress/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Progress-BABBBG2y.cjs");exports.Progress=e.Progress;exports.default=e.Progress;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Progress-x12Rkh06.cjs");exports.Progress=e.Progress;exports.default=e.Progress;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Progress/index.js

@@ -1,4 +1,4 @@
-import { P as a, P as e } from "../../Progress-ZNQrxw_Q.js";
+import { P as a, P as e } from "../../Progress-BNEFGn-O.js";
 export {
   a as Progress,
   e as default

package/dist/components/QrCode/QrCode.d.cts

@@ -1,6 +1,6 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
 import type * as QrLibModule from 'qrcode.react';
-import type { ThemeColor } from '../../theme';
+import { type ThemeColor } from '../../theme';
 export type QrCodeLevel = 'L' | 'M' | 'Q' | 'H';
 export interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */
@@ -30,7 +30,10 @@ export interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color
      * page `background`. Default `true`. Pass `false` for a bare SVG.
      */
     framed?: boolean;
-    /** Accessible name. Default `"QR code"`. The `value` is never exposed as text by this component. */
+    /**
+     * Accessible name. Defaults to the localized `qrCode.label` ("QR code"). The `value` is never exposed
+     * as text by this component.
+     */
     'aria-label'?: string;
 }
 /**