@techzyapp/ui-library 1.0.29 → 1.0.31

package/dist/components/RichTextEditor/index.js

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

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

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import { type LinkProps } from '@tanstack/react-router';
 import { type HeaderConfig, type HeaderUser } from '../../theme';
 import { type ToasterProps } from '../Toast';
 /**
@@ -10,6 +11,12 @@ export type RootLayoutHeader = HeaderConfig;
 export interface RootLayoutProps {
     /** Brand logo at the top of the sidebar card — pass an `<img>`, an `<Icon>`, or any node. */
     logo?: ReactNode;
+    /**
+     * Where clicking the logo goes. Defaults to the **first page in the menu** the user may open (the same
+     * "home" as the breadcrumbs' first crumb and `FirstRouteRedirect`) — so the logo always leads back to the
+     * page the panel opens on. Pass a path to send it elsewhere, or `false` for a plain, non-clickable logo.
+     */
+    logoTo?: LinkProps['to'] | false;
     /** Optional content pinned to the **bottom of the sidebar** (e.g. a promo / "Need help?" card). */
     sidebarFooter?: ReactNode;
     /**
@@ -45,4 +52,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, sidebarFooter, header, toaster, children, }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function RootLayout({ logo, logoTo, sidebarFooter, header, toaster, children, }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import { type LinkProps } from '@tanstack/react-router';
 import { type HeaderConfig, type HeaderUser } from '../../theme';
 import { type ToasterProps } from '../Toast';
 /**
@@ -10,6 +11,12 @@ export type RootLayoutHeader = HeaderConfig;
 export interface RootLayoutProps {
     /** Brand logo at the top of the sidebar card — pass an `<img>`, an `<Icon>`, or any node. */
     logo?: ReactNode;
+    /**
+     * Where clicking the logo goes. Defaults to the **first page in the menu** the user may open (the same
+     * "home" as the breadcrumbs' first crumb and `FirstRouteRedirect`) — so the logo always leads back to the
+     * page the panel opens on. Pass a path to send it elsewhere, or `false` for a plain, non-clickable logo.
+     */
+    logoTo?: LinkProps['to'] | false;
     /** Optional content pinned to the **bottom of the sidebar** (e.g. a promo / "Need help?" card). */
     sidebarFooter?: ReactNode;
     /**
@@ -45,4 +52,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, sidebarFooter, header, toaster, children, }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function RootLayout({ logo, logoTo, sidebarFooter, header, toaster, children, }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;

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

@@ -19,7 +19,10 @@ export interface SettingsDrawerProps {
  * 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** /
- * **Square** driving `setShape` — `square` flattens every corner in the panel to `border-radius: 0`).
+ * **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;

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

@@ -19,7 +19,10 @@ export interface SettingsDrawerProps {
  * 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** /
- * **Square** driving `setShape` — `square` flattens every corner in the panel to `border-radius: 0`).
+ * **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;

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-XEcU_MBs.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-DDuzPlJe.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-CxncyjCz.js";
+import { R as t, R } from "../../RootLayout-BK3t6Mm0.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-CVVJKAtS.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-DlFDOZtn.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-d9LDI8O3.js";
+import { S as t, S } from "../../Select-tVI_qer3.js";
 export {
   t as Select,
   S as default

package/dist/components/Sidebar/Sidebar.d.cts

@@ -132,6 +132,8 @@ export declare function buildNavTree(routes: NavRoute[]): {
 export declare function firstNavTo(tree: {
     items: NavItem[];
 }): string | undefined;
+/** The first page in the menu the user may open (the shell's "home": the logo link + `FirstRouteRedirect`). */
+export declare function useFirstNavTo(): string | undefined;
 /**
  * A `normalized fullPath → staticData.name` map from **all** routes (index routes included), the same
  * route source the `Sidebar` walks. The key drops a single trailing slash (`/core/list/` → `/core/list`),

package/dist/components/Sidebar/Sidebar.d.ts

@@ -132,6 +132,8 @@ export declare function buildNavTree(routes: NavRoute[]): {
 export declare function firstNavTo(tree: {
     items: NavItem[];
 }): string | undefined;
+/** The first page in the menu the user may open (the shell's "home": the logo link + `FirstRouteRedirect`). */
+export declare function useFirstNavTo(): string | undefined;
 /**
  * A `normalized fullPath → staticData.name` map from **all** routes (index routes included), the same
  * route source the `Sidebar` walks. The key drops a single trailing slash (`/core/list/` → `/core/list`),

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-B8ecHwZr.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-gB-X4VLX.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-BgCfnZBF.js";
+import { F as r, S as t, S as s } from "../../Sidebar-CjrD3nNp.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-CEr2JWQb.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-BIOkkLKO.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-CBVwgnFp.js";
+import { S, a as d, S as i } from "../../SpeedDial-xQr4JH0x.js";
 export {
   S as SpeedDial,
   d as SpeedDialAction,

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

@@ -56,6 +56,12 @@ export interface StepperProps {
      * stepping back through the wizard (and `popstate` still restores a step when one is in the query).
      */
     pushHistory?: boolean;
