@techzyapp/ui-library 1.0.0

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,30 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type IconName } from '../../icons/names';
+import { type ThemeColor } from '../../theme';
+export type AlertVariant = 'contained' | 'filled' | 'outlined' | 'text';
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {
+    /** Tint style. Defaults to `filled` (the soft tint). */
+    variant?: AlertVariant;
+    /** Brand / semantic palette token that tints the alert. Defaults to `info`. */
+    color?: ThemeColor;
+    /**
+     * Leading icon — a known `IconName`, any node, or `false` to hide it. Defaults to the semantic icon
+     * for `color` (success → `TickCircle`, error → `CloseCircle`, warning → `Warning`, info → `InfoCircle`).
+     */
+    icon?: IconName | ReactNode | false;
+    /** Trailing action (e.g. an `UNDO` button), placed before the close button. */
+    action?: ReactNode;
+    /** When provided, a trailing × close button appears that calls this. */
+    onClose?: () => void;
+    /** Accessible label for the close button. Defaults to `"Close"`. */
+    closeLabel?: string;
+    /** Alert message. */
+    children?: ReactNode;
+}
+/**
+ * A message banner — the library's inline feedback surface (info, success, warning, error). Tinted by
+ * `color` via the shared `--tz-btn-rgb` pattern across the 4 standard `variant`s; a semantic leading
+ * `icon` is auto-picked per color (override with `icon`, or `icon={false}` to drop it). An optional
+ * `action` slot (e.g. an `UNDO` button) and an `onClose` × button trail the message. `role="alert"`.
+ */
+export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Alert/index.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+export { Alert, Alert as default } from './Alert';
+export type { AlertProps, AlertVariant } from './Alert';

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

@@ -0,0 +1,2 @@
+export { Alert, Alert as default } from './Alert';
+export type { AlertProps, AlertVariant } from './Alert';

package/dist/components/Alert/index.js

@@ -0,0 +1,6 @@
+import { A as r, A as t } from "../../Alert-BQpA48PY.js";
+export {
+  r as Alert,
+  t as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Avatar/Avatar.d.cts

@@ -0,0 +1,28 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import { type IconName } from '../../icons/names';
+export type AvatarSize = 'sm' | 'md' | 'lg';
+export type AvatarShape = 'circle' | 'square';
+export interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** Image URL. When set (and it loads), the avatar shows the photo; on error it falls back. */
+    src?: string;
+    /** Alt text for the image / accessible name for an icon-or-initials avatar (falls back to `name`). */
+    alt?: string;
+    /** An icon to show when there's no image — a known `IconName` or any node. */
+    icon?: IconName | ReactNode;
+    /** Full name — used to derive initials (e.g. "David Savaneli" → "DS") and as the accessible name. */
+    name?: string;
+    /** Preset size: `sm` 32 · `md` 40 · `lg` 48 px. Defaults to `md`. */
+    size?: AvatarSize;
+    /** `circle` (default) or `square` (rounded rectangle). */
+    shape?: AvatarShape;
+    /** Theme palette token for the icon/initials background. Defaults to `accent`. */
+    color?: ThemeColor;
+}
+/**
+ * A user avatar that shows — in priority order — an image (`src`), an `icon`, explicit `children`
+ * (e.g. initials `"D.S."`), initials derived from `name`, or a default user icon. If the image fails
+ * to load it falls back automatically. The icon/initials background is tinted by `color` via the
+ * shared `--tz-btn-rgb` / `--tz-btn-on` pattern. Token-only styling; pairs with `AvatarGroup`.
+ */
+export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,28 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import { type IconName } from '../../icons/names';
+export type AvatarSize = 'sm' | 'md' | 'lg';
+export type AvatarShape = 'circle' | 'square';
+export interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** Image URL. When set (and it loads), the avatar shows the photo; on error it falls back. */
+    src?: string;
+    /** Alt text for the image / accessible name for an icon-or-initials avatar (falls back to `name`). */
+    alt?: string;
+    /** An icon to show when there's no image — a known `IconName` or any node. */
+    icon?: IconName | ReactNode;
+    /** Full name — used to derive initials (e.g. "David Savaneli" → "DS") and as the accessible name. */
+    name?: string;
+    /** Preset size: `sm` 32 · `md` 40 · `lg` 48 px. Defaults to `md`. */
+    size?: AvatarSize;
+    /** `circle` (default) or `square` (rounded rectangle). */
+    shape?: AvatarShape;
+    /** Theme palette token for the icon/initials background. Defaults to `accent`. */
+    color?: ThemeColor;
+}
+/**
+ * A user avatar that shows — in priority order — an image (`src`), an `icon`, explicit `children`
+ * (e.g. initials `"D.S."`), initials derived from `name`, or a default user icon. If the image fails
+ * to load it falls back automatically. The icon/initials background is tinted by `color` via the
+ * shared `--tz-btn-rgb` / `--tz-btn-on` pattern. Token-only styling; pairs with `AvatarGroup`.
+ */
+export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Avatar/AvatarGroup.d.cts

