@astralform/ui 0.0.0-stage → 0.3.6

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzD,MAAM,QAAQ,GAAG;QACf,IAAI,EAAE,EAAE;QACR,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV,CAAC;IAEF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,QAAQ,CAAC,OAAO,CAAC,EACjB,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,KAAK,YACjE,QAAQ,GACN,CACN,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,YACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAC,CAAC;AAEH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC/D,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/CompactResourceRow.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from "react";
+import type { Icon } from "@phosphor-icons/react";
+interface CompactResourceRowProps {
+    /** URL for icon image */
+    iconUrl?: string | null;
+    /** Phosphor fallback when no URL is set */
+    fallbackIcon: Icon;
+    /** Primary label */
+    title: string;
+    /** Secondary text below title */
+    description?: string;
+    /** Extra content after title (badges, etc.) */
+    badges?: ReactNode;
+    /** Extra content below description */
+    meta?: ReactNode;
+    /** Refresh button */
+    onRefresh?: () => void;
+    /** Spin animation on refresh icon */
+    isRefreshing?: boolean;
+    /** Edit button */
+    onEdit?: () => void;
+    /** Switch component */
+    onToggle?: () => void;
+    /** Toggle checked state */
+    enabled?: boolean;
+    /** Toggle disabled + opacity */
+    isToggling?: boolean;
+    /** Delete button */
+    onDelete?: () => void;
+    /** Show lock icon instead of toggle */
+    locked?: boolean;
+}
+export declare function CompactResourceRow({ iconUrl, fallbackIcon: FallbackIcon, title, description, badges, meta, onRefresh, isRefreshing, onEdit, onToggle, enabled, isToggling, onDelete, locked, }: CompactResourceRowProps): import("react").JSX.Element;
+export {};

package/dist/components/CompactResourceRow.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
+import { ArrowsClockwiseIcon, LockSimpleIcon, NotePencilIcon, TrashIcon, } from "@phosphor-icons/react";
+import { cn } from "../lib/utils";
+import { Toggle } from "./Toggle";
+import { Avatar, iconFallback } from "./avatar";
+export function CompactResourceRow({ iconUrl, fallbackIcon: FallbackIcon, title, description, badges, meta, onRefresh, isRefreshing, onEdit, onToggle, enabled, isToggling, onDelete, locked, }) {
+    const hasActions = onRefresh || onEdit || onToggle || onDelete || locked;
+    return (_jsxs("div", { className: "flex items-center justify-between p-3 rounded-lg border bg-surface-secondary border-border-secondary", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [_jsx(Avatar, { src: iconUrl, size: "md", rounded: "rounded-lg", fallback: iconFallback(FallbackIcon, "accent") }), _jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "text-sm font-medium text-text-primary", children: title }), badges] }), description && (_jsx("p", { className: "text-xs text-text-tertiary mt-0.5 truncate max-w-sm", children: description })), meta] })] }), hasActions && (_jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [onRefresh && (_jsx("button", { type: "button", onClick: onRefresh, disabled: isRefreshing, className: "p-2 rounded-md text-text-tertiary hover:text-accent hover:bg-surface-tertiary transition-colors cursor-pointer", "aria-label": `Refresh ${title}`, title: "Refresh", children: _jsx(ArrowsClockwiseIcon, { size: 16, className: cn(isRefreshing && "animate-spin") }) })), onEdit && (_jsx("button", { type: "button", onClick: onEdit, className: "p-2 rounded-md text-text-tertiary hover:text-accent hover:bg-surface-tertiary transition-colors cursor-pointer", "aria-label": `Edit ${title}`, title: "Edit", children: _jsx(NotePencilIcon, { size: 16 }) })), locked ? (_jsx("div", { className: "flex items-center justify-center h-6 w-11", children: _jsx(LockSimpleIcon, { size: 16, className: "text-text-muted" }) })) : (onToggle && (_jsx(Toggle, { checked: !!enabled, onChange: () => onToggle(), disabled: isToggling, label: `${enabled ? "Disable" : "Enable"} ${title}` }))), onDelete && (_jsx("button", { type: "button", onClick: onDelete, className: "p-2 rounded-md text-text-tertiary hover:text-danger hover:bg-surface-tertiary transition-colors cursor-pointer", "aria-label": `Delete ${title}`, title: "Delete", children: _jsx(TrashIcon, { size: 16 }) }))] }))] }));
+}
+//# sourceMappingURL=CompactResourceRow.js.map

