@elizaos/ui 2.0.0-alpha.37

package/dist/components/ui/status-badge.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export type StatusTone = "success" | "warning" | "danger" | "muted";
+export declare function statusToneForBoolean(condition: boolean, onTone?: StatusTone, offTone?: StatusTone): StatusTone;
+export interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    label: string;
+    tone: StatusTone;
+    withDot?: boolean;
+}
+export declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export interface StatusDotProps extends React.HTMLAttributes<HTMLSpanElement> {
+    status: string;
+}
+export declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
+export interface StatCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    value: React.ReactNode;
+    accent?: boolean;
+}
+export declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=status-badge.d.ts.map

package/dist/components/ui/status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAqBpE,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,OAAO,EAClB,MAAM,GAAE,UAAsB,EAC9B,OAAO,GAAE,UAAoB,GAC5B,UAAU,CAEZ;AAID,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,0FAoBvB,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC3E,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,wFAsBrB,CAAC;AAKF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,sFAuBpB,CAAC"}

package/dist/components/ui/status-badge.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const STATUS_TONE_STYLES = {
+    success: {
+        badge: "text-ok border-ok/30 bg-ok/10",
+        dot: "bg-ok",
+    },
+    warning: {
+        badge: "text-warn border-warn/30 bg-warn/10",
+        dot: "bg-warn",
+    },
+    danger: {
+        badge: "text-destructive border-destructive/30 bg-destructive/10",
+        dot: "bg-destructive",
+    },
+    muted: {
+        badge: "text-muted border-border bg-bg",
+        dot: "bg-muted",
+    },
+};
+export function statusToneForBoolean(condition, onTone = "success", offTone = "muted") {
+    return condition ? onTone : offTone;
+}
+export const StatusBadge = React.forwardRef(({ label, tone, withDot = false, className, ...props }, ref) => {
+    const styles = STATUS_TONE_STYLES[tone];
+    return (_jsxs("span", { ref: ref, className: cn("inline-flex items-center gap-1 rounded-sm border px-2 py-0.5 text-[10px] font-bold uppercase", styles.badge, className), ...props, children: [withDot && (_jsx("span", { className: cn("h-1.5 w-1.5 rounded-full", styles.dot) })), label] }));
+});
+StatusBadge.displayName = "StatusBadge";
+export const StatusDot = React.forwardRef(({ status, className, ...props }, ref) => {
+    const tone = status === "success" || status === "completed" || status === "connected"
+        ? "success"
+        : status === "error" || status === "failed" || status === "denied"
+            ? "danger"
+            : "muted";
+    const styles = STATUS_TONE_STYLES[tone];
+    return (_jsx("span", { ref: ref, className: cn("inline-block h-2 w-2 rounded-full", styles.dot, className), ...props }));
+});
+StatusDot.displayName = "StatusDot";
+export const StatCard = React.forwardRef(({ label, value, accent = false, className, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn("flex flex-col items-center justify-center border border-border bg-bg p-3 min-w-[80px]", className), ...props, children: [_jsx("div", { className: cn("text-lg font-bold tabular-nums", accent && "text-accent"), children: value }), _jsx("div", { className: "mt-0.5 text-[10px] uppercase tracking-wide text-muted", children: label })] })));
+StatCard.displayName = "StatCard";

package/dist/components/ui/switch.d.ts

@@ -0,0 +1,5 @@
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React from "react";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/ui/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,8JAkBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/switch.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const Switch = React.forwardRef(({ className, ...props }, ref) => (_jsx(SwitchPrimitives.Root, { className: cn("peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref, children: _jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-bg shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") }) })));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+export { Switch };

package/dist/components/ui/tabs.d.ts

@@ -0,0 +1,8 @@
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/ui/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAYZ,CAAC;AAGH,QAAA,MAAM,WAAW,gKAYf,CAAC;AAGH,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/tabs.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const Tabs = TabsPrimitive.Root;
+const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-fg", className), ...props })));
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-bg transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-bg data-[state=active]:text-txt data-[state=active]:shadow-sm", className), ...props })));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("mt-2 ring-offset-bg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props })));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/tag-editor.d.ts