@@ -0,0 +1,19 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import { type AvatarSize } from './Avatar';
+export interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** `Avatar` elements to overlap. */
+    children: ReactNode;
+    /** Show at most this many slots; the rest collapse into a trailing `+N` avatar. */
+    max?: number;
+    /** Size applied to every avatar in the group (incl. the `+N`). Defaults to `md`. */
+    size?: AvatarSize;
+    /** Theme palette token for the `+N` surplus avatar. Defaults to `accent`. */
+    color?: ThemeColor;
+}
+/**
+ * Overlaps a row of `Avatar`s with a ring between them, and collapses the overflow past `max` into a
+ * trailing `+N` avatar (like a stacked team list). All avatars are normalized to the group's `size`.
+ * Token-only styling.
+ */
+export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Avatar/AvatarGroup.d.ts

@@ -0,0 +1,19 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import { type AvatarSize } from './Avatar';
+export interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** `Avatar` elements to overlap. */
+    children: ReactNode;
+    /** Show at most this many slots; the rest collapse into a trailing `+N` avatar. */
+    max?: number;
+    /** Size applied to every avatar in the group (incl. the `+N`). Defaults to `md`. */
+    size?: AvatarSize;
+    /** Theme palette token for the `+N` surplus avatar. Defaults to `accent`. */
+    color?: ThemeColor;
+}
+/**
+ * Overlaps a row of `Avatar`s with a ring between them, and collapses the overflow past `max` into a
+ * trailing `+N` avatar (like a stacked team list). All avatars are normalized to the group's `size`.
+ * Token-only styling.
+ */
+export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Avatar/index.cjs

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

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

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

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

@@ -0,0 +1,4 @@
+export { Avatar, Avatar as default } from './Avatar';
+export type { AvatarProps, AvatarSize, AvatarShape } from './Avatar';
+export { AvatarGroup } from './AvatarGroup';
+export type { AvatarGroupProps } from './AvatarGroup';

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

@@ -0,0 +1,4 @@
+export { Avatar, Avatar as default } from './Avatar';
+export type { AvatarProps, AvatarSize, AvatarShape } from './Avatar';
+export { AvatarGroup } from './AvatarGroup';
+export type { AvatarGroupProps } from './AvatarGroup';

package/dist/components/Avatar/index.js

