premium-ds 0.1.0

package/dist/index.js

@@ -0,0 +1,40 @@
+'use client';export { TimeField } from './chunk-34SIXSYL.js';
+export { TabPanel, Tabs } from './chunk-EZ2CWTBE.js';
+export { Dialog } from './chunk-FPP2XLKX.js';
+export { Tooltip, TooltipHost } from './chunk-BXXS7YRC.js';
+export { Alert } from './chunk-H6KWJNOE.js';
+export { Toaster } from './chunk-NKGMQL6I.js';
+export { UIToast, toast } from './chunk-PUPZ4HME.js';
+export { Checkbox } from './chunk-XA3T5KWA.js';
+export { Toggle } from './chunk-5PQMQBQC.js';
+export { RadioGroup } from './chunk-KN7JFAZ6.js';
+export { Select } from './chunk-YVHOAVSM.js';
+export { MultiSelect } from './chunk-UJQKVP6V.js';
+import './chunk-G6OY35DI.js';
+export { DateTimeField } from './chunk-NMFQRGLL.js';
+import './chunk-5DDOOT33.js';
+export { DateField, DtpPanel } from './chunk-CV2Q4YXX.js';
+export { DateRangeField } from './chunk-OUBWD6CX.js';
+import './chunk-UIQGSTBJ.js';
+import './chunk-QNC6O3PG.js';
+export { Overlay } from './chunk-QFS52OK5.js';
+export { Tag, TagGroup } from './chunk-PFNXVBLU.js';
+export { ToggleTag } from './chunk-4AZL76UJ.js';
+export { Table } from './chunk-EIMMDWIW.js';
+export { Pagination } from './chunk-5FVHWIMY.js';
+export { TextField } from './chunk-QUHOXWBK.js';
+import './chunk-VVPGEAC6.js';
+export { NumberField } from './chunk-FGHDG3Y4.js';
+export { OtpField } from './chunk-7OCTVQ7C.js';
+export { Textarea } from './chunk-5K6KRJGX.js';
+import './chunk-KBWNUUWM.js';
+export { Button } from './chunk-HGILYGY3.js';
+export { Collapse } from './chunk-YSHJHSJM.js';
+export { POST_STATUS, StatusBadge } from './chunk-4HSCN5TZ.js';
+export { UIMotion } from './chunk-37O2ZXD6.js';
+export { CountBadge } from './chunk-MEF7PI6U.js';
+export { Badge } from './chunk-2OWHZ4JT.js';
+export { Avatar } from './chunk-I3BCB4Z5.js';
+export { AvatarGroup } from './chunk-7OPMOET7.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/motion-tokens.d.ts

@@ -0,0 +1,29 @@
+import { Transition } from 'motion/react';
+
+type Bezier = [number, number, number, number];
+interface MotionTokens {
+    /** seconds - fast 0.12 - base 0.18 - slow 0.26 */
+    dur: {
+        fast: number;
+        base: number;
+        slow: number;
+    };
+    ease: {
+        standard: Bezier;
+        entrance: Bezier;
+        exit: Bezier;
+        spring: Bezier;
+        glide: Bezier;
+    };
+    /** ready-made Motion transitions */
+    t: {
+        enter: Transition;
+        exit: Transition;
+        layout: Transition;
+        settle: Transition;
+    };
+    reduced: boolean;
+}
+declare const UIMotion: MotionTokens;
+
+export { type Bezier, type MotionTokens, UIMotion, UIMotion as default };

package/dist/motion-tokens.js

@@ -0,0 +1,3 @@
+export { UIMotion, motion_tokens_default as default } from './chunk-37O2ZXD6.js';
+//# sourceMappingURL=motion-tokens.js.map
+//# sourceMappingURL=motion-tokens.js.map

package/dist/motion-tokens.js.map

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