+    /**
+     * With `queryKey` sync on, remove the step param when the stepper unmounts **on the same page** — a wizard
+     * in a closing `Modal`, a finished flow swapped out — so `?step=3` doesn't outlive it. After a navigation to
+     * another pathname nothing is touched. Defaults to `true`.
+     */
+    clearUrlOnUnmount?: boolean;
     /**
      * Layout direction. `horizontal` (default) centers each label **under** its circle and **scrolls
      * sideways** when the steps don't fit (so it fits a phone as-is); `vertical` stacks the steps along
@@ -82,7 +88,8 @@ export interface StepperProps {
  * `completed`, `error`, `disabled`, `content`) — controlled (`activeStep`, 0-based) or uncontrolled
  * (`defaultStep`). **Opt-in URL sync:** pass **`queryKey`** (bare/`true` = the configured
  * `keys.stepQueryKey`, else `'step'`; or a custom string) and the active step syncs to that query param
- * (**1-based** — `?step=2`) so a refresh restores it; with no `queryKey` the URL is never touched.
+ * (**1-based** — `?step=2`) so a refresh restores it; with no `queryKey` the URL is never touched. A synced
+ * stepper that unmounts on the same page removes its param again (`clearUrlOnUnmount`, default `true`).
  * Synced step changes **replace** the URL (Back doesn't walk the wizard); pass **`pushHistory`** to
  * step back with Back.
  * Horizontal (labels centered under the circles) or `vertical` (a rail); when the horizontal steps

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

@@ -56,6 +56,12 @@ export interface StepperProps {
      * stepping back through the wizard (and `popstate` still restores a step when one is in the query).
      */
     pushHistory?: boolean;