@@ -0,0 +1,24 @@
+/**
+ * TagEditor — add/remove string tags with chip display.
+ *
+ * Fully generic; no app-context dependency. Callers pass translated labels
+ * via props (with English defaults so the component works out-of-the-box).
+ */
+export interface TagEditorProps {
+    label: string;
+    items: string[];
+    onChange: (items: string[]) => void;
+    placeholder?: string;
+    /** Label for the Add button. Defaults to "Add". */
+    addLabel?: string;
+    /** Label for the remove button. Defaults to "×". */
+    removeLabel?: string;
+    /** Optional class for the root container. */
+    className?: string;
+    /** Optional class for the input row. */
+    inputRowClassName?: string;
+    /** Optional class for the scrollable tag list. */
+    listClassName?: string;
+}
+export declare function TagEditor({ label, items, onChange, placeholder, addLabel, removeLabel, className, inputRowClassName, listClassName, }: TagEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tag-editor.d.ts.map

package/dist/components/ui/tag-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-editor.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tag-editor.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAA2B,EAC3B,QAAc,EACd,WAAiB,EACjB,SAAS,EACT,iBAAiB,EACjB,aAAa,GACd,EAAE,cAAc,2CAuEhB"}

package/dist/components/ui/tag-editor.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TagEditor — add/remove string tags with chip display.
+ *
+ * Fully generic; no app-context dependency. Callers pass translated labels
+ * via props (with English defaults so the component works out-of-the-box).
+ */
+import { useState } from "react";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+import { Input } from "./input";
+export function TagEditor({ label, items, onChange, placeholder = "add item...", addLabel = "+", removeLabel = "×", className, inputRowClassName, listClassName, }) {
+    const [inputValue, setInputValue] = useState("");
+    const addItem = () => {
+        const trimmed = inputValue.trim();
+        if (trimmed && !items.includes(trimmed)) {
+            onChange([...items, trimmed]);
+        }
+        setInputValue("");
+    };
+    const removeItem = (index) => {
+        const updated = [...items];
+        updated.splice(index, 1);
+        onChange(updated);
+    };
+    return (_jsxs("div", { className: cn("flex min-h-0 flex-col gap-1.5", className), children: [_jsx("span", { className: "font-semibold text-xs", children: label }), _jsxs("div", { className: cn("flex items-center gap-1.5", inputRowClassName), children: [_jsx(Input, { type: "text", value: inputValue, placeholder: placeholder, onChange: (e) => setInputValue(e.target.value), onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                                e.preventDefault();
+                                addItem();
+                            }
+                        }, className: "h-7 px-2 border-border bg-card text-[11px] focus-visible:ring-1 focus-visible:ring-accent flex-1 min-w-0 shadow-sm" }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 w-7 text-[14px] p-0 text-accent border-none hover:bg-transparent hover:text-accent/80 font-bold", onClick: addItem, children: addLabel })] }), _jsx("div", { className: cn("min-h-0 overflow-y-auto rounded-xl border border-border/40 bg-bg/50 p-2 backdrop-blur-sm", "flex flex-wrap content-start items-start gap-x-1.5 gap-y-1", listClassName), children: items.map((item, i) => (_jsxs("span", { className: "inline-flex items-center justify-between gap-1 px-2 py-0.5 border border-border/50 bg-black/10 rounded text-[11px] h-fit text-txt font-medium", children: [_jsx("span", { className: "truncate max-w-[200px]", title: item, children: item }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-4 w-4 p-0 text-danger/80 hover:text-danger hover:bg-transparent", onClick: () => removeItem(i), children: removeLabel })] }, item))) })] }));
+}