package/dist/components/CompactResourceRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactResourceRow.js","sourceRoot":"","sources":["../../src/components/CompactResourceRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,SAAS,GACV,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAkChD,MAAM,UAAU,kBAAkB,CAAC,EACjC,OAAO,EACP,YAAY,EAAE,YAAY,EAC1B,KAAK,EACL,WAAW,EACX,MAAM,EACN,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,GACkB;IACxB,MAAM,UAAU,GAAG,SAAS,IAAI,MAAM,IAAI,QAAQ,IAAI,QAAQ,IAAI,MAAM,CAAC;IAEzE,OAAO,CACL,eAAK,SAAS,EAAC,sGAAsG,aAEnH,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,MAAM,IACL,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,YAAY,EACpB,QAAQ,EAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,GAC9C,EAGF,eAAK,SAAS,EAAC,SAAS,aACtB,eAAK,SAAS,EAAC,mCAAmC,aAChD,eAAM,SAAS,EAAC,uCAAuC,YACpD,KAAK,GACD,EACN,MAAM,IACH,EACL,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,qDAAqD,YAC/D,WAAW,GACV,CACL,EACA,IAAI,IACD,IACF,EAGL,UAAU,IAAI,CACb,eAAK,SAAS,EAAC,yCAAyC,aACrD,SAAS,IAAI,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,gHAAgH,gBAC9G,WAAW,KAAK,EAAE,EAC9B,KAAK,EAAC,SAAS,YAEf,KAAC,mBAAmB,IAClB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,IAAI,cAAc,CAAC,GAC7C,GACK,CACV,EAEA,MAAM,IAAI,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,gHAAgH,gBAC9G,QAAQ,KAAK,EAAE,EAC3B,KAAK,EAAC,MAAM,YAEZ,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,GACrB,CACV,EAEA,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,GAAG,GACpD,CACP,CAAC,CAAC,CAAC,CACF,QAAQ,IAAI,CACV,KAAC,MAAM,IACL,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAC1B,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAK,EAAE,GACnD,CACH,CACF,EAEA,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,gHAAgH,gBAC9G,UAAU,KAAK,EAAE,EAC7B,KAAK,EAAC,QAAQ,YAEd,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,CACV,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ConfirmDialog.d.ts

@@ -0,0 +1,12 @@
+interface ConfirmDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    confirmVariant?: "danger" | "primary";
+    isLoading?: boolean;
+}
+export declare function ConfirmDialog({ isOpen, onClose, onConfirm, title, description, confirmLabel, confirmVariant, isLoading, }: ConfirmDialogProps): import("react").JSX.Element;
+export {};

package/dist/components/ConfirmDialog.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal } from "./Modal";
+import { Button } from "./Button";
+export function ConfirmDialog({ isOpen, onClose, onConfirm, title, description, confirmLabel = "Confirm", confirmVariant = "danger", isLoading, }) {
+    return (_jsx(Modal, { isOpen: isOpen, onClose: onClose, size: "sm", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "type-card-title", children: title }), _jsx("p", { className: "mt-2 text-sm text-text-tertiary", children: description })] }), _jsxs("div", { className: "flex justify-end gap-3 pt-2", children: [_jsx(Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: confirmVariant, size: "sm", onClick: onConfirm, isLoading: isLoading, children: confirmLabel })] })] }) }));
+}
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/components/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../src/components/ConfirmDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAalC,MAAM,UAAU,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,GAAG,SAAS,EACxB,cAAc,GAAG,QAAQ,EACzB,SAAS,GACU;IACnB,OAAO,CACL,KAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,YAChD,eAAK,SAAS,EAAC,WAAW,aACxB,0BACE,aAAI,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAM,EAC5C,YAAG,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAK,IAC5D,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,uBAE7C,EACT,KAAC,MAAM,IACL,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,SAAS,YAEnB,YAAY,GACN,IACL,IACF,GACA,CACT,CAAC;AACJ,CAAC"}

package/dist/components/CookieConsent.d.ts

@@ -0,0 +1 @@
+export declare function CookieConsent(): import("react").JSX.Element | null;

