@techzyapp/ui-library 1.0.0

package/dist/components/PageLayout/PageLayout.d.ts

@@ -0,0 +1,13 @@
+import { type CardProps } from '../Card';
+/** PageLayout is a flat `Card`, so it gains all of Card's slots minus the `flat` toggle (always flat). */
+export interface PageLayoutProps extends Omit<CardProps, 'flat'> {
+}
+/**
+ * The content container a page's body sits in — a **flat `Card`** (no shadow, the page `background`
+ * color), so it blends with the shell while the Cards/inputs placed inside it read as elevated. Being
+ * a Card, it gains the full Card anatomy: an optional header (`icon` + `title` + `subtitle` +
+ * `actions`), the body (`children`), a `footer` / `footerStart`, and `collapsible`. Rendered by the
+ * consumer inside each route, below the shell's breadcrumbs + page title:
+ * `<PageLayout title="Settings" actions={…}>…</PageLayout>`. Styling uses `--tz-*` tokens only.
+ */
+export declare const PageLayout: import("react").ForwardRefExoticComponent<PageLayoutProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/PageLayout/index.cjs

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

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

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

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

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

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

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

package/dist/components/PageLayout/index.js

@@ -0,0 +1,6 @@
+import { P as o, P as t } from "../../PageLayout-DddzYw2B.js";
+export {
+  o as PageLayout,
+  t as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Pagination/Pagination.d.cts

@@ -0,0 +1,44 @@
+import { type HTMLAttributes } from 'react';
+import { type ThemeColor } from '../../theme';
+export type PaginationVariant = 'outlined' | 'text';
+export type PaginationSize = 'sm' | 'md' | 'lg';
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'> {
+    /** Total number of pages (required). From a row count, pass `Math.ceil(total / pageSize)`. */
+    count: number;
+    /** Controlled current page (1-based). */
+    page?: number;
+    /** Initial page for uncontrolled use (1-based). Defaults to `1`. */
+    defaultPage?: number;
+    /** Fires with the next page (1-based) when a page or arrow is activated. */
+    onChange?: (page: number) => void;
+    /** Pages shown on each side of the current page. Defaults to `1`. */
+    siblingCount?: number;
+    /** Pages always shown at the start and end. Defaults to `1`. */
+    boundaryCount?: number;
+    /** Show a jump-to-first-page button before the previous arrow. Defaults to `false`. */
+    showFirstButton?: boolean;
+    /** Show a jump-to-last-page button after the next arrow. Defaults to `false`. */
+    showLastButton?: boolean;
+    /** Hide the previous-page arrow. Defaults to `false`. */
+    hidePrevButton?: boolean;
+    /** Hide the next-page arrow. Defaults to `false`. */
+    hideNextButton?: boolean;
+    /** Item style: `outlined` (bordered boxes, default) or `text` (borderless). */
+    variant?: PaginationVariant;
+    /** Control size — sets the box, font, and icon sizes. Defaults to `md`. */
+    size?: PaginationSize;
+    /** Theme palette token that tints the selected page. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Render circular page buttons instead of rounded rectangles. Defaults to `false`. */
+    rounded?: boolean;
+    /** Disable the whole control. Defaults to `false`. */
+    disabled?: boolean;
+}
+/**
+ * A page navigator — previous/next arrows around a numbered range with `…` gaps (`1 … 4 5 6 … 10`),
+ * the classic pager. Reusable across tables, lists, and galleries: drive it with `count` (total
+ * pages) + `page`/`onChange`, computing `count` as `Math.ceil(total / pageSize)`. The selected page
+ * is tinted via the shared `--tz-btn-rgb` pattern; unselected items are bordered (`outlined`) or
+ * borderless (`text`). Controlled (`page` + `onChange`) or uncontrolled (`defaultPage`).
+ */
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,44 @@
+import { type HTMLAttributes } from 'react';
+import { type ThemeColor } from '../../theme';
+export type PaginationVariant = 'outlined' | 'text';
+export type PaginationSize = 'sm' | 'md' | 'lg';
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'> {
+    /** Total number of pages (required). From a row count, pass `Math.ceil(total / pageSize)`. */
+    count: number;
+    /** Controlled current page (1-based). */
+    page?: number;
+    /** Initial page for uncontrolled use (1-based). Defaults to `1`. */
+    defaultPage?: number;
+    /** Fires with the next page (1-based) when a page or arrow is activated. */
+    onChange?: (page: number) => void;
+    /** Pages shown on each side of the current page. Defaults to `1`. */
+    siblingCount?: number;
+    /** Pages always shown at the start and end. Defaults to `1`. */
+    boundaryCount?: number;
+    /** Show a jump-to-first-page button before the previous arrow. Defaults to `false`. */
+    showFirstButton?: boolean;
+    /** Show a jump-to-last-page button after the next arrow. Defaults to `false`. */
+    showLastButton?: boolean;
+    /** Hide the previous-page arrow. Defaults to `false`. */
+    hidePrevButton?: boolean;
+    /** Hide the next-page arrow. Defaults to `false`. */
+    hideNextButton?: boolean;
+    /** Item style: `outlined` (bordered boxes, default) or `text` (borderless). */
+    variant?: PaginationVariant;
+    /** Control size — sets the box, font, and icon sizes. Defaults to `md`. */
+    size?: PaginationSize;
+    /** Theme palette token that tints the selected page. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Render circular page buttons instead of rounded rectangles. Defaults to `false`. */
+    rounded?: boolean;
+    /** Disable the whole control. Defaults to `false`. */
+    disabled?: boolean;
+}
+/**
+ * A page navigator — previous/next arrows around a numbered range with `…` gaps (`1 … 4 5 6 … 10`),
+ * the classic pager. Reusable across tables, lists, and galleries: drive it with `count` (total
+ * pages) + `page`/`onChange`, computing `count` as `Math.ceil(total / pageSize)`. The selected page
+ * is tinted via the shared `--tz-btn-rgb` pattern; unselected items are bordered (`outlined`) or
+ * borderless (`text`). Controlled (`page` + `onChange`) or uncontrolled (`defaultPage`).
+ */
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;