+    /**
+     * With `queryKey` sync on, remove the step param when the stepper unmounts **on the same page** — a wizard
+     * in a closing `Modal`, a finished flow swapped out — so `?step=3` doesn't outlive it. After a navigation to
+     * another pathname nothing is touched. Defaults to `true`.
+     */
+    clearUrlOnUnmount?: boolean;
     /**
      * Layout direction. `horizontal` (default) centers each label **under** its circle and **scrolls
      * sideways** when the steps don't fit (so it fits a phone as-is); `vertical` stacks the steps along
@@ -82,7 +88,8 @@ export interface StepperProps {
  * `completed`, `error`, `disabled`, `content`) — controlled (`activeStep`, 0-based) or uncontrolled
  * (`defaultStep`). **Opt-in URL sync:** pass **`queryKey`** (bare/`true` = the configured
  * `keys.stepQueryKey`, else `'step'`; or a custom string) and the active step syncs to that query param
- * (**1-based** — `?step=2`) so a refresh restores it; with no `queryKey` the URL is never touched.
+ * (**1-based** — `?step=2`) so a refresh restores it; with no `queryKey` the URL is never touched. A synced
+ * stepper that unmounts on the same page removes its param again (`clearUrlOnUnmount`, default `true`).
  * Synced step changes **replace** the URL (Back doesn't walk the wizard); pass **`pushHistory`** to
  * step back with Back.
  * Horizontal (labels centered under the circles) or `vertical` (a rail); when the horizontal steps

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-DOSc03YV.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-CBdhvPoz.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-DtYamv1q.js";
+import { S as p, S as r } from "../../Stepper-CkYcIc15.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-BWXqgsEy.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-CpwVq0xp.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-Bpxk0IOe.js";
+import { S as r, S as t } from "../../SwatchPicker-BAKslSY4.js";
 export {
   r as SwatchPicker,
   t as default

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

@@ -113,8 +113,14 @@ interface TableBaseProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
      * `false` to hide it (e.g. for a large server dataset where fetching everything is undesirable).
      */
     allowAllRows?: boolean;
-    /** Show the rows-per-page `Select` in the footer. Defaults to `true`. */
-    showPageSize?: boolean;
+    /**
+     * Show the rows-per-page `Select` in the footer. Defaults to `'auto'`: shown only when the total exceeds
+     * the smallest page size on offer (the numeric `pageSizeOptions` plus the current size — "All" never
+     * counts), i.e. when another size could actually split or merge pages; a 2-row table shows none. `true`
+     * always shows it, `false` never does. Hiding it never changes the page size. With no Select and a single
+     * page, the whole footer (range text included) is dropped.
+     */
+    showPageSize?: boolean | 'auto';
     /** Show the jump-to-first-page (⏮) button in the pagination. Defaults to `false`. */
     showFirstButton?: boolean;
     /** Show the jump-to-last-page (⏭) button in the pagination. Defaults to `false`. */
@@ -185,9 +191,20 @@ interface TableBaseProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
      * server request** (`config.table.query` merged with `queryMapping`) — so the address bar matches
      * `state.query` exactly (e.g. `?page=1&size=10&sortBy=rating&orderBy=desc`). Read back on mount + restored
      * on Back/Forward. Defaults to `true`; pass `false` to opt out entirely. (Two synced tables on one page
-     * need distinct param names via their `queryMapping`, since both write the same params otherwise.)
+     * need distinct param names via their `queryMapping`, since both write the same params otherwise.) When the
+     * table **unmounts while the page stays** (a tab switch, a closing sheet, a conditional render) it removes
+     * its params again — see `clearUrlOnUnmount`.
      */
     urlSync?: boolean;
+    /**
+     * With `urlSync`, remove the table's own URL params (page / size / search / sort / its filters) when it
+     * unmounts **on the same page** — the pathname it last wrote under is still showing, so a tab switch or a
+     * closing sheet doesn't leave `?page=1&size=20` describing a table that's gone. Params it doesn't own
+     * (`?tab=…`) and the hash are kept; after a navigation to another pathname nothing is touched (the URL
+     * belongs to the new page). A table that mounts again on the same page therefore starts from its
+     * `default*` values. Defaults to `true`; pass `false` to leave the params behind.
+     */
+    clearUrlOnUnmount?: boolean;
     /** Controlled 1-based page (pair with `onPageChange`); omit for uncontrolled (`defaultPage`). */
     page?: number;
     /** Fired with the new 1-based page — on user paging, or a reset to page 1 from a size/sort/search/filter change. */

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

@@ -113,8 +113,14 @@ interface TableBaseProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
      * `false` to hide it (e.g. for a large server dataset where fetching everything is undesirable).
      */
     allowAllRows?: boolean;