@@ -0,0 +1,8 @@
+import { A as o, A as t } from "../../Avatar-BJVCdo-K.js";
+import { A as e } from "../../AvatarGroup-DdJf4aT7.js";
+export {
+  o as Avatar,
+  e as AvatarGroup,
+  t as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Badge/Badge.d.cts

@@ -0,0 +1,26 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type BadgePlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'content'> {
+    /** The element the badge decorates — e.g. a `Button` or `IconButton`. */
+    children: ReactNode;
+    /** Count/text shown in the badge. A `number` renders as a count (capped by `max`); omit it for a dot. */
+    content?: number | string;
+    /** Render a small dot instead of `content` (a plain notification indicator). */
+    dot?: boolean;
+    /** Theme palette token that tints the badge. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Cap for numeric `content` — anything above renders as `${max}+`. Defaults to `99`. */
+    max?: number;
+    /** Keep the badge visible when numeric `content` is `0`. Defaults to `false` (hidden). */
+    showZero?: boolean;
+    /** Corner the badge sits in. Defaults to `top-right`. */
+    placement?: BadgePlacement;
+}
+/**
+ * Wraps a child (typically a `Button` or `IconButton`) and pins a small badge to one of its corners.
+ * Pass a numeric `content` for a count (auto-capped to `${max}+`), or set `dot` for a plain dot.
+ * A numeric `0` is hidden unless `showZero`. The fill is tinted by the `color` token via the shared
+ * `--tz-btn-rgb` / `--tz-btn-on` pattern; styling is token-only.
+ */
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,26 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type BadgePlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'content'> {
+    /** The element the badge decorates — e.g. a `Button` or `IconButton`. */
+    children: ReactNode;
+    /** Count/text shown in the badge. A `number` renders as a count (capped by `max`); omit it for a dot. */
+    content?: number | string;
+    /** Render a small dot instead of `content` (a plain notification indicator). */
+    dot?: boolean;
+    /** Theme palette token that tints the badge. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Cap for numeric `content` — anything above renders as `${max}+`. Defaults to `99`. */
+    max?: number;
+    /** Keep the badge visible when numeric `content` is `0`. Defaults to `false` (hidden). */
+    showZero?: boolean;
+    /** Corner the badge sits in. Defaults to `top-right`. */
+    placement?: BadgePlacement;
+}
+/**
+ * Wraps a child (typically a `Button` or `IconButton`) and pins a small badge to one of its corners.
+ * Pass a numeric `content` for a count (auto-capped to `${max}+`), or set `dot` for a plain dot.
+ * A numeric `0` is hidden unless `showZero`. The fill is tinted by the `color` token via the shared
+ * `--tz-btn-rgb` / `--tz-btn-on` pattern; styling is token-only.
+ */
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/Badge/index.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+export { Badge, Badge as default } from './Badge';
+export type { BadgeProps, BadgePlacement } from './Badge';

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

@@ -0,0 +1,2 @@
+export { Badge, Badge as default } from './Badge';
+export type { BadgeProps, BadgePlacement } from './Badge';

package/dist/components/Badge/index.js

@@ -0,0 +1,6 @@
+import { B, B as d } from "../../Badge-DSWigoGC.js";
+export {
+  B as Badge,
+  d as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Breadcrumbs/Breadcrumbs.d.cts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import { type IconName } from '../../icons/names';
+export interface BreadcrumbsProps {
+    /**
+     * Separator between crumbs. A known `IconName` (the default `"ArrowRight4"`) renders as an icon; any
+     * other string renders as plain text; or pass a node.
+     */
+    separator?: IconName | ReactNode;
+}
+/**
+ * Auto-generated breadcrumb trail for the current route, rendered at the top of `RootLayout`'s
+ * content. It always starts with a home icon that links to the first allowed menu page (the same
+ * target as `FirstRouteRedirect`), followed by one crumb per matched route that declares a
+ * `staticData.name`. Intermediate crumbs link to their page when navigable; the current page is
+ * plain text. Renders nothing when the current route has no named matches. Token-only styling.
+ */
+export declare function Breadcrumbs({ separator }?: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import { type IconName } from '../../icons/names';
+export interface BreadcrumbsProps {
+    /**
+     * Separator between crumbs. A known `IconName` (the default `"ArrowRight4"`) renders as an icon; any
+     * other string renders as plain text; or pass a node.
+     */
+    separator?: IconName | ReactNode;
+}
+/**
+ * Auto-generated breadcrumb trail for the current route, rendered at the top of `RootLayout`'s
+ * content. It always starts with a home icon that links to the first allowed menu page (the same
+ * target as `FirstRouteRedirect`), followed by one crumb per matched route that declares a
+ * `staticData.name`. Intermediate crumbs link to their page when navigable; the current page is
+ * plain text. Renders nothing when the current route has no named matches. Token-only styling.
+ */
+export declare function Breadcrumbs({ separator }?: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Breadcrumbs/index.cjs

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

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

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

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

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

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

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

package/dist/components/Breadcrumbs/index.js

@@ -0,0 +1,6 @@
+import { B as e, B as s } from "../../Breadcrumbs-Bx5UgwDy.js";
+export {
+  e as Breadcrumbs,
+  s as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Button/Button.d.cts

@@ -0,0 +1,23 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type ButtonVariant = 'contained' | 'filled' | 'outlined' | 'text';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
+    /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */
+    variant?: ButtonVariant;
+    /** Theme palette token that tints the button. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Preset size — drives height (`--tz-control-height-*`), padding and font size. */
+    size?: ButtonSize;
+    /** Shows the loader and blocks interaction (also sets the native `disabled`). The loader replaces the `startIcon` when present, otherwise it trails the label at the end (right) — so a plain button shows the spinner on the right. The text stays visible. */
+    loading?: boolean;
+    /** Stretches the button to fill its container. */
+    fullWidth?: boolean;
+    /** Pill shape (fully rounded corners). */
+    rounded?: boolean;
+    /** Icon before the label. Replaced by the loader while `loading`. */
+    startIcon?: ReactNode;
+    /** Icon after the label. Replaced by the loader while `loading` when no `startIcon` is set. */
+    endIcon?: ReactNode;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,23 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type ButtonVariant = 'contained' | 'filled' | 'outlined' | 'text';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
+    /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */
+    variant?: ButtonVariant;
+    /** Theme palette token that tints the button. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Preset size — drives height (`--tz-control-height-*`), padding and font size. */
+    size?: ButtonSize;
+    /** Shows the loader and blocks interaction (also sets the native `disabled`). The loader replaces the `startIcon` when present, otherwise it trails the label at the end (right) — so a plain button shows the spinner on the right. The text stays visible. */
+    loading?: boolean;
+    /** Stretches the button to fill its container. */
+    fullWidth?: boolean;
+    /** Pill shape (fully rounded corners). */
+    rounded?: boolean;
+    /** Icon before the label. Replaced by the loader while `loading`. */
+    startIcon?: ReactNode;
+    /** Icon after the label. Replaced by the loader while `loading` when no `startIcon` is set. */
+    endIcon?: ReactNode;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/index.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+export { Button, Button as default } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';

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

@@ -0,0 +1,2 @@
+export { Button, Button as default } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';

package/dist/components/Button/index.js

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

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

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

package/dist/components/Card/Card.d.cts

@@ -0,0 +1,37 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import { type IconName } from '../../icons/names';
+export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {
+    /** Header title (left, next to the icon). */
+    title?: ReactNode;
+    /** Secondary muted line shown under the `title` (e.g. a short description). */
+    subtitle?: ReactNode;
+    /** Leading header icon — a known `IconName` or any node. */
+    icon?: IconName | ReactNode;
+    /** Theme color that tints the leading icon box. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Marks the card flat (used by `PageLayout`). Cards are shadowless, so this currently adds no visual difference — it's a styling hook, not a distinct look. */
+    flat?: boolean;
+    /** Header actions, placed at the end of the header row (before the collapse toggle). */
+    actions?: ReactNode;
+    /** Footer content (e.g. actions), pinned to the **right** of the footer row. */
+    footer?: ReactNode;
+    /** Footer content pinned to the **left** of the footer row (opposite `footer`). */
+    footerStart?: ReactNode;
+    /** Adds a collapse/expand toggle to the header that folds the body + footer. */
+    collapsible?: boolean;
+    /** Controlled collapsed state. */
+    collapsed?: boolean;
+    /** Initial collapsed state for uncontrolled use. Defaults to `false`. */
+    defaultCollapsed?: boolean;
+    /** Fires with the next collapsed state when the toggle is clicked. */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Card body. */
+    children?: ReactNode;
+}
+/**
+ * A surface card with an optional header (icon + title + actions), a body, and a footer for actions.
+ * `collapsible` adds a chevron that smoothly folds the body + footer (controlled via `collapsed`/
+ * `onCollapsedChange`, or uncontrolled via `defaultCollapsed`). Token-only styling.
+ */
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,37 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+import { type IconName } from '../../icons/names';
+export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {
+    /** Header title (left, next to the icon). */
+    title?: ReactNode;
+    /** Secondary muted line shown under the `title` (e.g. a short description). */
+    subtitle?: ReactNode;
+    /** Leading header icon — a known `IconName` or any node. */
+    icon?: IconName | ReactNode;
+    /** Theme color that tints the leading icon box. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Marks the card flat (used by `PageLayout`). Cards are shadowless, so this currently adds no visual difference — it's a styling hook, not a distinct look. */
+    flat?: boolean;
+    /** Header actions, placed at the end of the header row (before the collapse toggle). */
+    actions?: ReactNode;
+    /** Footer content (e.g. actions), pinned to the **right** of the footer row. */
+    footer?: ReactNode;
+    /** Footer content pinned to the **left** of the footer row (opposite `footer`). */
+    footerStart?: ReactNode;
+    /** Adds a collapse/expand toggle to the header that folds the body + footer. */
+    collapsible?: boolean;
+    /** Controlled collapsed state. */
+    collapsed?: boolean;
+    /** Initial collapsed state for uncontrolled use. Defaults to `false`. */
+    defaultCollapsed?: boolean;
+    /** Fires with the next collapsed state when the toggle is clicked. */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Card body. */
+    children?: ReactNode;
+}
+/**
+ * A surface card with an optional header (icon + title + actions), a body, and a footer for actions.
+ * `collapsible` adds a chevron that smoothly folds the body + footer (controlled via `collapsed`/
+ * `onCollapsedChange`, or uncontrolled via `defaultCollapsed`). Token-only styling.
+ */
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Card/index.cjs

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

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

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

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

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

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

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

package/dist/components/Card/index.js

@@ -0,0 +1,6 @@
+import { C, C as d } from "../../Card-DzClqJuu.js";
+export {
+  C as Card,
+  d as default
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Checkbox/Checkbox.d.cts

@@ -0,0 +1,29 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type CheckboxSize = 'sm' | 'md' | 'lg';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'color' | 'type' | 'onChange'> {
+    /** Text shown to the right of the box. */
+    label?: ReactNode;
+    /** Theme palette token used for the checked fill. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Preset size — box dimensions and label font. */
+    size?: CheckboxSize;
+    /** Marks the field invalid — reddens the box only (no helper text). */
+    error?: boolean;
+    /** Adds a red asterisk after the label. */
+    required?: boolean;
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Initial checked state for uncontrolled use. Defaults to `false`. */
+    defaultChecked?: boolean;
+    /** Fires with the next checked state. */
+    onChange?: (checked: boolean) => void;
+}
+/**
+ * A checkbox with a label. The native `<input type="checkbox">` is visually hidden but fully
+ * accessible (keyboard + screen reader); a styled box shows the state, filled with `color` and a
+ * CSS checkmark when checked. Controlled (`checked` + `onChange`) or uncontrolled (`defaultChecked`),
+ * and — like the other fields — binds to a surrounding `<Form>` by `name` (its form value is a
+ * `boolean`). `error` reddens the box (no message text). Styling uses `--tz-*` tokens only.
+ */
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,29 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import type { ThemeColor } from '../../theme';
+export type CheckboxSize = 'sm' | 'md' | 'lg';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'color' | 'type' | 'onChange'> {
+    /** Text shown to the right of the box. */
+    label?: ReactNode;
+    /** Theme palette token used for the checked fill. Defaults to `accent`. */
+    color?: ThemeColor;
+    /** Preset size — box dimensions and label font. */
+    size?: CheckboxSize;
+    /** Marks the field invalid — reddens the box only (no helper text). */
+    error?: boolean;
+    /** Adds a red asterisk after the label. */
+    required?: boolean;
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Initial checked state for uncontrolled use. Defaults to `false`. */
+    defaultChecked?: boolean;
+    /** Fires with the next checked state. */
+    onChange?: (checked: boolean) => void;
+}
+/**
+ * A checkbox with a label. The native `<input type="checkbox">` is visually hidden but fully
+ * accessible (keyboard + screen reader); a styled box shows the state, filled with `color` and a
+ * CSS checkmark when checked. Controlled (`checked` + `onChange`) or uncontrolled (`defaultChecked`),
+ * and — like the other fields — binds to a surrounding `<Form>` by `name` (its form value is a
+ * `boolean`). `error` reddens the box (no message text). Styling uses `--tz-*` tokens only.
+ */
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Checkbox/index.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+export { Checkbox, Checkbox as default } from './Checkbox';
+export type { CheckboxProps, CheckboxSize } from './Checkbox';

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

@@ -0,0 +1,2 @@
+export { Checkbox, Checkbox as default } from './Checkbox';
+export type { CheckboxProps, CheckboxSize } from './Checkbox';

package/dist/components/Checkbox/index.js

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

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

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