package/dist/components/Pagination/index.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+export { Pagination, Pagination as default } from './Pagination';
+export type { PaginationProps, PaginationVariant, PaginationSize } from './Pagination';

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

@@ -0,0 +1,2 @@
+export { Pagination, Pagination as default } from './Pagination';
+export type { PaginationProps, PaginationVariant, PaginationSize } from './Pagination';

package/dist/components/Pagination/index.js

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

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

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

package/dist/components/Pagination/paginationRange.d.cts

@@ -0,0 +1,21 @@
+/** A gap placeholder rendered as `…` — at the start (`1 … 4`) or end (`6 … 10`) of the range. */
+export type PaginationEllipsis = 'start-ellipsis' | 'end-ellipsis';
+/** One item in a pagination range: a 1-based page number, or an ellipsis placeholder. */
+export type PaginationItem = number | PaginationEllipsis;
+/** Inputs for {@link paginationRange}. */
+export interface PaginationRangeOptions {
+    /** Total number of pages. */
+    count: number;
+    /** Current page (1-based). */
+    page: number;
+    /** Pages shown on each side of the current page. Defaults to `1`. */
+    siblingCount?: number;
+    /** Pages always shown at the start and end. Defaults to `1`. */
+    boundaryCount?: number;
+}
+/**
+ * Build the page-item sequence for a pager — the boundary pages, the current page with its siblings,
+ * and `start`/`end` ellipses where pages are skipped (the classic `1 … 4 5 6 … 10`). Pure and
+ * framework-free so it can be unit-tested in isolation and reused. Assumes `1 <= page <= count`.
+ */
+export declare function paginationRange({ count, page, siblingCount, boundaryCount, }: PaginationRangeOptions): PaginationItem[];

package/dist/components/Pagination/paginationRange.d.ts

@@ -0,0 +1,21 @@
+/** A gap placeholder rendered as `…` — at the start (`1 … 4`) or end (`6 … 10`) of the range. */
+export type PaginationEllipsis = 'start-ellipsis' | 'end-ellipsis';
+/** One item in a pagination range: a 1-based page number, or an ellipsis placeholder. */
+export type PaginationItem = number | PaginationEllipsis;
+/** Inputs for {@link paginationRange}. */
+export interface PaginationRangeOptions {
+    /** Total number of pages. */
+    count: number;
+    /** Current page (1-based). */
+    page: number;
+    /** Pages shown on each side of the current page. Defaults to `1`. */
+    siblingCount?: number;
+    /** Pages always shown at the start and end. Defaults to `1`. */
+    boundaryCount?: number;
+}
+/**
+ * Build the page-item sequence for a pager — the boundary pages, the current page with its siblings,
+ * and `start`/`end` ellipses where pages are skipped (the classic `1 … 4 5 6 … 10`). Pure and
+ * framework-free so it can be unit-tested in isolation and reused. Assumes `1 <= page <= count`.
+ */
+export declare function paginationRange({ count, page, siblingCount, boundaryCount, }: PaginationRangeOptions): PaginationItem[];