package/dist/multi-select.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { a as SelectOption, S as SelectGroup } from './select-core-SAyS-8w0.js';
+
+interface MultiSelectProps {
+    options: SelectOption[] | SelectGroup[];
+    /** Controlled value. */
+    value?: string[];
+    defaultValue?: string[];
+    /** Fires with the NEXT array and the option that was toggled. */
+    onChange?: (value: string[], toggled: SelectOption) => void;
+    placeholder?: string;
+    size?: 'sm' | 'default' | 'lg';
+    disabled?: boolean;
+    invalid?: boolean;
+    loading?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    /** Your own icon node pinned before the trigger label. */
+    leadingIcon?: React.ReactNode;
+    id?: string;
+    ariaLabel?: string;
+}
+declare function MultiSelect({ options, value: controlledValue, defaultValue, onChange, placeholder, size, disabled, invalid, loading, searchable, searchPlaceholder, leadingIcon, id, ariaLabel, }: MultiSelectProps): React.JSX.Element;
+
+export { MultiSelect, type MultiSelectProps };

package/dist/multi-select.js

@@ -0,0 +1,7 @@
+'use client';export { MultiSelect } from './chunk-UJQKVP6V.js';
+import './chunk-G6OY35DI.js';
+import './chunk-VVPGEAC6.js';
+import './chunk-KBWNUUWM.js';
+import './chunk-37O2ZXD6.js';
+//# sourceMappingURL=multi-select.js.map
+//# sourceMappingURL=multi-select.js.map

package/dist/multi-select.js.map

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

