cursedbelt 0.0.0

package/dist/react/components/SegmentedControl.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+export interface SegmentOption<T extends string> {
+    value: T;
+    label: ReactNode;
+}
+export interface SegmentedControlProps<T extends string> {
+    options: SegmentOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    /** Capitalize labels (e.g. lowercase view keys like 'month'/'agenda'). */
+    capitalize?: boolean;
+    className?: string;
+    /** Accessible name for the group (default "Segment"). */
+    'aria-label'?: string;
+}
+/**
+ * A pill-style segment toggle / view switcher. Backed by Radix `Tabs` purely for
+ * its a11y (roving focus + arrow-key navigation + the tablist/tab ARIA pattern) —
+ * there are no content panels, so no `Tabs.Content` is rendered (Radix is happy
+ * without them). The active segment lifts onto a `background` pill over the `muted`
+ * track.
+ */
+export declare function SegmentedControl<T extends string>({ options, value, onChange, capitalize, className, 'aria-label': ariaLabel, }: SegmentedControlProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/react/components/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/react/components/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM;IAC7C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM;IACrD,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAkB,EAClB,SAAS,EACT,YAAY,EAAE,SAAqB,GACpC,EAAE,qBAAqB,CAAC,CAAC,CAAC,+BA6B1B"}

package/dist/react/components/SegmentedControl.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Tabs from '@radix-ui/react-tabs';
+import { cn } from '../lib/cn';
+/**
+ * A pill-style segment toggle / view switcher. Backed by Radix `Tabs` purely for
+ * its a11y (roving focus + arrow-key navigation + the tablist/tab ARIA pattern) —
+ * there are no content panels, so no `Tabs.Content` is rendered (Radix is happy
+ * without them). The active segment lifts onto a `background` pill over the `muted`
+ * track.
+ */
+export function SegmentedControl({ options, value, onChange, capitalize = false, className, 'aria-label': ariaLabel = 'Segment', }) {
+    return (_jsx(Tabs.Root, { value: value, onValueChange: (v) => onChange(v), children: _jsx(Tabs.List, { "aria-label": ariaLabel, className: cn('inline-flex max-w-full items-center gap-0.5 overflow-x-auto rounded-md bg-muted p-1', className), children: options.map((opt) => (_jsx(Tabs.Trigger, { value: opt.value, className: cn('shrink-0 whitespace-nowrap rounded-[calc(var(--radius-md)-0.25rem)] px-3 py-1.5 text-sm font-medium transition-colors', 'text-muted-foreground hover:text-foreground', 'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-raised', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', 'pointer-coarse:min-h-9', capitalize && 'capitalize'), children: opt.label }, opt.value))) }) }));
+}
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/react/components/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/react/components/SegmentedControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAkB/B;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAmB,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,YAAY,EAAE,SAAS,GAAG,SAAS,GACV;IACzB,OAAO,CACL,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAM,CAAC,YAC7D,KAAC,IAAI,CAAC,IAAI,kBACI,SAAS,EACrB,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,SAAS,CACV,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,KAAC,IAAI,CAAC,OAAO,IAEX,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,SAAS,EAAE,EAAE,CACX,uHAAuH,EACvH,6CAA6C,EAC7C,yGAAyG,EACzG,yEAAyE,EACzE,wBAAwB,EACxB,UAAU,IAAI,YAAY,CAC3B,YAEA,GAAG,CAAC,KAAK,IAXL,GAAG,CAAC,KAAK,CAYD,CAChB,CAAC,GACQ,GACF,CACb,CAAC;AACJ,CAAC"}

package/dist/react/components/Select.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithRef } from 'react';
+export type SelectProps = ComponentPropsWithRef<'select'>;
+/** Themed native select on the single FIELD_CLASS. Forwards ref (React 19 prop). */
+export declare function Select({ className, children, ...props }: SelectProps): import("react").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/dist/react/components/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/react/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AAE1D,oFAAoF;AACpF,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAMpE"}

package/dist/react/components/Select.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+import { FIELD_CLASS } from '../lib/field';
+/** Themed native select on the single FIELD_CLASS. Forwards ref (React 19 prop). */
+export function Select({ className, children, ...props }) {
+    return (_jsx("select", { className: cn(FIELD_CLASS, 'pr-8', className), ...props, children: children }));
+}
+//# sourceMappingURL=Select.js.map

package/dist/react/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/react/components/Select.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,oFAAoF;AACpF,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe;IACnE,OAAO,CACL,iBAAQ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,CAAC,KAAM,KAAK,YAC7D,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/dist/react/components/SelectField.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+export interface SelectOption {
+    value: string;
+    label: ReactNode;
+    description?: ReactNode;
+    disabled?: boolean;
+}
+export interface SelectGroup {
+    label?: string;
+    options: SelectOption[];
+}
+export interface SelectFieldProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    options?: SelectOption[];
+    groups?: SelectGroup[];
+    placeholder?: string;
+    disabled?: boolean;
+    /** Use the full field style (16px, rounded-md, border, focus ring). Default true. */
+    fieldStyle?: boolean;
+    /** Forwarded to the trigger so a visible `<label htmlFor>` can target it. */
+    id?: string;
+    name?: string;
+    required?: boolean;
+    className?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    /** Set by {@link Field} for inline validation — paints the FIELD_CLASS invalid
+     *  border (via `aria-invalid`) and links the description/error to the trigger. */
+    'aria-invalid'?: boolean | 'true' | 'false';
+    'aria-describedby'?: string;
+}
+/**
+ * Portal-based select control on Radix Select. Replaces the native `<select>`
+ * wrapper. Fully styleable, keyboard-navigable, a11y-correct, and never clipped by
+ * an overflow ancestor (it portals to `<body>`).
+ *
+ * Use this for "pick one value from a list" (controlled). For action menus use
+ * {@link DropdownMenu}.
+ *
+ * The trigger respects the field-style token (`FIELD_CLASS`) when `fieldStyle` is
+ * true (the default for form fields), giving it the same 16px height + rounded-md as
+ * Input and Textarea. Pass `fieldStyle={false}` + a `className` for a bespoke trigger.
+ */
+export declare function SelectField({ value, onValueChange, options, groups, placeholder, disabled, fieldStyle, id, name, required, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, }: SelectFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=SelectField.d.ts.map

package/dist/react/components/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/react/components/SelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;sFACkF;IAClF,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,OAAY,EACZ,MAAW,EACX,WAAuB,EACvB,QAAQ,EACR,UAAiB,EACjB,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,GACpC,EAAE,gBAAgB,+BA6ElB"}

package/dist/react/components/SelectField.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RSelect from '@radix-ui/react-select';
+import { Check, ChevronDown, ChevronUp } from 'lucide-react';
+import { cn } from '../lib/cn';
+import { FIELD_CLASS } from '../lib/field';
+import { FLOATING_ANIMATION, FLOATING_CONTENT_BASE, FLOATING_ITEM_BASE, } from '../lib/floatingStyles';
+/**
+ * Portal-based select control on Radix Select. Replaces the native `<select>`
+ * wrapper. Fully styleable, keyboard-navigable, a11y-correct, and never clipped by
+ * an overflow ancestor (it portals to `<body>`).
+ *
+ * Use this for "pick one value from a list" (controlled). For action menus use
+ * {@link DropdownMenu}.
+ *
+ * The trigger respects the field-style token (`FIELD_CLASS`) when `fieldStyle` is
+ * true (the default for form fields), giving it the same 16px height + rounded-md as
+ * Input and Textarea. Pass `fieldStyle={false}` + a `className` for a bespoke trigger.
+ */
+export function SelectField({ value, onValueChange, options = [], groups = [], placeholder = 'Select…', disabled, fieldStyle = true, id, name, required, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, }) {
+    const allGroups = groups.length > 0 ? groups : options.length > 0 ? [{ options }] : [];
+    return (_jsxs(RSelect.Root, { value: value, onValueChange: onValueChange, disabled: disabled, name: name, required: required, children: [_jsxs(RSelect.Trigger, { id: id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, className: cn(fieldStyle && FIELD_CLASS, 'flex items-center justify-between gap-2 data-[placeholder]:text-muted-foreground', className), children: [_jsx(RSelect.Value, { placeholder: placeholder }), _jsx(RSelect.Icon, { asChild: true, children: _jsx(ChevronDown, { className: 'size-4 shrink-0 opacity-50' }) })] }), _jsx(RSelect.Portal, { children: _jsxs(RSelect.Content, { position: 'popper', sideOffset: 4, className: cn(FLOATING_CONTENT_BASE, FLOATING_ANIMATION, 'max-h-[var(--radix-select-content-available-height)] min-w-[var(--radix-select-trigger-width)] p-1'), children: [_jsx(RSelect.ScrollUpButton, { className: 'flex cursor-default items-center justify-center py-1', children: _jsx(ChevronUp, { className: 'size-4' }) }), _jsx(RSelect.Viewport, { children: allGroups.map((group, gi) => (_jsxs(RSelect.Group, { children: [group.label && (_jsx(RSelect.Label, { className: 'px-2 py-1.5 text-xs font-semibold text-muted-foreground', children: group.label })), group.options.map((opt) => (_jsxs(RSelect.Item, { value: opt.value, disabled: opt.disabled, className: cn(FLOATING_ITEM_BASE, 'pr-8'), children: [_jsx(RSelect.ItemIndicator, { className: 'absolute right-2 flex size-4 items-center justify-center', children: _jsx(Check, { className: 'size-3' }) }), _jsx(RSelect.ItemText, { children: opt.label }), opt.description && (_jsx("span", { className: 'text-xs text-muted-foreground', children: opt.description }))] }, opt.value))), gi < allGroups.length - 1 && _jsx(RSelect.Separator, { className: 'my-1 h-px bg-border' })] }, group.label ?? gi))) }), _jsx(RSelect.ScrollDownButton, { className: 'flex cursor-default items-center justify-center py-1', children: _jsx(ChevronDown, { className: 'size-4' }) })] }) })] }));
+}
+//# sourceMappingURL=SelectField.js.map

package/dist/react/components/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../src/react/components/SelectField.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/Skeleton.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes } from 'react';
+/**
+ * Skeleton — a token-driven loading placeholder (pulsing `muted` block). Compose
+ * shapes from the base, or reach for the convenience shapes below for the common
+ * cases. `aria-hidden` by default: skeletons are visual-only and should never be
+ * announced (the live region that replaces them carries the real content).
+ */
+export declare function Skeleton({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare namespace Skeleton {
+    var Text: ({ lines, className, }: {
+        lines?: number;
+        className?: string;
+    }) => import("react").JSX.Element;
+    var Card: ({ className }: {
+        className?: string;
+    }) => import("react").JSX.Element;
+    var Avatar: ({ size }: {
+        size?: "sm" | "md" | "lg";
+    }) => import("react").JSX.Element;
+}
+export interface SkeletonListProps {
+    rows?: number;
+    className?: string;
+}
+/** A stack of full-width rows — the sensible default skeleton for list/table pages
+ *  (used as `QueryBoundary`'s loading fallback). */
+export declare function SkeletonList({ rows, className }: SkeletonListProps): import("react").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/react/components/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/react/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAI/E;yBAJe,QAAQ;sCAUrB;QACD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;8BAWoD;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;2BAKhB;QAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;KAAE;;AAWxF,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;oDACoD;AACpD,wBAAgB,YAAY,CAAC,EAAE,IAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAQtE"}

package/dist/react/components/Skeleton.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+/**
+ * Skeleton — a token-driven loading placeholder (pulsing `muted` block). Compose
+ * shapes from the base, or reach for the convenience shapes below for the common
+ * cases. `aria-hidden` by default: skeletons are visual-only and should never be
+ * announced (the live region that replaces them carries the real content).
+ */
+export function Skeleton({ className, ...props }) {
+    return (_jsx("div", { className: cn('animate-pulse rounded-md bg-muted', className), "aria-hidden": true, ...props }));
+}
+/** N lines of text, the last one short (`w-3/4`) — a paragraph placeholder. */
+Skeleton.Text = function SkeletonText({ lines = 3, className, }) {
+    return (_jsx("div", { className: cn('flex flex-col gap-2', className), children: Array.from({ length: lines }).map((_, i) => (_jsx(Skeleton, { className: cn('h-4', i === lines - 1 && 'w-3/4') }, `skeleton-line-${i}`))) }));
+};
+/** A card-sized block. */
+Skeleton.Card = function SkeletonCard({ className }) {
+    return _jsx(Skeleton, { className: cn('h-32 w-full', className) });
+};
+/** A round avatar placeholder. */
+Skeleton.Avatar = function SkeletonAvatar({ size = 'md' }) {
+    return (_jsx(Skeleton, { className: cn('rounded-full', size === 'sm' ? 'size-8' : size === 'lg' ? 'size-14' : 'size-10') }));
+};
+/** A stack of full-width rows — the sensible default skeleton for list/table pages
+ *  (used as `QueryBoundary`'s loading fallback). */
+export function SkeletonList({ rows = 6, className }) {
+    return (_jsx("div", { className: cn('flex flex-col gap-3', className), "aria-hidden": true, children: Array.from({ length: rows }).map((_, i) => (_jsx(Skeleton, { className: 'h-14' }, `skeleton-row-${i}`))) }));
+}
+//# sourceMappingURL=Skeleton.js.map

package/dist/react/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/react/components/Skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC;IAC9E,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,0BAAkB,KAAK,GAAI,CAC9F,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,QAAQ,CAAC,IAAI,GAAG,SAAS,YAAY,CAAC,EACpC,KAAK,GAAG,CAAC,EACT,SAAS,GAIV;IACC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YACjD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3C,KAAC,QAAQ,IAA4B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,IAAI,OAAO,CAAC,IAAtE,iBAAiB,CAAC,EAAE,CAAsD,CAC1F,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,0BAA0B;AAC1B,QAAQ,CAAC,IAAI,GAAG,SAAS,YAAY,CAAC,EAAE,SAAS,EAA0B;IACzE,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,GAAI,CAAC;AAC/D,CAAC,CAAC;AAEF,kCAAkC;AAClC,QAAQ,CAAC,MAAM,GAAG,SAAS,cAAc,CAAC,EAAE,IAAI,GAAG,IAAI,EAAiC;IACtF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CACX,cAAc,EACd,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CACjE,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAOF;oDACoD;AACpD,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,SAAS,EAAqB;IACrE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,iCACjD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1C,KAAC,QAAQ,IAA2B,SAAS,EAAC,MAAM,IAArC,gBAAgB,CAAC,EAAE,CAAqB,CACxD,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/Spinner.d.ts

@@ -0,0 +1,14 @@
+declare const SIZE: {
+    readonly sm: "size-4";
+    readonly md: "size-6";
+    readonly lg: "size-8";
+};
+export interface SpinnerProps {
+    className?: string;
+    size?: keyof typeof SIZE;
+}
+/** An accent-tinted loading spinner. Announced as a `status` region with a
+ *  "Loading" label so it isn't silent to assistive tech. */
+export declare function Spinner({ className, size }: SpinnerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/react/components/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/react/components/Spinner.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,IAAI;;;;CAAwD,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,IAAI,CAAC;CAC1B;AAED;4DAC4D;AAC5D,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,IAAW,EAAE,EAAE,YAAY,+BAQ/D"}

package/dist/react/components/Spinner.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader2 } from 'lucide-react';
+import { cn } from '../lib/cn';
+const SIZE = { sm: 'size-4', md: 'size-6', lg: 'size-8' };
+/** An accent-tinted loading spinner. Announced as a `status` region with a
+ *  "Loading" label so it isn't silent to assistive tech. */
+export function Spinner({ className, size = 'md' }) {
+    return (_jsx(Loader2, { className: cn('animate-spin text-accent', SIZE[size], className), role: 'status', "aria-label": 'Loading' }));
+}
+//# sourceMappingURL=Spinner.js.map

package/dist/react/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/react/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAW,CAAC;AAOnE;4DAC4D;AAC5D,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAgB;IAC9D,OAAO,CACL,KAAC,OAAO,IACN,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAChE,IAAI,EAAC,QAAQ,gBACF,SAAS,GACpB,CACH,CAAC;AACJ,CAAC"}

package/dist/react/components/SplitButton.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+import { type ButtonProps } from './Button';
+export interface SplitButtonItem {
+    label: string;
+    icon?: ReactNode;
+    onSelect: () => void;
+    /** Render in the destructive tone (a delete/remove alternate). */
+    destructive?: boolean;
+    disabled?: boolean;
+}
+export interface SplitButtonProps {
+    /** The primary (default) action's label. */
+    children: ReactNode;
+    /** The alternate actions, revealed by the chevron — collapses a "Save / Duplicate /
+     *  Mark done / Delete" sprawl into one footprint. */
+    items: SplitButtonItem[];
+    /** The primary action. */
+    onClick?: () => void;
+    variant?: ButtonProps['variant'];
+    /** `icon` is reserved for the chevron, so the body sizes are sm | md | lg. */
+    size?: Exclude<NonNullable<ButtonProps['size']>, 'icon'>;
+    loading?: boolean;
+    disabled?: boolean;
+    /** Accessible label for the chevron trigger (default "More options"). */
+    menuLabel?: string;
+    className?: string;
+}
+/**
+ * A primary action welded to a {@link DropdownMenu} of alternates inside one
+ * {@link ButtonGroup}. The main button does the likely-next thing; the chevron reveals
+ * the rest. The menu is portal-based (never clipped) and the whole control reads as a
+ * single segmented unit. Both halves share `variant`/`size`, so the chevron's height
+ * always matches the body.
+ */
+export declare function SplitButton({ children, items, onClick, variant, size, loading, disabled, menuLabel, className, }: SplitButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=SplitButton.d.ts.map

package/dist/react/components/SplitButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../src/react/components/SplitButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAIpD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB;yDACqD;IACrD,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAmB,EACnB,IAAW,EACX,OAAO,EACP,QAAQ,EACR,SAA0B,EAC1B,SAAS,GACV,EAAE,gBAAgB,+BAgClB"}

package/dist/react/components/SplitButton.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown } from 'lucide-react';
+import { Button } from './Button';
+import { ButtonGroup } from './ButtonGroup';
+import { DropdownMenu } from './DropdownMenu';
+/**
+ * A primary action welded to a {@link DropdownMenu} of alternates inside one
+ * {@link ButtonGroup}. The main button does the likely-next thing; the chevron reveals
+ * the rest. The menu is portal-based (never clipped) and the whole control reads as a
+ * single segmented unit. Both halves share `variant`/`size`, so the chevron's height
+ * always matches the body.
+ */
+export function SplitButton({ children, items, onClick, variant = 'primary', size = 'md', loading, disabled, menuLabel = 'More options', className, }) {
+    const menuItems = items.map((item) => ({
+        key: item.label,
+        label: item.label,
+        icon: item.icon,
+        onClick: item.onSelect,
+        destructive: item.destructive,
+        disabled: item.disabled,
+    }));
+    return (_jsxs(ButtonGroup, { className: className, children: [_jsx(Button, { variant: variant, size: size, loading: loading, disabled: disabled, onClick: onClick, children: children }), _jsx(DropdownMenu, { align: 'end', items: menuItems, trigger: _jsx(Button, { variant: variant, size: size, disabled: disabled || loading, "aria-label": menuLabel, className: 'w-9 px-0', children: _jsx(ChevronDown, {}) }) })] }));
+}
+//# sourceMappingURL=SplitButton.js.map

package/dist/react/components/SplitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.js","sourceRoot":"","sources":["../../../src/react/components/SplitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAyB,MAAM,gBAAgB,CAAC;AA6BrE;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,cAAc,EAC1B,SAAS,GACQ;IACjB,MAAM,SAAS,GAAuB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACzD,GAAG,EAAE,IAAI,CAAC,KAAK;QACf,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,OAAO,EAAE,IAAI,CAAC,QAAQ;QACtB,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;KACxB,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,MAAC,WAAW,IAAC,SAAS,EAAE,SAAS,aAC/B,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,YACzF,QAAQ,GACF,EACT,KAAC,YAAY,IACX,KAAK,EAAC,KAAK,EACX,KAAK,EAAE,SAAS,EAChB,OAAO,EACL,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,OAAO,gBACjB,SAAS,EACrB,SAAS,EAAC,UAAU,YAEpB,KAAC,WAAW,KAAG,GACR,GAEX,IACU,CACf,CAAC;AACJ,CAAC"}

package/dist/react/components/StatTile.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+interface Progress {
+    value: number;
+    max: number;
+    barClassName?: string;
+    label?: string;
+}
+export interface StatTileProps {
+    label: string;
+    value: ReactNode;
+    sub?: ReactNode;
+    /** Optional sparkline data (rendered as a small inline polyline). */
+    spark?: number[];
+    progress?: Progress;
+    /** Override the value color. */
+    color?: string;
+    icon?: ReactNode;
+}
+/** A compact dashboard stat: label + big value (auto-sized) + optional sub / spark / progress. */
+export declare function StatTile({ label, value, sub, spark, progress, color, icon }: StatTileProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=StatTile.d.ts.map

package/dist/react/components/StatTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatTile.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAmCD,kGAAkG;AAClG,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,aAAa,+BAqC1F"}

package/dist/react/components/StatTile.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn';
+function valueClass(value) {
+    const s = typeof value === 'string' ? value : typeof value === 'number' ? String(value) : '';
+    if (s.length > 12)
+        return 'text-base';
+    if (s.length > 7)
+        return 'text-2xl';
+    return 'text-3xl';
+}
+function Spark({ data }) {
+    if (data.length < 2)
+        return null;
+    const min = Math.min(...data);
+    const max = Math.max(...data);
+    const span = max - min || 1;
+    const pts = data
+        .map((v, i) => `${(i / (data.length - 1)) * 100},${100 - ((v - min) / span) * 100}`)
+        .join(' ');
+    return (_jsx("svg", { viewBox: '0 0 100 100', preserveAspectRatio: 'none', className: 'h-8 w-full text-accent', "aria-hidden": 'true', children: _jsx("polyline", { points: pts, fill: 'none', stroke: 'currentColor', strokeWidth: '3', vectorEffect: 'non-scaling-stroke' }) }));
+}
+/** A compact dashboard stat: label + big value (auto-sized) + optional sub / spark / progress. */
+export function StatTile({ label, value, sub, spark, progress, color, icon }) {
+    const pct = progress && progress.max > 0 ? Math.round((progress.value / progress.max) * 100) : null;
+    return (_jsxs("div", { className: 'flex h-full flex-col justify-between gap-2', children: [_jsxs("div", { className: 'flex items-center justify-between', children: [_jsx("span", { className: 'text-xs font-medium uppercase tracking-wide text-muted-foreground', children: label }), icon ? _jsx("span", { className: 'text-muted-foreground', children: icon }) : null] }), _jsx("div", { className: cn(valueClass(value), 'min-w-0 break-words font-semibold leading-tight tabular-nums'), style: color ? { color } : undefined, children: value }), sub ? _jsx("div", { className: 'text-xs text-muted-foreground', children: sub }) : null, spark ? _jsx(Spark, { data: spark }) : null, progress && pct != null ? (_jsxs("div", { children: [_jsx("div", { className: 'h-1.5 w-full overflow-hidden rounded-full bg-muted', children: _jsx("div", { className: cn('h-full rounded-full bg-accent-solid', progress.barClassName), style: { width: `${Math.min(100, pct)}%` } }) }), progress.label ? (_jsx("div", { className: 'mt-1 text-xs text-muted-foreground', children: progress.label })) : null] })) : null] }));
+}
+//# sourceMappingURL=StatTile.js.map

package/dist/react/components/StatTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatTile.js","sourceRoot":"","sources":["../../../src/react/components/StatTile.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/Surface.d.ts

@@ -0,0 +1,37 @@
+import type { HTMLAttributes } from 'react';
+declare const ELEVATION: {
+    readonly flat: "bg-surface border border-border shadow-none";
+    readonly raised: string;
+    readonly overlay: "bg-popover border border-border shadow-overlay dark:bg-card-overlay";
+};
+declare const PAD: {
+    readonly none: "";
+    readonly sm: "p-3";
+    readonly md: "p-4 sm:p-5";
+    readonly lg: "p-6 sm:p-8";
+};
+declare const RADIUS: {
+    readonly md: "rounded-md";
+    readonly lg: "rounded-lg";
+    readonly xl: "rounded-xl";
+};
+export interface SurfaceProps extends HTMLAttributes<HTMLDivElement> {
+    /** Elevation = meaning: `flat` (static), `raised` (a card/panel), `overlay` (a floating sheet). */
+    level?: keyof typeof ELEVATION;
+    /** Inner padding on the 8px scale. */
+    pad?: keyof typeof PAD;
+    /** Corner radius on the token scale (larger surface → larger radius). */
+    radius?: keyof typeof RADIUS;
+    /** Enable the hover-lift on a `raised` surface (clickable cards). No-op on flat/overlay. */
+    interactive?: boolean;
+    /** Render as the child element (Radix Slot) — e.g. `<Surface asChild><Link …/></Surface>`. */
+    asChild?: boolean;
+}
+/**
+ * The one card/panel/sheet primitive — every container in the app is a `Surface`.
+ * Replaces the scattered `p-4 rounded-lg shadow-sm bg-white dark:bg-gray-800` divs
+ * and the two divergent `Card` copies with a single token-driven element.
+ */
+export declare function Surface({ level, pad, radius, interactive, asChild, className, ...rest }: SurfaceProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Surface.d.ts.map

package/dist/react/components/Surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/react/components/Surface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,QAAA,MAAM,SAAS;;;;CAYL,CAAC;AAIX,QAAA,MAAM,GAAG;;;;;CAAuE,CAAC;AACjF,QAAA,MAAM,MAAM;;;;CAAoE,CAAC;AAEjF,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC/B,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,OAAO,GAAG,CAAC;IACvB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC7B,4FAA4F;IAC5F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAc,EACd,GAAU,EACV,MAAa,EACb,WAAW,EACX,OAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,+BASd"}

package/dist/react/components/Surface.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '../lib/cn';
+// Elevation is meaning (flat | raised | overlay), not decoration. Light mode reads
+// depth through the shadow; dark mode reads it through a lighter background +
+// stronger border (shadows are near-invisible on near-black) — both via tokens from
+// task 02, so the same class is correct in every theme with no `dark:` color literals.
+const ELEVATION = {
+    flat: 'bg-surface border border-border shadow-none',
+    raised: cn('bg-card border border-border shadow-raised dark:bg-card-raised', 
+    // `interactive` opts a raised surface into the hover-lift (clickable cards):
+    // stronger shadow + border and a 2px rise, transitioned at the motion token.
+    'data-[interactive=true]:transition-all data-[interactive=true]:duration-[var(--duration-base)]', 'data-[interactive=true]:ease-[var(--ease-out)]', 'data-[interactive=true]:hover:shadow-overlay data-[interactive=true]:hover:border-border-strong', 'data-[interactive=true]:hover:-translate-y-0.5'),
+    overlay: 'bg-popover border border-border shadow-overlay dark:bg-card-overlay',
+};
+// Padding + radius snap to the 8px / radius token scale — a wrong value is a TS
+// error, never a raw `p-[7px]` in feature code.
+const PAD = { none: '', sm: 'p-3', md: 'p-4 sm:p-5', lg: 'p-6 sm:p-8' };
+const RADIUS = { md: 'rounded-md', lg: 'rounded-lg', xl: 'rounded-xl' };
+/**
+ * The one card/panel/sheet primitive — every container in the app is a `Surface`.
+ * Replaces the scattered `p-4 rounded-lg shadow-sm bg-white dark:bg-gray-800` divs
+ * and the two divergent `Card` copies with a single token-driven element.
+ */
+export function Surface({ level = 'flat', pad = 'md', radius = 'lg', interactive, asChild = false, className, ...rest }) {
+    const Comp = asChild ? Slot : 'div';
+    return (_jsx(Comp, { "data-interactive": interactive || undefined, className: cn(ELEVATION[level], PAD[pad], RADIUS[radius], className), ...rest }));
+}
+//# sourceMappingURL=Surface.js.map

package/dist/react/components/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/react/components/Surface.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,mFAAmF;AACnF,8EAA8E;AAC9E,oFAAoF;AACpF,uFAAuF;AACvF,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,6CAA6C;IACnD,MAAM,EAAE,EAAE,CACR,gEAAgE;IAChE,6EAA6E;IAC7E,6EAA6E;IAC7E,gGAAgG,EAChG,gDAAgD,EAChD,iGAAiG,EACjG,gDAAgD,CACjD;IACD,OAAO,EAAE,qEAAqE;CACtE,CAAC;AAEX,gFAAgF;AAChF,gDAAgD;AAChD,MAAM,GAAG,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAW,CAAC;AACjF,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAW,CAAC;AAejF;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,GAAG,MAAM,EACd,GAAG,GAAG,IAAI,EACV,MAAM,GAAG,IAAI,EACb,WAAW,EACX,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,IAAI,EACM;IACb,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,wBACe,WAAW,IAAI,SAAS,EAC1C,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,KAChE,IAAI,GACR,CACH,CAAC;AACJ,CAAC"}

package/dist/react/components/Switch.d.ts

@@ -0,0 +1,12 @@
+import * as RadixSwitch from '@radix-ui/react-switch';
+import type { ComponentPropsWithoutRef } from 'react';
+export interface SwitchProps extends ComponentPropsWithoutRef<typeof RadixSwitch.Root> {
+}
+/**
+ * On/off toggle vendored from shadcn (Radix `Switch`). The filled track turns the
+ * solid accent when checked; a visible `--ring` focus ring appears on keyboard
+ * focus. Use `checked` + `onCheckedChange` (RHF wires this via `<Controller>` — not
+ * `register()`, since the callback is a boolean, not a native change event).
+ */
+export declare function Switch({ className, ...props }: SwitchProps): import("react").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/react/components/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/react/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;CAAG;AAEzF;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAe1D"}

package/dist/react/components/Switch.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as RadixSwitch from '@radix-ui/react-switch';
+import { cn } from '../lib/cn';
+/**
+ * On/off toggle vendored from shadcn (Radix `Switch`). The filled track turns the
+ * solid accent when checked; a visible `--ring` focus ring appears on keyboard
+ * focus. Use `checked` + `onCheckedChange` (RHF wires this via `<Controller>` — not
+ * `register()`, since the callback is a boolean, not a native change event).
+ */
+export function Switch({ className, ...props }) {
+    return (_jsx(RadixSwitch.Root, { className: cn('peer inline-flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full border border-transparent p-0.5 transition-colors', 'data-[state=checked]:bg-accent-solid data-[state=unchecked]:bg-muted', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(RadixSwitch.Thumb, { className: 'pointer-events-none block size-5 rounded-full bg-white shadow transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0' }) }));
+}
+//# sourceMappingURL=Switch.js.map

package/dist/react/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/react/components/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B;;;;;GAKG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IACzD,OAAO,CACL,KAAC,WAAW,CAAC,IAAI,IACf,SAAS,EAAE,EAAE,CACX,+HAA+H,EAC/H,sEAAsE,EACtE,0IAA0I,EAC1I,iDAAiD,EACjD,SAAS,CACV,KACG,KAAK,YAET,KAAC,WAAW,CAAC,KAAK,IAAC,SAAS,EAAC,4JAA4J,GAAG,GAC3K,CACpB,CAAC;AACJ,CAAC"}

package/dist/react/components/TagsInput.d.ts

@@ -0,0 +1,25 @@
+export interface TagsInputProps {
+    /** The committed tags (controlled). */
+    value: string[];
+    onChange: (value: string[]) => void;
+    /** RHF blur — fired after a pending tag is committed on blur. */
+    onBlur?: () => void;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Cap the number of tags; the input hides once reached. */
+    maxTags?: number;
+    id?: string;
+    name?: string;
+    'aria-invalid'?: true | undefined;
+    'aria-describedby'?: string;
+    className?: string;
+}
+/**
+ * Comma / Enter-delimited tag input: pill chips inside an Input-shaped container that
+ * reads the same field-style tokens (border / ring / invalid). Controlled —
+ * `value: string[]`, `onChange(next)`. Type + Enter or comma to add (paste
+ * "a,b,c" splits into three); the ✕ on a chip or Backspace on an empty input removes
+ * one. Replaces the ad-hoc CommaTagsInput. The registry's `tags` control.
+ */
+export declare function TagsInput({ value, onChange, onBlur, placeholder, disabled, maxTags, id, name, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, className, }: TagsInputProps): import("react").JSX.Element;
+//# sourceMappingURL=TagsInput.d.ts.map

package/dist/react/components/TagsInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsInput.d.ts","sourceRoot":"","sources":["../../../src/react/components/TagsInput.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAA0B,EAC1B,QAAQ,EACR,OAAO,EACP,EAAE,EACF,IAAI,EACJ,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,EACnC,SAAS,GACV,EAAE,cAAc,+BAgFhB"}