@techzyapp/ui-library 1.0.0

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

@@ -0,0 +1,2 @@
+export { RemoveDialog, RemoveDialog as default } from './RemoveDialog';
+export type { RemoveDialogProps } from './RemoveDialog';

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

@@ -0,0 +1,2 @@
+export { RemoveDialog, RemoveDialog as default } from './RemoveDialog';
+export type { RemoveDialogProps } from './RemoveDialog';

package/dist/components/RemoveDialog/index.js

@@ -0,0 +1,6 @@
+import { R as o, R } from "../../RemoveDialog-Bvt6sH79.js";
+export {
+  o as RemoveDialog,
+  R as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,48 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type RichTextEditorSize = 'sm' | 'md' | 'lg';
+export interface RichTextEditorProps {
+    /** Label rendered above the editor. */
+    label?: ReactNode;
+    /** Preset size — drives toolbar density, content font size and min-height. */
+    size?: RichTextEditorSize;
+    /** Marks the field invalid: red border/ring and `helperText` in the error color. */
+    error?: boolean;
+    /** Helper / validation text under the editor. Adopts the error color while `error`. */
+    helperText?: ReactNode;
+    /** Adds a red asterisk after the label (visual hint). */
+    required?: boolean;
+    /** Read-only mode — the toolbar disables and the content isn't editable. */
+    disabled?: boolean;
+    /** Placeholder shown while the editor is empty. */
+    placeholder?: string;
+    /** Form field name — auto-binds value/validation to a surrounding `<Form>` (value = the HTML string). */
+    name?: string;
+    /** Controlled HTML value. */
+    value?: string;
+    /** Initial HTML value (uncontrolled). */
+    defaultValue?: string;
+    /** Fires with the serialized **HTML** on every edit. */
+    onChange?: (html: string) => void;
+    /**
+     * Async image upload. When provided, an uploaded image is sent through this and the returned URL is
+     * inserted; when omitted, the image is embedded inline as a base64 `data:` URL (no backend needed).
+     */
+    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'`. */
+    'aria-label'?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * A rich text editor built on **Lexical** (an optional peer — install `lexical` + `@lexical/*`). Its
+ * value is an **HTML string**: bold/italic/underline/strikethrough/inline-code, headings, lists
+ * (bullet/ordered/check), links, block quote, plus **images** (insert by URL or upload — embedded as a
+ * base64 `data:` URL unless an `onImageUpload` handler is given) and **video** embeds (paste a
+ * YouTube/Vimeo/file URL). Markdown shortcuts work while typing (`# `, `- `, `> `, …). The toolbar is
+ * built from the library's own `IconButton`/`Button`/`Dropdown`, and the content is styled entirely
+ * with `--tz-*` tokens. Controlled (`value` + `onChange`) or uncontrolled (`defaultValue`); inside a
+ * `<Form>`, a `name` prop auto-binds the HTML value (validate with e.g. `z.string().min(1)`).
+ */
+export declare const RichTextEditor: import("react").ForwardRefExoticComponent<RichTextEditorProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,48 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type RichTextEditorSize = 'sm' | 'md' | 'lg';
+export interface RichTextEditorProps {
+    /** Label rendered above the editor. */
+    label?: ReactNode;
+    /** Preset size — drives toolbar density, content font size and min-height. */
+    size?: RichTextEditorSize;
+    /** Marks the field invalid: red border/ring and `helperText` in the error color. */
+    error?: boolean;
+    /** Helper / validation text under the editor. Adopts the error color while `error`. */
+    helperText?: ReactNode;
+    /** Adds a red asterisk after the label (visual hint). */
+    required?: boolean;
+    /** Read-only mode — the toolbar disables and the content isn't editable. */
+    disabled?: boolean;
+    /** Placeholder shown while the editor is empty. */
+    placeholder?: string;
+    /** Form field name — auto-binds value/validation to a surrounding `<Form>` (value = the HTML string). */
+    name?: string;
+    /** Controlled HTML value. */
+    value?: string;
+    /** Initial HTML value (uncontrolled). */
+    defaultValue?: string;
+    /** Fires with the serialized **HTML** on every edit. */
+    onChange?: (html: string) => void;
+    /**
+     * Async image upload. When provided, an uploaded image is sent through this and the returned URL is
+     * inserted; when omitted, the image is embedded inline as a base64 `data:` URL (no backend needed).
+     */
+    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'`. */
+    'aria-label'?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * A rich text editor built on **Lexical** (an optional peer — install `lexical` + `@lexical/*`). Its
+ * value is an **HTML string**: bold/italic/underline/strikethrough/inline-code, headings, lists
+ * (bullet/ordered/check), links, block quote, plus **images** (insert by URL or upload — embedded as a
+ * base64 `data:` URL unless an `onImageUpload` handler is given) and **video** embeds (paste a
+ * YouTube/Vimeo/file URL). Markdown shortcuts work while typing (`# `, `- `, `> `, …). The toolbar is
+ * built from the library's own `IconButton`/`Button`/`Dropdown`, and the content is styled entirely
+ * with `--tz-*` tokens. Controlled (`value` + `onChange`) or uncontrolled (`defaultValue`); inside a
+ * `<Form>`, a `name` prop auto-binds the HTML value (validate with e.g. `z.string().min(1)`).
+ */
+export declare const RichTextEditor: import("react").ForwardRefExoticComponent<RichTextEditorProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,10 @@
+type Size = 'sm' | 'md' | 'lg';
+export interface ToolbarProps {
+    size: Size;
+    disabled: boolean;
+    /** Optional async upload — when set, an inserted image uses the returned URL instead of a base64 data URL. */
+    onImageUpload?: (file: File) => Promise<string>;
+}
+/** The editor toolbar — reads the live selection and dispatches Lexical commands. */
+export declare function Toolbar({ size, disabled, onImageUpload }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+type Size = 'sm' | 'md' | 'lg';
+export interface ToolbarProps {
+    size: Size;
+    disabled: boolean;
+    /** Optional async upload — when set, an inserted image uses the returned URL instead of a base64 data URL. */
+    onImageUpload?: (file: File) => Promise<string>;
+}
+/** The editor toolbar — reads the live selection and dispatches Lexical commands. */
+export declare function Toolbar({ size, disabled, onImageUpload }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/RichTextEditor/index.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+export { RichTextEditor, RichTextEditor as default } from './RichTextEditor';
+export type { RichTextEditorProps, RichTextEditorSize } from './RichTextEditor';

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

@@ -0,0 +1,2 @@
+export { RichTextEditor, RichTextEditor as default } from './RichTextEditor';
+export type { RichTextEditorProps, RichTextEditorSize } from './RichTextEditor';

package/dist/components/RichTextEditor/index.js

@@ -0,0 +1,6 @@
+import { R as e, R as o } from "../../RichTextEditor-BTx8Py3I.js";
+export {
+  e as RichTextEditor,
+  o as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,33 @@
+import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type LexicalNode, type NodeKey, type SerializedLexicalNode, type Spread } from 'lexical';
+import type { ReactNode } from 'react';
+/** Serialized shape of an {@link ImageNode} (editor-state JSON). */
+export type SerializedImageNode = Spread<{
+    src: string;
+    alt: string;
+}, SerializedLexicalNode>;
+/**
+ * A block-level image node. Renders a plain `<img>` (the `src` may be a remote URL or a base64
+ * `data:` URL when inserted via upload). Serializes to a clean `<img src alt>` for the HTML value and
+ * parses back from any `<img>` on paste/load.
+ */
+export declare class ImageNode extends DecoratorNode<ReactNode> {
+    __src: string;
+    __alt: string;
+    static getType(): string;
+    static clone(node: ImageNode): ImageNode;
+    constructor(src: string, alt?: string, key?: NodeKey);
+    static importJSON(json: SerializedImageNode): ImageNode;
+    exportJSON(): SerializedImageNode;
+    static importDOM(): DOMConversionMap | null;
+    exportDOM(): DOMExportOutput;
+    /** A block wrapper; the actual `<img>` is rendered by {@link decorate}. */
+    createDOM(): HTMLElement;
+    updateDOM(): false;
+    getSrc(): string;
+    getAltText(): string;
+    decorate(): ReactNode;
+}
+/** Creates an `ImageNode` (use inside an `editor.update`). */
+export declare function $createImageNode(src: string, alt?: string): ImageNode;
+/** Type guard for `ImageNode`. */
+export declare function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode;

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

@@ -0,0 +1,33 @@
+import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type LexicalNode, type NodeKey, type SerializedLexicalNode, type Spread } from 'lexical';
+import type { ReactNode } from 'react';
+/** Serialized shape of an {@link ImageNode} (editor-state JSON). */
+export type SerializedImageNode = Spread<{
+    src: string;
+    alt: string;
+}, SerializedLexicalNode>;
+/**
+ * A block-level image node. Renders a plain `<img>` (the `src` may be a remote URL or a base64
+ * `data:` URL when inserted via upload). Serializes to a clean `<img src alt>` for the HTML value and
+ * parses back from any `<img>` on paste/load.
+ */
+export declare class ImageNode extends DecoratorNode<ReactNode> {
+    __src: string;
+    __alt: string;
+    static getType(): string;
+    static clone(node: ImageNode): ImageNode;
+    constructor(src: string, alt?: string, key?: NodeKey);
+    static importJSON(json: SerializedImageNode): ImageNode;
+    exportJSON(): SerializedImageNode;
+    static importDOM(): DOMConversionMap | null;
+    exportDOM(): DOMExportOutput;
+    /** A block wrapper; the actual `<img>` is rendered by {@link decorate}. */
+    createDOM(): HTMLElement;
+    updateDOM(): false;
+    getSrc(): string;
+    getAltText(): string;
+    decorate(): ReactNode;
+}
+/** Creates an `ImageNode` (use inside an `editor.update`). */
+export declare function $createImageNode(src: string, alt?: string): ImageNode;
+/** Type guard for `ImageNode`. */
+export declare function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode;

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

@@ -0,0 +1,36 @@
+import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type LexicalNode, type NodeKey, type SerializedLexicalNode, type Spread } from 'lexical';
+import type { ReactNode } from 'react';
+/** Serialized shape of a {@link VideoNode} (editor-state JSON). */
+export type SerializedVideoNode = Spread<{
+    src: string;
+}, SerializedLexicalNode>;
+/**
+ * Normalizes a pasted video URL into an embeddable one — YouTube/Vimeo watch links become their
+ * `embed` form; everything else (incl. already-embed URLs and direct files) is returned unchanged,
+ * so the conversion is idempotent across HTML round-trips.
+ */
+export declare function toVideoEmbedSrc(raw: string): string;
+/**
+ * A block-level video node. Direct media files render with `<video controls>`; everything else is
+ * treated as an embed and renders in a responsive `<iframe>` (YouTube/Vimeo links are normalized to
+ * their embed URL). Serializes to a clean `<video>` / `<iframe>` for the HTML value.
+ */
+export declare class VideoNode extends DecoratorNode<ReactNode> {
+    __src: string;
+    static getType(): string;
+    static clone(node: VideoNode): VideoNode;
+    constructor(src: string, key?: NodeKey);
+    static importJSON(json: SerializedVideoNode): VideoNode;
+    exportJSON(): SerializedVideoNode;
+    static importDOM(): DOMConversionMap | null;
+    exportDOM(): DOMExportOutput;
+    /** A block wrapper; the actual media element is rendered by {@link decorate}. */
+    createDOM(): HTMLElement;
+    updateDOM(): false;
+    getSrc(): string;
+    decorate(): ReactNode;
+}
+/** Creates a `VideoNode`, normalizing the URL to an embeddable one (use inside an `editor.update`). */
+export declare function $createVideoNode(src: string): VideoNode;
+/** Type guard for `VideoNode`. */
+export declare function $isVideoNode(node: LexicalNode | null | undefined): node is VideoNode;

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

@@ -0,0 +1,36 @@
+import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type LexicalNode, type NodeKey, type SerializedLexicalNode, type Spread } from 'lexical';
+import type { ReactNode } from 'react';
+/** Serialized shape of a {@link VideoNode} (editor-state JSON). */
+export type SerializedVideoNode = Spread<{
+    src: string;
+}, SerializedLexicalNode>;
+/**
+ * Normalizes a pasted video URL into an embeddable one — YouTube/Vimeo watch links become their
+ * `embed` form; everything else (incl. already-embed URLs and direct files) is returned unchanged,
+ * so the conversion is idempotent across HTML round-trips.
+ */
+export declare function toVideoEmbedSrc(raw: string): string;
+/**
+ * A block-level video node. Direct media files render with `<video controls>`; everything else is
+ * treated as an embed and renders in a responsive `<iframe>` (YouTube/Vimeo links are normalized to
+ * their embed URL). Serializes to a clean `<video>` / `<iframe>` for the HTML value.
+ */
+export declare class VideoNode extends DecoratorNode<ReactNode> {
+    __src: string;
+    static getType(): string;
+    static clone(node: VideoNode): VideoNode;
+    constructor(src: string, key?: NodeKey);
+    static importJSON(json: SerializedVideoNode): VideoNode;
+    exportJSON(): SerializedVideoNode;
+    static importDOM(): DOMConversionMap | null;
+    exportDOM(): DOMExportOutput;
+    /** A block wrapper; the actual media element is rendered by {@link decorate}. */
+    createDOM(): HTMLElement;
+    updateDOM(): false;
+    getSrc(): string;
+    decorate(): ReactNode;
+}
+/** Creates a `VideoNode`, normalizing the URL to an embeddable one (use inside an `editor.update`). */
+export declare function $createVideoNode(src: string): VideoNode;
+/** Type guard for `VideoNode`. */
+export declare function $isVideoNode(node: LexicalNode | null | undefined): node is VideoNode;

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

@@ -0,0 +1,16 @@
+/**
+ * URL-scheme allowlist for the RichTextEditor — the single defense against script-URL XSS
+ * (`javascript:`, `vbscript:`, `data:text/html`, …) reaching the exported HTML value, whether a URL
+ * arrives via the toolbar dialogs, a paste, or a loaded value. Rejected URLs are neutralized (an
+ * empty `src`, or a `'#'` `href`) rather than executed.
+ */
+/**
+ * Sanitize a link `href`: allow `http(s)`/`mailto`/`tel`/`ftp` and relative/anchor/query URLs; any
+ * other explicit scheme (`javascript:`, `data:`, `vbscript:`, …) collapses to `'#'`.
+ */
+export declare function sanitizeLinkUrl(url: string): string;
+/**
+ * Sanitize an image/video `src`: like {@link sanitizeLinkUrl}, but also permits inline
+ * `data:image`/`data:video` (upload embeds) and `blob:` object URLs. A disallowed scheme yields `''`.
+ */
+export declare function sanitizeMediaUrl(url: string): string;

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

@@ -0,0 +1,16 @@
+/**
+ * URL-scheme allowlist for the RichTextEditor — the single defense against script-URL XSS
+ * (`javascript:`, `vbscript:`, `data:text/html`, …) reaching the exported HTML value, whether a URL
+ * arrives via the toolbar dialogs, a paste, or a loaded value. Rejected URLs are neutralized (an
+ * empty `src`, or a `'#'` `href`) rather than executed.
+ */
+/**
+ * Sanitize a link `href`: allow `http(s)`/`mailto`/`tel`/`ftp` and relative/anchor/query URLs; any
+ * other explicit scheme (`javascript:`, `data:`, `vbscript:`, …) collapses to `'#'`.
+ */
+export declare function sanitizeLinkUrl(url: string): string;
+/**
+ * Sanitize an image/video `src`: like {@link sanitizeLinkUrl}, but also permits inline
+ * `data:image`/`data:video` (upload embeds) and `blob:` object URLs. A disallowed scheme yields `''`.
+ */
+export declare function sanitizeMediaUrl(url: string): string;

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

@@ -0,0 +1,46 @@
+import { type ReactNode } from 'react';
+import { type HeaderConfig, type HeaderUser } from '../../theme';
+import { type ToasterProps } from '../Toast';
+/**
+ * The shell header config + its user shape now live in the theme layer (so `config.header` can carry
+ * them app-wide). These aliases keep the historical `RootLayout*` names importable.
+ */
+export type RootLayoutUser = HeaderUser;
+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;
+    /** Optional content pinned to the **bottom of the sidebar** (e.g. a promo / "Need help?" card). */
+    sidebarFooter?: ReactNode;
+    /**
+     * 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`),
+     * `fullscreen` (default `false`), `breadcrumbs` (default `true`), `pageTitle` (default `true`), and the
+     * account (`onLogout` / `user`).
+     */
+    header?: RootLayoutHeader;
+    /**
+     * The built-in toast viewport, mounted for you so `toast.*()` works app-wide with no extra setup.
+     * Defaults to `true` (a `<Toaster>` with its defaults). Pass `ToasterProps` to configure it
+     * (`{ position, duration }`), or `false` to opt out — e.g. when you mount your own `<Toaster>`.
+     */
+    toaster?: boolean | ToasterProps;
+    /** Routed content — the consumer passes `<Outlet />`. */
+    children: ReactNode;
+}
+/**
+ * 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
+ * `<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` → the page title (the active route's `staticData.name`) → `children`**; pages wrap
+ * their own body in `PageLayout`. Set `header.pageTitle = false` to drop the auto `h2` when pages
+ * carry their own heading inside their `PageLayout` header. A `<Toaster>` is **mounted by default** so
+ * `toast.*()` works app-wide with no extra setup (configure via `toaster`, or `toaster={false}` to opt
+ * 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;

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

@@ -0,0 +1,46 @@
+import { type ReactNode } from 'react';
+import { type HeaderConfig, type HeaderUser } from '../../theme';
+import { type ToasterProps } from '../Toast';
+/**
+ * The shell header config + its user shape now live in the theme layer (so `config.header` can carry
+ * them app-wide). These aliases keep the historical `RootLayout*` names importable.
+ */
+export type RootLayoutUser = HeaderUser;
+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;
+    /** Optional content pinned to the **bottom of the sidebar** (e.g. a promo / "Need help?" card). */
+    sidebarFooter?: ReactNode;
+    /**
+     * 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`),
+     * `fullscreen` (default `false`), `breadcrumbs` (default `true`), `pageTitle` (default `true`), and the
+     * account (`onLogout` / `user`).
+     */
+    header?: RootLayoutHeader;
+    /**
+     * The built-in toast viewport, mounted for you so `toast.*()` works app-wide with no extra setup.
+     * Defaults to `true` (a `<Toaster>` with its defaults). Pass `ToasterProps` to configure it
+     * (`{ position, duration }`), or `false` to opt out — e.g. when you mount your own `<Toaster>`.
+     */
+    toaster?: boolean | ToasterProps;
+    /** Routed content — the consumer passes `<Outlet />`. */
+    children: ReactNode;
+}
+/**
+ * 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
+ * `<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` → the page title (the active route's `staticData.name`) → `children`**; pages wrap
+ * their own body in `PageLayout`. Set `header.pageTitle = false` to drop the auto `h2` when pages
+ * carry their own heading inside their `PageLayout` header. A `<Toaster>` is **mounted by default** so
+ * `toast.*()` works app-wide with no extra setup (configure via `toaster`, or `toaster={false}` to opt
+ * 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;

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

@@ -0,0 +1,23 @@
+export interface SettingsDrawerProps {
+    /** Whether the drawer is open. */
+    open: boolean;
+    /** Close handler. */
+    onClose: () => void;
+    /** Show the light/dark **Theme** section (gated by the shell's `header.theme`, the same flag as the header toggle). */
+    showTheme?: boolean;
+}
+/**
+ * The header user-menu **Settings** drawer (a right-side `Modal`), top to bottom: a **Theme** section — an
+ * exclusive `ChoiceCardGroup` (**Light** / **Dark** cards) driving `useTheme().setMode`, shown only when
+ * **`showTheme`** (the shell's `header.theme`, so the header toggle + this section appear/disappear
+ * together); **Accent Color** — **two `SwatchPicker`s** (Light + Dark) so both accents are chosen
+ * independently, each with a per-mode set (deeper tones for light, brighter for dark), calling
+ * `setAccentColor(color, mode)` and persisting it — each list leads with the provider's default for that
+ * mode (`defaultAccentColors[mode]`), selected when there's no override (picking it clears the override).
+ * When `showTheme` is off the panel is locked to one mode, so **only the active mode's accent picker**
+ * 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`). 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

@@ -0,0 +1,23 @@
+export interface SettingsDrawerProps {
+    /** Whether the drawer is open. */
+    open: boolean;
+    /** Close handler. */
+    onClose: () => void;
+    /** Show the light/dark **Theme** section (gated by the shell's `header.theme`, the same flag as the header toggle). */
+    showTheme?: boolean;
+}
+/**
+ * The header user-menu **Settings** drawer (a right-side `Modal`), top to bottom: a **Theme** section — an
+ * exclusive `ChoiceCardGroup` (**Light** / **Dark** cards) driving `useTheme().setMode`, shown only when
+ * **`showTheme`** (the shell's `header.theme`, so the header toggle + this section appear/disappear
+ * together); **Accent Color** — **two `SwatchPicker`s** (Light + Dark) so both accents are chosen
+ * independently, each with a per-mode set (deeper tones for light, brighter for dark), calling
+ * `setAccentColor(color, mode)` and persisting it — each list leads with the provider's default for that
+ * mode (`defaultAccentColors[mode]`), selected when there's no override (picking it clears the override).
+ * When `showTheme` is off the panel is locked to one mode, so **only the active mode's accent picker**
+ * 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`). 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

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

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

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

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

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

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

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

package/dist/components/RootLayout/index.js

@@ -0,0 +1,6 @@
+import { R as t, R } from "../../RootLayout-DCpfuFWF.js";
+export {
+  t as RootLayout,
+  R as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,85 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import { type IconName } from '../../icons/names';
+export type SelectSize = 'sm' | 'md' | 'lg';
+/** A single selectable option. */
+export interface SelectOption {
+    /** The value committed when this option is chosen. */
+    value: string;
+    /** Display + search text. */
+    label: string;
+    /** Greys out and blocks selecting this option. */
+    disabled?: boolean;
+    /** Leading icon — a known `IconName` (rendered as `<Icon>`) or any node. */
+    icon?: IconName | ReactNode;
+}
+export interface SelectProps {
+    /** Label rendered above the field. */
+    label?: ReactNode;
+    /** The selectable options. */
+    options: SelectOption[];
+    /** Preset size — control height, font and option density. */
+    size?: SelectSize;
+    /** Marks the field invalid: red border/ring + the `helperText` in the error color. */
+    error?: boolean;
+    /** Helper / validation text under the field. Adopts the error color while `error`. */
+    helperText?: ReactNode;
+    /** Adds a red asterisk after the label. */
+    required?: boolean;
+    /** Stretches the field to fill its container width. Defaults to `true`. */
+    fullWidth?: boolean;
+    /** Disables the field. */
+    disabled?: boolean;
+    /** Controlled value — the chosen option's `value` (`''` = nothing selected). */
+    value?: string;
+    /** Initial value for uncontrolled use. */
+    defaultValue?: string;
+    /** Fires with the next value (`''` when cleared). */
+    onChange?: (value: string) => void;
+    /** Text shown in the trigger when nothing is selected. Defaults to `"Select…"`. */
+    placeholder?: string;
+    /** Shows a clear (×) button in the trigger when a value is set. Defaults to `true`. */
+    clearable?: boolean;
+    /** Adds a search box inside the popover that filters options by label. */
+    searchable?: boolean;
+    /** Placeholder for the search box. Defaults to `"Search…"`. */
+    searchPlaceholder?: string;
+    /**
+     * Fires with the search query as the user types. **Providing this switches off the built-in
+     * local filtering** — you own `options` (e.g. fetch them from a server for the current query).
+     */
+    onSearchChange?: (query: string) => void;
+    /** Shows a loading indicator in the popover (e.g. while fetching server-side search results). */
+    loading?: boolean;
+    /** Text shown next to the loader while `loading`. Defaults to `"Loading…"`. */
+    loadingText?: ReactNode;
+    /**
+     * Shown in the popover when no option matches. Defaults to `"No options"`. Pass a function
+     * `(query) => node` to vary the message by the current search text — e.g. a "Type to search" hint
+     * while it's empty vs a "No results" message after typing.
+     */
+    noOptionsText?: ReactNode | ((query: string) => ReactNode);
+    /** Show the trailing tick on the selected option. Defaults to `true` (the row still gets its tint). */
+    showSelectedTick?: boolean;
+    /** Form field name — auto-binds to a surrounding `<Form>` (value is the option's `value`). */
+    name?: string;
+    /** Id for the trigger (label association). */
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * A labeled single-select. The trigger reuses TextField-style chrome (label, helper/error, sizes,
+ * `required`, `fullWidth`, `disabled`); clicking it opens a `Dropdown`-style popover — portaled to
+ * `<body>`, opening below (flipping above only when it would overflow), locking page scroll,
+ * re-positioning on scroll/resize, matching the trigger width, and entering with the shared
+ * opacity + translate animation. Options render as `ListItem`s in a `role="listbox"`; the chosen
+ * option is highlighted with a tick, disabled options are inert. Full keyboard support
+ * (Arrow/Home/End to move, Enter/Space to select, Escape to close, type-ahead) and ARIA
+ * (`listbox`/`option`, `aria-activedescendant`, `aria-expanded`). Optionally `searchable` (a filter
+ * box) and `clearable` (a × to reset); pass `onSearchChange` to drive the search **server-side** (the
+ * consumer owns `options` for the current query — local filtering is skipped) with a `loading`
+ * indicator. Controlled (`value` + `onChange`) or uncontrolled
+ * (`defaultValue`), and binds to a surrounding `<Form>` by `name` (value = the option's `value`;
+ * validate with e.g. `z.string().min(1, 'Required')`). Token-only styling.
+ */
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLDivElement>>;