package/dist/number-field.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+interface NumberFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'onChange' | 'min' | 'max' | 'step'> {
+    id?: string;
+    label?: ReactNode;
+    helper?: ReactNode;
+    /** Error message + error state. */
+    error?: ReactNode;
+    /** Unit suffix shown inside the field (e.g. "days", "%"). */
+    unit?: string;
+    /** Bounds + step. Steppers disable at min/max; value clamps on blur. */
+    min?: number;
+    max?: number;
+    step?: number;
+    /** Controlled numeric value. */
+    value?: number | string;
+    /** Called with the next clamped number. */
+    onChange?: (value: number) => void;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function NumberField({ id, label, helper, error, unit, min, max, step, value, onChange, size, className, ...rest }: NumberFieldProps): React.JSX.Element;
+
+export { NumberField, type NumberFieldProps };

package/dist/number-field.js

@@ -0,0 +1,4 @@
+'use client';export { NumberField } from './chunk-FGHDG3Y4.js';
+import './chunk-KBWNUUWM.js';
+//# sourceMappingURL=number-field.js.map
+//# sourceMappingURL=number-field.js.map

package/dist/number-field.js.map

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

package/dist/otp-field.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface OtpFieldProps {
+    /** Number of slots. @default 6 */
+    length?: number;
+    /** Controlled value (digit string). */
+    value?: string;
+    /** Called with the next value string. */
+    onChange?: (value: string) => void;
+    /** Insert a separator every N slots (e.g. 3 - "-------"). */
+    group?: number;
+    /** Error state (red slots + ring). */
+    error?: boolean;
+    disabled?: boolean;
+    size?: 'sm';
+    className?: string;
+}
+declare function OtpField({ length, value, onChange, group, error, disabled, size, className, }: OtpFieldProps): React.JSX.Element;
+
+export { OtpField, type OtpFieldProps };

package/dist/otp-field.js

@@ -0,0 +1,3 @@
+'use client';export { OtpField } from './chunk-7OCTVQ7C.js';
+//# sourceMappingURL=otp-field.js.map
+//# sourceMappingURL=otp-field.js.map

package/dist/otp-field.js.map

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

package/dist/overlay.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+interface OverlayProps {
+    /** Skin + modality. Default 'popover'. */
+    mode?: 'popover' | 'dialog' | 'sheet';
+    /** Controlled open state. Omit to stay uncontrolled. */
+    open?: boolean;
+    /** Initial state when uncontrolled. Default false. */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Cloned to toggle (popover) / open (modal); required as the popover anchor. */
+    trigger?: React.ReactElement | null;
+    /** Popover side (default 'bottom', flips) / sheet edge (default 'right'). */
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    /** Popover only - cross-axis alignment. Default 'start'. */
+    align?: 'start' | 'center' | 'end';
+    /** Popover only - caret tracking the trigger center. */
+    arrow?: boolean;
+    /** Light/scrim + Esc dismissal (sheet adds drag-to-edge). Default true. */
+    dismissible?: boolean;
+    /** Render no wrapper - your DOM-element child becomes the panel. Default false. */
+    asChild?: boolean;
+    id?: string;
+    /** The ENTIRE surface - paint AND semantics. Function form receives { close }. */
+    children: React.ReactNode | ((api: {
+        close: () => void;
+    }) => React.ReactNode);
+}
+declare function Overlay({ mode, open: controlledOpen, defaultOpen, onOpenChange, trigger, side, align, arrow, dismissible, asChild, id, children, }: OverlayProps): React.JSX.Element;
+
+export { Overlay, type OverlayProps };

package/dist/overlay.js

@@ -0,0 +1,4 @@
+'use client';export { Overlay } from './chunk-QFS52OK5.js';
+import './chunk-37O2ZXD6.js';
+//# sourceMappingURL=overlay.js.map
+//# sourceMappingURL=overlay.js.map

package/dist/overlay.js.map

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

package/dist/pagination.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+interface PaginationProps {
+    /** Accessible name for the nav landmark - name the list ("Posts"), not "pagination". @default 'Pagination' */
+    label?: string;
+    /** Items currently shown, 1-based inclusive: `[from, to]` (e.g. `[26, 50]`). */
+    range: [number, number];
+    /** Total item count - render `of N` only when the API reports one; omit for endless lists. */
+    total?: number | null;
+    /** A previous cursor exists. @default false */
+    hasPrev?: boolean;
+    /** A next cursor exists. @default false */
+    hasNext?: boolean;
+    /** Fired when the previous arrow is pressed. */
+    onPrev?: () => void;
+    /** Fired when the next arrow is pressed. */
+    onNext?: () => void;
+    /** A page fetch is in flight: both arrows go inert, the clicked arrow carries the spinner. @default false */
+    loading?: boolean;
+    className?: string;
+}
+declare function Pagination({ label, range, total, hasPrev, hasNext, onPrev, onNext, loading, className, }: PaginationProps): React.JSX.Element;
+
+export { Pagination, type PaginationProps };

package/dist/pagination.js

@@ -0,0 +1,5 @@
+'use client';export { Pagination } from './chunk-5FVHWIMY.js';
+import './chunk-KBWNUUWM.js';
+import './chunk-37O2ZXD6.js';
+//# sourceMappingURL=pagination.js.map
+//# sourceMappingURL=pagination.js.map

package/dist/pagination.js.map

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

package/dist/radio-group.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+
+interface RadioOption {
+    /** The stored value - what `onChange` returns and `value` matches. */
+    value: string;
+    /** Visible label (sentence case). */
+    label: React.ReactNode;
+    /** Optional secondary line (muted) explaining the choice. */
+    description?: React.ReactNode;
+    /** Leading icon - your own node. CARDS only; ignored for rows. */
+    icon?: React.ReactNode;
+    /** Disable just this option. */
+    disabled?: boolean;
+}
+interface RadioGroupProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
+    /** Shared radio name - ties the options into one keyboard group. Required. */
+    name: string;
+    /** The selected value (controlled). */
+    value?: string;
+    /** Called with the chosen option's `value`. */
+    onChange?: (value: string) => void;
+    /** Group label / legend (sentence case). */
+    label?: React.ReactNode;
+    /** Persistent context shown under the legend, before the options. */
+    helper?: React.ReactNode;
+    /** Group-level error (e.g. required). Sets the error state + reveals the message. */
+    error?: React.ReactNode;
+    /** Show a danger `*` after the label. */
+    required?: boolean;
+    /** Show a muted "(optional)" after the label. */
+    optional?: boolean;
+    /** Skin: quiet rows (default) or selectable cards. */
+    variant?: 'rows' | 'cards';
+    /** Lay options out in a line instead of a stack. */
+    orientation?: 'vertical' | 'horizontal';
+    /** Control size: sm (dot 16) - md (default, dot 18). */
+    size?: 'sm' | 'md';
+    /** Disable the whole group. */
+    disabled?: boolean;
+    /** The options to choose between. */
+    options: RadioOption[];
+    className?: string;
+}
+declare function RadioGroup({ name, value, onChange, label, helper, error, required, optional, variant, orientation, size, disabled, options, className, ...rest }: RadioGroupProps): React.JSX.Element;
+
+export { RadioGroup, type RadioGroupProps, type RadioOption };

