@techzyapp/ui-library 1.0.0

package/dist/components/TimePicker/TimePicker.d.cts

@@ -0,0 +1,68 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type TimePickerSize = 'sm' | 'md' | 'lg';
+export interface TimePickerProps {
+    /** Label rendered above the field. */
+    label?: ReactNode;
+    /** Preset size — control height, font and popover density. */
+    size?: TimePickerSize;
+    /** 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 — a time string in `valueFormat` (`''` = empty). */
+    value?: string;
+    /** Initial value for uncontrolled use (in `valueFormat`). */
+    defaultValue?: string;
+    /** Fires with the next time in `valueFormat` (`''` when cleared). */
+    onChange?: (value: string) => void;
+    /**
+     * Display + typed-input format (dayjs tokens). Defaults to `'HH:mm:ss'` (or `hh:mm:ss A` when
+     * `hour12`; the `:ss` is dropped when `showSeconds` is `false`).
+     */
+    format?: string;
+    /**
+     * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed
+     * `format`. Defaults to `'HH:mm:ss[Z]'` when `utc` (the `Z` marks UTC), or `'HH:mm:ss'` when
+     * `utc={false}`. Incoming values are parsed **leniently** (this format, then a numeric time — so a
+     * backend time like `'09:35:49.6134342'` is accepted, ms-capped — then any ISO-8601 datetime, whose
+     * time is used). Only the time-of-day is used; the date is ignored.
+     */
+    valueFormat?: string;
+    /**
+     * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).
+     * Set `false` to disable timezone conversion — the field shows and emits the value's exact wall-clock.
+     */
+    utc?: boolean;
+    /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */
+    hour12?: boolean;
+    /** Minute increment for the minutes column. Defaults to `1`. */
+    minuteStep?: number;
+    /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */
+    showSeconds?: boolean;
+    /** Placeholder shown when empty. Defaults to the lowercased `format`. */
+    placeholder?: string;
+    /** Shows a clear (×) button when a value is set. Defaults to `true`. */
+    clearable?: boolean;
+    /** Form field name — auto-binds to a surrounding `<Form>` (value is the time string). */
+    name?: string;
+    /** Id for the input (label association). */
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * A time-of-day field with a typed, masked input **and** a popover of scrollable time columns
+ * (hour / minute / optional second + AM/PM in 12-hour mode) — the time sibling of `DateTimePicker`,
+ * with no calendar. The value is a string in `valueFormat` (UTC, with a `Z`, unless `utc={false}`) —
+ * incoming values are parsed leniently (a richer backend time is accepted) and the chosen time emitted
+ * in that format. Picking keeps the popover open until you click away, press Escape, or hit Done.
+ * Supports `hour12`, `minuteStep`, `showSeconds`, and `clearable`. Controlled (`value` + `onChange`) or
+ * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires `dayjs`.
+ */
+export declare const TimePicker: import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/TimePicker/TimePicker.d.ts

@@ -0,0 +1,68 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type TimePickerSize = 'sm' | 'md' | 'lg';
+export interface TimePickerProps {
+    /** Label rendered above the field. */
+    label?: ReactNode;
+    /** Preset size — control height, font and popover density. */
+    size?: TimePickerSize;
+    /** 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 — a time string in `valueFormat` (`''` = empty). */
+    value?: string;
+    /** Initial value for uncontrolled use (in `valueFormat`). */
+    defaultValue?: string;
+    /** Fires with the next time in `valueFormat` (`''` when cleared). */
+    onChange?: (value: string) => void;
+    /**
+     * Display + typed-input format (dayjs tokens). Defaults to `'HH:mm:ss'` (or `hh:mm:ss A` when
+     * `hour12`; the `:ss` is dropped when `showSeconds` is `false`).
+     */
+    format?: string;
+    /**
+     * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed
+     * `format`. Defaults to `'HH:mm:ss[Z]'` when `utc` (the `Z` marks UTC), or `'HH:mm:ss'` when
+     * `utc={false}`. Incoming values are parsed **leniently** (this format, then a numeric time — so a
+     * backend time like `'09:35:49.6134342'` is accepted, ms-capped — then any ISO-8601 datetime, whose
+     * time is used). Only the time-of-day is used; the date is ignored.
+     */
+    valueFormat?: string;
+    /**
+     * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).
+     * Set `false` to disable timezone conversion — the field shows and emits the value's exact wall-clock.
+     */
+    utc?: boolean;
+    /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */
+    hour12?: boolean;
+    /** Minute increment for the minutes column. Defaults to `1`. */
+    minuteStep?: number;
+    /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */
+    showSeconds?: boolean;
+    /** Placeholder shown when empty. Defaults to the lowercased `format`. */
+    placeholder?: string;
+    /** Shows a clear (×) button when a value is set. Defaults to `true`. */
+    clearable?: boolean;
+    /** Form field name — auto-binds to a surrounding `<Form>` (value is the time string). */
+    name?: string;
+    /** Id for the input (label association). */
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * A time-of-day field with a typed, masked input **and** a popover of scrollable time columns
+ * (hour / minute / optional second + AM/PM in 12-hour mode) — the time sibling of `DateTimePicker`,
+ * with no calendar. The value is a string in `valueFormat` (UTC, with a `Z`, unless `utc={false}`) —
+ * incoming values are parsed leniently (a richer backend time is accepted) and the chosen time emitted
+ * in that format. Picking keeps the popover open until you click away, press Escape, or hit Done.
+ * Supports `hour12`, `minuteStep`, `showSeconds`, and `clearable`. Controlled (`value` + `onChange`) or
+ * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires `dayjs`.
+ */
+export declare const TimePicker: import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/TimePicker/index.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+export { TimePicker, TimePicker as default } from './TimePicker';
+export type { TimePickerProps, TimePickerSize } from './TimePicker';

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

@@ -0,0 +1,2 @@
+export { TimePicker, TimePicker as default } from './TimePicker';
+export type { TimePickerProps, TimePickerSize } from './TimePicker';

package/dist/components/TimePicker/index.js

@@ -0,0 +1,6 @@
+import { T as r, T } from "../../TimePicker-3JgvK2on.js";
+export {
+  r as TimePicker,
+  T as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Timeline/Timeline.d.cts

@@ -0,0 +1,37 @@
+import { type OlHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import type { IconName } from '../../icons/names';
+export type TimelineSize = 'sm' | 'md' | 'lg';
+/** A single entry for the data-driven `items` prop. */
+export interface TimelineEntry {
+    /** Title line. */
+    label?: ReactNode;
+    /** Muted caption under the label — usually the date/time. */
+    time?: ReactNode;
+    /** Body content under the caption — any node. */
+    content?: ReactNode;
+    /** Node icon (soft tinted circle) — a known `IconName` or any node. Omit for a small dot node. */
+    icon?: IconName | ReactNode;
+    /** Theme palette token tinting this entry's node (overrides the timeline's `color`). */
+    color?: ThemeColor;
+}
+export interface TimelineProps extends Omit<OlHTMLAttributes<HTMLOListElement>, 'color'> {
+    /** Data-driven entries — an alternative to passing `<TimelineItem>` children. */
+    items?: TimelineEntry[];
+    /** Preset size — node circle, dot and fonts. Defaults to `md`. */
+    size?: TimelineSize;
+    /** Theme palette token tinting the nodes. Defaults to `primary` (a per-item `color` wins). */
+    color?: ThemeColor;
+    /** `<TimelineItem>` children (used when `items` is not given). */
+    children?: ReactNode;
+}
+/**
+ * A vertical timeline — events on a rail (order tracking, activity feeds, audit logs). Data-driven via
+ * **`items`** (`{ label?, time?, content?, icon?, color? }[]`) or as `<TimelineItem>` children. An
+ * entry **with** an `icon` gets a soft tinted circle node; one **without** gets a small dot — mix them
+ * freely, and tint any node per item via its `color` (e.g. `success` for a completed event). `size`
+ * (`sm`/`md`/`lg`) scales the nodes and type together. Renders a semantic `<ol>`/`<li>` list (name it
+ * with `aria-label`); the rail is a hairline that hides itself after the last entry. Styling uses
+ * `--tz-*` tokens.
+ */
+export declare const Timeline: import("react").ForwardRefExoticComponent<TimelineProps & import("react").RefAttributes<HTMLOListElement>>;

package/dist/components/Timeline/Timeline.d.ts

@@ -0,0 +1,37 @@
+import { type OlHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import type { IconName } from '../../icons/names';
+export type TimelineSize = 'sm' | 'md' | 'lg';
+/** A single entry for the data-driven `items` prop. */
+export interface TimelineEntry {
+    /** Title line. */
+    label?: ReactNode;
+    /** Muted caption under the label — usually the date/time. */
+    time?: ReactNode;
+    /** Body content under the caption — any node. */
+    content?: ReactNode;
+    /** Node icon (soft tinted circle) — a known `IconName` or any node. Omit for a small dot node. */
+    icon?: IconName | ReactNode;
+    /** Theme palette token tinting this entry's node (overrides the timeline's `color`). */
+    color?: ThemeColor;
+}
+export interface TimelineProps extends Omit<OlHTMLAttributes<HTMLOListElement>, 'color'> {
+    /** Data-driven entries — an alternative to passing `<TimelineItem>` children. */
+    items?: TimelineEntry[];
+    /** Preset size — node circle, dot and fonts. Defaults to `md`. */
+    size?: TimelineSize;
+    /** Theme palette token tinting the nodes. Defaults to `primary` (a per-item `color` wins). */
+    color?: ThemeColor;
+    /** `<TimelineItem>` children (used when `items` is not given). */
+    children?: ReactNode;
+}
+/**
+ * A vertical timeline — events on a rail (order tracking, activity feeds, audit logs). Data-driven via
+ * **`items`** (`{ label?, time?, content?, icon?, color? }[]`) or as `<TimelineItem>` children. An
+ * entry **with** an `icon` gets a soft tinted circle node; one **without** gets a small dot — mix them
+ * freely, and tint any node per item via its `color` (e.g. `success` for a completed event). `size`
+ * (`sm`/`md`/`lg`) scales the nodes and type together. Renders a semantic `<ol>`/`<li>` list (name it
+ * with `aria-label`); the rail is a hairline that hides itself after the last entry. Styling uses
+ * `--tz-*` tokens.
+ */
+export declare const Timeline: import("react").ForwardRefExoticComponent<TimelineProps & import("react").RefAttributes<HTMLOListElement>>;

package/dist/components/Timeline/TimelineItem.d.cts

@@ -0,0 +1,26 @@
+import { type LiHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import { type IconName } from '../../icons/names';
+export interface TimelineItemProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'color'> {
+    /** Title line. */
+    label?: ReactNode;
+    /** Muted caption under the label — usually the date/time (e.g. `"13th May 2021"`). */
+    time?: ReactNode;
+    /** Body content under the caption — any node (text, chips, buttons). */
+    children?: ReactNode;
+    /**
+     * Node icon — a known `IconName` or any node, shown in a soft tinted circle. Omit for a small
+     * **dot** node instead (the compact activity-log look).
+     */
+    icon?: IconName | ReactNode;
+    /** Theme palette token tinting this item's node. Inherits the timeline's `color` when omitted. */
+    color?: ThemeColor;
+}
+/**
+ * One entry on a `<Timeline>` — a node (a soft tinted icon circle, or a small dot when there's no
+ * `icon`) on the rail, with a `label`, a muted `time` caption, and any `children` as the body.
+ * Inherits `size`/`color` from the surrounding `<Timeline>` (a per-item `color` wins — e.g. a green
+ * `success` node for a delivered step). Renders an `<li>`; the connecting rail hides itself on the
+ * last item via CSS.
+ */
+export declare const TimelineItem: import("react").ForwardRefExoticComponent<TimelineItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist/components/Timeline/TimelineItem.d.ts

@@ -0,0 +1,26 @@
+import { type LiHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import { type IconName } from '../../icons/names';
+export interface TimelineItemProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'color'> {
+    /** Title line. */
+    label?: ReactNode;
+    /** Muted caption under the label — usually the date/time (e.g. `"13th May 2021"`). */
+    time?: ReactNode;
+    /** Body content under the caption — any node (text, chips, buttons). */
+    children?: ReactNode;
+    /**
+     * Node icon — a known `IconName` or any node, shown in a soft tinted circle. Omit for a small
+     * **dot** node instead (the compact activity-log look).
+     */
+    icon?: IconName | ReactNode;
+    /** Theme palette token tinting this item's node. Inherits the timeline's `color` when omitted. */
+    color?: ThemeColor;
+}
+/**
+ * One entry on a `<Timeline>` — a node (a soft tinted icon circle, or a small dot when there's no
+ * `icon`) on the rail, with a `label`, a muted `time` caption, and any `children` as the body.
+ * Inherits `size`/`color` from the surrounding `<Timeline>` (a per-item `color` wins — e.g. a green
+ * `success` node for a delivered step). Renders an `<li>`; the connecting rail hides itself on the
+ * last item via CSS.
+ */
+export declare const TimelineItem: import("react").ForwardRefExoticComponent<TimelineItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist/components/Timeline/index.cjs

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

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

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

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

@@ -0,0 +1,4 @@
+export { Timeline, Timeline as default } from './Timeline';
+export type { TimelineProps, TimelineEntry, TimelineSize } from './Timeline';
+export { TimelineItem } from './TimelineItem';
+export type { TimelineItemProps } from './TimelineItem';

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

@@ -0,0 +1,4 @@
+export { Timeline, Timeline as default } from './Timeline';
+export type { TimelineProps, TimelineEntry, TimelineSize } from './Timeline';
+export { TimelineItem } from './TimelineItem';
+export type { TimelineItemProps } from './TimelineItem';

package/dist/components/Timeline/index.js

@@ -0,0 +1,7 @@
+import { T as i, a as m, T } from "../../Timeline-WkV4k_we.js";
+export {
+  i as Timeline,
+  m as TimelineItem,
+  T as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Timeline/timelineContext.d.cts

@@ -0,0 +1,10 @@
+import type { ThemeColor } from '../../theme';
+import type { TimelineSize } from './Timeline';
+/** Shared defaults a `<Timeline>` hands down to its `<TimelineItem>` children via context. */
+export interface TimelineContextValue {
+    size: TimelineSize;
+    color: ThemeColor;
+}
+export declare const TimelineContext: import("react").Context<TimelineContextValue | null>;
+/** Read the surrounding `<Timeline>` so a `<TimelineItem>` can inherit its `size`/`color`. */
+export declare function useTimelineContext(): TimelineContextValue | null;

package/dist/components/Timeline/timelineContext.d.ts

@@ -0,0 +1,10 @@
+import type { ThemeColor } from '../../theme';
+import type { TimelineSize } from './Timeline';
+/** Shared defaults a `<Timeline>` hands down to its `<TimelineItem>` children via context. */
+export interface TimelineContextValue {
+    size: TimelineSize;
+    color: ThemeColor;
+}
+export declare const TimelineContext: import("react").Context<TimelineContextValue | null>;
+/** Read the surrounding `<Timeline>` so a `<TimelineItem>` can inherit its `size`/`color`. */
+export declare function useTimelineContext(): TimelineContextValue | null;

package/dist/components/Toast/ToastItem.d.cts

@@ -0,0 +1,12 @@
+import { type ToastPosition, type ToastRecord } from './toastStore';
+export interface ToastItemProps {
+    toast: ToastRecord;
+    /** Fallback auto-dismiss delay when the toast doesn't set its own. */
+    duration: number;
+    position: ToastPosition;
+}
+/**
+ * One rendered toast — an `Alert` wrapped with the enter/exit animation, the auto-dismiss timer
+ * (paused while hovered), and the close wiring. Internal to `Toaster`.
+ */
+export declare function ToastItem({ toast, duration, position }: ToastItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/ToastItem.d.ts

@@ -0,0 +1,12 @@
+import { type ToastPosition, type ToastRecord } from './toastStore';
+export interface ToastItemProps {
+    toast: ToastRecord;
+    /** Fallback auto-dismiss delay when the toast doesn't set its own. */
+    duration: number;
+    position: ToastPosition;
+}
+/**
+ * One rendered toast — an `Alert` wrapped with the enter/exit animation, the auto-dismiss timer
+ * (paused while hovered), and the close wiring. Internal to `Toaster`.
+ */
+export declare function ToastItem({ toast, duration, position }: ToastItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/Toaster.d.cts

@@ -0,0 +1,18 @@
+import { type ToastPosition } from './toastStore';
+export interface ToasterProps {
+    /** Corner the toasts stack in. Defaults to `bottom-right`. */
+    position?: ToastPosition;
+    /** Default auto-dismiss delay in ms; a per-toast `duration` overrides it. Defaults to `4000`. */
+    duration?: number;
+}
+/**
+ * The toast viewport — mount it **once** near the app root. It portals to `<body>` at `--tz-z-toast`,
+ * subscribes to the imperative `toast` store, and renders each toast as an animated, auto-dismissing
+ * `Alert`. Drive it from anywhere with `toast.success('Saved')` / `toast.error(...)` / `toast.dismiss(id)`.
+ *
+ * @example
+ * <Toaster position="bottom-right" />
+ * // …elsewhere:
+ * toast.success('Saved')
+ */
+export declare function Toaster({ position, duration }: ToasterProps): import("react").ReactPortal | null;

package/dist/components/Toast/Toaster.d.ts

@@ -0,0 +1,18 @@
+import { type ToastPosition } from './toastStore';
+export interface ToasterProps {
+    /** Corner the toasts stack in. Defaults to `bottom-right`. */
+    position?: ToastPosition;
+    /** Default auto-dismiss delay in ms; a per-toast `duration` overrides it. Defaults to `4000`. */
+    duration?: number;
+}
+/**
+ * The toast viewport — mount it **once** near the app root. It portals to `<body>` at `--tz-z-toast`,
+ * subscribes to the imperative `toast` store, and renders each toast as an animated, auto-dismissing
+ * `Alert`. Drive it from anywhere with `toast.success('Saved')` / `toast.error(...)` / `toast.dismiss(id)`.
+ *
+ * @example
+ * <Toaster position="bottom-right" />
+ * // …elsewhere:
+ * toast.success('Saved')
+ */
+export declare function Toaster({ position, duration }: ToasterProps): import("react").ReactPortal | null;

package/dist/components/Toast/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Toaster-Bk5GtPjX.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.cjs.map

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

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

@@ -0,0 +1,4 @@
+export { Toaster, Toaster as default } from './Toaster';
+export type { ToasterProps } from './Toaster';
+export { toast } from './toastStore';
+export type { ToastApi, ToastOptions, ToastPosition } from './toastStore';

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

@@ -0,0 +1,4 @@
+export { Toaster, Toaster as default } from './Toaster';
+export type { ToasterProps } from './Toaster';
+export { toast } from './toastStore';
+export type { ToastApi, ToastOptions, ToastPosition } from './toastStore';

package/dist/components/Toast/index.js

@@ -0,0 +1,8 @@
+import { T as o, T as r } from "../../Toaster-D-eG1xv7.js";
+import { t as e } from "../../toastStore-Cx_JOKwS.js";
+export {
+  o as Toaster,
+  r as default,
+  e as toast
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Toast/toastStore.d.cts

@@ -0,0 +1,45 @@
+import type { ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import type { IconName } from '../../icons/names';
+import type { AlertVariant } from '../Alert';
+/** Where the `Toaster` stacks toasts. */
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastOptions {
+    /** Auto-dismiss delay in ms; `Infinity` keeps it open until dismissed. Defaults to the `Toaster`'s `duration`. */
+    duration?: number;
+    /** Alert tint style. Defaults to `contained` (solid fill). */
+    variant?: AlertVariant;
+    /** Leading icon — an `IconName`, a node, or `false` to hide it. Defaults to the semantic icon for the color. */
+    icon?: IconName | ReactNode | false;
+    /** Trailing action (e.g. an `UNDO` button). */
+    action?: ReactNode;
+    /** Explicit id — reuse it to update an existing toast or to target `toast.dismiss(id)`. Auto-generated otherwise. */
+    id?: string;
+}
+/** A live toast in the store (internal). `open` flips to `false` to drive the exit animation before removal. */
+export interface ToastRecord extends ToastOptions {
+    id: string;
+    message: ReactNode;
+    color: ThemeColor;
+    open: boolean;
+}
+/** Subscribe to store changes (used by `Toaster` via `useSyncExternalStore`). */
+export declare const subscribeToasts: (listener: () => void) => (() => void);
+/** The current toasts — a stable reference between changes (snapshot for `useSyncExternalStore`). */
+export declare const getToasts: () => ToastRecord[];
+/** Mark a toast as closing — drives its exit animation; the `Toaster` removes it afterwards. */
+export declare const closeToast: (id: string) => void;
+/** Remove a toast outright (called by the `Toaster` once its exit animation finishes). */
+export declare const removeToast: (id: string) => void;
+/** Imperative toast API — callable from anywhere (event handlers, async code, outside React). */
+export interface ToastApi {
+    /** Show a neutral (info) toast. Returns the toast id. */
+    (message: ReactNode, options?: ToastOptions): string;
+    success: (message: ReactNode, options?: ToastOptions) => string;
+    error: (message: ReactNode, options?: ToastOptions) => string;
+    warning: (message: ReactNode, options?: ToastOptions) => string;
+    info: (message: ReactNode, options?: ToastOptions) => string;
+    /** Dismiss a toast by id, or all toasts when called with no argument. */
+    dismiss: (id?: string) => void;
+}
+export declare const toast: ToastApi;

package/dist/components/Toast/toastStore.d.ts

@@ -0,0 +1,45 @@
+import type { ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import type { IconName } from '../../icons/names';
+import type { AlertVariant } from '../Alert';
+/** Where the `Toaster` stacks toasts. */
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastOptions {
+    /** Auto-dismiss delay in ms; `Infinity` keeps it open until dismissed. Defaults to the `Toaster`'s `duration`. */
+    duration?: number;
+    /** Alert tint style. Defaults to `contained` (solid fill). */
+    variant?: AlertVariant;
+    /** Leading icon — an `IconName`, a node, or `false` to hide it. Defaults to the semantic icon for the color. */
+    icon?: IconName | ReactNode | false;
+    /** Trailing action (e.g. an `UNDO` button). */
+    action?: ReactNode;
+    /** Explicit id — reuse it to update an existing toast or to target `toast.dismiss(id)`. Auto-generated otherwise. */
+    id?: string;
+}
+/** A live toast in the store (internal). `open` flips to `false` to drive the exit animation before removal. */
+export interface ToastRecord extends ToastOptions {
+    id: string;
+    message: ReactNode;
+    color: ThemeColor;
+    open: boolean;
+}
+/** Subscribe to store changes (used by `Toaster` via `useSyncExternalStore`). */
+export declare const subscribeToasts: (listener: () => void) => (() => void);
+/** The current toasts — a stable reference between changes (snapshot for `useSyncExternalStore`). */
+export declare const getToasts: () => ToastRecord[];
+/** Mark a toast as closing — drives its exit animation; the `Toaster` removes it afterwards. */
+export declare const closeToast: (id: string) => void;
+/** Remove a toast outright (called by the `Toaster` once its exit animation finishes). */
+export declare const removeToast: (id: string) => void;
+/** Imperative toast API — callable from anywhere (event handlers, async code, outside React). */
+export interface ToastApi {
+    /** Show a neutral (info) toast. Returns the toast id. */
+    (message: ReactNode, options?: ToastOptions): string;
+    success: (message: ReactNode, options?: ToastOptions) => string;
+    error: (message: ReactNode, options?: ToastOptions) => string;
+    warning: (message: ReactNode, options?: ToastOptions) => string;
+    info: (message: ReactNode, options?: ToastOptions) => string;
+    /** Dismiss a toast by id, or all toasts when called with no argument. */
+    dismiss: (id?: string) => void;
+}
+export declare const toast: ToastApi;

package/dist/components/ToggleButton/ToggleButton.d.cts

@@ -0,0 +1,26 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type ToggleButtonSize = 'sm' | 'md' | 'lg';
+export interface ToggleButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'value' | 'onChange'> {
+    /** The value this button represents — its identity within a `ToggleButtonGroup`. */
+    value: string;
+    /** Selected state for standalone use (inside a group, the group owns selection). */
+    selected?: boolean;
+    /** Fires with the next selected state — standalone use only. */
+    onChange?: (selected: boolean, value: string) => void;
+    /** Theme palette token tinting the selected state. Defaults to `primary`. */
+    color?: ThemeColor;
+    /** Preset size. Defaults to `md`. */
+    size?: ToggleButtonSize;
+    /** Stretch to fill the container width. */
+    fullWidth?: boolean;
+    /** Button content — typically an `Icon`, text, or both. */
+    children?: ReactNode;
+}
+/**
+ * A two-state button that toggles between selected and unselected — the building block of
+ * `ToggleButtonGroup` (which owns selection, size, color and disabled via context), but also usable
+ * standalone with `selected` + `onChange`. Selected uses the soft `filled` tint of `color` (the shared
+ * `--tz-btn-rgb` pattern); `aria-pressed` reflects the state. The ref points at the `<button>`.
+ */
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,26 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type ToggleButtonSize = 'sm' | 'md' | 'lg';
+export interface ToggleButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'value' | 'onChange'> {
+    /** The value this button represents — its identity within a `ToggleButtonGroup`. */
+    value: string;
+    /** Selected state for standalone use (inside a group, the group owns selection). */
+    selected?: boolean;
+    /** Fires with the next selected state — standalone use only. */
+    onChange?: (selected: boolean, value: string) => void;
+    /** Theme palette token tinting the selected state. Defaults to `primary`. */
+    color?: ThemeColor;
+    /** Preset size. Defaults to `md`. */
+    size?: ToggleButtonSize;
+    /** Stretch to fill the container width. */
+    fullWidth?: boolean;
+    /** Button content — typically an `Icon`, text, or both. */
+    children?: ReactNode;
+}
+/**
+ * A two-state button that toggles between selected and unselected — the building block of
+ * `ToggleButtonGroup` (which owns selection, size, color and disabled via context), but also usable
+ * standalone with `selected` + `onChange`. Selected uses the soft `filled` tint of `color` (the shared
+ * `--tz-btn-rgb` pattern); `aria-pressed` reflects the state. The ref points at the `<button>`.
+ */
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;