@techzyapp/ui-library 1.0.39 → 1.0.41

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-CWwB8CWF.js";
 export {
   r as FileCard,
   F as default

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-H4k4Cm5B.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-Bqy_fV7l.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-CWH-RS-z.js";
+import { F as l, F as o } from "../../FileUploader--WOmlhSh.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-C48Zfhvb.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-fgMTTcy8.js";
 export {
   e as Flag,
   f as default

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-DuLaUzi_.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-GjsMn1GO.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-D3ZpI0XL.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-t1OhAMNc.js";
 export {
   a as IconButton,
   I as default

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-Cywaf7ju.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-De8_GqR1.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-CgzZnTFE.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-DBsxCYi9.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-CHGJkMXl.js";
+import { L, T as e, L as r } from "../../LocationPicker-UfyDBvhp.js";
 export {
   L as LocationPicker,
   e as TBILISI,

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-D8V-JZBg.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--5EbLfMz.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-BkO_6afj.js";
+import { M, M as d } from "../../Modal-Dfwc9eIq.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-lBAEcAlR.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-q__o8HyU.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-DSicjq5R.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-CXH0B1Bt.js";
 export {
   r as NumberField,
   N as default

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-KHwdaajC.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-Dy-LKTi9.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-CJHOUfCa.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-MHbSl1oT.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-9tfvBssn.js";
+import { P as e, P as o } from "../../PageError-VYc07Q7W.js";
 export {
   e as PageError,
   o as default

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-Bt6U_80d.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-Df1SOlr7.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-e4ITkqDC.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-BWfaomjC.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-UMeckhmY.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-DDMq_7OZ.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-ClCvXFdN.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-DnUpn2zP.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-AMZpUMID.js";
+import { P as t, P as l } from "../../PaletteField-D4c-Q1PG.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-BTB2_Lo1.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-BY5hapKk.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-PkVgBrL-.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-BXa5qLHY.js";
 export {
   f as Popconfirm,
   r as default

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-R_Vt4gJA.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-bId4RkgJ.js";
 export {
   a as Progress,
   e 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-yEZm6JaC.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-Cvj-DaiY.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-BfPTOs1y.js";
+import { R as o, R } from "../../RemoveDialog-Dh_q5jZF.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-CitILCiw.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-lmPGowSR.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-CgItVhAR.js";
+import { R as e, R as o } from "../../RichTextEditor-Dv-LDsN-.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,15 @@ 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;
+    /**
+     * 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. Below 1280px, where the sidebar is an overlay drawer, `'docked'` only
+     * drops the drawer's rounded corners. **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`),
@@ -42,11 +53,13 @@ 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
+ * `sidebarFooter`) 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 +67,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, 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,15 @@ 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;
+    /**
+     * 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. Below 1280px, where the sidebar is an overlay drawer, `'docked'` only
+     * drops the drawer's rounded corners. **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`),
@@ -42,11 +53,13 @@ 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
+ * `sidebarFooter`) 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 +67,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, 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-DJ2Xv35m.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-B_ZtI-L_.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-CVYEk7Wi.js";
+import { R as t, R } from "../../RootLayout-DIOquzrU.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-DdkJXkw-.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-Bw8Q86ts.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-CfEx7W7i.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-CGL5hvpl.js";
 export {
   r as FirstRouteRedirect,
   t as Sidebar,

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-DRSIilyC.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-jOxWEd09.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-C2hkC_8p.js";
+import { S, a as d, S as i } from "../../SpeedDial-C-yLmnk7.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-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-D7An-ugU.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-DYpiLhzD.js";
 export {
   p as Stepper,
   r as default

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-DDPzTA1H.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-BhaH8EKZ.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-AXMp0eiw.js";
+import { T, T as f } from "../../Table-DK4GBKS3.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-6x4vC8je.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-CWiDeqqW.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-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-DwZLCIeb.cjs");exports.TagsField=e.TagsField;exports.default=e.TagsField;
 //# sourceMappingURL=index.cjs.map