-    /** Show the rows-per-page `Select` in the footer. Defaults to `true`. */
-    showPageSize?: boolean;
+    /**
+     * Show the rows-per-page `Select` in the footer. Defaults to `'auto'`: shown only when the total exceeds
+     * the smallest page size on offer (the numeric `pageSizeOptions` plus the current size — "All" never
+     * counts), i.e. when another size could actually split or merge pages; a 2-row table shows none. `true`
+     * always shows it, `false` never does. Hiding it never changes the page size. With no Select and a single
+     * page, the whole footer (range text included) is dropped.
+     */
+    showPageSize?: boolean | 'auto';
     /** Show the jump-to-first-page (⏮) button in the pagination. Defaults to `false`. */
     showFirstButton?: boolean;
     /** Show the jump-to-last-page (⏭) button in the pagination. Defaults to `false`. */
@@ -185,9 +191,20 @@ interface TableBaseProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
      * server request** (`config.table.query` merged with `queryMapping`) — so the address bar matches
      * `state.query` exactly (e.g. `?page=1&size=10&sortBy=rating&orderBy=desc`). Read back on mount + restored
      * on Back/Forward. Defaults to `true`; pass `false` to opt out entirely. (Two synced tables on one page
-     * need distinct param names via their `queryMapping`, since both write the same params otherwise.)
+     * need distinct param names via their `queryMapping`, since both write the same params otherwise.) When the
+     * table **unmounts while the page stays** (a tab switch, a closing sheet, a conditional render) it removes
+     * its params again — see `clearUrlOnUnmount`.
      */
     urlSync?: boolean;
