ai-design-system 0.1.3 → 0.1.5

package/components/composites/AdjustableLayout/AdjustableLayout.tsx

@@ -54,8 +54,8 @@ export const AdjustableLayout = React.memo<AdjustableLayoutProps>(
     }
     const containerRef = React.useRef<HTMLDivElement>(null)
     const [sizes, setSizes] = React.useState<number[]>(() => {
-      // Load from localStorage or use defaults
-      if (storageKey) {
+      // Load from localStorage or use defaults (only in browser)
+      if (storageKey && typeof window !== 'undefined') {
         const saved = localStorage.getItem(storageKey)
         if (saved) {
           try {
@@ -96,9 +96,9 @@ export const AdjustableLayout = React.memo<AdjustableLayoutProps>(
       return () => window.removeEventListener('resize', updateContainerSize)
     }, [orientation])
 
-    // Save to localStorage when sizes change
+    // Save to localStorage when sizes change (only in browser)
     React.useEffect(() => {
-      if (storageKey) {
+      if (storageKey && typeof window !== 'undefined') {
         localStorage.setItem(storageKey, JSON.stringify(sizes))
       }
     }, [sizes, storageKey])

package/components/composites/WorkflowToolbar/WorkflowToolbar.tsx

@@ -10,6 +10,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/primitives/DropdownMenu";
+import { Icon } from "@/components/primitives/Icon";
 import { cn } from "@/lib/utils";
 
 // ---------------------------------------------------------------------------
@@ -23,8 +24,12 @@ export interface WorkflowVersion {
 
 export interface ToolbarAction {
   id: string;
-  /** Icon element to render inside the button */
-  icon: ReactNode;
+  /**
+   * Icon to render inside the button.
+   * Pass a string icon name from the icon registry (preferred — no icon package needed in consumer)
+   * or a ReactNode for custom icons.
+   */
+  icon: string | ReactNode;
   /** Tooltip text */
   title: string;
   onClick?: () => void;
@@ -76,6 +81,8 @@ export function WorkflowToolbarActions({
             >
               {action.loading ? (
                 <Loader2 className="size-4 animate-spin" />
+              ) : typeof action.icon === 'string' ? (
+                <Icon name={action.icon} size="sm" />
               ) : (
                 action.icon
               )}

package/dist/index.cjs

@@ -2296,6 +2296,11 @@ var defaultIcons = {
     name: "file-text",
     viewBox: "0 0 24 24",
     path: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8zM14 2v6h6M16 13H8m8 4H8m8-8H8"
+  },
+  "message-square": {
+    name: "message-square",
+    viewBox: "0 0 24 24",
+    path: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"
   }
 };
 var IconRegistry = class {
@@ -6790,7 +6795,7 @@ var AdjustableLayout = React33__namespace.memo(
     };
     const containerRef = React33__namespace.useRef(null);
     const [sizes, setSizes] = React33__namespace.useState(() => {
-      if (storageKey) {
+      if (storageKey && typeof window !== "undefined") {
         const saved = localStorage.getItem(storageKey);
         if (saved) {
           try {
@@ -6825,7 +6830,7 @@ var AdjustableLayout = React33__namespace.memo(
       return () => window.removeEventListener("resize", updateContainerSize);
     }, [orientation]);
     React33__namespace.useEffect(() => {
-      if (storageKey) {
+      if (storageKey && typeof window !== "undefined") {
         localStorage.setItem(storageKey, JSON.stringify(sizes));
       }
     }, [sizes, storageKey]);
@@ -7165,7 +7170,7 @@ function WorkflowToolbarActions({
       title: action.title,
       variant: "secondary",
       children: [
-        action.loading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : action.icon,
+        action.loading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : typeof action.icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: action.icon, size: "sm" }) : action.icon,
         action.indicator && !action.loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1.5 right-1.5 size-2 rounded-full bg-primary" })
       ]
     },