premium-ds 0.1.0

package/dist/textarea.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'rows' | 'onSubmit'> {
+    id?: string;
+    /** Label text (sentence case). */
+    label?: React.ReactNode;
+    required?: boolean;
+    optional?: boolean;
+    /** Neutral helper - shown when there's no validation message. */
+    helper?: React.ReactNode;
+    /** Sets the matching state (border + icon + colour). error wins over warning/success/helper. */
+    error?: React.ReactNode;
+    warning?: React.ReactNode;
+    success?: React.ReactNode;
+    value?: string;
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** Fired on ⌘/Ctrl+Enter with the current text. */
+    onSubmit?: (value: string) => void;
+    /** Soft char limit: shows the meter + over-limit highlight. Does NOT truncate (use native maxLength for a hard stop). */
+    max?: number;
+    /** Visible rows before growing (default 3) and the cap before it scrolls (default 10). */
+    minRows?: number;
+    maxRows?: number;
+    /** Remaining-chars threshold that flips the meter amber. Default 20. */
+    warnAt?: number;
+    /** Footer hint, left of the meter - e.g. a ⌘↵ affordance. */
+    hint?: React.ReactNode;
+    /** md (default) - lg (prominent composer). */
+    size?: 'md' | 'lg';
+}
+declare function Textarea({ id, label, required, optional, placeholder, helper, error, warning, success, value, onChange, onSubmit, max, minRows, maxRows, warnAt, hint, size, disabled, readOnly, className, ...rest }: TextareaProps): React.JSX.Element;
+
+export { Textarea, type TextareaProps };

package/dist/textarea.js

@@ -0,0 +1,5 @@
+'use client';export { Textarea } from './chunk-5K6KRJGX.js';
+import './chunk-KBWNUUWM.js';
+import './chunk-YSHJHSJM.js';
+//# sourceMappingURL=textarea.js.map
+//# sourceMappingURL=textarea.js.map

package/dist/textarea.js.map

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

