@techzyapp/ui-library 1.0.40 → 1.0.42

package/dist/components/QrCode/QrCode.d.ts

@@ -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;
 }
 /**

package/dist/components/QrCode/index.cjs

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

package/dist/components/QrCode/index.js

@@ -1,4 +1,4 @@
-import { Q as o, Q as r } from "../../QrCode-B9YbQNVc.js";
+import { Q as o, Q as r } from "../../QrCode-CrNJZV_8.js";
 export {
   o as QrCode,
   r as default

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-B_Y18MeJ.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-IWOAQFNK.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-ayAfGXpB.js";
+import { R as o, R } from "../../RemoveDialog-ARFp1UJM.js";
 export {
   o as RemoveDialog,
   R as default

package/dist/components/RichTextEditor/RichTextEditor.d.cts

@@ -40,7 +40,7 @@ export interface RichTextEditorProps {
     onImageUpload?: (file: File) => Promise<string>;
     /** Min height of the editable area in px. Defaults to `220`. */
     minHeight?: number;
-    /** Accessible label for the editable region. Defaults to `'Rich text editor'`. */
+    /** Accessible label for the editable region. Defaults to the localized `rte.label` ("Rich text editor"). */
     'aria-label'?: string;
     className?: string;
     style?: CSSProperties;

package/dist/components/RichTextEditor/RichTextEditor.d.ts