package/dist/components/Popover/Popover.d.cts

@@ -0,0 +1,43 @@
+import { type CSSProperties, type ReactElement, type ReactNode } from 'react';
+export type PopoverAlign = 'start' | 'end';
+export interface PopoverProps {
+    /** Element that toggles the popover (e.g. a `Button`/`IconButton`). Cloned to wire click + a11y. */
+    trigger: ReactElement;
+    /** Popover content — arbitrary (a header/body/footer, a form, a filter panel, …). */
+    children: ReactNode;
+    /**
+     * Horizontal alignment to the trigger: `start` (default — left edges align, grows right) or `end`
+     * (right edges align, grows left — for a trigger near the right edge).
+     */
+    align?: PopoverAlign;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state for uncontrolled use. Defaults to `false`. */
+    defaultOpen?: boolean;
+    /** Fires with the next open state. */
+    onOpenChange?: (open: boolean) => void;
+    /** Trap Tab focus inside (+ `aria-modal`) — for form/filter popovers. Defaults to `false`. */
+    trapFocus?: boolean;
+    /** Make the panel at least as wide as the trigger. Defaults to `false`. */
+    matchTriggerWidth?: boolean;
+    /** Fixed panel width (px number or any CSS width). */
+    width?: number | string;
+    /** Accessible label for the panel (`role="dialog"`). */
+    ariaLabel?: string;
+    /** Prevents opening. */
+    disabled?: boolean;
+    /** Class applied to the floating panel. */
+    className?: string;
+    /** Style applied to the floating panel. */
+    style?: CSSProperties;
+}
+/**
+ * An anchored popover holding **arbitrary content** — the generic floating surface for filter panels,
+ * forms, detail cards, etc. (unlike `Dropdown`, which is a `role="menu"` of items). Built on the shared
+ * `FloatingPanel`: portaled to `<body>`, opens below the `trigger` (flips above on overflow), locks page
+ * scroll, dismisses on outside-pointerdown / `Escape` (refocusing the trigger), and animates in. The
+ * trigger is cloned to wire `onClick` + `aria-haspopup="dialog"`/`aria-expanded`/`aria-controls`.
+ * `trapFocus` cycles Tab within (for forms). Controlled (`open` + `onOpenChange`) or uncontrolled
+ * (`defaultOpen`). The panel is `role="dialog"`.
+ */
+export declare function Popover({ trigger, children, align, open, defaultOpen, onOpenChange, trapFocus, matchTriggerWidth, width, ariaLabel, disabled, className, style, }: PopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,43 @@
+import { type CSSProperties, type ReactElement, type ReactNode } from 'react';
+export type PopoverAlign = 'start' | 'end';
+export interface PopoverProps {
+    /** Element that toggles the popover (e.g. a `Button`/`IconButton`). Cloned to wire click + a11y. */
+    trigger: ReactElement;
+    /** Popover content — arbitrary (a header/body/footer, a form, a filter panel, …). */
+    children: ReactNode;
+    /**
+     * Horizontal alignment to the trigger: `start` (default — left edges align, grows right) or `end`
+     * (right edges align, grows left — for a trigger near the right edge).
+     */
+    align?: PopoverAlign;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state for uncontrolled use. Defaults to `false`. */
+    defaultOpen?: boolean;
+    /** Fires with the next open state. */
+    onOpenChange?: (open: boolean) => void;
+    /** Trap Tab focus inside (+ `aria-modal`) — for form/filter popovers. Defaults to `false`. */
+    trapFocus?: boolean;
+    /** Make the panel at least as wide as the trigger. Defaults to `false`. */
+    matchTriggerWidth?: boolean;
+    /** Fixed panel width (px number or any CSS width). */
+    width?: number | string;
+    /** Accessible label for the panel (`role="dialog"`). */
+    ariaLabel?: string;
+    /** Prevents opening. */
+    disabled?: boolean;
+    /** Class applied to the floating panel. */
+    className?: string;
+    /** Style applied to the floating panel. */
+    style?: CSSProperties;
+}
+/**
+ * An anchored popover holding **arbitrary content** — the generic floating surface for filter panels,
+ * forms, detail cards, etc. (unlike `Dropdown`, which is a `role="menu"` of items). Built on the shared
+ * `FloatingPanel`: portaled to `<body>`, opens below the `trigger` (flips above on overflow), locks page
+ * scroll, dismisses on outside-pointerdown / `Escape` (refocusing the trigger), and animates in. The
+ * trigger is cloned to wire `onClick` + `aria-haspopup="dialog"`/`aria-expanded`/`aria-controls`.
+ * `trapFocus` cycles Tab within (for forms). Controlled (`open` + `onOpenChange`) or uncontrolled
+ * (`defaultOpen`). The panel is `role="dialog"`.
+ */
+export declare function Popover({ trigger, children, align, open, defaultOpen, onOpenChange, trapFocus, matchTriggerWidth, width, ariaLabel, disabled, className, style, }: PopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/index.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+export { Popover, Popover as default } from './Popover';
+export type { PopoverProps, PopoverAlign } from './Popover';

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

@@ -0,0 +1,2 @@
+export { Popover, Popover as default } from './Popover';
+export type { PopoverProps, PopoverAlign } from './Popover';

package/dist/components/Popover/index.js

@@ -0,0 +1,6 @@
+import { P as e, P as r } from "../../Popover-CgIU4Rhg.js";
+export {
+  e as Popover,
+  r as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Radio/Radio.d.cts

@@ -0,0 +1,27 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type RadioSize = 'sm' | 'md' | 'lg';
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'color' | 'type' | 'onChange' | 'value'> {
+    /** This option's value — selected when it matches the surrounding `RadioGroup`'s value. */
+    value: string;
+    /** Text shown to the right of the control. */
+    label?: ReactNode;
+    /** Theme palette token for the selected fill. Defaults to `accent` (inherits the group's `color`). */
+    color?: ThemeColor;
+    /** Preset size — circle dimensions and label font. Inherits the group's `size` when omitted. */
+    size?: RadioSize;
+    /** Marks the control invalid — reddens the ring. Inherits the group's `error`. */
+    error?: boolean;
+    /** Controlled selected state for standalone use (inside a `RadioGroup` the group drives this). */
+    checked?: boolean;
+    /** Fires with the next selected state (standalone use). */
+    onChange?: (checked: boolean) => void;
+}
+/**
+ * A single radio button with a label. The native `<input type="radio">` is visually hidden but fully
+ * accessible; a styled circle shows the state, filling with `color` and an inner dot when selected.
+ * Designed to live inside a `<RadioGroup>` (which supplies the shared `name`, selection and
+ * `size`/`color`/`disabled`/`error` via context), but also works standalone (`checked` + `onChange`).
+ * Styling uses `--tz-*` tokens only.
+ */
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,27 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type RadioSize = 'sm' | 'md' | 'lg';
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'color' | 'type' | 'onChange' | 'value'> {
+    /** This option's value — selected when it matches the surrounding `RadioGroup`'s value. */
+    value: string;
+    /** Text shown to the right of the control. */
+    label?: ReactNode;
+    /** Theme palette token for the selected fill. Defaults to `accent` (inherits the group's `color`). */
+    color?: ThemeColor;
+    /** Preset size — circle dimensions and label font. Inherits the group's `size` when omitted. */
+    size?: RadioSize;
+    /** Marks the control invalid — reddens the ring. Inherits the group's `error`. */
+    error?: boolean;
+    /** Controlled selected state for standalone use (inside a `RadioGroup` the group drives this). */
+    checked?: boolean;
+    /** Fires with the next selected state (standalone use). */
+    onChange?: (checked: boolean) => void;
+}
+/**
+ * A single radio button with a label. The native `<input type="radio">` is visually hidden but fully
+ * accessible; a styled circle shows the state, filling with `color` and an inner dot when selected.
+ * Designed to live inside a `<RadioGroup>` (which supplies the shared `name`, selection and
+ * `size`/`color`/`disabled`/`error` via context), but also works standalone (`checked` + `onChange`).
+ * Styling uses `--tz-*` tokens only.
+ */
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Radio/RadioGroup.d.cts

@@ -0,0 +1,47 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import { type RadioSize } from './Radio';
+export type RadioOrientation = 'vertical' | 'horizontal';
+/** A single option for the data-driven `options` prop. */
+export interface RadioOption {
+    value: string;
+    label?: ReactNode;
+    disabled?: boolean;
+}
+export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Group label rendered above the options. */
+    label?: ReactNode;
+    /** Controlled selected value. */
+    value?: string;
+    /** Initial value for uncontrolled use. */
+    defaultValue?: string;
+    /** Fires with the newly-selected value. */
+    onChange?: (value: string) => void;
+    /** Shared input `name` for the radios (also the `<Form>` binding key). */
+    name?: string;
+    /** Data-driven options — an alternative to passing `<Radio>` children. */
+    options?: RadioOption[];
+    /** Stack direction of the options. Defaults to `vertical`. */
+    orientation?: RadioOrientation;
+    /** Preset size for every radio. Defaults to `md`. */
+    size?: RadioSize;
+    /** Theme palette token for the selected fill. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Marks the group invalid — reddens the radio rings (no message text, like `Checkbox`). */
+    error?: boolean;
+    /** Adds a red asterisk after the label. */
+    required?: boolean;
+    /** Disables every radio in the group. */
+    disabled?: boolean;
+    /** `<Radio>` children (used when `options` is not given). */
+    children?: ReactNode;
+}
+/**
+ * Groups radio buttons so exactly one is selected. Supplies the shared `name`, selection and
+ * `size`/`color`/`disabled`/`error` to its `<Radio>` children via context — pass them as `children`
+ * or, for the common case, via the data-driven `options` prop. Controlled (`value` + `onChange`) or
+ * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (its form value is a
+ * `string`; validate with e.g. `z.string().min(1)`). `error` reddens the radio rings (no message text,
+ * like `Checkbox`). `role="radiogroup"`; styling uses `--tz-*` tokens.
+ */
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,47 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import { type RadioSize } from './Radio';
+export type RadioOrientation = 'vertical' | 'horizontal';
+/** A single option for the data-driven `options` prop. */
+export interface RadioOption {
+    value: string;
+    label?: ReactNode;
+    disabled?: boolean;
+}
+export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Group label rendered above the options. */
+    label?: ReactNode;
+    /** Controlled selected value. */
+    value?: string;
+    /** Initial value for uncontrolled use. */
+    defaultValue?: string;
+    /** Fires with the newly-selected value. */
+    onChange?: (value: string) => void;
+    /** Shared input `name` for the radios (also the `<Form>` binding key). */
+    name?: string;
+    /** Data-driven options — an alternative to passing `<Radio>` children. */
+    options?: RadioOption[];
+    /** Stack direction of the options. Defaults to `vertical`. */
+    orientation?: RadioOrientation;
+    /** Preset size for every radio. Defaults to `md`. */
+    size?: RadioSize;
+    /** Theme palette token for the selected fill. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Marks the group invalid — reddens the radio rings (no message text, like `Checkbox`). */
+    error?: boolean;
+    /** Adds a red asterisk after the label. */
+    required?: boolean;
+    /** Disables every radio in the group. */
+    disabled?: boolean;
+    /** `<Radio>` children (used when `options` is not given). */
+    children?: ReactNode;
+}
+/**
+ * Groups radio buttons so exactly one is selected. Supplies the shared `name`, selection and
+ * `size`/`color`/`disabled`/`error` to its `<Radio>` children via context — pass them as `children`
+ * or, for the common case, via the data-driven `options` prop. Controlled (`value` + `onChange`) or
+ * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (its form value is a
+ * `string`; validate with e.g. `z.string().min(1)`). `error` reddens the radio rings (no message text,
+ * like `Checkbox`). `role="radiogroup"`; styling uses `--tz-*` tokens.
+ */
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Radio/index.cjs

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

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

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

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

@@ -0,0 +1,4 @@
+export { Radio, Radio as default } from './Radio';
+export type { RadioProps, RadioSize } from './Radio';
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps, RadioOption, RadioOrientation } from './RadioGroup';

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