package/dist/time-field.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+interface TimeFieldProps {
+    /** Controlled value, canonical 'HH:mm' (24h). */
+    value?: string | null;
+    defaultValue?: string | null;
+    /** Fires live - the instant both segments exist. */
+    onChange?: (value: string) => void;
+    label?: string;
+    /** Display only; storage stays 24h. Default '24h'. */
+    format?: '24h' | '12h';
+    /** ↑/↓ step granularity in minutes (typing is exact). Default 5. */
+    minuteStep?: number;
+    /** Lower bound 'HH:mm' - saturates, never errors. */
+    min?: string;
+    /** Upper bound 'HH:mm' - saturates, never errors. */
+    max?: string;
+    required?: boolean;
+    invalid?: boolean;
+    message?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function TimeField({ value, // controlled: 'HH:mm' | null
+defaultValue, onChange, label, format, minuteStep, min, max, required, invalid, message, disabled, className, }: TimeFieldProps): React.JSX.Element;
+
+export { TimeField, type TimeFieldProps };

package/dist/time-field.js

@@ -0,0 +1,6 @@
+'use client';export { TimeField } from './chunk-34SIXSYL.js';
+import './chunk-5DDOOT33.js';
+import './chunk-QNC6O3PG.js';
+import './chunk-KBWNUUWM.js';
+//# sourceMappingURL=time-field.js.map
+//# sourceMappingURL=time-field.js.map

package/dist/time-field.js.map

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

package/dist/toast-store.d.ts

@@ -0,0 +1,75 @@
+type ToastTone = 'default' | 'success' | 'error' | 'warning' | 'info' | 'loading' | 'custom';
+interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+interface ToastOptions {
+    id?: string | number;
+    duration?: number;
+    description?: string | null;
+    action?: ToastAction | null;
+}
+interface ToastRecord {
+    id: string;
+    tone: ToastTone;
+    message: string | null;
+    description: string | null;
+    action: ToastAction | null;
+    duration: number;
+    remaining: number;
+    count: number;
+    timerKey: number;
+    node: unknown;
+    dismissible: boolean;
+    expiresAt?: number;
+}
+interface ToastSnapshot {
+    toasts: ToastRecord[];
+    paused: boolean;
+    expanded: boolean;
+}
+interface ToastStore {
+    toasts: ToastRecord[];
+    paused: boolean;
+    expanded: boolean;
+    host: null | (() => void);
+    snap: ToastSnapshot;
+    listeners: Set<() => void>;
+    subscribe(l: () => void): () => void;
+    get(): ToastSnapshot;
+    emit(): void;
+    add(t: ToastRecord): string;
+    update(id: string, patch: Partial<ToastRecord>): string;
+    dismiss(id?: string | null): void;
+    schedule(t: ToastRecord): void;
+    pause(): void;
+    resume(): void;
+    setExpanded(v: boolean): void;
+}
+type PromiseMsg<V> = string | ((v: V) => string);
+interface ToastPromiseMsgs<T> {
+    loading?: string;
+    success?: PromiseMsg<T>;
+    error?: PromiseMsg<unknown>;
+}
+interface ToastApi {
+    (message: string, opts?: ToastOptions): string;
+    success(m: string, o?: ToastOptions): string;
+    error(m: string, o?: ToastOptions): string;
+    warning(m: string, o?: ToastOptions): string;
+    info(m: string, o?: ToastOptions): string;
+    loading(m: string, o?: ToastOptions): string;
+    dismiss(id?: string | null): void;
+    update(id: string, patch?: Partial<ToastRecord>): string;
+    promise<T>(promise: Promise<T>, msgs?: ToastPromiseMsgs<T>): Promise<T>;
+    custom(node: unknown, opts?: {
+        id?: string | number;
+        duration?: number;
+        dismissible?: boolean;
+    }): string;
+}
+declare const toast: ToastApi;
+
+declare const UIToast: ToastStore;
+
+export { type ToastAction, type ToastApi, type ToastOptions, type ToastPromiseMsgs, type ToastRecord, type ToastSnapshot, type ToastTone, UIToast, toast };

package/dist/toast-store.js

@@ -0,0 +1,3 @@
+export { UIToast, toast } from './chunk-PUPZ4HME.js';
+//# sourceMappingURL=toast-store.js.map
+//# sourceMappingURL=toast-store.js.map

package/dist/toast-store.js.map

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

package/dist/toast.d.ts

@@ -0,0 +1,3 @@
+declare function Toaster(): null;
+
+export { Toaster };

package/dist/toast.js

@@ -0,0 +1,6 @@
+'use client';export { Toaster } from './chunk-NKGMQL6I.js';
+import './chunk-PUPZ4HME.js';
+import './chunk-KBWNUUWM.js';
+import './chunk-37O2ZXD6.js';
+//# sourceMappingURL=toast.js.map
+//# sourceMappingURL=toast.js.map

package/dist/toast.js.map

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

package/dist/toggle-tag.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+/** ToggleTag - the on/off filter chip (<button aria-pressed>). */
+interface ToggleTagProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'children'> {
+    /** The label. */
+    children: React.ReactNode;
+    /** Controlled selected value. Omit for uncontrolled. */
+    selected?: boolean;
+    /** Uncontrolled initial value. */
+    defaultSelected?: boolean;
+    /** Fires with the next value on every toggle. */
+    onChange?: (selected: boolean) => void;
+    /** Your own icon node; replaces the tick. Selected state reads from the wash. */
+    icon?: React.ReactNode | null;
+    /** Optional result count - rendered mono/tabular. */
+    count?: React.ReactNode;
+    /** 'md' = 28px (default) - 'sm' = 24px for dense rows. */
+    size?: 'md' | 'sm';
+    disabled?: boolean;
+    className?: string;
+}
+declare function ToggleTag(props: ToggleTagProps): React.JSX.Element;
+
+export { ToggleTag, type ToggleTagProps };

package/dist/toggle-tag.js

@@ -0,0 +1,4 @@
+'use client';export { ToggleTag } from './chunk-4AZL76UJ.js';
+import './chunk-VVPGEAC6.js';
+//# sourceMappingURL=toggle-tag.js.map
+//# sourceMappingURL=toggle-tag.js.map

package/dist/toggle-tag.js.map

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

package/dist/toggle.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Controlled checked state. Omit for uncontrolled (use `defaultChecked`). */
+    checked?: boolean;
+    /** Uncontrolled initial state. */
+    defaultChecked?: boolean;
+    /** Disabled - inert and de-emphasized (faded track, retains its position). */
+    disabled?: boolean;
+    /** Track size: `md` 36x20 - `sm` 28x16 for dense settings/table rows. @default 'md' */
+    size?: 'sm' | 'md';
+    /** Label text beside the track. */
+    label?: React.ReactNode;
+    /** Optional secondary line under the label (settings rows). */
+    description?: React.ReactNode;
+    /** Fires on flip - read `e.target.checked`. */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}
+declare function Toggle({ checked, defaultChecked, disabled, size, label, description, className, onChange, ...rest }: ToggleProps): React.JSX.Element;
+
+export { Toggle, type ToggleProps };