package/dist/radio-group.js

@@ -0,0 +1,6 @@
+'use client';export { RadioGroup } from './chunk-KN7JFAZ6.js';
+import './chunk-VVPGEAC6.js';
+import './chunk-KBWNUUWM.js';
+import './chunk-37O2ZXD6.js';
+//# sourceMappingURL=radio-group.js.map
+//# sourceMappingURL=radio-group.js.map

package/dist/radio-group.js.map

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

package/dist/select-core-SAyS-8w0.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface SelectOption {
+    value: string;
+    label: string;
+    description?: string;
+    /** Your own icon node shown before the label. */
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+interface SelectGroup {
+    label?: string;
+    options: SelectOption[];
+}
+
+export type { SelectGroup as S, SelectOption as a };

package/dist/select.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { a as SelectOption, S as SelectGroup } from './select-core-SAyS-8w0.js';
+
+interface SelectProps {
+    options: SelectOption[] | SelectGroup[];
+    /** Controlled value. */
+    value?: string | null;
+    defaultValue?: string | null;
+    onChange?: (value: string, option: SelectOption) => void;
+    placeholder?: string;
+    size?: 'sm' | 'default' | 'lg';
+    disabled?: boolean;
+    /** Danger ring + border. */
+    invalid?: boolean;
+    /** Skeleton rows in the menu; trigger reads "Loading...". */
+    loading?: boolean;
+    /** Type-to-filter field pinned above the list. */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    /** Your own icon node pinned before the trigger label; else the selected option's icon. */
+    leadingIcon?: React.ReactNode;
+    id?: string;
+    ariaLabel?: string;
+}
+declare function Select({ options, value: controlledValue, defaultValue, onChange, placeholder, size, disabled, invalid, loading, searchable, searchPlaceholder, leadingIcon, id, ariaLabel, }: SelectProps): React.JSX.Element;
+
+export { Select, type SelectProps };

package/dist/select.js

@@ -0,0 +1,7 @@
+'use client';export { Select } from './chunk-YVHOAVSM.js';
+import './chunk-G6OY35DI.js';
+import './chunk-VVPGEAC6.js';
+import './chunk-KBWNUUWM.js';
+import './chunk-37O2ZXD6.js';
+//# sourceMappingURL=select.js.map
+//# sourceMappingURL=select.js.map

package/dist/select.js.map

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

package/dist/status-badge.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { BadgeProps } from './badge.js';
+
+type PostStatus = 'draft' | 'scheduled' | 'processing' | 'published' | 'failed';
+declare const POST_STATUS: Record<PostStatus, {
+    tone: BadgeProps['tone'];
+    label: string;
+    live?: boolean;
+}>;
+interface StatusBadgeProps extends Omit<BadgeProps, 'children' | 'tone'> {
+    status: PostStatus;
+    /** Morph in place as `status` changes instead of swapping. */
+    morph?: boolean;
+}
+declare function StatusBadge({ status, morph, ...rest }: StatusBadgeProps): React.JSX.Element;
+
+export { POST_STATUS, type PostStatus, StatusBadge, type StatusBadgeProps };

package/dist/status-badge.js

@@ -0,0 +1,5 @@
+'use client';export { POST_STATUS, StatusBadge } from './chunk-4HSCN5TZ.js';
+import './chunk-37O2ZXD6.js';
+import './chunk-2OWHZ4JT.js';
+//# sourceMappingURL=status-badge.js.map
+//# sourceMappingURL=status-badge.js.map

package/dist/status-badge.js.map

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

package/dist/table.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+
+type TableAlign = 'start' | 'end' | 'center';
+type TableHideBelow = 'sm' | 'md';
+interface TableColumn<Row = any> {
+    /** Unique column id; also the default data accessor (row[key]). */
+    key: string;
+    label?: React.ReactNode;
+    /** Cell + header alignment. Default 'start'. */
+    align?: TableAlign;
+    /** Mono + tabular numerals (timestamps, counts, IDs - section E). */
+    mono?: boolean;
+    /** Identity emphasis: strong text, medium weight. */
+    strong?: boolean;
+    /** The one greedy column - absorbs slack width. Others size to content. */
+    grow?: boolean;
+    /** Header becomes a sort control. Sort is local; asc - desc, no third state. */
+    sortable?: boolean;
+    /** Sort accessor: a row property name, or a function. Defaults to row[key]. */
+    sortBy?: string | ((row: Row) => unknown);
+    /** Collapse this column below a container breakpoint (30rem / 42rem). */
+    hideBelow?: TableHideBelow;
+    /** Custom cell renderer. Defaults to row[key]. */
+    render?: (row: Row) => React.ReactNode;
+}
+interface TableSort {
+    key: string;
+    dir: 'asc' | 'desc';
+}
+interface TableProps<Row = any> {
+    columns: TableColumn<Row>[];
+    rows: Row[];
+    /** Row identity property. Default 'id'. Must be unique and stable. */
+    rowKey?: string;
+    /** aria-label for the <table>. */
+    label?: string;
+    /** Checkbox column + bulk bar. Selection is a Set of row keys, owned here. */
+    selectable?: boolean;
+    onSelectionChange?: (keys: Array<string | number>) => void;
+    /** Rendered in the bulk bar between the count and the built-in Clear. */
+    bulkActions?: (keys: Array<string | number>, clear: () => void) => React.ReactNode;
+    /** Per-row checkbox aria-label. Default 'Select row'. */
+    selectionLabel?: (row: Row) => string;
+    /** Initial sort; sorting stays local and uncontrolled after that. */
+    defaultSort?: TableSort | null;
+    /** Notification only - fires after the local sort updates. */
+    onSortChange?: (sort: TableSort) => void;
+    /** Row rhythm. Default 'cozy' (46px rows); 'compact' is 38px. */
+    density?: 'cozy' | 'compact';
+    /** Pin checkbox + first column under horizontal overflow. Default true. */
+    pinFirst?: boolean;
+    /** Rows recede and go inert (list-fetch convention). */
+    loading?: boolean;
+    /** Shown when rows is empty and not loading. Default 'Nothing to show'. */
+    empty?: React.ReactNode;
+    /** Footer strip - pagination, summaries. */
+    footer?: React.ReactNode;
+    /** Makes rows clickable (checkbox cell excluded). */
+    onRowClick?: (row: Row) => void;
+    /** Size the table here - the internal scroller absorbs the constraint. */
+    className?: string;
+}
+declare function Table<Row = any>({ columns, rows, rowKey, label, selectable, onSelectionChange, bulkActions, selectionLabel, defaultSort, onSortChange, density, pinFirst, loading, empty, footer, onRowClick, className, }: TableProps<Row>): React.JSX.Element;
+
+export { Table, type TableAlign, type TableColumn, type TableHideBelow, type TableProps, type TableSort };

package/dist/table.js

@@ -0,0 +1,5 @@
+'use client';export { Table } from './chunk-EIMMDWIW.js';
+import './chunk-KBWNUUWM.js';
+import './chunk-37O2ZXD6.js';
+//# sourceMappingURL=table.js.map
+//# sourceMappingURL=table.js.map

package/dist/table.js.map

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

package/dist/tabs.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+
+/** One tab in the row. */
+interface TabItem {
+    /** Stable identity - also used in the tab/panel id pair. */
+    value: string;
+    label: React.ReactNode;
+    /** Leading icon - your own node. */
+    icon?: React.ReactNode;
+    /** Rendered mono + tabular. Pass a number or a preformatted string. */
+    count?: number | string;
+    disabled?: boolean;
+}
+interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    items: TabItem[];
+    /** Controlled - the value of the active tab (null/undefined hides the ink). */
+    value: string | null | undefined;
+    /**
+     * Fires on click and on arrow-key travel (automatic activation).
+     * `dir` is the direction of travel (+1 right / -1 left) - hand it to
+     * TabPanel so content enters from the side the user moved toward.
+     */
+    onChange?: (value: string, dir: 1 | -1) => void;
+    /**
+     * Shared id prefix wiring tab and panel aria. Give Tabs and its TabPanel the
+     * same `name`; omit it when the tabs have no managed panel.
+     */
+    name?: string;
+    /** aria-label for the tablist (e.g. "Section views"). */
+    label?: string;
+}
+declare function Tabs({ items, value, onChange, name, label, className, ...rest }: TabsProps): React.JSX.Element;
+interface TabPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'dir'> {
+    /** The active tab's value - changing it cuts to the new content. */
+    tab: string;
+    /** Same `name` as the paired Tabs - wires role/id/aria-labelledby. */
+    name?: string;
+    /** Direction of travel from Tabs' onChange; 0 = plain fade. */
+    dir?: -1 | 0 | 1;
+    children?: React.ReactNode;
+}
+declare function TabPanel({ tab, name, dir, className, children, ...rest }: TabPanelProps): React.JSX.Element;
+
+export { type TabItem, TabPanel, type TabPanelProps, Tabs, type TabsProps };