package/dist/components/ui/tag-input.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface TagInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Label shown above the input */
+    label?: string;
+    /** Current list of tags */
+    items: string[];
+    /** Called with the updated tag list */
+    onChange: (items: string[]) => void;
+    /** Placeholder text for the input */
+    placeholder?: string;
+    /** Maximum number of tags */
+    maxItems?: number;
+    /** Label for the explicit add button */
+    addLabel?: string;
+    /** Aria-label template for the remove button */
+    removeLabel?: string;
+}
+export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tag-input.d.ts.map

package/dist/components/ui/tag-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tag-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,sFAoFpB,CAAC"}

package/dist/components/ui/tag-input.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+export const TagInput = React.forwardRef(({ label, items, onChange, placeholder = "Add item…", maxItems, addLabel = "Add", removeLabel = "Remove", className, ...props }, ref) => {
+    const [inputValue, setInputValue] = React.useState("");
+    const addItem = React.useCallback(() => {
+        const trimmed = inputValue.trim();
+        if (!trimmed || items.includes(trimmed))
+            return;
+        if (maxItems != null && items.length >= maxItems)
+            return;
+        onChange([...items, trimmed]);
+        setInputValue("");
+    }, [inputValue, items, onChange, maxItems]);
+    const removeItem = React.useCallback((index) => {
+        const updated = [...items];
+        updated.splice(index, 1);
+        onChange(updated);
+    }, [items, onChange]);
+    return (_jsxs("div", { ref: ref, className: cn("flex flex-col gap-1.5", className), ...props, children: [label && _jsx("span", { className: "text-xs font-semibold", children: label }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("input", { type: "text", value: inputValue, placeholder: placeholder, onChange: (e) => setInputValue(e.target.value), onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                                e.preventDefault();
+                                addItem();
+                            }
+                        }, className: "flex-1 min-w-0 rounded-md border border-input bg-bg px-2 py-1 text-[11px] placeholder:text-muted focus-visible:outline-none focus-visible:border-ring" }), _jsx("button", { type: "button", className: "rounded-md border border-input bg-bg px-1.5 py-0.5 text-[10px] text-muted transition-colors hover:border-accent hover:text-accent", onClick: addItem, children: addLabel })] }), _jsx("div", { className: "flex flex-wrap gap-1.5 rounded-md border border-border bg-bg-accent p-1.5 min-h-[60px] content-start", children: items.map((item, i) => (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-sm border border-border bg-bg px-2 py-0.5 text-[11px]", children: [item, _jsx("button", { type: "button", className: "text-muted hover:text-destructive transition-colors", onClick: () => removeItem(i), "aria-label": `${removeLabel} ${item}`, children: _jsx(X, { className: "h-3 w-3" }) })] }, item))) })] }));
+});
+TagInput.displayName = "TagInput";

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/ui/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;CAAG;AAE9D,QAAA,MAAM,QAAQ,2FAab,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/textarea.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const Textarea = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("textarea", { className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-bg px-3 py-2 text-sm ring-offset-bg placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
+});
+Textarea.displayName = "Textarea";
+export { Textarea };

package/dist/components/ui/themed-select.d.ts

@@ -0,0 +1,27 @@
+/**
+ * ThemedSelect — custom dropdown with grouped options.
+ *
+ * A generic, fully-controlled select component that supports grouped option
+ * lists and optional hint text per item. Has no dependency on any app-level
+ * context; all state is passed in as props.
+ */
+export interface ThemedSelectGroup<T extends string = string> {
+    label: string;
+    items: {
+        id: T;
+        text: string;
+        hint?: string;
+    }[];
+}
+export interface ThemedSelectProps<T extends string = string> {
+    value: T | null;
+    groups: ThemedSelectGroup<T>[];
+    onChange: (id: T) => void;
+    placeholder?: string;
+    menuPlacement?: "top" | "bottom";
+    className?: string;
+    triggerClassName?: string;
+    menuClassName?: string;
+}
+export declare function ThemedSelect<T extends string>({ value, groups, onChange, placeholder, menuPlacement, className, triggerClassName, menuClassName, }: ThemedSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=themed-select.d.ts.map

package/dist/components/ui/themed-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/themed-select.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QAAE,EAAE,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACjD;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,KAAK,EACL,MAAM,EACN,QAAQ,EACR,WAAyB,EACzB,aAAwB,EACxB,SAAc,EACd,gBAAqB,EACrB,aAAkB,GACnB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAwGtB"}

package/dist/components/ui/themed-select.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ThemedSelect — custom dropdown with grouped options.
+ *
+ * A generic, fully-controlled select component that supports grouped option
+ * lists and optional hint text per item. Has no dependency on any app-level
+ * context; all state is passed in as props.
+ */
+import { useEffect, useRef, useState } from "react";
+import { Button } from "./button";
+export function ThemedSelect({ value, groups, onChange, placeholder = "select...", menuPlacement = "bottom", className = "", triggerClassName = "", menuClassName = "", }) {
+    const [open, setOpen] = useState(false);
+    const ref = useRef(null);
+    // Close on outside click
+    useEffect(() => {
+        if (!open)
+            return;
+        const handler = (e) => {
+            if (ref.current && !ref.current.contains(e.target))
+                setOpen(false);
+        };
+        document.addEventListener("mousedown", handler);
+        return () => document.removeEventListener("mousedown", handler);
+    }, [open]);
+    // Close on Escape
+    useEffect(() => {
+        if (!open)
+            return;
+        const handler = (e) => {
+            if (e.key === "Escape")
+                setOpen(false);
+        };
+        document.addEventListener("keydown", handler);
+        return () => document.removeEventListener("keydown", handler);
+    }, [open]);
+    // Find current label
+    let currentLabel = placeholder;
+    for (const g of groups) {
+        const found = g.items.find((i) => i.id === value);
+        if (found) {
+            currentLabel = found.hint ? `${found.text} — ${found.hint}` : found.text;
+            break;
+        }
+    }
+    const menuStyle = menuPlacement === "top"
+        ? { bottom: "calc(100% + 0.125rem)" }
+        : { top: "calc(100% + 0.125rem)" };
+    return (_jsxs("div", { ref: ref, className: `relative min-w-0 w-full ${open ? "z-[100]" : ""} ${className}`, children: [_jsxs(Button, { type: "button", variant: "outline", size: "sm", className: `flex h-12 w-full items-center justify-between border-border bg-card px-2.5 py-1.5 text-left text-xs shadow-sm hover:border-accent focus-visible:ring-1 focus-visible:ring-accent ${triggerClassName}`, onClick: () => setOpen(!open), children: [_jsx("span", { className: "truncate", children: currentLabel }), _jsx("span", { className: `ml-2 text-[10px] text-muted transition-transform ${open ? "rotate-180" : ""}`, children: "\u25BC" })] }), open && (_jsx("div", { className: `absolute left-0 right-0 z-50 max-h-[280px] overflow-y-auto rounded-md border border-border bg-card shadow-lg ${menuClassName}`, style: menuStyle, children: groups.map((g) => (_jsxs("div", { children: [_jsx("div", { className: "px-2.5 py-1 text-[10px] font-semibold text-muted bg-bg-muted sticky top-0", children: g.label }), g.items.map((item) => {
+                            const active = item.id === value;
+                            return (_jsxs(Button, { variant: "ghost", size: "sm", className: `w-full justify-start text-left px-2.5 py-1.5 h-auto text-xs rounded-none ${active
+                                    ? "bg-accent text-accent-foreground"
+                                    : "text-txt hover:bg-bg-muted"}`, onClick: () => {
+                                    onChange(item.id);
+                                    setOpen(false);
+                                }, children: [_jsx("span", { className: "font-semibold", children: item.text }), item.hint && (_jsx("span", { className: `ml-1.5 ${active ? "opacity-70" : "text-muted"}`, children: item.hint }))] }, item.id));
+                        })] }, g.label))) }))] }));
+}

package/dist/components/ui/tooltip-extended.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Extended tooltip components for contextual help, icon buttons, guided
+ * tours, and spotlight onboarding overlays.
+ *
+ * All exports here are framework-agnostic (no app context dependency).
+ *
+ * Note: The Radix-based `Tooltip` is exported from `./tooltip`. This file
+ * exports a custom CSS-only hover tooltip (`HoverTooltip`), `IconTooltip`,
+ * `Spotlight`, and `useGuidedTour`.
+ */
+/**
+ * CSS-only hover tooltip that wraps any element in a `<button>` and shows
+ * a floating content panel on hover/focus. Supports controlled `visible`
+ * mode and an optional dismiss button.
+ *
+ * Use `IconTooltip` for a div-based (non-button) variant that is safe to
+ * wrap interactive children.
+ */
+export interface HoverTooltipProps {
+    children: React.ReactNode;
+    content: React.ReactNode;
+    position?: "top" | "bottom" | "left" | "right";
+    delay?: number;
+    showArrow?: boolean;
+    className?: string;
+    visible?: boolean;
+    onDismiss?: () => void;
+}
+export declare function HoverTooltip({ children, content, position, delay, showArrow, className, visible: controlledVisible, onDismiss, }: HoverTooltipProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Lightweight tooltip for icon buttons.
+ *
+ * Uses a `<div>` wrapper (not `<button>`) so it can safely wrap interactive
+ * elements like icon buttons without nesting buttons.
+ */
+export declare function IconTooltip({ children, label, shortcut, position, }: {
+    children: React.ReactNode;
+    label: string;
+    shortcut?: string;
+    position?: "top" | "bottom";
+}): import("react/jsx-runtime").JSX.Element;
+export interface SpotlightProps {
+    target: string;
+    title: string;
+    description: string;
+    step: number;
+    totalSteps: number;
+    onNext: () => void;
+    onPrev: () => void;
+    onSkip: () => void;
+    /** Labels to override defaults. */
+    labels?: {
+        stepOf?: string;
+        skipTour?: string;
+        previous?: string;
+        finish?: string;
+        next?: string;
+    };
+}
+export declare function Spotlight({ target, title, description, step, totalSteps, onNext, onPrev, onSkip, labels, }: SpotlightProps): import("react/jsx-runtime").JSX.Element | null;
+export interface TourStep {
+    target: string;
+    title: string;
+    description: string;
+}
+export declare function useGuidedTour(steps: TourStep[]): {
+    isActive: boolean;
+    currentStep: number;
+    step: TourStep;
+    start: () => void;
+    next: () => void;
+    prev: () => void;
+    skip: () => void;
+    totalSteps: number;
+};
+//# sourceMappingURL=tooltip-extended.d.ts.map

package/dist/components/ui/tooltip-extended.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-extended.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip-extended.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAOH;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,KAAW,EACX,SAAgB,EAChB,SAAc,EACd,OAAO,EAAE,iBAAiB,EAC1B,SAAS,GACV,EAAE,iBAAiB,2CA8EnB;AAID;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B,2CAuBA;AAID,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,mCAAmC;IACnC,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAU,EACV,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAW,GACZ,EAAE,cAAc,kDAgGhB;AAID,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE;;;;;;;;;EAmC9C"}

package/dist/components/ui/tooltip-extended.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Extended tooltip components for contextual help, icon buttons, guided
+ * tours, and spotlight onboarding overlays.
+ *
+ * All exports here are framework-agnostic (no app context dependency).
+ *
+ * Note: The Radix-based `Tooltip` is exported from `./tooltip`. This file
+ * exports a custom CSS-only hover tooltip (`HoverTooltip`), `IconTooltip`,
+ * `Spotlight`, and `useGuidedTour`.
+ */
+import { X } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+export function HoverTooltip({ children, content, position = "top", delay = 300, showArrow = true, className = "", visible: controlledVisible, onDismiss, }) {
+    const [isVisible, setIsVisible] = useState(false);
+    const timeoutRef = useRef(null);
+    const containerRef = useRef(null);
+    const isVisibleState = controlledVisible !== undefined ? controlledVisible : isVisible;
+    const show = useCallback(() => {
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => setIsVisible(true), delay);
+    }, [delay]);
+    const hide = useCallback(() => {
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => setIsVisible(false), 150);
+    }, []);
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current)
+                clearTimeout(timeoutRef.current);
+        };
+    }, []);
+    const positionClasses = {
+        top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+        bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+        left: "right-full top-1/2 -translate-y-1/2 mr-2",
+        right: "left-full top-1/2 -translate-y-1/2 ml-2",
+    };
+    const arrowClasses = {
+        top: "top-full left-1/2 -translate-x-1/2 border-t-border border-l-transparent border-r-transparent border-b-transparent",
+        bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-border border-l-transparent border-r-transparent border-t-transparent",
+        left: "left-full top-1/2 -translate-y-1/2 border-l-border border-t-transparent border-b-transparent border-r-transparent",
+        right: "right-full top-1/2 -translate-y-1/2 border-r-border border-t-transparent border-b-transparent border-l-transparent",
+    };
+    return (_jsxs("button", { type: "button", ref: containerRef, className: "relative inline-flex bg-transparent border-0 p-0 cursor-default", onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [children, isVisibleState && (_jsx("div", { className: `absolute z-50 ${positionClasses[position]} ${className}`, children: _jsxs("div", { className: "relative bg-bg-elevated border border-border rounded-lg shadow-xl p-3 max-w-xs", children: [onDismiss && (_jsx("button", { type: "button", onClick: onDismiss, className: "absolute top-1 right-1 p-1 text-muted hover:text-txt rounded", "aria-label": "Dismiss tooltip", children: _jsx(X, { className: "w-3 h-3" }) })), content, showArrow && (_jsx("div", { className: `absolute w-0 h-0 border-4 ${arrowClasses[position]}` }))] }) }))] }));
+}
+/* ── IconTooltip ─────────────────────────────────────────────────────── */
+/**
+ * Lightweight tooltip for icon buttons.
+ *
+ * Uses a `<div>` wrapper (not `<button>`) so it can safely wrap interactive
+ * elements like icon buttons without nesting buttons.
+ */
+export function IconTooltip({ children, label, shortcut, position = "top", }) {
+    const posClass = position === "top"
+        ? "bottom-full left-1/2 -translate-x-1/2 mb-2"
+        : "top-full left-1/2 -translate-x-1/2 mt-2";
+    const arrowClass = position === "top"
+        ? "top-full left-1/2 -translate-x-1/2 -mt-1 border-4 border-transparent border-t-bg-elevated"
+        : "bottom-full left-1/2 -translate-x-1/2 -mb-1 border-4 border-transparent border-b-bg-elevated";
+    return (_jsxs("div", { className: "relative group", children: [children, _jsxs("div", { className: `absolute ${posClass} px-2 py-1 bg-bg-elevated border border-border text-[11px] text-txt-strong rounded-md whitespace-nowrap opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50 shadow-lg pointer-events-none`, role: "tooltip", children: [_jsx("div", { className: "font-medium", children: label }), shortcut && _jsx("div", { className: "text-muted mt-0.5", children: shortcut }), _jsx("div", { className: `absolute ${arrowClass}` })] })] }));
+}
+export function Spotlight({ target, title, description, step, totalSteps, onNext, onPrev, onSkip, labels = {}, }) {
+    const [targetRect, setTargetRect] = useState(null);
+    useEffect(() => {
+        const element = document.querySelector(target);
+        if (element) {
+            const rect = element.getBoundingClientRect();
+            setTargetRect(rect);
+        }
+    }, [target]);
+    if (!targetRect)
+        return null;
+    const padding = 8;
+    return (_jsxs("div", { className: "fixed inset-0 z-[300] pointer-events-none", children: [_jsx("div", { className: "absolute inset-0 bg-black/60 pointer-events-auto", style: {
+                    clipPath: `polygon(
+            0% 0%,
+            0% 100%,
+            ${targetRect.left - padding}px 100%,
+            ${targetRect.left - padding}px ${targetRect.top - padding}px,
+            ${targetRect.right + padding}px ${targetRect.top - padding}px,
+            ${targetRect.right + padding}px ${targetRect.bottom + padding}px,
+            ${targetRect.left - padding}px ${targetRect.bottom + padding}px,
+            ${targetRect.left - padding}px 100%,
+            100% 100%,
+            100% 0%
+          )`,
+                } }), _jsxs("div", { className: "absolute bg-card border border-border rounded-xl shadow-2xl p-5 max-w-sm pointer-events-auto", style: {
+                    top: targetRect.bottom + padding + 16,
+                    left: Math.min(targetRect.left, window.innerWidth - 340),
+                }, children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("span", { className: "text-xs text-muted font-medium", children: [labels.stepOf ?? "Step", " ", step, " of ", totalSteps] }), _jsx("button", { type: "button", onClick: onSkip, className: "text-xs text-muted hover:text-txt", children: labels.skipTour ?? "Skip Tour" })] }), _jsx("h3", { className: "text-lg font-bold text-txt-strong mb-2", children: title }), _jsx("p", { className: "text-sm text-muted mb-4", children: description }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: onPrev, disabled: step === 1, className: "px-4 py-2 text-sm border border-border rounded-lg disabled:opacity-40 disabled:cursor-not-allowed hover:bg-bg-hover transition-colors", children: labels.previous ?? "Previous" }), _jsx("div", { className: "flex gap-1", children: Array.from({ length: totalSteps }, (_, idx) => idx).map((dotIndex) => (_jsx("div", { className: `w-2 h-2 rounded-full transition-colors ${dotIndex + 1 === step ? "bg-accent" : "bg-border"}` }, `step-dot-${dotIndex}`))) }), _jsx("button", { type: "button", onClick: onNext, className: "px-4 py-2 text-sm bg-accent text-accent-fg rounded-lg hover:opacity-90 transition-opacity", children: step === totalSteps
+                                    ? (labels.finish ?? "Finish")
+                                    : (labels.next ?? "Next") })] })] })] }));
+}
+export function useGuidedTour(steps) {
+    const [isActive, setIsActive] = useState(false);
+    const [currentStep, setCurrentStep] = useState(0);
+    const start = useCallback(() => {
+        setIsActive(true);
+        setCurrentStep(0);
+    }, []);
+    const next = useCallback(() => {
+        if (currentStep < steps.length - 1) {
+            setCurrentStep((prev) => prev + 1);
+        }
+        else {
+            setIsActive(false);
+        }
+    }, [currentStep, steps.length]);
+    const prev = useCallback(() => {
+        setCurrentStep((prev) => Math.max(0, prev - 1));
+    }, []);
+    const skip = useCallback(() => {
+        setIsActive(false);
+    }, []);
+    return {
+        isActive,
+        currentStep,
+        step: steps[currentStep],
+        start,
+        next,
+        prev,
+        skip,
+        totalSteps: steps.length,
+    };
+}

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAalB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ui/tooltip.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 overflow-hidden rounded-md border border-border bg-card px-3 py-1.5 text-sm text-txt shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/components/ui/typography.d.ts

@@ -0,0 +1,17 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const textVariants: (props?: ({
+    variant?: "default" | "small" | "muted" | "medium" | "lead" | "large" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textVariants> {
+    asChild?: boolean;
+}
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const headingVariants: (props?: ({
+    level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
+}
+export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export {};
+//# sourceMappingURL=typography.d.ts.map

package/dist/components/ui/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY;;8EAchB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,wFAWhB,CAAC;AAGF,QAAA,MAAM,eAAe;;8EAcnB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,YAAY,CAAC,OAAO,eAAe,CAAC;CAAG;AAE3C,eAAO,MAAM,OAAO,yFAWnB,CAAC"}