package/dist/toggle.js

@@ -0,0 +1,3 @@
+'use client';export { Toggle } from './chunk-5PQMQBQC.js';
+//# sourceMappingURL=toggle.js.map
+//# sourceMappingURL=toggle.js.map

package/dist/toggle.js.map

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

package/dist/tooltip.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { ReactNode, ReactElement } from 'react';
+
+type Placement = 'top' | 'bottom' | 'left' | 'right';
+declare function TooltipHost(): React.ReactPortal;
+interface TooltipProps {
+    /** The hint - a string or small node; never interactive content. */
+    content: ReactNode;
+    /** Optional keyboard hint, rendered as mono metadata ("⌘↩", "S"). */
+    shortcut?: string | null;
+    /** Preferred side; flips automatically when out of viewport room. */
+    placement?: Placement;
+    /** Suppress the tooltip entirely (trigger renders untouched). */
+    disabled?: boolean;
+    /** ms before a cold hover shows; warm hovers + focus are instant. Default 350. */
+    openDelay?: number;
+    /** ms the bubble lingers after leaving (bridges moving to a neighbour). Default 140. */
+    closeDelay?: number;
+    /** Skip the wrapper - clone the child and merge handlers + ref onto it (child must take a ref). Default false. */
+    asChild?: boolean;
+    id?: string;
+    /** Exactly one element; any element works by default, asChild requires one that accepts a ref. */
+    children: ReactElement;
+}
+declare function Tooltip({ content, shortcut, placement, disabled, openDelay, closeDelay, asChild, id, children, }: TooltipProps): React.JSX.Element;
+
+export { Tooltip, TooltipHost, type TooltipProps };

package/dist/tooltip.js

@@ -0,0 +1,4 @@
+'use client';export { Tooltip, TooltipHost } from './chunk-BXXS7YRC.js';
+import './chunk-37O2ZXD6.js';
+//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

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

package/llms.txt