package/dist/tabs.js

@@ -0,0 +1,5 @@
+'use client';export { TabPanel, Tabs } from './chunk-EZ2CWTBE.js';
+import './chunk-VVPGEAC6.js';
+import './chunk-37O2ZXD6.js';
+//# sourceMappingURL=tabs.js.map
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

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

package/dist/tag.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+/** Tag - the removable, editable label (stateless; the parent owns the list). */
+interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** The label. */
+    children: React.ReactNode;
+    /** Your own icon node, sized small and tinted to the tag's text. */
+    icon?: React.ReactNode | null;
+    /** Presence adds the remove button; called on click - remove the item yourself. */
+    onRemove?: (() => void) | null;
+    /** Accessible label for the remove button. Defaults to "Remove {label}" for string labels. */
+    removeLabel?: string;
+    /** 'md' = 28px (default) - 'sm' = 24px for dense rows. */
+    size?: 'md' | 'sm';
+    disabled?: boolean;
+    className?: string;
+}
+/** TagGroup - wrapping flex row + removal/insertion choreography. */
+interface TagGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Accessible name for the group (role="group"). */
+    label?: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function Tag(props: TagProps): React.JSX.Element;
+declare function TagGroup(props: TagGroupProps): React.JSX.Element;
+
+export { Tag, TagGroup, type TagGroupProps, type TagProps };