@@ -0,0 +1,4 @@
+export { Radio, Radio as default } from './Radio';
+export type { RadioProps, RadioSize } from './Radio';
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps, RadioOption, RadioOrientation } from './RadioGroup';

package/dist/components/Radio/index.js

@@ -0,0 +1,7 @@
+import { R, a as d, R as r } from "../../RadioGroup-DbodUJW8.js";
+export {
+  R as Radio,
+  d as RadioGroup,
+  r as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Radio/radioContext.d.cts

@@ -0,0 +1,18 @@
+import type { ThemeColor } from '../../theme';
+import type { RadioSize } from './Radio';
+/** Shared state a `<RadioGroup>` hands down to its `<Radio>` children via context. */
+export interface RadioGroupContextValue {
+    /** Shared input `name` (the radios in a group must share one). */
+    name?: string;
+    /** The group's currently-selected value. */
+    value?: string;
+    /** Select a value — called by a child `<Radio>` on change. */
+    onChange: (value: string) => void;
+    size?: RadioSize;
+    color?: ThemeColor;
+    disabled?: boolean;
+    error?: boolean;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
+/** Read the surrounding `<RadioGroup>` so a `<Radio>` can wire itself in (or `null` when standalone). */
+export declare function useRadioGroupContext(): RadioGroupContextValue | null;

package/dist/components/Radio/radioContext.d.ts

@@ -0,0 +1,18 @@
+import type { ThemeColor } from '../../theme';
+import type { RadioSize } from './Radio';
+/** Shared state a `<RadioGroup>` hands down to its `<Radio>` children via context. */
+export interface RadioGroupContextValue {
+    /** Shared input `name` (the radios in a group must share one). */
+    name?: string;
+    /** The group's currently-selected value. */
+    value?: string;
+    /** Select a value — called by a child `<Radio>` on change. */
+    onChange: (value: string) => void;
+    size?: RadioSize;
+    color?: ThemeColor;
+    disabled?: boolean;
+    error?: boolean;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
+/** Read the surrounding `<RadioGroup>` so a `<Radio>` can wire itself in (or `null` when standalone). */
+export declare function useRadioGroupContext(): RadioGroupContextValue | null;

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

@@ -0,0 +1,35 @@
+import { type ReactNode } from 'react';
+export interface RemoveDialogProps {
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */
+    onClose: () => void;
+    /**
+     * The destructive action. May be async — while its promise is pending the Delete button shows a
+     * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it
+     * stays open so the user can retry (surface the error yourself, e.g. a toast).
+     */
+    onConfirm: () => void | Promise<void>;
+    /** Header title. Defaults to `"Remove"`. */
+    title?: ReactNode;
+    /** Body prompt shown under the icon. Defaults to `"Are you sure you want to delete?"`. */
+    message?: ReactNode;
+    /** Confirm (destructive) button label. Defaults to `"Delete"`. */
+    confirmLabel?: string;
+    /** Cancel button label. Defaults to `"Cancel"`. */
+    cancelLabel?: string;
+    /** External loading override — combined with the internal async-confirm state. */
+    loading?: boolean;
+}
+/**
+ * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous
+ * "Are you sure you want to delete?" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a
+ * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async
+ * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. Built on
+ * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.
+ *
+ * @example
+ * const { isOpen, open, close } = useDisclosure()
+ * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />
+ */
+export declare const RemoveDialog: import("react").ForwardRefExoticComponent<RemoveDialogProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,35 @@
+import { type ReactNode } from 'react';
+export interface RemoveDialogProps {
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */
+    onClose: () => void;
+    /**
+     * The destructive action. May be async — while its promise is pending the Delete button shows a
+     * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it
+     * stays open so the user can retry (surface the error yourself, e.g. a toast).
+     */
+    onConfirm: () => void | Promise<void>;
+    /** Header title. Defaults to `"Remove"`. */
+    title?: ReactNode;
+    /** Body prompt shown under the icon. Defaults to `"Are you sure you want to delete?"`. */
+    message?: ReactNode;
+    /** Confirm (destructive) button label. Defaults to `"Delete"`. */
+    confirmLabel?: string;
+    /** Cancel button label. Defaults to `"Cancel"`. */
+    cancelLabel?: string;
+    /** External loading override — combined with the internal async-confirm state. */
+    loading?: boolean;
+}
+/**
+ * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous
+ * "Are you sure you want to delete?" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a
+ * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async
+ * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. Built on
+ * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.
+ *
+ * @example
+ * const { isOpen, open, close } = useDisclosure()
+ * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />
+ */
+export declare const RemoveDialog: import("react").ForwardRefExoticComponent<RemoveDialogProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/RemoveDialog/index.cjs

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

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

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