@@ -0,0 +1,165 @@
+# premium-ds - LLM usage guide
+
+Premium React 19 design system, shipped as built ESM + types. This is a compact per-component
+index; full prop types (with docs) live in node_modules/premium-ds/dist/*.d.ts.
+
+Setup:
+  import { Button, toast } from 'premium-ds';   // barrel - or a subpath: premium-ds/button
+  import 'premium-ds/styles.css';               // link ONCE at the app root
+Peers: react, react-dom, motion. (The curated Phosphor glyphs used internally are bundled in - not a peer.)
+No bundler/transpile config - built ESM keeps 'use client' intact for the Next.js App Router.
+
+Conventions:
+- Sentence case everywhere; no emoji or exclamation marks in UI. One primary <Button> per view.
+- Numbers, times, IDs, status read mono + tabular. Status words: Scheduled, Draft, Published, Failed.
+- Status hues (info/success/warning/danger) only for genuine status; hierarchy from the neutral ramp.
+- Icons: premium-ds renders its own glyphs from a bundled curated Phosphor set, but does NOT
+  export an Icon component. Where an example below shows <Icon name="..." />, that is YOUR OWN icon
+  node - any ReactNode you pass into the prop (e.g. an @phosphor-icons/react element).
+
+Every named export is also a subpath: premium-ds/<kebab-name> (e.g. premium-ds/status-badge).
+
+============================================================ PRIMITIVES
+
+Button - premium-ds/button
+  One control for every click; exactly one primary per view. variant primary|secondary|ghost|danger|link, size sm|md|lg, iconLeft/iconRight (ReactNode), loading, disabled.
+  <Button variant="primary" iconLeft={<Icon name="plus" size="sm" />}>Schedule post</Button>
+
+Collapse - premium-ds/collapse
+  Layout-transition primitive; eases height open/closed, never teleports.
+  <Collapse open={open}><div>...revealed content...</div></Collapse>
+
+Badge - premium-ds/badge
+  Glass or outline chip. tone neutral|info|success|warning|danger, dot, live, variant="outline", pill, size="sm".
+  <Badge tone="success" pill>Published</Badge>
+
+StatusBadge - premium-ds/status-badge
+  Canonical post status - tone + one-word label. status draft|scheduled|processing|published|failed; add `morph` to animate in place as status changes.
+  <StatusBadge status="published" />
+  <StatusBadge status={s} morph />
+
+CountBadge - premium-ds/count-badge
+  Mono tabular count; `roll` animates digits like an odometer. value: number | string.
+  <CountBadge value="7 / 10" />
+  <CountBadge value={count} roll tone="info" />
+
+============================================================ FORMS
+(all take label, helper/error/warning/success, size sm|md|lg, disabled)
+
+TextField - premium-ds/text-field
+  Base text input; states disclose via Collapse. leadingIcon, clearable, optional/required.
+  <TextField id="ws" label="Workspace name" required value={v} onChange={(e) => set(e.target.value)} />
+  <TextField id="h" label="Username" error="Must be at least 4 characters." value={v} onChange={...} />
+
+NumberField - premium-ds/number-field
+  Tabular figures, caret steppers, unit suffix, clamp to [min,max]. onChange(value: number).
+  <NumberField id="seats" label="Seats" unit="users" min={1} max={50} value={n} onChange={setN} />
+
+OtpField - premium-ds/otp-field
+  Segmented one-time code; auto-advance, paste-to-fill. length, group, error, size.
+  <OtpField length={6} group={3} value={code} onChange={setCode} />
+
+Textarea - premium-ds/textarea
+  Auto-grow, char meter (max), ⌘/Ctrl+↵ submit (onSubmit). minRows/maxRows.
+  <Textarea id="bio" label="Bio" max={280} minRows={4} value={v} onChange={(e) => set(e.target.value)} onSubmit={save} />
+
+Checkbox - premium-ds/checkbox
+  Stages a choice. label, description, indeterminate, invalid, required, disabled. Standard checked/onChange.
+  <Checkbox label="Email me about product updates" checked={on} onChange={(e) => set(e.target.checked)} />
+
+Toggle - premium-ds/toggle
+  Actuates a setting on the spot. label, description; checked/onChange like a checkbox.
+  <Toggle label="Auto-save drafts" checked={on} onChange={(e) => set(e.target.checked)} />
+
+RadioGroup - premium-ds/radio-group
+  Pick exactly one. options: RadioOption[] ({ value, label, description?, icon?, disabled? }); variant rows|cards, orientation; value/onChange(value).
+  <RadioGroup name="role" label="Member role" value={role} onChange={setRole} options={ROLES} />
+
+Select - premium-ds/select
+  Single-select listbox. options: SelectOption[]; value: string|null, onChange(value); searchable, leadingIcon, placeholder, invalid, loading, ariaLabel.
+  <Select options={TIMEZONES} value={tz} onChange={setTz} searchable placeholder="Choose a time zone" ariaLabel="Time zone" />
+
+MultiSelect - premium-ds/multi-select
+  Many-of listbox; stays open while toggling, trigger summarises as first +N. value: string[], onChange(string[]); searchable.
+  <MultiSelect options={PEOPLE} value={ids} onChange={setIds} placeholder="Choose members" ariaLabel="Members" />
+
+============================================================ DATA DISPLAY
+
+Avatar - premium-ds/avatar
+  Identity mark: image, initials, or silhouette. name, src, size xs|sm|md|lg|xl, status online|away|busy|offline, shape, paletteIndex, icon.
+  <Avatar name="Ana Ng" src="..." status="online" />
+
+AvatarGroup - premium-ds/avatar-group
+  Overlapping avatars with +N overflow. max, size; children are <Avatar>s.
+  <AvatarGroup max={4} size="sm"><Avatar name="Ana Ng" />...</AvatarGroup>
+
+Tag / TagGroup - premium-ds/tag
+  User-owned label (a control, not a status). icon, size, disabled, onRemove + removeLabel (removable). TagGroup wraps a labelled set.
+  <Tag icon={<Icon name="hash" />} onRemove={fn} removeLabel="Remove design">design</Tag>
+
+ToggleTag - premium-ds/toggle-tag
+  Many-of-many filter chip. selected/onChange(next) or defaultSelected; icon, count.
+  <ToggleTag selected={on} onChange={setOn} icon={<Icon name="star" />} count={48}>Starred</ToggleTag>
+
+Table - premium-ds/table
+  Declare columns + rows; owns sort, selection, stickiness, overflow. columns: TableColumn<T>[] ({ key, label, render?, sortable?, sortBy?, align?, mono?, strong?, grow? }); selectable, defaultSort, footer.
+  <Table<Invoice> label="Invoices" columns={COLUMNS} rows={INVOICES} selectable defaultSort={{ key: 'amount', dir: 'desc' }} />
+
+Pagination - premium-ds/pagination
+  Cursor strip: mono range readout + prev/next pair. range: [from,to], total?, hasPrev/hasNext, onPrev/onNext.
+  <Pagination label="Rows" range={[from, to]} total={312} hasPrev hasNext onPrev={...} onNext={...} />
+
+============================================================ DATE, TIME & TABS
+(value is a string; onChange(value | null); timezone, min/max, disabled)
+
+DateField - premium-ds/date-field
+  Month calendar in a popover; value 'YYYY-MM-DD'.
+  <DateField label="Start date" value={d} onChange={setD} timezone="Europe/Riga" min="2026-06-01" />
+
+DateTimeField - premium-ds/datetime-field
+  Calendar + segmented HH:MM; value 'YYYY-MM-DDTHH:mm'. format 12h|24h, minuteStep.
+  <DateTimeField label="Due at" value={v} onChange={setV} format="12h" minuteStep={15} />
+
+DateRangeField - premium-ds/date-range-field
+  Two-tap auto-ordering window; value DateRange { start, end } | null; commits when both ends exist.
+  <DateRangeField label="Reporting period" value={r} onChange={setR} />
+
+TimeField - premium-ds/time-field
+  Standalone segmented time; value 'HH:mm'; bounds saturate. format, minuteStep.
+  <TimeField label="Send at" value={t} onChange={setT} format="12h" minuteStep={15} />
+
+Tabs / TabPanel - premium-ds/tabs
+  Line tabs; the ink reaches then releases; panels enter from the side you moved toward. items: TabItem[]; value/onChange(value, dir). Pair with <TabPanel name tab dir>.
+  <Tabs name="views" label="Workspace views" value={view} onChange={(v, d) => { setView(v); setDir(d); }} items={items} />
+  <TabPanel name="views" tab={view} dir={dir}>...</TabPanel>
+
+============================================================ OVERLAYS & FEEDBACK
+
+Alert - premium-ds/alert
+  Persistent, in-flow status. tone, title, children (body), action { label, onClick }, dismissible, banner, open/onDismiss (controlled).
+  <Alert tone="warning" title="Your trial ends in 5 days" action={{ label: 'Upgrade', onClick: fn }}>Add a plan...</Alert>
+
+Toast - premium-ds/toast  (imperative; the host self-mounts - no <Toaster> needed)
+  toast(msg) - toast.success/error/warning/info(msg, { description, action }) - toast.promise(p, { loading, success, error }) - toast.loading - toast.dismiss().
+  import { toast } from 'premium-ds';
+  toast.success('Changes saved', { description: 'Synced to the cloud' });
+  toast.promise(save(), { loading: 'Saving...', success: (v) => `Saved - ${v.count}`, error: (e) => `Failed - ${e.message}` });
+
+Tooltip - premium-ds/tooltip
+  Transient hint on hover/focus; wraps any child (no ref wiring needed). content, shortcut, placement top|bottom|left|right.
+  <Tooltip content="Save changes" shortcut="⌘S"><Button>Save</Button></Tooltip>
+
+Dialog - premium-ds/dialog
+  Styled modal: scrim, focus trap, scroll lock. open/onOpenChange, tone, icon, title, description, footer: (close) => node.
+  <Dialog open={o} onOpenChange={setO} tone="danger" title="Delete this project?" footer={(close) => <>...</>}>...</Dialog>
+
+Overlay - premium-ds/overlay
+  Headless floating surface. mode popover|sheet, side, align, trigger (node), asChild; children: ({ close }) => node.
+  <Overlay side="bottom" align="start" trigger={<Button>Actions</Button>}>{({ close }) => <menu>...</menu>}</Overlay>
+  Sheet = <Overlay mode="sheet" side="right|bottom"> - edge-docked, drag-to-dismiss.
+
+============================================================ THEMING
+  Re-skin by overriding the CSS custom properties (tokens) in your own stylesheet, loaded after
+  premium-ds/styles.css - never fork the source. Token groups: spacing --space-*, type --type-*,
+  color (--bg-*, --text-*, --border-*, --accent), --radius-*, elevation --shadow-*, motion
+  (--duration-*, --ease-*).

package/package.json

@@ -0,0 +1,205 @@
+{
+  "name": "premium-ds",
+  "version": "0.1.0",
+  "description": "A React 19 design system: accessible, animated UI components built on a small, closed CSS design-token vocabulary. No Tailwind, no CSS-in-JS.",
+  "keywords": [
+    "react",
+    "react-19",
+    "design-system",
+    "component-library",
+    "react-components",
+    "ui-components",
+    "ui-kit",
+    "design-tokens",
+    "css",
+    "typescript",
+    "accessible",
+    "a11y",
+    "motion",
+    "animation",
+    "headless-ui",
+    "esm"
+  ],
+  "type": "module",
+  "license": "MIT",
+  "author": "Tabsir Ahammed",
+  "homepage": "https://github.com/Tabsir99/premium-ds#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Tabsir99/premium-ds.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Tabsir99/premium-ds/issues"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./button": {
+      "types": "./dist/button.d.ts",
+      "import": "./dist/button.js"
+    },
+    "./collapse": {
+      "types": "./dist/collapse.d.ts",
+      "import": "./dist/collapse.js"
+    },
+    "./badge": {
+      "types": "./dist/badge.d.ts",
+      "import": "./dist/badge.js"
+    },
+    "./status-badge": {
+      "types": "./dist/status-badge.d.ts",
+      "import": "./dist/status-badge.js"
+    },
+    "./count-badge": {
+      "types": "./dist/count-badge.d.ts",
+      "import": "./dist/count-badge.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar.d.ts",
+      "import": "./dist/avatar.js"
+    },
+    "./avatar-group": {
+      "types": "./dist/avatar-group.d.ts",
+      "import": "./dist/avatar-group.js"
+    },
+    "./tag": {
+      "types": "./dist/tag.d.ts",
+      "import": "./dist/tag.js"
+    },
+    "./toggle-tag": {
+      "types": "./dist/toggle-tag.d.ts",
+      "import": "./dist/toggle-tag.js"
+    },
+    "./table": {
+      "types": "./dist/table.d.ts",
+      "import": "./dist/table.js"
+    },
+    "./pagination": {
+      "types": "./dist/pagination.d.ts",
+      "import": "./dist/pagination.js"
+    },
+    "./text-field": {
+      "types": "./dist/text-field.d.ts",
+      "import": "./dist/text-field.js"
+    },
+    "./number-field": {
+      "types": "./dist/number-field.d.ts",
+      "import": "./dist/number-field.js"
+    },
+    "./otp-field": {
+      "types": "./dist/otp-field.d.ts",
+      "import": "./dist/otp-field.js"
+    },
+    "./textarea": {
+      "types": "./dist/textarea.d.ts",
+      "import": "./dist/textarea.js"
+    },
+    "./checkbox": {
+      "types": "./dist/checkbox.d.ts",
+      "import": "./dist/checkbox.js"
+    },
+    "./toggle": {
+      "types": "./dist/toggle.d.ts",
+      "import": "./dist/toggle.js"
+    },
+    "./radio-group": {
+      "types": "./dist/radio-group.d.ts",
+      "import": "./dist/radio-group.js"
+    },
+    "./select": {
+      "types": "./dist/select.d.ts",
+      "import": "./dist/select.js"
+    },
+    "./multi-select": {
+      "types": "./dist/multi-select.d.ts",
+      "import": "./dist/multi-select.js"
+    },
+    "./date-field": {
+      "types": "./dist/date-field.d.ts",
+      "import": "./dist/date-field.js"
+    },
+    "./datetime-field": {
+      "types": "./dist/datetime-field.d.ts",
+      "import": "./dist/datetime-field.js"
+    },
+    "./date-range-field": {
+      "types": "./dist/date-range-field.d.ts",
+      "import": "./dist/date-range-field.js"
+    },
+    "./time-field": {
+      "types": "./dist/time-field.d.ts",
+      "import": "./dist/time-field.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs.d.ts",
+      "import": "./dist/tabs.js"
+    },
+    "./overlay": {
+      "types": "./dist/overlay.d.ts",
+      "import": "./dist/overlay.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog.d.ts",
+      "import": "./dist/dialog.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip.d.ts",
+      "import": "./dist/tooltip.js"
+    },
+    "./alert": {
+      "types": "./dist/alert.d.ts",
+      "import": "./dist/alert.js"
+    },
+    "./toast": {
+      "types": "./dist/toast.d.ts",
+      "import": "./dist/toast.js"
+    },
+    "./toast-store": {
+      "types": "./dist/toast-store.d.ts",
+      "import": "./dist/toast-store.js"
+    },
+    "./motion-tokens": {
+      "types": "./dist/motion-tokens.d.ts",
+      "import": "./dist/motion-tokens.js"
+    },
+    "./styles.css": "./src/styles.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src",
+    "llms.txt"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit && tsc -p tsconfig.node.json",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "prepublishOnly": "pnpm build"
+  },
+  "peerDependencies": {
+    "motion": "^12",
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "devDependencies": {
+    "@phosphor-icons/react": "^2.1.10",
+    "@types/node": "^26.0.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "motion": "^12.40.0",
+    "prettier": "^3.8.3",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "tsup": "^8.5.0",
+    "typescript": "~6.0.3"
+  }
+}