package/dist/tag.js

@@ -0,0 +1,5 @@
+'use client';export { Tag, TagGroup } from './chunk-PFNXVBLU.js';
+import './chunk-VVPGEAC6.js';
+import './chunk-37O2ZXD6.js';
+//# sourceMappingURL=tag.js.map
+//# sourceMappingURL=tag.js.map

package/dist/tag.js.map

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

package/dist/text-field.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Field id, ties the label to the input. */
+    id?: string;
+    /** Label text (sentence case). */
+    label?: ReactNode;
+    /** Show a danger `*` after the label. */
+    required?: boolean;
+    /** Show a muted "(optional)" after the label. */
+    optional?: boolean;
+    /** Neutral helper text - shown when there's no validation message. */
+    helper?: ReactNode;
+    /** Error message - sets the error state (red border/ring + icon). Wins over warning/success/helper. */
+    error?: ReactNode;
+    /** Warning message - amber state. */
+    warning?: ReactNode;
+    /** Success message - green state. */
+    success?: ReactNode;
+    /** Leading icon - your own icon node (sized to the control). Decorative. */
+    leadingIcon?: ReactNode;
+    /** Show a clear button when there's a value. */
+    clearable?: boolean;
+    /** Control height: sm 28 - md 36 (default) - lg 40. */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function TextField({ id, label, required, optional, placeholder, helper, error, warning, success, leadingIcon, clearable, size, value, onChange, disabled, readOnly, type, className, ...rest }: TextFieldProps): React.JSX.Element;
+
+export { TextField, type TextFieldProps };

package/dist/text-field.js

@@ -0,0 +1,6 @@
+'use client';export { TextField } from './chunk-QUHOXWBK.js';
+import './chunk-VVPGEAC6.js';
+import './chunk-KBWNUUWM.js';
+import './chunk-YSHJHSJM.js';
+//# sourceMappingURL=text-field.js.map
+//# sourceMappingURL=text-field.js.map

package/dist/text-field.js.map

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