package/dist/components/CookieConsent.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Link } from "react-router-dom";
+import { Button } from "./Button";
+import { hasConsentChoice, acceptCookies, rejectCookies, } from "../lib/cookies";
+export function CookieConsent() {
+    const [bannerState, setBannerState] = useState("hidden");
+    useEffect(() => {
+        const show = () => {
+            if (!hasConsentChoice())
+                setBannerState("visible");
+        };
+        const timer = setTimeout(show, 500);
+        window.addEventListener("consentChange", show);
+        window.addEventListener("consentSettingsChange", show);
+        return () => {
+            clearTimeout(timer);
+            window.removeEventListener("consentChange", show);
+            window.removeEventListener("consentSettingsChange", show);
+        };
+    }, []);
+    const handleAccept = () => {
+        setBannerState("animating-out");
+        setTimeout(() => {
+            acceptCookies();
+            setBannerState("hidden");
+        }, 300);
+    };
+    const handleReject = () => {
+        setBannerState("animating-out");
+        setTimeout(() => {
+            rejectCookies();
+            setBannerState("hidden");
+        }, 300);
+    };
+    if (bannerState === "hidden")
+        return null;
+    return (_jsx("div", { className: `fixed bottom-0 left-0 right-0 z-40 p-4 transition-all duration-[var(--duration-enter)] ease-out ${bannerState === "animating-out"
+            ? "translate-y-full opacity-0"
+            : "translate-y-0 opacity-100"}`, children: _jsx("div", { className: "mx-auto max-w-4xl", children: _jsxs("div", { className: "relative overflow-hidden rounded-2xl bg-surface-secondary shadow-2xl ring-1 ring-border-secondary", children: [_jsx("div", { className: "absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-text-muted to-transparent" }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("span", { className: "text-xl", children: "\uD83C\uDF6A" }), _jsx("h3", { className: "text-base font-semibold text-text-primary", children: "We value your privacy" })] }), _jsxs("p", { className: "text-sm text-text-tertiary leading-relaxed", children: ["We use cookies to enhance your experience, analyze site traffic, and for marketing purposes. By clicking \"Accept\", you consent to our use of cookies. Read our", " ", _jsx(Link, { to: "/privacy", className: "font-medium text-text-primary hover:text-text-secondary underline underline-offset-2", children: "Privacy Policy" }), " ", "to learn more."] })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center shrink-0", children: [_jsx(Button, { variant: "secondary", onClick: handleReject, children: "Reject All" }), _jsx(Button, { variant: "primary", onClick: handleAccept, children: "Accept All" })] })] }) })] }) }) }));
+}
+//# sourceMappingURL=CookieConsent.js.map

package/dist/components/CookieConsent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieConsent.js","sourceRoot":"","sources":["../../src/components/CookieConsent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,aAAa,GACd,MAAM,gBAAgB,CAAC;AAIxB,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAc,QAAQ,CAAC,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,IAAI,CAAC,gBAAgB,EAAE;gBAAE,cAAc,CAAC,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACpC,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;QAC/C,MAAM,CAAC,gBAAgB,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;YAClD,MAAM,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,cAAc,CAAC,eAAe,CAAC,CAAC;QAChC,UAAU,CAAC,GAAG,EAAE;YACd,aAAa,EAAE,CAAC;YAChB,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,cAAc,CAAC,eAAe,CAAC,CAAC;QAChC,UAAU,CAAC,GAAG,EAAE;YACd,aAAa,EAAE,CAAC;YAChB,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,IAAI,WAAW,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE1C,OAAO,CACL,cACE,SAAS,EAAE,mGACT,WAAW,KAAK,eAAe;YAC7B,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,2BACN,EAAE,YAEF,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAK,SAAS,EAAC,mGAAmG,aAEhH,cAAK,SAAS,EAAC,+FAA+F,GAAG,EAEjH,cAAK,SAAS,EAAC,KAAK,YAClB,eAAK,SAAS,EAAC,oEAAoE,aACjF,eAAK,SAAS,EAAC,QAAQ,aACrB,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eAAM,SAAS,EAAC,SAAS,6BAAU,EACnC,aAAI,SAAS,EAAC,2CAA2C,sCAEpD,IACD,EACN,aAAG,SAAS,EAAC,4CAA4C,iLAGf,GAAG,EAC3C,KAAC,IAAI,IACH,EAAE,EAAC,UAAU,EACb,SAAS,EAAC,sFAAsF,+BAG3F,EAAC,GAAG,sBAET,IACA,EAEN,eAAK,SAAS,EAAC,0DAA0D,aACvE,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,YAAY,2BAExC,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,YAAY,2BAEtC,IACL,IACF,GACF,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/DataTable.d.ts

@@ -0,0 +1,53 @@
+import { type ReactNode } from "react";
+import { type RowData, type SortingState, type OnChangeFn } from "@tanstack/react-table";
+/** Re-export so consumers don't need to import from @tanstack/react-table directly */
+export type { SortingState } from "@tanstack/react-table";
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        className?: string;
+        cellClassName?: string;
+    }
+}
+export interface Column<T> {
+    header: string;
+    accessor: keyof T | ((row: T) => ReactNode);
+    /** Applied to both th and td */
+    className?: string;
+    /** Applied only to td cells (overrides className for cells) */
+    cellClassName?: string;
+    /** Disable sorting for this column (default: sorting enabled) */
+    enableSorting?: boolean;
+    /** Column ID for sorting — defaults to accessor key or header slug */
+    id?: string;
+}
+interface PaginationState {
+    page: number;
+    pageSize: number;
+    total: number;
+}
+interface DataTableProps<T> {
+    columns: Column<T>[];
+    data: T[];
+    keyExtractor: (row: T) => string;
+    emptyState?: ReactNode;
+    onRowClick?: (row: T) => void;
+    /** Compact mode uses tighter padding */
+    compact?: boolean;
+    /** Wrap table in a Card (default: true). Ignored when toolbar or pagination is used. */
+    wrapInCard?: boolean;
+    /** Controlled sorting state (for server-side sorting) */
+    sorting?: SortingState;
+    /** Controlled sorting handler (for server-side sorting) */
+    onSortingChange?: OnChangeFn<SortingState>;
+    /** Server-side pagination */
+    pagination?: PaginationState;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    paginationInfo?: ReactNode;
+    /** Slot above the table (search, filters, actions) */
+    toolbar?: ReactNode;
+    /** Disabled state (passed to pagination) */
+    disabled?: boolean;
+    className?: string;
+}
+export declare function DataTable<T>({ columns, data, keyExtractor, emptyState, onRowClick, compact, wrapInCard, sorting: controlledSorting, onSortingChange: controlledOnSortingChange, pagination, onPageChange, onPageSizeChange, paginationInfo, toolbar, disabled, className, }: DataTableProps<T>): import("react").JSX.Element;

package/dist/components/DataTable.js

@@ -0,0 +1,79 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { flexRender, getCoreRowModel, useReactTable, } from "@tanstack/react-table";
+import { ArrowDownIcon, ArrowUpIcon } from "@phosphor-icons/react";
+import { cn } from "../lib/utils";
+import { Card } from "./Card";
+import { TableShell, TablePagination } from "./TableShell";
+/* ------------------------------------------------------------------ */
+/*  Component                                                          */
+/* ------------------------------------------------------------------ */
+export function DataTable({ columns, data, keyExtractor, emptyState, onRowClick, compact, wrapInCard = true, sorting: controlledSorting, onSortingChange: controlledOnSortingChange, pagination, onPageChange, onPageSizeChange, paginationInfo, toolbar, disabled, className, }) {
+    const hasSorting = !!controlledOnSortingChange;
+    const hasShell = !!toolbar || !!pagination;
+    // Convert Column<T>[] → TanStack ColumnDef<T>[]
+    const tanstackColumns = useMemo(() => columns.map((col) => {
+        const colId = col.id ??
+            (typeof col.accessor === "string"
+                ? col.accessor
+                : col.header.toLowerCase().replace(/\s+/g, "_"));
+        const isFunction = typeof col.accessor === "function";
+        const accessor = col.accessor;
+        return {
+            id: colId,
+            accessorFn: isFunction
+                ? (row) => row[colId]
+                : (row) => row[accessor],
+            header: col.header,
+            enableSorting: col.enableSorting ?? hasSorting,
+            meta: {
+                className: col.className,
+                cellClassName: col.cellClassName,
+            },
+            cell: isFunction
+                ? ({ row }) => accessor(row.original)
+                : ({ getValue }) => getValue(),
+        };
+    }), [columns]);
+    const table = useReactTable({
+        data,
+        columns: tanstackColumns,
+        getRowId: (row) => keyExtractor(row),
+        state: { sorting: controlledSorting ?? [] },
+        onSortingChange: controlledOnSortingChange,
+        getCoreRowModel: getCoreRowModel(),
+        manualSorting: true,
+        manualPagination: true,
+    });
+    const hPad = compact ? "px-4 py-3" : "px-6 py-3";
+    const cPad = compact ? "px-4 py-3" : "px-6 py-4";
+    // Empty state — render before table when no shell
+    if (data.length === 0 && emptyState && !hasShell) {
+        return _jsx(_Fragment, { children: emptyState });
+    }
+    const tableEl = (_jsxs("table", { className: "min-w-full divide-y divide-border-primary", children: [_jsx("thead", { className: hasShell ? "bg-surface-secondary" : "bg-transparent", children: table.getHeaderGroups().map((headerGroup) => (_jsx("tr", { className: hasShell ? "" : "border-b border-border-primary", children: headerGroup.headers.map((header) => {
+                        const canSort = header.column.getCanSort();
+                        const sorted = header.column.getIsSorted();
+                        const meta = header.column.columnDef.meta;
+                        return (_jsx("th", { className: cn(hPad, "text-left text-xs font-medium text-text-tertiary", !hasShell && "uppercase tracking-wider", canSort &&
+                                "cursor-pointer select-none transition-colors hover:text-text-secondary", meta?.className), onClick: canSort
+                                ? header.column.getToggleSortingHandler()
+                                : undefined, children: _jsxs("span", { className: "inline-flex items-center gap-1", children: [header.isPlaceholder
+                                        ? null
+                                        : flexRender(header.column.columnDef.header, header.getContext()), canSort ? (sorted === "asc" ? (_jsx(ArrowUpIcon, { size: 12, className: "text-text-secondary" })) : sorted === "desc" ? (_jsx(ArrowDownIcon, { size: 12, className: "text-text-secondary" })) : (_jsx(ArrowDownIcon, { size: 12, className: "opacity-0" }))) : null] }) }, header.id));
+                    }) }, headerGroup.id))) }), _jsx("tbody", { className: "divide-y divide-border-primary", children: table.getRowModel().rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: tanstackColumns.length, className: "px-4 py-16 text-center", children: emptyState ?? (_jsx("p", { className: "text-sm text-text-disabled", children: "No data" })) }) })) : (table.getRowModel().rows.map((row) => (_jsx("tr", { className: onRowClick ? "cursor-pointer" : "", onClick: () => onRowClick?.(row.original), children: row.getVisibleCells().map((cell) => {
+                        const meta = cell.column.columnDef.meta;
+                        return (_jsx("td", { className: cn(cPad, "whitespace-nowrap text-sm align-top", meta?.cellClassName ?? meta?.className), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
+                    }) }, row.id)))) })] }));
+    // Advanced mode: use TableShell with toolbar/pagination
+    if (hasShell) {
+        const footer = pagination && onPageChange && onPageSizeChange ? (_jsx(TablePagination, { page: pagination.page, pageSize: pagination.pageSize, total: pagination.total, onPageChange: onPageChange, onPageSizeChange: onPageSizeChange, info: paginationInfo, disabled: disabled })) : null;
+        return (_jsx(TableShell, { toolbar: toolbar, footer: footer, className: className, children: tableEl }));
+    }
+    // Simple mode: optional Card wrap
+    if (wrapInCard) {
+        return (_jsx(Card, { padding: "none", className: className, children: _jsx("div", { className: "overflow-x-auto", children: tableEl }) }));
+    }
+    return _jsx("div", { className: cn("overflow-x-auto", className), children: tableEl });
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable.js.map

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

package/dist/components/DevTools.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Dev Tools floating panel - only visible in non-production environments.
+ * Provides tools for developers like production UI preview toggle.
+ * Extensible design for adding more dev tools in the future.
+ */
+export declare function DevTools(): import("react").JSX.Element | null;

package/dist/components/DevTools.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { getActualEnvironment, isPreviewModeEnabled, setPreviewMode, } from "../lib/environment";
+import { isDevIgnoreConsentEnabled, setDevIgnoreConsent, resetConsent, } from "../lib/cookies";
+import { WrenchIcon } from "@phosphor-icons/react";
+/**
+ * Dev Tools floating panel - only visible in non-production environments.
+ * Provides tools for developers like production UI preview toggle.
+ * Extensible design for adding more dev tools in the future.
+ */
+export function DevTools() {
+    const actualEnv = getActualEnvironment();
+    const [previewMode, setPreviewModeState] = useState(isPreviewModeEnabled);
+    const [ignoreConsent, setIgnoreConsentState] = useState(isDevIgnoreConsentEnabled);
+    const [isExpanded, setIsExpanded] = useState(false);
+    // Listen for preview mode changes from other components
+    useEffect(() => {
+        const handleChange = (e) => {
+            setPreviewModeState(e.detail);
+        };
+        window.addEventListener("previewModeChange", handleChange);
+        return () => {
+            window.removeEventListener("previewModeChange", handleChange);
+        };
+    }, []);
+    // Hide in actual production
+    if (actualEnv === "production") {
+        return null;
+    }
+    const handlePreviewToggle = (newValue) => {
+        setPreviewModeState(newValue);
+        setPreviewMode(newValue);
+        // Delay reload to show toggle animation
+        setTimeout(() => {
+            window.location.reload();
+        }, 250);
+    };
+    const handleIgnoreConsentToggle = (newValue) => {
+        setIgnoreConsentState(newValue);
+        setDevIgnoreConsent(newValue);
+        if (newValue) {
+            // Reset consent to show banner
+            resetConsent();
+        }
+    };
+    const toggleButtonClass = previewMode || ignoreConsent
+        ? "bg-white text-text-inverse"
+        : "bg-surface-secondary text-text-tertiary border border-border-secondary hover:bg-surface-tertiary hover:text-text-primary";
+    const switchClass = previewMode ? "bg-white" : "bg-surface-inset";
+    const switchKnobClass = previewMode
+        ? "translate-x-[22px] bg-surface-base"
+        : "translate-x-[2px] bg-zinc-400";
+    const indicatorClass = previewMode ? "bg-white" : "bg-success-muted";
+    const indicatorText = previewMode
+        ? "Previewing Production"
+        : "Local Development";
+    return (_jsxs(_Fragment, { children: [isExpanded && (_jsxs("div", { className: "fixed bottom-16 right-4 z-50 bg-surface-secondary rounded-xl shadow-lg border border-border-secondary overflow-hidden", children: [_jsx("div", { className: "px-4 py-2.5 bg-surface-tertiary border-b border-border-secondary", children: _jsx("h3", { className: "text-xs font-semibold text-text-secondary uppercase tracking-wider", children: "Dev Tools" }) }), _jsxs("div", { className: "p-4 space-y-4 min-w-[220px]", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-xs font-medium text-text-tertiary", children: "Production Preview" }), _jsx("button", { role: "switch", "aria-checked": previewMode, onClick: () => handlePreviewToggle(!previewMode), className: `${switchClass} relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-surface-secondary`, children: _jsx("span", { className: `${switchKnobClass} pointer-events-none inline-block h-5 w-5 rounded-full shadow-md transition-all duration-200 ease-in-out` }) })] }), _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-xs font-medium text-text-tertiary", children: "Show Cookie Banner" }), _jsx("button", { role: "switch", "aria-checked": ignoreConsent, onClick: () => handleIgnoreConsentToggle(!ignoreConsent), className: `${ignoreConsent ? "bg-white" : "bg-surface-inset"} relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-surface-secondary`, children: _jsx("span", { className: `${ignoreConsent ? "translate-x-[22px] bg-surface-base" : "translate-x-[2px] bg-zinc-400"} pointer-events-none inline-block h-5 w-5 rounded-full shadow-md transition-all duration-200 ease-in-out` }) })] })] }), _jsx("div", { className: "px-4 py-2 bg-surface-tertiary border-t border-border-secondary", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${indicatorClass}` }), _jsx("span", { className: "text-xs text-text-muted", children: indicatorText })] }) })] })), _jsx("button", { onClick: () => setIsExpanded(!isExpanded), className: `fixed bottom-4 right-4 z-50 flex items-center justify-center h-10 w-10 rounded-full shadow-lg transition-colors duration-200 ${toggleButtonClass}`, title: "Dev Tools", children: _jsx(WrenchIcon, { size: 20 }) })] }));
+}
+//# sourceMappingURL=DevTools.js.map

package/dist/components/DevTools.js.map

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

package/dist/components/EmptyState.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import type { Icon } from "@phosphor-icons/react";
+interface EmptyStateProps {
+    icon: Icon;
+    title: string;
+    description: string;
+    action?: ReactNode;
+    className?: string;
+}
+export declare function EmptyState({ icon: IconComp, title, description, action, className, }: EmptyStateProps): import("react").JSX.Element;
+export {};

package/dist/components/EmptyState.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from "./Card";
+export function EmptyState({ icon: IconComp, title, description, action, className, }) {
+    return (_jsx(Card, { className: className, children: _jsxs("div", { className: "text-center py-12", children: [_jsx(IconComp, { size: 48, className: "mx-auto text-text-disabled" }), _jsx("h3", { className: "mt-2 text-sm font-medium text-text-primary", children: title }), _jsx("p", { className: "mt-1 text-sm text-text-tertiary", children: description }), action && _jsx("div", { className: "mt-6", children: action })] }) }));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAU9B,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EAAE,QAAQ,EACd,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACO;IAChB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YACxB,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,4BAA4B,GAAG,EAC7D,aAAI,SAAS,EAAC,4CAA4C,YAAE,KAAK,GAAM,EACvE,YAAG,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAK,EAC/D,MAAM,IAAI,cAAK,SAAS,EAAC,MAAM,YAAE,MAAM,GAAO,IAC3C,GACD,CACR,CAAC;AACJ,CAAC"}

package/dist/components/ImageCropModal.d.ts

@@ -0,0 +1,18 @@
+interface ImageCropModalProps {
+    /** The source file selected by the user. Pass `null` to hide the modal. */
+    file: File | null;
+    /** Called with the cropped blob when user confirms. */
+    onCrop: (blob: Blob) => void;
+    /** Called when the modal is dismissed without cropping. */
+    onCancel: () => void;
+    /** Crop shape — `"round"` for avatars, `"rect"` for general images. */
+    cropShape?: "round" | "rect";
+    /** Aspect ratio (width / height). Default `1` (square). */
+    aspect?: number;
+    /** Output pixel size (both dimensions). Default `256`. */
+    outputSize?: number;
+    /** Modal title. Default `"Crop Image"`. */
+    title?: string;
+}
+export declare function ImageCropModal({ file, onCrop, onCancel, cropShape, aspect, outputSize, title, }: ImageCropModalProps): import("react").JSX.Element;
+export {};

package/dist/components/ImageCropModal.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo, useEffect } from "react";
+import Cropper from "react-easy-crop";
+import { Modal } from "./Modal";
+import { Button } from "./Button";
+// =============================================================================
+// Canvas-based crop utility
+// =============================================================================
+function createImage(url) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.addEventListener("load", () => resolve(img));
+        img.addEventListener("error", (err) => reject(err));
+        img.crossOrigin = "anonymous";
+        img.src = url;
+    });
+}
+async function getCroppedBlob(imageSrc, pixelCrop, outputSize = 256) {
+    const image = await createImage(imageSrc);
+    const canvas = document.createElement("canvas");
+    canvas.width = outputSize;
+    canvas.height = outputSize;
+    const ctx = canvas.getContext("2d");
+    if (!ctx)
+        throw new Error("Canvas 2D context unavailable");
+    ctx.drawImage(image, pixelCrop.x, pixelCrop.y, pixelCrop.width, pixelCrop.height, 0, 0, outputSize, outputSize);
+    return new Promise((resolve, reject) => {
+        canvas.toBlob((blob) => (blob ? resolve(blob) : reject(new Error("Crop failed"))), "image/webp", 0.85);
+    });
+}
+export function ImageCropModal({ file, onCrop, onCancel, cropShape = "round", aspect = 1, outputSize = 256, title = "Crop Image", }) {
+    const [crop, setCrop] = useState({ x: 0, y: 0 });
+    const [zoom, setZoom] = useState(1);
+    const [croppedAreaPixels, setCroppedAreaPixels] = useState(null);
+    const [isSaving, setIsSaving] = useState(false);
+    // Stable object URL that gets revoked on file change or unmount
+    const imageSrc = useMemo(() => (file ? URL.createObjectURL(file) : ""), [file]);
+    useEffect(() => {
+        return () => {
+            if (imageSrc)
+                URL.revokeObjectURL(imageSrc);
+        };
+    }, [imageSrc]);
+    const onCropComplete = useCallback((_, pixels) => {
+        setCroppedAreaPixels(pixels);
+    }, []);
+    const handleSave = async () => {
+        if (!croppedAreaPixels || !imageSrc)
+            return;
+        setIsSaving(true);
+        try {
+            const blob = await getCroppedBlob(imageSrc, croppedAreaPixels, outputSize);
+            onCrop(blob);
+        }
+        finally {
+            setIsSaving(false);
+        }
+    };
+    const handleClose = () => {
+        setCrop({ x: 0, y: 0 });
+        setZoom(1);
+        setCroppedAreaPixels(null);
+        onCancel();
+    };
+    return (_jsx(Modal, { isOpen: !!file, onClose: handleClose, title: title, size: "md", children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "relative w-full h-64 bg-surface-primary rounded-lg overflow-hidden", children: imageSrc && (_jsx(Cropper, { image: imageSrc, crop: crop, zoom: zoom, aspect: aspect, cropShape: cropShape, showGrid: false, onCropChange: setCrop, onCropComplete: onCropComplete, onZoomChange: setZoom })) }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-xs text-text-muted w-10 shrink-0", children: "Zoom" }), _jsx("input", { type: "range", min: 1, max: 3, step: 0.05, value: zoom, onChange: (e) => setZoom(Number(e.target.value)), className: "flex-1 accent-accent-muted h-1.5 bg-surface-inset rounded-full appearance-none cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-accent-muted" })] }), _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { variant: "secondary", onClick: handleClose, children: "Cancel" }), _jsx(Button, { onClick: handleSave, isLoading: isSaving, children: "Save" })] })] }) }));
+}
+//# sourceMappingURL=ImageCropModal.js.map

package/dist/components/ImageCropModal.js.map

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

package/dist/components/InlineBanner.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface InlineBannerProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: "success" | "warning" | "error" | "info" | "neutral";
+    /** Override the variant's default icon; pass `null` to hide it entirely. */
+    icon?: ReactNode | null;
+    /** Right-side affordance — a retry button, dismiss control, or link. */
+    action?: ReactNode;
+}
+/**
+ * Compact contextual banner for inline feedback inside content flows (chat
+ * message streams, form footers, list rows) — where the page-level `Alert`
+ * would shout. Same status token scales as `Alert`, but alpha-stepped down
+ * (translucent surface + hairline border) so the banner reads as a tint on
+ * the canvas rather than a solid block, in every theme.
+ *
+ * Token-only: recolors purely from the active theme's `*-surface` / `*-dim` /
+ * status hues; `neutral` reuses the surface/border/text tiers for recoverable,
+ * not-a-problem notes.
+ */
+export declare const InlineBanner: import("react").ForwardRefExoticComponent<InlineBannerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/InlineBanner.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../lib/utils";
+import { CheckCircleIcon, InfoIcon, WarningIcon, XCircleIcon, } from "@phosphor-icons/react";
+/**
+ * Compact contextual banner for inline feedback inside content flows (chat
+ * message streams, form footers, list rows) — where the page-level `Alert`
+ * would shout. Same status token scales as `Alert`, but alpha-stepped down
+ * (translucent surface + hairline border) so the banner reads as a tint on
+ * the canvas rather than a solid block, in every theme.
+ *
+ * Token-only: recolors purely from the active theme's `*-surface` / `*-dim` /
+ * status hues; `neutral` reuses the surface/border/text tiers for recoverable,
+ * not-a-problem notes.
+ */
+export const InlineBanner = forwardRef(({ className, variant = "info", icon, action, children, ...props }, ref) => {
+    const variants = {
+        success: {
+            container: "bg-success-surface/40 border-success-dim/40",
+            text: "text-success",
+            Icon: CheckCircleIcon,
+        },
+        warning: {
+            container: "bg-warning-surface/40 border-warning-dim/40",
+            text: "text-warning",
+            Icon: WarningIcon,
+        },
+        error: {
+            container: "bg-danger-surface/40 border-danger-dim/40",
+            text: "text-danger",
+            Icon: XCircleIcon,
+        },
+        info: {
+            container: "bg-info-surface/40 border-info-dim/40",
+            text: "text-info",
+            Icon: InfoIcon,
+        },
+        neutral: {
+            container: "bg-surface-secondary/40 border-border-primary",
+            text: "text-text-tertiary",
+            Icon: InfoIcon,
+        },
+    };
+    const { container, text, Icon } = variants[variant];
+    const resolvedIcon = icon === undefined ? (_jsx(Icon, { size: 14, weight: "fill", "aria-hidden": "true" })) : (icon);
+    return (_jsxs("div", { ref: ref, role: variant === "error"
+            ? "alert"
+            : variant === "warning" || variant === "success"
+                ? "status"
+                : undefined, className: cn("flex items-start gap-2 rounded-alert border px-3 py-2.5", container, className), ...props, children: [resolvedIcon && (_jsx("span", { className: cn("mt-0.5 shrink-0", text), children: resolvedIcon })), _jsx("div", { className: cn("min-w-0 flex-1 text-xs leading-5", text), children: children }), action && _jsx("div", { className: "ml-2 shrink-0", children: action })] }));
+});
+InlineBanner.displayName = "InlineBanner";
+//# sourceMappingURL=InlineBanner.js.map

package/dist/components/InlineBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineBanner.js","sourceRoot":"","sources":["../../src/components/InlineBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EACL,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAU/B;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACjE,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG;QACf,OAAO,EAAE;YACP,SAAS,EAAE,6CAA6C;YACxD,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,eAAe;SACtB;QACD,OAAO,EAAE;YACP,SAAS,EAAE,6CAA6C;YACxD,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,WAAW;SAClB;QACD,KAAK,EAAE;YACL,SAAS,EAAE,2CAA2C;YACtD,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,WAAW;SAClB;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,uCAAuC;YAClD,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,QAAQ;SACf;QACD,OAAO,EAAE;YACP,SAAS,EAAE,+CAA+C;YAC1D,IAAI,EAAE,oBAAoB;YAC1B,IAAI,EAAE,QAAQ;SACf;KACF,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IACpD,MAAM,YAAY,GAChB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,iBAAa,MAAM,GAAG,CACpD,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;IAEJ,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EACF,OAAO,KAAK,OAAO;YACjB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS;gBAC9C,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,SAAS,EAEjB,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,SAAS,EACT,SAAS,CACV,KACG,KAAK,aAER,YAAY,IAAI,CACf,eAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,YAAG,YAAY,GAAQ,CACpE,EACD,cAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,IAAI,CAAC,YACzD,QAAQ,GACL,EACL,MAAM,IAAI,cAAK,SAAS,EAAC,eAAe,YAAE,MAAM,GAAO,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/components/Input.d.ts

@@ -0,0 +1,8 @@
+import type { InputHTMLAttributes, ReactNode } from "react";
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: ReactNode;
+    error?: string;
+    hint?: string;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/Input.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../lib/utils";
+export const Input = forwardRef(({ className, label, error, hint, id, ...props }, ref) => {
+    return (_jsxs("div", { className: "w-full", children: [label && (_jsx("label", { htmlFor: id, className: "block type-label mb-1", children: label })), _jsx("input", { ref: ref, id: id, className: cn("block w-full rounded-input border px-3 py-2 text-sm text-text-primary bg-surface-secondary shadow-[var(--shadow-input)]", "placeholder:text-text-muted", "focus:outline-none focus:ring-2 focus:ring-white/30 focus:border-border-focus", error
+                    ? "border-danger-muted focus:ring-danger-muted/30 focus:border-danger-muted"
+                    : "border-border-secondary", className), ...props }), error && _jsx("p", { className: "mt-1 text-sm text-status-error", children: error }), hint && !error && (_jsx("p", { className: "mt-1 text-xs text-text-muted", children: hint }))] }));
+});
+Input.displayName = "Input";
+//# sourceMappingURL=Input.js.map

package/dist/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvD,OAAO,CACL,eAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,IAAI,CACR,gBAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,uBAAuB,YAClD,KAAK,GACA,CACT,EACD,gBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CACX,yHAAyH,EACzH,6BAA6B,EAC7B,+EAA+E,EAC/E,KAAK;oBACH,CAAC,CAAC,0EAA0E;oBAC5E,CAAC,CAAC,yBAAyB,EAC7B,SAAS,CACV,KACG,KAAK,GACT,EACD,KAAK,IAAI,YAAG,SAAS,EAAC,gCAAgC,YAAE,KAAK,GAAK,EAClE,IAAI,IAAI,CAAC,KAAK,IAAI,CACjB,YAAG,SAAS,EAAC,8BAA8B,YAAE,IAAI,GAAK,CACvD,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}