+    /**
+     * With `urlSync`, remove the table's own URL params (page / size / search / sort / its filters) when it
+     * unmounts **on the same page** — the pathname it last wrote under is still showing, so a tab switch or a
+     * closing sheet doesn't leave `?page=1&size=20` describing a table that's gone. Params it doesn't own
+     * (`?tab=…`) and the hash are kept; after a navigation to another pathname nothing is touched (the URL
+     * belongs to the new page). A table that mounts again on the same page therefore starts from its
+     * `default*` values. Defaults to `true`; pass `false` to leave the params behind.
+     */
+    clearUrlOnUnmount?: boolean;
     /** Controlled 1-based page (pair with `onPageChange`); omit for uncontrolled (`defaultPage`). */
     page?: number;
     /** Fired with the new 1-based page — on user paging, or a reset to page 1 from a size/sort/search/filter change. */

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-CrpWhZUg.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-Cwxqo7Br.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-AzNzUAkl.js";
+import { T, T as f } from "../../Table-CwQKfXGn.js";
 export {
   T as Table,
   f as default

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

@@ -1,7 +1,7 @@
 import type { TableQueryConfig } from '../../theme';
 import type { SelectOption } from '../Select';
 /** Which control + matching logic a filter uses. */
-export type TableFilterType = 'text' | 'number' | 'numberRange' | 'numberRangeSlider' | 'select' | 'multiSelect' | 'boolean' | 'date' | 'dateRange' | 'time' | 'timeRange' | 'dateTime' | 'dateTimeRange';
+export type TableFilterType = 'text' | 'number' | 'numberRange' | 'numberRangeSlider' | 'select' | 'radio' | 'multiSelect' | 'boolean' | 'date' | 'dateRange' | 'time' | 'timeRange' | 'dateTime' | 'dateTimeRange';
 /** The value a single filter holds — shape depends on its `type` (see each control). `null` / empty = off. */
 export type TableFilterValue = string | number | boolean | string[] | [number | null, number | null] | [string, string] | null;
 /** A declarative filter definition — like a column, but for the filter panel. */
@@ -12,7 +12,7 @@ export interface TableFilter {
     label: string;
     /** The filter's control + matching logic. */
     type: TableFilterType;
-    /** Options for `select` / `multiSelect`. */
+    /** Options for `select` / `radio` / `multiSelect` (`radio` uses each option's `value` / `label` / `disabled`). */
     options?: SelectOption[];
     /** Placeholder for the input(s). */
     placeholder?: string;
@@ -35,6 +35,16 @@ export interface TableFilter {
         yes?: string;
         no?: string;
     };
+    /**
+     * `radio` only — the label of the leading "no filter" radio (defaults to the localized `Any`), e.g.
+     * `'All'` / `'All Statuses'`.
+     */
+    anyLabel?: string;
+    /**
+     * `radio` only — how the radios are laid out. Defaults to `vertical` (a list reads best stacked); set
+     * `horizontal` to keep a short list on one line.
+     */
+    orientation?: 'horizontal' | 'vertical';
 }
 /** The active filter values, keyed by filter `key`. */
 export type TableFilterState = Record<string, TableFilterValue>;

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

@@ -1,7 +1,7 @@
 import type { TableQueryConfig } from '../../theme';
 import type { SelectOption } from '../Select';
 /** Which control + matching logic a filter uses. */
-export type TableFilterType = 'text' | 'number' | 'numberRange' | 'numberRangeSlider' | 'select' | 'multiSelect' | 'boolean' | 'date' | 'dateRange' | 'time' | 'timeRange' | 'dateTime' | 'dateTimeRange';
+export type TableFilterType = 'text' | 'number' | 'numberRange' | 'numberRangeSlider' | 'select' | 'radio' | 'multiSelect' | 'boolean' | 'date' | 'dateRange' | 'time' | 'timeRange' | 'dateTime' | 'dateTimeRange';
 /** The value a single filter holds — shape depends on its `type` (see each control). `null` / empty = off. */
 export type TableFilterValue = string | number | boolean | string[] | [number | null, number | null] | [string, string] | null;
 /** A declarative filter definition — like a column, but for the filter panel. */
@@ -12,7 +12,7 @@ export interface TableFilter {
     label: string;
     /** The filter's control + matching logic. */
     type: TableFilterType;
-    /** Options for `select` / `multiSelect`. */
+    /** Options for `select` / `radio` / `multiSelect` (`radio` uses each option's `value` / `label` / `disabled`). */
     options?: SelectOption[];
     /** Placeholder for the input(s). */
     placeholder?: string;
@@ -35,6 +35,16 @@ export interface TableFilter {
         yes?: string;
         no?: string;
     };
+    /**
+     * `radio` only — the label of the leading "no filter" radio (defaults to the localized `Any`), e.g.
+     * `'All'` / `'All Statuses'`.
+     */
+    anyLabel?: string;
+    /**
+     * `radio` only — how the radios are laid out. Defaults to `vertical` (a list reads best stacked); set
+     * `horizontal` to keep a short list on one line.
+     */
+    orientation?: 'horizontal' | 'vertical';
 }
 /** The active filter values, keyed by filter `key`. */
 export type TableFilterState = Record<string, TableFilterValue>;

package/dist/components/Tabs/Tabs.d.cts

@@ -50,6 +50,12 @@ export interface TabsProps {
      * stepping through tabs (and `popstate` still restores a tab when one is in the query).
      */
     pushHistory?: boolean;
+    /**
+     * With URL sync on, remove this strip's param when it unmounts **on the same page** — a nested strip whose
+     * outer tab you left, a strip inside a closing `Modal` — so `?nestedTab=…` doesn't outlive it. After a
+     * navigation to another pathname nothing is touched. Defaults to `true`.
+     */
+    clearUrlOnUnmount?: boolean;
     /** Visual style. Defaults to `'underline'`. */
     variant?: TabsVariant;
     /** Preset size. Defaults to `'md'`. */
@@ -74,7 +80,8 @@ export interface TabsProps {
  * **`queryKey`** (defaults to the configured `keys.tabQueryKey`, else `'tab'` — and `keys.nestedTabQueryKey`,
  * else `'nestedTab'`, for a strip nested in another tab's panel: `?<queryKey>=<value>`) so a
  * refresh restores it — pass **`queryKey={null}`** to opt out. Tab changes **replace** the URL by
- * default (so Back doesn't step through tabs); pass **`pushHistory`** to make Back navigate tabs. Full
+ * default (so Back doesn't step through tabs); pass **`pushHistory`** to make Back navigate tabs. A strip
+ * that unmounts on the same page removes its param again (`clearUrlOnUnmount`, default `true`). Full
  * keyboard support (Arrows / Home / End, roving tabindex) and `role="tablist"`/`tab`/`tabpanel` a11y.
  */
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Tabs/Tabs.d.ts

@@ -50,6 +50,12 @@ export interface TabsProps {
      * stepping through tabs (and `popstate` still restores a tab when one is in the query).
      */
     pushHistory?: boolean;
+    /**
+     * With URL sync on, remove this strip's param when it unmounts **on the same page** — a nested strip whose
+     * outer tab you left, a strip inside a closing `Modal` — so `?nestedTab=…` doesn't outlive it. After a
+     * navigation to another pathname nothing is touched. Defaults to `true`.
+     */
+    clearUrlOnUnmount?: boolean;
     /** Visual style. Defaults to `'underline'`. */
     variant?: TabsVariant;
     /** Preset size. Defaults to `'md'`. */
@@ -74,7 +80,8 @@ export interface TabsProps {
  * **`queryKey`** (defaults to the configured `keys.tabQueryKey`, else `'tab'` — and `keys.nestedTabQueryKey`,
  * else `'nestedTab'`, for a strip nested in another tab's panel: `?<queryKey>=<value>`) so a
  * refresh restores it — pass **`queryKey={null}`** to opt out. Tab changes **replace** the URL by
- * default (so Back doesn't step through tabs); pass **`pushHistory`** to make Back navigate tabs. Full
+ * default (so Back doesn't step through tabs); pass **`pushHistory`** to make Back navigate tabs. A strip
+ * that unmounts on the same page removes its param again (`clearUrlOnUnmount`, default `true`). Full
  * keyboard support (Arrows / Home / End, roving tabindex) and `role="tablist"`/`tab`/`tabpanel` a11y.
  */
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;

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-CMnLXRjA.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-651xbRe4.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-D1RGhKsa.js";
+import { T, T as e } from "../../Tabs-Bztnezt9.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-DcuSn7wL.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-B7ZARHzD.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-DuQEFHZ3.js";
+import { T as s, T } from "../../TagsField-CdymON69.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-E85pvJQC.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-B22NRQ91.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-SGYWviFf.js";
+import { T as t, T } from "../../TextField-DkaYK1DI.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-BdlxzYNt.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-D5dWHQFb.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-C2kjFrD_.js";
+import { T as a, T as o } from "../../ThemeToggle-DqzUvcK5.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-Dzb3gycP.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-CACmHwNn.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-DlzYNDN1.js";
+import { T as r, T } from "../../TimePicker-DCryZCmh.js";
 export {
   r as TimePicker,
   T as default

package/dist/components/Timeline/index.cjs

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

package/dist/components/Timeline/index.js

@@ -1,4 +1,4 @@
-import { T as i, a as m, T } from "../../Timeline-ufVXmpMY.js";
+import { T as i, a as m, T } from "../../Timeline-Dri2dPsK.js";
 export {
   i as Timeline,
   m as TimelineItem,

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-Cummylmj.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-BwREV06e.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-cu5XyKeE.js";
+import { T as o, T as r } from "../../Toaster-DwVLab3k.js";
 import { t as e } from "../../toastStore-Cx_JOKwS.js";
 export {
   o as Toaster,

package/dist/components/ToggleButton/index.cjs

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

package/dist/components/ToggleButton/index.js

@@ -1,4 +1,4 @@
-import { T as a, a as e, T as g } from "../../ToggleButtonGroup-D9odYMzD.js";
+import { T as a, a as e, T as g } from "../../ToggleButtonGroup-BtVDnQIF.js";
 export {
   a as ToggleButton,
   e as ToggleButtonGroup,

package/dist/components/Tooltip/Tooltip.d.cts

@@ -4,7 +4,10 @@ export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
 export interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'content' | 'color'> {
     /** The tooltip text/content shown on hover or focus. Empty content renders no tooltip. */
     content: ReactNode;
-    /** Which side of the trigger the tooltip appears on. Defaults to `top`. */
+    /**
+     * Which side of the trigger the tooltip appears on. Defaults to `top`. Flips to the opposite side when
+     * the preferred one has no room in the viewport.
+     */
     placement?: TooltipPlacement;
     /** Theme palette token for the fill (label uses its contrast color). Defaults to `primary`. */
     color?: ThemeColor;
@@ -15,7 +18,11 @@ export interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'con
  * Shows a small floating label on hover or keyboard focus of its child, with an arrow pointing at
  * the trigger. Wrap a single element: `<Tooltip content="Save"><IconButton…/></Tooltip>`. Opens on
  * `mouseenter`/`focus`, closes on `mouseleave`/`blur`/`Escape`. The child gets `aria-describedby`
- * while open (the label has `role="tooltip"`). Token-only styling via the shared `--tz-btn-rgb`
- * pattern — `color` (default `primary`) sets the fill and its contrast label, flipping with the theme.
+ * while open (the label has `role="tooltip"`). The bubble is **portaled to `<body>`** with fixed
+ * positioning, so a scrolling / `overflow: hidden` ancestor (a `Table`'s scroll area, a `Modal` body)
+ * never clips it; it flips to the opposite side when the preferred one has no room, stays inside the
+ * viewport, follows the trigger on scroll / resize, and is mounted only while shown. Token-only styling
+ * via the shared `--tz-btn-rgb` pattern — `color` (default `primary`) sets the fill and its contrast
+ * label, flipping with the theme.
  */
 export declare function Tooltip({ content, placement, color, children, className, style, onKeyDown, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -4,7 +4,10 @@ export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
 export interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'content' | 'color'> {
     /** The tooltip text/content shown on hover or focus. Empty content renders no tooltip. */
     content: ReactNode;
-    /** Which side of the trigger the tooltip appears on. Defaults to `top`. */
+    /**
+     * Which side of the trigger the tooltip appears on. Defaults to `top`. Flips to the opposite side when
+     * the preferred one has no room in the viewport.
+     */
     placement?: TooltipPlacement;
     /** Theme palette token for the fill (label uses its contrast color). Defaults to `primary`. */
     color?: ThemeColor;
@@ -15,7 +18,11 @@ export interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'con
  * Shows a small floating label on hover or keyboard focus of its child, with an arrow pointing at
  * the trigger. Wrap a single element: `<Tooltip content="Save"><IconButton…/></Tooltip>`. Opens on
  * `mouseenter`/`focus`, closes on `mouseleave`/`blur`/`Escape`. The child gets `aria-describedby`
- * while open (the label has `role="tooltip"`). Token-only styling via the shared `--tz-btn-rgb`
- * pattern — `color` (default `primary`) sets the fill and its contrast label, flipping with the theme.
+ * while open (the label has `role="tooltip"`). The bubble is **portaled to `<body>`** with fixed
+ * positioning, so a scrolling / `overflow: hidden` ancestor (a `Table`'s scroll area, a `Modal` body)
+ * never clips it; it flips to the opposite side when the preferred one has no room, stays inside the
+ * viewport, follows the trigger on scroll / resize, and is mounted only while shown. Token-only styling
+ * via the shared `--tz-btn-rgb` pattern — `color` (default `primary`) sets the fill and its contrast
+ * label, flipping with the theme.
  */
 export declare function Tooltip({ content, placement, color, children, className, style, onKeyDown, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;