@elizaos/ui 2.0.0-alpha.43 → 2.0.0-alpha.45

package/dist/components/ui/button.js

@@ -15,8 +15,8 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
         },
         size: {
             default: "h-10 px-4 py-2",
-            sm: "h-9 rounded-md px-3",
-            lg: "h-11 rounded-md px-8",
+            sm: "h-9 rounded-md px-3 py-1.5",
+            lg: "h-11 rounded-md px-8 py-2.5",
             icon: "h-10 w-10",
         },
     },

package/dist/components/ui/section-card.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { cn } from "../../lib/utils";
 export const SectionCard = React.forwardRef(({ title, description, actions, collapsible = false, defaultCollapsed = false, className, children, ...props }, ref) => {
     const [collapsed, setCollapsed] = React.useState(defaultCollapsed);
-    return (_jsxs("div", { ref: ref, className: cn("border border-border bg-card text-card-fg", className), ...props, children: [(title || actions) && (_jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [_jsxs("div", { className: "flex flex-col gap-0.5", children: [title && (_jsxs("button", { type: "button", className: cn("text-sm font-semibold text-left", collapsible &&
+    return (_jsxs("div", { ref: ref, className: cn("border border-border bg-card text-card-fg", className), ...props, children: [(title || actions) && (_jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [title && (_jsxs("button", { type: "button", className: cn("text-sm font-semibold text-left", collapsible &&
                                     "cursor-pointer hover:text-accent transition-colors", !collapsible && "cursor-default"), onClick: collapsible ? () => setCollapsed((c) => !c) : undefined, tabIndex: collapsible ? 0 : -1, children: [collapsible && (_jsx("span", { className: cn("mr-1.5 inline-block text-[10px] text-muted transition-transform", !collapsed && "rotate-90"), children: "\u25B6" })), title] })), description && (_jsx("span", { className: "text-[11px] text-muted", children: description }))] }), actions && (_jsx("div", { className: "flex items-center gap-2", children: actions }))] })), (!collapsible || !collapsed) && _jsx("div", { className: "p-4", children: children })] }));
 });
 SectionCard.displayName = "SectionCard";

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

@@ -15,8 +15,6 @@ export interface StatCardProps extends React.HTMLAttributes<HTMLDivElement> {
     label: string;
     value: React.ReactNode;
     accent?: boolean;
-    valueClassName?: string;
-    labelClassName?: string;
 }
 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

@@ -1 +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;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,sFAwCpB,CAAC"}
+{"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

@@ -37,5 +37,5 @@ export const StatusDot = React.forwardRef(({ status, className, ...props }, ref)
     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, valueClassName, labelClassName, 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", valueClassName), children: value }), _jsx("div", { className: cn("mt-0.5 text-[10px] uppercase tracking-wide text-muted", labelClassName), children: label })] })));
+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

@@ -1,16 +1,5 @@
+import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as React from "react";
-export type SwitchSize = "default" | "compact";
-export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onChange" | "onClick" | "role" | "aria-checked" | "defaultChecked" | "checked"> {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (next: boolean) => void;
-    onCheckedChange?: (next: boolean) => void;
-    size?: SwitchSize;
-    trackOnClass?: string;
-    trackOffClass?: string;
-    knobClass?: string;
-    disabledClassName?: string;
-}
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+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

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAE/C,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,MAAM,GACN,UAAU,GACV,SAAS,GACT,MAAM,GACN,cAAc,GACd,gBAAgB,GAChB,SAAS,CACZ;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAiBD,QAAA,MAAM,MAAM,uFAqEX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"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

@@ -1,39 +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 SIZE_CLASS = {
-    default: "h-[24px] w-[44px]",
-    compact: "h-5 w-9 border-2 border-transparent",
-};
-const KNOB_CLASS = {
-    default: "h-5 w-5",
-    compact: "h-4 w-4",
-};
-const KNOB_POSITION_CLASS = {
-    default: "translate-x-5",
-    compact: "translate-x-4",
-};
-const Switch = React.forwardRef(({ checked, defaultChecked = false, onChange, onCheckedChange, size = "default", trackOnClass = "bg-primary", trackOffClass = "bg-input", knobClass = "bg-bg shadow-lg", disabledClassName = "cursor-not-allowed opacity-50", className, disabled, ...props }, ref) => {
-    const isControlled = checked !== undefined;
-    const [internalChecked, setInternalChecked] = React.useState(defaultChecked);
-    const isOn = isControlled ? checked : internalChecked;
-    React.useEffect(() => {
-        if (!isControlled) {
-            setInternalChecked(defaultChecked);
-        }
-    }, [defaultChecked, isControlled]);
-    const handleToggle = () => {
-        if (disabled) {
-            return;
-        }
-        const next = !isOn;
-        if (!isControlled) {
-            setInternalChecked(next);
-        }
-        onChange?.(next);
-        onCheckedChange?.(next);
-    };
-    return (_jsx("button", { ...props, ref: ref, type: "button", role: "switch", "aria-checked": isOn, disabled: disabled, className: cn("peer relative inline-flex shrink-0 items-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg", SIZE_CLASS[size], isOn ? trackOnClass : trackOffClass, disabled ? disabledClassName : "cursor-pointer", className), onClick: handleToggle, children: _jsx("span", { className: cn("pointer-events-none absolute left-0.5 top-0.5 block rounded-full ring-0 transition-transform", KNOB_CLASS[size], knobClass, isOn && KNOB_POSITION_CLASS[size]) }) }));
-});
-Switch.displayName = "Switch";
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/ui",
-  "version": "2.0.0-alpha.43",
+  "version": "2.0.0-alpha.45",
   "description": "Reusable UI primitives and components for elizaOS applications.",
   "type": "module",
   "main": "./index.js",
@@ -60,5 +60,6 @@
   "author": "elizaOS Team",
   "engines": {
     "node": ">=18.0.0"
-  }
+  },
+  "gitHead": "cb192f7b21c441e9463d1af2f890c145814baad2"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/ui",
-  "version": "2.0.0-alpha.43",
+  "version": "2.0.0-alpha.45",
   "description": "Reusable UI primitives and components for elizaOS applications.",
   "type": "module",
   "main": "dist/index.js",
@@ -90,5 +90,5 @@
   "engines": {
     "node": ">=18.0.0"
   },
-  "gitHead": "921845fc70406f93b8649731260e3254228cb21a"
+  "gitHead": "22554454220d12365848eb55350bb769df24281c"
 }