@@ -40,7 +40,7 @@ export interface RichTextEditorProps {
     onImageUpload?: (file: File) => Promise<string>;
     /** Min height of the editable area in px. Defaults to `220`. */
     minHeight?: number;
-    /** Accessible label for the editable region. Defaults to `'Rich text editor'`. */
+    /** Accessible label for the editable region. Defaults to the localized `rte.label` ("Rich text editor"). */
     'aria-label'?: string;
     className?: string;
     style?: CSSProperties;

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-DSvSaszc.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-C9jT2cLl.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-itYD1PfE.js";
+import { R as e, R as o } from "../../RichTextEditor-DrwJUEYz.js";
 export {
   e as RichTextEditor,
   o as default

package/dist/components/RootLayout/RootLayout.d.cts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { type LinkProps } from '@tanstack/react-router';
-import { type HeaderConfig, type HeaderEnvironment, type HeaderUser } from '../../theme';
+import { type HeaderConfig, type HeaderEnvironment, type HeaderUser, type SidebarVariant } from '../../theme';
 import { type ToasterProps } from '../Toast';
 /**
  * `header.environment` → the chip to show, or `null` for none (empty, or production). A string gets its first
@@ -13,6 +13,8 @@ export declare function resolveEnvironment(environment: HeaderConfig['environmen
  */
 export type RootLayoutUser = HeaderUser;
 export type RootLayoutHeader = HeaderConfig;
+/** How the sidebar sits in the shell (the theme layer's `SidebarVariant`, under the historical `RootLayout*` name). */
+export type RootLayoutSidebarVariant = SidebarVariant;
 export interface RootLayoutProps {
     /** Brand logo at the top of the sidebar card — pass an `<img>`, an `<Icon>`, or any node. */
     logo?: ReactNode;
@@ -24,6 +26,21 @@ export interface RootLayoutProps {
     logoTo?: LinkProps['to'] | false;
     /** Optional content pinned to the **bottom of the sidebar** (e.g. a promo / "Need help?" card). */
     sidebarFooter?: ReactNode;
+    /**
+     * Show a **`UserCard`** at the bottom of the sidebar (below `sidebarFooter`), built from `header.user` and
+     * `header.onLogout` (its **Sign Out** button). Unset, the app-wide `config.sidebar.userCard` applies — default
+     * **`false`** (hidden).
+     */
+    showUserCard?: boolean;
+    /**
+     * The sidebar's look. `'floating'` (default): a rounded, bordered card inset from the window edges.
+     * `'docked'`: flush against the top, left and bottom edges, no radius, a single border on its right —
+     * the content keeps its inset — desktop (≥1280px) only: below 1280px, where the sidebar is an overlay drawer,
+     * `'docked'` looks exactly like `'floating'`. **Unset (recommended)**, the user picks it in the header Settings drawer
+     * (persisted), defaulting to the app-wide `config.sidebar.variant`; **set**, it pins this shell's look and the
+     * Settings drawer's Sidebar section is hidden.
+     */
+    sidebarVariant?: RootLayoutSidebarVariant;
     /**
      * Header config for **this** shell — merged **over** the app-wide `config.header` (the prop wins).
      * Fields: the built-in `theme` / `search` / `settings` / `languages` toggles (default `true`),
@@ -41,12 +58,15 @@ export interface RootLayoutProps {
 }
 /**
  * The admin-panel shell — a **floating** layout: the whole app sits on a soft `--tz-color-background`
- * canvas, with a rounded, elevated `--tz-color-surface` **sidebar card** (`logo` + auto-generated `Sidebar` + an optional
- * `sidebarFooter`) beside the header + content. Set it as the root route's component and pass
+ * canvas, with a rounded, bordered `--tz-color-surface` **sidebar card** (`logo` + auto-generated `Sidebar` + an optional
+ * `sidebarFooter`, then an optional `UserCard` from `header.user` + `header.onLogout` — `showUserCard` ??
+ * `config.sidebar.userCard`, default hidden) beside the header + content — or, with the `'docked'` look (the user's Settings choice,
+ * seeded from `config.sidebar.variant`, or pinned by the `sidebarVariant` prop), a sidebar flush to the
+ * window edges. Set it as the root route's component and pass
  * `<Outlet />` as `children`; the `Sidebar` builds itself from the routes' `staticData`. The header
  * holds an optional `ThemeToggle` (on by default), a **Settings** button (opens a right-side drawer to
- * pick + persist the `accent` color), plus an account `Avatar` whose menu has a **Sign out** item when
- * `header.onLogout` is given. The content area stacks **`Breadcrumbs` → `children`**; each page wraps its
+ * pick + persist the appearance — theme, accent colors, font, header, sidebar, shape), plus an account
+ * `Avatar` whose menu has a **Sign out** item when `header.onLogout` is given. The content area stacks **`Breadcrumbs` → `children`**; each page wraps its
  * body in `PageLayout`, which owns the page heading (`pageTitle`), the back button (`back`) and the
  * title-row actions (`pageActions`). On a 404 the breadcrumbs are suppressed automatically (a partial route
  * match would otherwise show a stale section), regardless of `header.breadcrumbs`. A `<Toaster>` is **mounted by default** so
@@ -54,4 +74,4 @@ export interface RootLayoutProps {
  * out). Styling is token-based, so it follows the active `ConfigProvider` mode. Requires
  * `@tanstack/react-router` (peer).
  */
-export declare function RootLayout({ logo, logoTo, sidebarFooter, header, toaster, children, }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function RootLayout({ logo, logoTo, sidebarFooter, showUserCard, sidebarVariant, header, toaster, children, }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/RootLayout/RootLayout.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { type LinkProps } from '@tanstack/react-router';
-import { type HeaderConfig, type HeaderEnvironment, type HeaderUser } from '../../theme';
+import { type HeaderConfig, type HeaderEnvironment, type HeaderUser, type SidebarVariant } from '../../theme';
 import { type ToasterProps } from '../Toast';
 /**
  * `header.environment` → the chip to show, or `null` for none (empty, or production). A string gets its first
@@ -13,6 +13,8 @@ export declare function resolveEnvironment(environment: HeaderConfig['environmen
  */
 export type RootLayoutUser = HeaderUser;
 export type RootLayoutHeader = HeaderConfig;
+/** How the sidebar sits in the shell (the theme layer's `SidebarVariant`, under the historical `RootLayout*` name). */
+export type RootLayoutSidebarVariant = SidebarVariant;
 export interface RootLayoutProps {
     /** Brand logo at the top of the sidebar card — pass an `<img>`, an `<Icon>`, or any node. */
     logo?: ReactNode;
@@ -24,6 +26,21 @@ export interface RootLayoutProps {
     logoTo?: LinkProps['to'] | false;
     /** Optional content pinned to the **bottom of the sidebar** (e.g. a promo / "Need help?" card). */
     sidebarFooter?: ReactNode;
+    /**
+     * Show a **`UserCard`** at the bottom of the sidebar (below `sidebarFooter`), built from `header.user` and
+     * `header.onLogout` (its **Sign Out** button). Unset, the app-wide `config.sidebar.userCard` applies — default
+     * **`false`** (hidden).
+     */
+    showUserCard?: boolean;
+    /**
+     * The sidebar's look. `'floating'` (default): a rounded, bordered card inset from the window edges.
+     * `'docked'`: flush against the top, left and bottom edges, no radius, a single border on its right —
+     * the content keeps its inset — desktop (≥1280px) only: below 1280px, where the sidebar is an overlay drawer,
+     * `'docked'` looks exactly like `'floating'`. **Unset (recommended)**, the user picks it in the header Settings drawer
+     * (persisted), defaulting to the app-wide `config.sidebar.variant`; **set**, it pins this shell's look and the
+     * Settings drawer's Sidebar section is hidden.
+     */
+    sidebarVariant?: RootLayoutSidebarVariant;
     /**
      * Header config for **this** shell — merged **over** the app-wide `config.header` (the prop wins).
      * Fields: the built-in `theme` / `search` / `settings` / `languages` toggles (default `true`),
@@ -41,12 +58,15 @@ export interface RootLayoutProps {
 }
 /**
  * The admin-panel shell — a **floating** layout: the whole app sits on a soft `--tz-color-background`
- * canvas, with a rounded, elevated `--tz-color-surface` **sidebar card** (`logo` + auto-generated `Sidebar` + an optional
- * `sidebarFooter`) beside the header + content. Set it as the root route's component and pass
+ * canvas, with a rounded, bordered `--tz-color-surface` **sidebar card** (`logo` + auto-generated `Sidebar` + an optional
+ * `sidebarFooter`, then an optional `UserCard` from `header.user` + `header.onLogout` — `showUserCard` ??
+ * `config.sidebar.userCard`, default hidden) beside the header + content — or, with the `'docked'` look (the user's Settings choice,
+ * seeded from `config.sidebar.variant`, or pinned by the `sidebarVariant` prop), a sidebar flush to the
+ * window edges. Set it as the root route's component and pass
  * `<Outlet />` as `children`; the `Sidebar` builds itself from the routes' `staticData`. The header
  * holds an optional `ThemeToggle` (on by default), a **Settings** button (opens a right-side drawer to
- * pick + persist the `accent` color), plus an account `Avatar` whose menu has a **Sign out** item when
- * `header.onLogout` is given. The content area stacks **`Breadcrumbs` → `children`**; each page wraps its
+ * pick + persist the appearance — theme, accent colors, font, header, sidebar, shape), plus an account
+ * `Avatar` whose menu has a **Sign out** item when `header.onLogout` is given. The content area stacks **`Breadcrumbs` → `children`**; each page wraps its
  * body in `PageLayout`, which owns the page heading (`pageTitle`), the back button (`back`) and the
  * title-row actions (`pageActions`). On a 404 the breadcrumbs are suppressed automatically (a partial route
  * match would otherwise show a stale section), regardless of `header.breadcrumbs`. A `<Toaster>` is **mounted by default** so
@@ -54,4 +74,4 @@ export interface RootLayoutProps {
  * out). Styling is token-based, so it follows the active `ConfigProvider` mode. Requires
  * `@tanstack/react-router` (peer).
  */
-export declare function RootLayout({ logo, logoTo, sidebarFooter, header, toaster, children, }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function RootLayout({ logo, logoTo, sidebarFooter, showUserCard, sidebarVariant, header, toaster, children, }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/RootLayout/SettingsDrawer.d.cts

@@ -5,6 +5,11 @@ export interface SettingsDrawerProps {
     onClose: () => void;
     /** Show the light/dark **Theme** section (gated by the shell's `header.theme`, the same flag as the header toggle). */
     showTheme?: boolean;
+    /**
+     * Show the **Sidebar** section (Floating / Docked). The shell hides it when its `sidebarVariant` prop pins the
+     * look — the user's choice wouldn't apply there. Default `true`.
+     */
+    showSidebar?: boolean;
 }
 /**
  * The header user-menu **Settings** drawer (a right-side `Modal`), top to bottom: a **Theme** section — an
@@ -18,11 +23,12 @@ export interface SettingsDrawerProps {
  * shows (the other is pointless without a theme switch);
  * a **Font** section (a searchable `Select` — Inter preset + type any Google Font — driving
  * `setFontFamily`); and a **Header** section (an exclusive `ChoiceCardGroup` **Scrollable** / **Fixed**
- * driving `setHeaderSticky`); and a **Shape** section (an exclusive `ChoiceCardGroup` **Rounded** /
+ * driving `setHeaderSticky`); a **Sidebar** section (an exclusive `ChoiceCardGroup` **Floating** / **Docked**
+ * driving `setSidebarVariant`; hidden when `showSidebar` is off); and a **Shape** section (an exclusive `ChoiceCardGroup` **Rounded** /
  * **Square** driving `setShape` — `square` flattens every corner in the panel to `border-radius: 0`). A
  * note on top (a `Blockquote`) says changes apply and save instantly — there's no Save step; a
  * footer **Reset to Defaults** button (`filled` `error`, behind a `Popconfirm`) (`useTheme().resetPreferences`, disabled while nothing differs) puts
  * every one of them back to the app's configured defaults.
  * Internal to the admin shell — not a public export.
  */
-export declare function SettingsDrawer({ open, onClose, showTheme }: SettingsDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsDrawer({ open, onClose, showTheme, showSidebar, }: SettingsDrawerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/RootLayout/SettingsDrawer.d.ts

@@ -5,6 +5,11 @@ export interface SettingsDrawerProps {
     onClose: () => void;
     /** Show the light/dark **Theme** section (gated by the shell's `header.theme`, the same flag as the header toggle). */
     showTheme?: boolean;
+    /**
+     * Show the **Sidebar** section (Floating / Docked). The shell hides it when its `sidebarVariant` prop pins the
+     * look — the user's choice wouldn't apply there. Default `true`.
+     */
+    showSidebar?: boolean;
 }
 /**
  * The header user-menu **Settings** drawer (a right-side `Modal`), top to bottom: a **Theme** section — an
@@ -18,11 +23,12 @@ export interface SettingsDrawerProps {
  * shows (the other is pointless without a theme switch);
  * a **Font** section (a searchable `Select` — Inter preset + type any Google Font — driving
  * `setFontFamily`); and a **Header** section (an exclusive `ChoiceCardGroup` **Scrollable** / **Fixed**
- * driving `setHeaderSticky`); and a **Shape** section (an exclusive `ChoiceCardGroup` **Rounded** /
+ * driving `setHeaderSticky`); a **Sidebar** section (an exclusive `ChoiceCardGroup` **Floating** / **Docked**
+ * driving `setSidebarVariant`; hidden when `showSidebar` is off); and a **Shape** section (an exclusive `ChoiceCardGroup` **Rounded** /
  * **Square** driving `setShape` — `square` flattens every corner in the panel to `border-radius: 0`). A
  * note on top (a `Blockquote`) says changes apply and save instantly — there's no Save step; a
  * footer **Reset to Defaults** button (`filled` `error`, behind a `Popconfirm`) (`useTheme().resetPreferences`, disabled while nothing differs) puts
  * every one of them back to the app's configured defaults.
  * Internal to the admin shell — not a public export.
  */
-export declare function SettingsDrawer({ open, onClose, showTheme }: SettingsDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsDrawer({ open, onClose, showTheme, showSidebar, }: SettingsDrawerProps): import("react/jsx-runtime").JSX.Element;

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-D5nlzYlH.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-DStUP263.cjs");exports.RootLayout=o.RootLayout;exports.default=o.RootLayout;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,2 +1,2 @@
 export { RootLayout, RootLayout as default } from './RootLayout';
-export type { RootLayoutProps, RootLayoutHeader } from './RootLayout';
+export type { RootLayoutProps, RootLayoutHeader, RootLayoutSidebarVariant } from './RootLayout';

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

@@ -1,2 +1,2 @@
 export { RootLayout, RootLayout as default } from './RootLayout';
-export type { RootLayoutProps, RootLayoutHeader } from './RootLayout';
+export type { RootLayoutProps, RootLayoutHeader, RootLayoutSidebarVariant } from './RootLayout';

package/dist/components/RootLayout/index.js

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

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-1FWkryTK.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-C2DIfuoB.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-K0a_7ROf.js";
+import { S as t, S } from "../../Select-KGsA8PbI.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-C3-u3Agj.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-wK1_xaY_.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-Dg15hPpM.js";
+import { F as r, S as t, S as s } from "../../Sidebar-_pcwxdd8.js";
 export {
   r as FirstRouteRedirect,
   t as Sidebar,

package/dist/components/Slider/Slider.d.cts

@@ -1,5 +1,5 @@
 import { type InputHTMLAttributes, type ReactNode } from 'react';
-import type { ThemeColor } from '../../theme';
+import { type ThemeColor } from '../../theme';
 export type SliderSize = 'sm' | 'md' | 'lg';
 /** A single value, or a `[start, end]` tuple when `range`. */
 export type SliderValue = number | [number, number];
@@ -44,7 +44,7 @@ export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      * it (receives the `number` or `[start, end]`), or `false` to hide it.
      */
     valueLabel?: boolean | ((value: SliderValue) => ReactNode);
-    /** Optional labeled ticks under the track (e.g. `[{ value: 0, label: 'Min' }, …]`). */
+    /** Optional labeled ticks under the track (e.g. `[{ value: 0, label: 'Min' }, …]`). Single mode only — ignored with `range`. */
     marks?: SliderMark[];
 }
 /**

package/dist/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import { type InputHTMLAttributes, type ReactNode } from 'react';
-import type { ThemeColor } from '../../theme';
+import { type ThemeColor } from '../../theme';
 export type SliderSize = 'sm' | 'md' | 'lg';
 /** A single value, or a `[start, end]` tuple when `range`. */
 export type SliderValue = number | [number, number];
@@ -44,7 +44,7 @@ export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      * it (receives the `number` or `[start, end]`), or `false` to hide it.
      */
     valueLabel?: boolean | ((value: SliderValue) => ReactNode);
-    /** Optional labeled ticks under the track (e.g. `[{ value: 0, label: 'Min' }, …]`). */
+    /** Optional labeled ticks under the track (e.g. `[{ value: 0, label: 'Min' }, …]`). Single mode only — ignored with `range`. */
     marks?: SliderMark[];
 }
 /**

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-0joKXhPo.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-CXAz9SUY.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-CwZYxDO0.js";
+import { S as r, S } from "../../Slider-Cpc5_dPl.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-D6me6w_m.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-BT_boD06.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-CEBAWIYo.js";
+import { S, a as d, S as i } from "../../SpeedDial-SMMfes9f.js";
 export {
   S as SpeedDial,
   d as SpeedDialAction,

package/dist/components/Stepper/Stepper.d.cts

@@ -33,8 +33,8 @@ export interface StepperProps {
      */
     activeStep?: number;
     /**
-     * Initial step index (uncontrolled). Falls back to the URL query (when URL sync is active and the
-     * param is present) and otherwise the first enabled step.
+     * Initial step index (uncontrolled). A valid URL step (when URL sync is active) wins over it; with
+     * neither, the first enabled step.
      */
     defaultStep?: number;
     /**

package/dist/components/Stepper/Stepper.d.ts

@@ -33,8 +33,8 @@ export interface StepperProps {
      */
     activeStep?: number;
     /**
-     * Initial step index (uncontrolled). Falls back to the URL query (when URL sync is active and the
-     * param is present) and otherwise the first enabled step.
+     * Initial step index (uncontrolled). A valid URL step (when URL sync is active) wins over it; with
+     * neither, the first enabled step.
      */
     defaultStep?: number;
     /**

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-wPPs57uZ.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-BmA_DjTS.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-BN0GsRZW.js";
+import { S as p, S as r } from "../../Stepper-CR0Mlkq7.js";
 export {
   p as Stepper,
   r as default

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

@@ -70,7 +70,7 @@ export interface TableChangeState {
      * page/size/search/sort. E.g. `fetch(`/products?${state.query}`)`.
      */
     params: URLSearchParams;
-    /** `params.toString()` — e.g. `"skip=0&limit=10&q=phone&sortBy=price&order=desc"`. */
+    /** `params.toString()` with `,` `:` `[` `]` left unencoded (readable) — e.g. `"skip=0&limit=10&q=phone&sortBy=price&order=desc"`. */
     query: string;
 }
 /** Props shared by both table modes (everything except the mode-specific `manualPagination` / `rowCount`). */

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

@@ -70,7 +70,7 @@ export interface TableChangeState {
      * page/size/search/sort. E.g. `fetch(`/products?${state.query}`)`.
      */
     params: URLSearchParams;
-    /** `params.toString()` — e.g. `"skip=0&limit=10&q=phone&sortBy=price&order=desc"`. */
+    /** `params.toString()` with `,` `:` `[` `]` left unencoded (readable) — e.g. `"skip=0&limit=10&q=phone&sortBy=price&order=desc"`. */
     query: string;
 }
 /** Props shared by both table modes (everything except the mode-specific `manualPagination` / `rowCount`). */

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-CFl3OYlo.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-BkjY1Lwt.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-DChIfjqj.js";
+import { T, T as f } from "../../Table-D-F68lcm.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-BAKPWO4g.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-Cgp6D1WP.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-DfVFgOfs.js";
+import { T, T as e } from "../../Tabs-DP0aZ5TB.js";
 export {
   T as Tabs,
   e as default

package/dist/components/TagsField/TagsField.d.cts

@@ -32,7 +32,7 @@ export interface TagsFieldProps extends Omit<InputHTMLAttributes<HTMLInputElemen
     placeholder?: string;
     /** Icon for the add button. Defaults to an `Add` icon. */
     addIcon?: ReactNode;
-    /** Accessible label for the add button. Defaults to `"Add Tag"`. */
+    /** Accessible label for the add button. Defaults to the localized "Add Tag" (`tagsField.add`). */
     addLabel?: string;
 }
 /**

package/dist/components/TagsField/TagsField.d.ts

@@ -32,7 +32,7 @@ export interface TagsFieldProps extends Omit<InputHTMLAttributes<HTMLInputElemen
     placeholder?: string;
     /** Icon for the add button. Defaults to an `Add` icon. */
     addIcon?: ReactNode;
-    /** Accessible label for the add button. Defaults to `"Add Tag"`. */
+    /** Accessible label for the add button. Defaults to the localized "Add Tag" (`tagsField.add`). */
     addLabel?: string;
 }
 /**

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-5mbyaFQZ.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-9nKu6ZW4.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-CoBRqcjW.js";
+import { T as s, T } from "../../TagsField-CcY9MTMw.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-BL6OAJcP.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-C5MgCQIV.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-0gFvIFs8.js";
+import { T as t, T } from "../../TextField-0WvJsHhA.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-BgKfcb02.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-BvcCxRpF.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-_SUmLxmU.js";
+import { T as a, T as o } from "../../ThemeToggle-DmCePuTy.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-6nHQx0P5.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-CvbQFzBf.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-Bv2qIFf9.js";
+import { T as r, T } from "../../TimePicker-DJDuSxAg.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-Brcspf7v.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-Dy1AonLa.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-Fq6-ImDJ.js";
+import { T as o, T as r } from "../../Toaster-Bb5YEN5j.js";
 import { t as e } from "../../toastStore-Cx_JOKwS.js";
 export {
   o as Toaster,

package/dist/components/TranslatedFields/TranslatedFields.d.cts

@@ -39,7 +39,7 @@ export interface TranslatedFieldsProps {
     variant?: TabsVariant;
     /** Tab + field density. Defaults to `Tabs`' default (`md`). */
     size?: TabsSize;
-    /** Accessible label for the tablist. Defaults to `'Translations'`. */
+    /** Accessible label for the tablist. Defaults to the localized `translatedFields.label` ("Translations"). */
     'aria-label'?: string;
     className?: string;
     style?: CSSProperties;

package/dist/components/TranslatedFields/TranslatedFields.d.ts

@@ -39,7 +39,7 @@ export interface TranslatedFieldsProps {
     variant?: TabsVariant;
     /** Tab + field density. Defaults to `Tabs`' default (`md`). */
     size?: TabsSize;
-    /** Accessible label for the tablist. Defaults to `'Translations'`. */
+    /** Accessible label for the tablist. Defaults to the localized `translatedFields.label` ("Translations"). */
     'aria-label'?: string;
     className?: string;
     style?: CSSProperties;

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-CVc0NvXa.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-CuK5KKzE.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-CmRhRGC_.js";
+import { T as s, T as d } from "../../TranslatedFields-DKXznBtD.js";
 export {
   s as TranslatedFields,
   d as default