@techzyapp/ui-library 1.0.27 → 1.0.28

package/dist/components/RemoveDialog/RemoveDialog.d.cts

@@ -20,12 +20,19 @@ export interface RemoveDialogProps {
     cancelLabel?: string;
     /** External loading override — combined with the internal async-confirm state. */
     loading?: boolean;
+    /**
+     * **Type-to-confirm** for high-risk deletes: the user must type this exact text (e.g. `"remove user"`)
+     * into a field before Delete enables. Case-sensitive; surrounding whitespace is ignored. The field is
+     * focused on open, cleared on every open, and Enter confirms once it matches.
+     */
+    confirmText?: string;
 }
 /**
  * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous
  * "Are you sure you want to delete?" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a
  * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async
- * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. Built on
+ * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. `confirmText`
+ * adds **type-to-confirm**: Delete stays disabled until the user types that exact text. Built on
  * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.
  *
  * @example

package/dist/components/RemoveDialog/RemoveDialog.d.ts

@@ -20,12 +20,19 @@ export interface RemoveDialogProps {
     cancelLabel?: string;
     /** External loading override — combined with the internal async-confirm state. */
     loading?: boolean;
+    /**
+     * **Type-to-confirm** for high-risk deletes: the user must type this exact text (e.g. `"remove user"`)
+     * into a field before Delete enables. Case-sensitive; surrounding whitespace is ignored. The field is
+     * focused on open, cleared on every open, and Enter confirms once it matches.
+     */
+    confirmText?: string;
 }
 /**
  * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous
  * "Are you sure you want to delete?" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a
  * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async
- * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. Built on
+ * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. `confirmText`
+ * adds **type-to-confirm**: Delete stays disabled until the user types that exact text. Built on
  * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.
  *
  * @example

package/dist/components/RemoveDialog/index.cjs

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

package/dist/components/RemoveDialog/index.js

@@ -1,4 +1,4 @@
-import { R as o, R } from "../../RemoveDialog-DUrD2Em8.js";
+import { R as o, R } from "../../RemoveDialog-C9_UzFBf.js";
 export {
   o as RemoveDialog,
   R as default

package/dist/components/RichTextEditor/index.cjs

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

package/dist/components/RichTextEditor/index.js

@@ -1,4 +1,4 @@
-import { R as e, R as o } from "../../RichTextEditor-CG6LoNiw.js";
+import { R as e, R as o } from "../../RichTextEditor-fXcbUjTl.js";
 export {
   e as RichTextEditor,
   o as default

package/dist/components/RootLayout/index.cjs

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

package/dist/components/RootLayout/index.js

@@ -1,4 +1,4 @@
-import { R as t, R } from "../../RootLayout-D3K-pAMO.js";
+import { R as t, R } from "../../RootLayout-p8ArA6wA.js";
 export {
   t as RootLayout,
   R as default

package/dist/components/Select/Select.d.cts

@@ -1,17 +1,7 @@
 import { type CSSProperties, type ReactNode } from 'react';
-import { type IconName } from '../../icons/names';
+import { type SelectOption } from '../OptionMenu/useOptionMenu';
 export type SelectSize = 'sm' | 'md' | 'lg';
-/** A single selectable option. */
-export interface SelectOption {
-    /** The value committed when this option is chosen. */
-    value: string;
-    /** Display + search text. */
-    label: string;
-    /** Greys out and blocks selecting this option. */
-    disabled?: boolean;
-    /** Leading icon — a known `IconName` (rendered as `<Icon>`) or any node. */
-    icon?: IconName | ReactNode;
-}
+export type { SelectOption };
 export interface SelectProps {
     /** Label rendered above the field. */
     label?: ReactNode;

package/dist/components/Select/Select.d.ts

@@ -1,17 +1,7 @@
 import { type CSSProperties, type ReactNode } from 'react';
-import { type IconName } from '../../icons/names';
+import { type SelectOption } from '../OptionMenu/useOptionMenu';
 export type SelectSize = 'sm' | 'md' | 'lg';
-/** A single selectable option. */
-export interface SelectOption {
-    /** The value committed when this option is chosen. */
-    value: string;
-    /** Display + search text. */
-    label: string;
-    /** Greys out and blocks selecting this option. */
-    disabled?: boolean;
-    /** Leading icon — a known `IconName` (rendered as `<Icon>`) or any node. */
-    icon?: IconName | ReactNode;
-}
+export type { SelectOption };
 export interface SelectProps {
     /** Label rendered above the field. */
     label?: ReactNode;

package/dist/components/Select/index.cjs

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

package/dist/components/Select/index.js

@@ -1,4 +1,4 @@
-import { S as t, S } from "../../Select-BB9oOoWZ.js";
+import { S as t, S } from "../../Select-BAR_aVSz.js";
 export {
   t as Select,
   S as default

package/dist/components/Sidebar/index.cjs

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

package/dist/components/Sidebar/index.js

@@ -1,4 +1,4 @@
-import { F as r, S as t, S as s } from "../../Sidebar-CsPnv4mu.js";
+import { F as r, S as t, S as s } from "../../Sidebar-CsWcjSTx.js";
 export {
   r as FirstRouteRedirect,
   t as Sidebar,

package/dist/components/Skeleton/Skeleton.d.cts

@@ -0,0 +1,31 @@
+import { type HTMLAttributes } from 'react';
+export type SkeletonVariant = 'text' | 'rect' | 'circle';
+export type SkeletonAnimation = 'shimmer' | 'pulse' | false;
+export type SkeletonRadius = 'xxs' | 'xs' | 'sm' | 'md' | 'pill' | 'round';
+export interface SkeletonProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'children'> {
+    /**
+     * Shape. `text` (default) is one line sized by the surrounding font (`1em` tall, full width) — drop it
+     * where the text will be and it matches that line. `rect` is a block; `circle` an avatar-like disc.
+     */
+    variant?: SkeletonVariant;
+    /** Width — a px number or any CSS length. Defaults: `text` / `rect` → `100%`, `circle` → its `height`. */
+    width?: number | string;
+    /** Height — a px number or any CSS length. Defaults: `text` → `1em`; `rect` / `circle` → `40px`. */
+    height?: number | string;
+    /** `text` only — render this many stacked lines; the last one is shorter (60%) so the block reads as a paragraph. */
+    lines?: number;
+    /** `shimmer` (default — a light sweep), `pulse` (opacity breathing), or `false` for a static block. Off under `prefers-reduced-motion`. */
+    animation?: SkeletonAnimation;
+    /** Corner radius token. Defaults to `xxs`; `circle` is always fully round. */
+    radius?: SkeletonRadius;
+}
+/**
+ * A loading placeholder shaped like the content it stands in for — the shared shimmer behind
+ * `DescriptionList`'s `loading`, and the building block for a loading `Card`, table row, avatar or KPI
+ * tile. Three shapes (`text` / `rect` / `circle`), `width` / `height` in px or any CSS length, `lines`
+ * for a paragraph, and a `shimmer` / `pulse` / static `animation`. Token-only (`primary-shade100 →
+ * shade200`, `--tz-radius-*` — so the global `square` shape flattens it); the shimmer stops under
+ * `prefers-reduced-motion`. Decorative: `aria-hidden` — put `aria-busy` on the container that is loading.
+ * `forwardRef` to the root `<span>`.
+ */
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,31 @@
+import { type HTMLAttributes } from 'react';
+export type SkeletonVariant = 'text' | 'rect' | 'circle';
+export type SkeletonAnimation = 'shimmer' | 'pulse' | false;
+export type SkeletonRadius = 'xxs' | 'xs' | 'sm' | 'md' | 'pill' | 'round';
+export interface SkeletonProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'children'> {
+    /**
+     * Shape. `text` (default) is one line sized by the surrounding font (`1em` tall, full width) — drop it
+     * where the text will be and it matches that line. `rect` is a block; `circle` an avatar-like disc.
+     */
+    variant?: SkeletonVariant;
+    /** Width — a px number or any CSS length. Defaults: `text` / `rect` → `100%`, `circle` → its `height`. */
+    width?: number | string;
+    /** Height — a px number or any CSS length. Defaults: `text` → `1em`; `rect` / `circle` → `40px`. */
+    height?: number | string;
+    /** `text` only — render this many stacked lines; the last one is shorter (60%) so the block reads as a paragraph. */
+    lines?: number;
+    /** `shimmer` (default — a light sweep), `pulse` (opacity breathing), or `false` for a static block. Off under `prefers-reduced-motion`. */
+    animation?: SkeletonAnimation;
+    /** Corner radius token. Defaults to `xxs`; `circle` is always fully round. */
+    radius?: SkeletonRadius;
+}
+/**
+ * A loading placeholder shaped like the content it stands in for — the shared shimmer behind
+ * `DescriptionList`'s `loading`, and the building block for a loading `Card`, table row, avatar or KPI
+ * tile. Three shapes (`text` / `rect` / `circle`), `width` / `height` in px or any CSS length, `lines`
+ * for a paragraph, and a `shimmer` / `pulse` / static `animation`. Token-only (`primary-shade100 →
+ * shade200`, `--tz-radius-*` — so the global `square` shape flattens it); the shimmer stops under
+ * `prefers-reduced-motion`. Decorative: `aria-hidden` — put `aria-busy` on the container that is loading.
+ * `forwardRef` to the root `<span>`.
+ */
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/Skeleton/index.cjs

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

package/dist/components/Skeleton/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Skeleton/index.d.cts

@@ -0,0 +1,2 @@
+export { Skeleton, Skeleton as default } from './Skeleton';
+export type { SkeletonProps, SkeletonVariant, SkeletonAnimation, SkeletonRadius } from './Skeleton';

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { Skeleton, Skeleton as default } from './Skeleton';
+export type { SkeletonProps, SkeletonVariant, SkeletonAnimation, SkeletonRadius } from './Skeleton';

package/dist/components/Skeleton/index.js

@@ -0,0 +1,6 @@
+import { S as o, S as t } from "../../Skeleton-_-uGax2j.js";
+export {
+  o as Skeleton,
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Slider/index.cjs

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

package/dist/components/Slider/index.js

@@ -1,4 +1,4 @@
-import { S as r, S } from "../../Slider-D7SvowmM.js";
+import { S as r, S } from "../../Slider-DoQJWgGU.js";
 export {
   r as Slider,
   S as default

package/dist/components/SpeedDial/index.cjs

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

package/dist/components/SpeedDial/index.js

@@ -1,4 +1,4 @@
-import { S, a as d, S as i } from "../../SpeedDial-B8XMUATN.js";
+import { S, a as d, S as i } from "../../SpeedDial-DF-ILheU.js";
 export {
   S as SpeedDial,
   d as SpeedDialAction,

package/dist/components/Stepper/index.cjs

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

package/dist/components/Stepper/index.js

@@ -1,4 +1,4 @@
-import { S as p, S as r } from "../../Stepper-B_e_PGZE.js";
+import { S as p, S as r } from "../../Stepper-B39Ax_w6.js";
 export {
   p as Stepper,
   r as default

package/dist/components/SwatchPicker/index.cjs

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

package/dist/components/SwatchPicker/index.js

@@ -1,4 +1,4 @@
-import { S as r, S as t } from "../../SwatchPicker-DXEE9xqY.js";
+import { S as r, S as t } from "../../SwatchPicker-Bpxk0IOe.js";
 export {
   r as SwatchPicker,
   t as default

package/dist/components/Switch/index.cjs

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

package/dist/components/Switch/index.js

@@ -1,4 +1,4 @@
-import { S, S as e } from "../../Switch-ESrhkpJC.js";
+import { S, S as e } from "../../Switch-Jh2Ch8GO.js";
 export {
   S as Switch,
   e as default

package/dist/components/Table/Table.d.cts

@@ -170,8 +170,14 @@ interface TableBaseProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
      * the dragged row's id + its old/new index). Only fires while `reorderable`.
      */
     onReorder?: (rows: T[], meta: TableReorderMeta) => void;
-    /** Show a loading overlay over the table (e.g. while fetching a server page). Defaults to `false`. */
+    /**
+     * Loading state. With no rows yet (first load) the body shows **skeleton rows** shaped like the real
+     * columns; while refetching with rows already shown, they're dimmed under a spinner overlay instead
+     * (so the table doesn't jump). Defaults to `false`.
+     */
     loading?: boolean;
+    /** Number of skeleton rows on the first load. Defaults to the page size, capped at 10. */
+    loadingRows?: number;
     /** Custom content for the empty state (replaces the default `EmptyState`). */
     empty?: ReactNode;
     /**

package/dist/components/Table/Table.d.ts

@@ -170,8 +170,14 @@ interface TableBaseProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
      * the dragged row's id + its old/new index). Only fires while `reorderable`.
      */
     onReorder?: (rows: T[], meta: TableReorderMeta) => void;
-    /** Show a loading overlay over the table (e.g. while fetching a server page). Defaults to `false`. */
+    /**
+     * Loading state. With no rows yet (first load) the body shows **skeleton rows** shaped like the real
+     * columns; while refetching with rows already shown, they're dimmed under a spinner overlay instead
+     * (so the table doesn't jump). Defaults to `false`.
+     */
     loading?: boolean;
+    /** Number of skeleton rows on the first load. Defaults to the page size, capped at 10. */
+    loadingRows?: number;
     /** Custom content for the empty state (replaces the default `EmptyState`). */
     empty?: ReactNode;
     /**

package/dist/components/Table/index.cjs

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

package/dist/components/Table/index.js

@@ -1,4 +1,4 @@
-import { T, T as f } from "../../Table-DdoUcZoN.js";
+import { T, T as f } from "../../Table-CH_oiEP3.js";
 export {
   T as Table,
   f as default

package/dist/components/Tabs/index.cjs

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

package/dist/components/Tabs/index.js

@@ -1,4 +1,4 @@
-import { T, T as e } from "../../Tabs-v1GEGUDQ.js";
+import { T, T as e } from "../../Tabs-By86Cmpw.js";
 export {
   T as Tabs,
   e as default

package/dist/components/TagsField/index.cjs

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

package/dist/components/TagsField/index.js

@@ -1,4 +1,4 @@
-import { T as s, T } from "../../TagsField-B389eDp4.js";
+import { T as s, T } from "../../TagsField-BiOyAadf.js";
 export {
   s as TagsField,
   T as default

package/dist/components/TextField/index.cjs

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

package/dist/components/TextField/index.js

@@ -1,4 +1,4 @@
-import { T as t, T } from "../../TextField-7MobCad5.js";
+import { T as t, T } from "../../TextField-CkronCRC.js";
 export {
   t as TextField,
   T as default

package/dist/components/ThemeToggle/index.cjs

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

package/dist/components/ThemeToggle/index.js

@@ -1,4 +1,4 @@
-import { T as a, T as o } from "../../ThemeToggle-BGdvqXad.js";
+import { T as a, T as o } from "../../ThemeToggle-BYUEH6be.js";
 export {
   a as ThemeToggle,
   o as default

package/dist/components/TimePicker/index.cjs

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

package/dist/components/TimePicker/index.js

@@ -1,4 +1,4 @@
-import { T as r, T } from "../../TimePicker-B_3Ubip0.js";
+import { T as r, T } from "../../TimePicker-CoIdMv1S.js";
 export {
   r as TimePicker,
   T as default

package/dist/components/Toast/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Toaster-BIFRuqbC.cjs"),t=require("../../toastStore-B4Tk2Xk7.cjs");exports.Toaster=e.Toaster;exports.default=e.Toaster;exports.toast=t.toast;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Toaster-lv5cJhib.cjs"),t=require("../../toastStore-B4Tk2Xk7.cjs");exports.Toaster=e.Toaster;exports.default=e.Toaster;exports.toast=t.toast;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Toast/index.js

@@ -1,4 +1,4 @@
-import { T as o, T as r } from "../../Toaster-DuzcRbio.js";
+import { T as o, T as r } from "../../Toaster-Dhz2mYq_.js";
 import { t as e } from "../../toastStore-Cx_JOKwS.js";
 export {
   o as Toaster,

package/dist/components/TranslatedFields/index.cjs

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

package/dist/components/TranslatedFields/index.js

@@ -1,4 +1,4 @@
-import { T as s, T as d } from "../../TranslatedFields-HmP0Mg5t.js";
+import { T as s, T as d } from "../../TranslatedFields-BtNUAyrY.js";
 export {
   s as TranslatedFields,
   d as default

package/dist/components/Typography/Typography.d.cts

@@ -1,6 +1,8 @@
 import { type ElementType, type HTMLAttributes, type ReactNode } from 'react';
 import type { ThemeColor } from '../../theme';
-export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'subtitle' | 'body' | 'bodySmall' | 'caption' | 'uppercase';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'subtitle' | 'body' | 'bodySmall' | 'caption' | 'overline'
+/** @deprecated Use `overline` (same look) — or the `uppercase` prop to capitalize any variant. */
+ | 'uppercase';
 export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
 /**
  * Text color: a theme palette token, the semantic `text` role, or `muted` (a soft primary shade for
@@ -8,7 +10,10 @@ export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
  */
 export type TypographyColor = ThemeColor | 'text' | 'muted';
 export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
-    /** Type scale + default element. `h1`–`h4` headings · `subtitle` · `body` (default) · `bodySmall` · `caption` · `uppercase`. */
+    /**
+     * Type scale + default element. `h1`–`h4` headings · `subtitle` · `body` (default) · `bodySmall` · `caption` ·
+     * `overline` (a small, spaced-out, all-caps eyebrow label). `uppercase` is a deprecated alias of `overline`.
+     */
     variant?: TypographyVariant;
     /** Render a different HTML element (or component) than the variant's default — keeps the styling, changes the tag. */
     as?: ElementType;
@@ -18,6 +23,8 @@ export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'colo
     align?: TypographyAlign;
     /** Clamp to a single line, hiding overflow with an ellipsis. */
     truncate?: boolean;
+    /** Render the text in capitals (`text-transform: uppercase`) — any variant, size and spacing untouched. */
+    uppercase?: boolean;
     children?: ReactNode;
 }
 /**
@@ -25,6 +32,6 @@ export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'colo
  * element and a font size from the `--tz-font-size-*` scale; override the tag
  * with `as` when the semantics differ from the look. Default browser margins are
  * removed. Without a `color` it inherits the surrounding text color, mirroring
- * `Icon` and `Loader`.
+ * `Icon` and `Loader`. `uppercase` capitalizes any variant; `truncate` clamps to one line.
  */
 export declare const Typography: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Typography/Typography.d.ts

@@ -1,6 +1,8 @@
 import { type ElementType, type HTMLAttributes, type ReactNode } from 'react';
 import type { ThemeColor } from '../../theme';
-export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'subtitle' | 'body' | 'bodySmall' | 'caption' | 'uppercase';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'subtitle' | 'body' | 'bodySmall' | 'caption' | 'overline'
+/** @deprecated Use `overline` (same look) — or the `uppercase` prop to capitalize any variant. */
+ | 'uppercase';
 export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
 /**
  * Text color: a theme palette token, the semantic `text` role, or `muted` (a soft primary shade for
@@ -8,7 +10,10 @@ export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
  */
 export type TypographyColor = ThemeColor | 'text' | 'muted';
 export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
-    /** Type scale + default element. `h1`–`h4` headings · `subtitle` · `body` (default) · `bodySmall` · `caption` · `uppercase`. */
+    /**
+     * Type scale + default element. `h1`–`h4` headings · `subtitle` · `body` (default) · `bodySmall` · `caption` ·
+     * `overline` (a small, spaced-out, all-caps eyebrow label). `uppercase` is a deprecated alias of `overline`.
+     */
     variant?: TypographyVariant;
     /** Render a different HTML element (or component) than the variant's default — keeps the styling, changes the tag. */
     as?: ElementType;
@@ -18,6 +23,8 @@ export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'colo
     align?: TypographyAlign;
     /** Clamp to a single line, hiding overflow with an ellipsis. */
     truncate?: boolean;
+    /** Render the text in capitals (`text-transform: uppercase`) — any variant, size and spacing untouched. */
+    uppercase?: boolean;
     children?: ReactNode;
 }
 /**
@@ -25,6 +32,6 @@ export interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'colo
  * element and a font size from the `--tz-font-size-*` scale; override the tag
  * with `as` when the semantics differ from the look. Default browser margins are
  * removed. Without a `color` it inherits the surrounding text color, mirroring
- * `Icon` and `Loader`.
+ * `Icon` and `Loader`. `uppercase` capitalizes any variant; `truncate` clamps to one line.
  */
 export declare const Typography: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Typography/index.cjs

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

package/dist/components/Typography/index.js

@@ -1,4 +1,4 @@
-import { T as p, T as r } from "../../Typography-Cta6Rg4L.js";
+import { T as p, T as r } from "../../Typography-CJv5AnRP.js";
 export {
   p as Typography,
   r as default

package/dist/components/UserCard/UserCard.d.cts

@@ -24,6 +24,8 @@ export interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'col
     logoutLabel?: ReactNode;
     /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */
     children?: ReactNode;
+    /** Show skeletons for the avatar, name and email while the user is being fetched (sign-out stays usable). Defaults to `false`. */
+    loading?: boolean;
 }
 /**
  * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into
@@ -31,6 +33,6 @@ export interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'col
  * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →
  * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when
  * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)
- * tints the avatar. Own CSS module (token-only).
+ * tints the avatar. `loading` swaps the avatar + name + email for skeletons. Own CSS module (token-only).
  */
 export declare const UserCard: import("react").ForwardRefExoticComponent<UserCardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/UserCard/UserCard.d.ts

@@ -24,6 +24,8 @@ export interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'col
     logoutLabel?: ReactNode;
     /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */
     children?: ReactNode;
+    /** Show skeletons for the avatar, name and email while the user is being fetched (sign-out stays usable). Defaults to `false`. */
+    loading?: boolean;
 }
 /**
  * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into
@@ -31,6 +33,6 @@ export interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'col
  * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →
  * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when
  * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)
- * tints the avatar. Own CSS module (token-only).
+ * tints the avatar. `loading` swaps the avatar + name + email for skeletons. Own CSS module (token-only).
  */
 export declare const UserCard: import("react").ForwardRefExoticComponent<UserCardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/UserCard/index.cjs

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

package/dist/components/UserCard/index.js

@@ -1,4 +1,4 @@
-import { U as e, U as s } from "../../UserCard-B1phOVKj.js";
+import { U as e, U as s } from "../../UserCard-B-eNyZuT.js";
 export {
   e as UserCard,
   s as default