@luxfi/ui 8.2.8 → 8.2.10

package/dist/ai-playground.cjs

@@ -5,10 +5,10 @@ var gui = require('@hanzo/gui');
 var React = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@hanzo/ui');
-var alert_js = require('./alert.js');
-var button_js = require('./button.js');
-var slider_js = require('./slider.js');
-var textarea_js = require('./textarea.js');
+var alert_cjs = require('./alert.cjs');
+var button_cjs = require('./button.cjs');
+var slider_cjs = require('./slider.cjs');
+var textarea_cjs = require('./textarea.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -142,7 +142,7 @@ Your message: "${userMessage.content}"`;
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2", children: [
         messages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "outline",
             size: "sm",
@@ -155,7 +155,7 @@ Your message: "${userMessage.content}"`;
           }
         ),
         showSettings && /* @__PURE__ */ jsxRuntime.jsxs(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "outline",
             size: "sm",
@@ -195,7 +195,7 @@ Your message: "${userMessage.content}"`;
               config.maxTokens
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              slider_js.Slider,
+              slider_cjs.Slider,
               {
                 id: "max-tokens",
                 min: 100,
@@ -214,7 +214,7 @@ Your message: "${userMessage.content}"`;
             config.temperature.toFixed(1)
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            slider_js.Slider,
+            slider_cjs.Slider,
             {
               id: "temperature",
               min: 0,
@@ -230,7 +230,7 @@ Your message: "${userMessage.content}"`;
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "system-prompt", children: "System Prompt" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            textarea_js.Textarea,
+            textarea_cjs.Textarea,
             {
               id: "system-prompt",
               placeholder: "Enter system prompt...",
@@ -244,7 +244,7 @@ Your message: "${userMessage.content}"`;
           )
         ] })
       ] }),
-      error && /* @__PURE__ */ jsxRuntime.jsxs(alert_js.Alert, { children: [
+      error && /* @__PURE__ */ jsxRuntime.jsxs(alert_cjs.Alert, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { style: ui.css("h-4 w-4") }),
         /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { children: error })
       ] }),
@@ -276,7 +276,7 @@ Your message: "${userMessage.content}"`;
                   /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2 mt-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-xs opacity-50", children: message.timestamp.toLocaleTimeString() }),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      button_js.Button,
+                      button_cjs.Button,
                       {
                         variant: "ghost",
                         size: "sm",
@@ -297,7 +297,7 @@ Your message: "${userMessage.content}"`;
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          textarea_js.Textarea,
+          textarea_cjs.Textarea,
           {
             ref: textareaRef,
             placeholder: "Type your message...",
@@ -309,7 +309,7 @@ Your message: "${userMessage.content}"`;
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             onClick: handleSend,
             disabled: !input.trim() || isLoading,

package/dist/ai-tools.cjs

@@ -4,11 +4,11 @@
 var React = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@hanzo/ui');
-var badge_js = require('./badge.js');
-var button_js = require('./button.js');
-var input_js = require('./input.js');
-var separator_js = require('./separator.js');
-var textarea_js = require('./textarea.js');
+var badge_cjs = require('./badge.cjs');
+var button_cjs = require('./button.cjs');
+var input_cjs = require('./input.cjs');
+var separator_cjs = require('./separator.cjs');
+var textarea_cjs = require('./textarea.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -166,12 +166,12 @@ var AITools = React__namespace.forwardRef(
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(ui.CardTitle, { ...ui.sx("text-sm font-medium"), children: tool.name }),
-                  tool.category && /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { variant: "outline", ...ui.sx("text-xs mt-1"), children: tool.category })
+                  tool.category && /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { variant: "outline", ...ui.sx("text-xs mt-1"), children: tool.category })
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center space-x-2", children: [
                 onToolToggle && /* @__PURE__ */ jsxRuntime.jsx(
-                  button_js.Button,
+                  button_cjs.Button,
                   {
                     variant: "ghost",
                     size: "sm",
@@ -200,7 +200,7 @@ var AITools = React__namespace.forwardRef(
                 Object.entries(params).map(([paramName, paramValue]) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-1", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "label", className: "text-xs font-medium capitalize", children: paramName.replace(/_/g, " ") }),
                   typeof paramValue === "string" && paramValue.length > 50 ? /* @__PURE__ */ jsxRuntime.jsx(
-                    textarea_js.Textarea,
+                    textarea_cjs.Textarea,
                     {
                       value: params[paramName] || "",
                       onChange: (e) => handleParameterChange(
@@ -213,7 +213,7 @@ var AITools = React__namespace.forwardRef(
                       rows: 3
                     }
                   ) : /* @__PURE__ */ jsxRuntime.jsx(
-                    input_js.Input,
+                    input_cjs.Input,
                     {
                       value: params[paramName] || "",
                       onChange: (e) => handleParameterChange(
@@ -227,7 +227,7 @@ var AITools = React__namespace.forwardRef(
                   )
                 ] }, paramName)),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  button_js.Button,
+                  button_cjs.Button,
                   {
                     onClick: (e) => {
                       e.stopPropagation();
@@ -255,13 +255,13 @@ var AITools = React__namespace.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wrench, { style: ui.css("h-5 w-5") }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "h3", className: "font-semibold", children: "AI Tools" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(badge_js.Badge, { colorPalette: "gray", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(badge_cjs.Badge, { colorPalette: "gray", children: [
           tools.filter((t) => t.enabled).length,
           " enabled"
         ] })
       ] }) }),
       searchable && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "space-y-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-        input_js.Input,
+        input_cjs.Input,
         {
           placeholder: "Search tools...",
           value: searchQuery,
@@ -277,7 +277,7 @@ var AITools = React__namespace.forwardRef(
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center space-x-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(CategoryIcon, { style: ui.css("h-4 w-4 text-muted-foreground") }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "h4", className: "font-medium text-sm", children: category }),
-                /* @__PURE__ */ jsxRuntime.jsx(separator_js.Separator, { ...ui.sx("flex-1") })
+                /* @__PURE__ */ jsxRuntime.jsx(separator_cjs.Separator, { ...ui.sx("flex-1") })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "space-y-2 pl-6", children: categoryTools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(ToolCard, { tool }, tool.name)) })
             ] }, category);

package/dist/ai-vision.cjs

@@ -5,12 +5,12 @@ var React = require('react');
 var lucideReact = require('lucide-react');
 var sonner = require('sonner');
 var ui = require('@hanzo/ui');
-var badge_js = require('./badge.js');
-var button_js = require('./button.js');
-var input_js = require('./input.js');
-var slider_js = require('./slider.js');
-var switch_js = require('./switch.js');
-var textarea_js = require('./textarea.js');
+var badge_cjs = require('./badge.cjs');
+var button_cjs = require('./button.cjs');
+var input_cjs = require('./input.cjs');
+var slider_cjs = require('./slider.cjs');
+var switch_cjs = require('./switch.cjs');
+var textarea_cjs = require('./textarea.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -178,7 +178,7 @@ var ResultsPanel = ({
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "h3", className: "text-lg font-semibold", children: "Analysis Results" }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(button_js.Button, { variant: "outline", size: "sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(button_cjs.Button, { variant: "outline", size: "sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { style: ui.css("h-4 w-4 mr-2") }),
           "Export"
         ] }) }),
@@ -210,7 +210,7 @@ var ResultsPanel = ({
           /* @__PURE__ */ jsxRuntime.jsxs(ui.CardContent, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "p", className: "text-sm", children: results.description }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              button_js.Button,
+              button_cjs.Button,
               {
                 variant: "ghost",
                 size: "sm",
@@ -226,7 +226,7 @@ var ResultsPanel = ({
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Tag, { style: ui.css("h-4 w-4 mr-2") }),
             "Tags"
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex flex-wrap gap-2", children: results.tags.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsxs(badge_js.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex flex-wrap gap-2", children: results.tags.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsxs(badge_cjs.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: [
             tag.label,
             " (",
             Math.round(tag.confidence * 100),
@@ -241,7 +241,7 @@ var ResultsPanel = ({
           /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-2", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-sm", children: "Emotion:" }),
-              /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { children: results.sentiment.emotion })
+              /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { children: results.sentiment.emotion })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-sm", children: "Confidence:" }),
@@ -265,7 +265,7 @@ var ResultsPanel = ({
             ),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-sm font-medium", children: obj.label })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(badge_js.Badge, { variant: "outline", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(badge_cjs.Badge, { variant: "outline", children: [
             Math.round(obj.confidence * 100),
             "%"
           ] })
@@ -294,7 +294,7 @@ var ResultsPanel = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "ghost",
             size: "sm",
@@ -342,7 +342,7 @@ var ResultsPanel = ({
                 "Face ",
                 index + 1
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(badge_js.Badge, { variant: "outline", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(badge_cjs.Badge, { variant: "outline", children: [
                 Math.round(face.confidence * 100),
                 "%"
               ] })
@@ -666,7 +666,7 @@ var AIVision = React__namespace.forwardRef(
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "bounding-boxes", ...ui.sx("text-sm"), children: "Show Overlays" }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                switch_js.Switch,
+                switch_cjs.Switch,
                 {
                   id: "bounding-boxes",
                   checked: showBoundingBoxes,
@@ -723,7 +723,7 @@ var AIVision = React__namespace.forwardRef(
                 ) }),
                 enableUrl && /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "url", ...ui.sx("mt-4"), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex space-x-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    input_js.Input,
+                    input_cjs.Input,
                     {
                       placeholder: "Enter image URL...",
                       value: urlInput,
@@ -732,7 +732,7 @@ var AIVision = React__namespace.forwardRef(
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    button_js.Button,
+                    button_cjs.Button,
                     {
                       onClick: handleUrlSubmit,
                       disabled: !urlInput.trim(),
@@ -740,7 +740,7 @@ var AIVision = React__namespace.forwardRef(
                     }
                   )
                 ] }) }),
-                enableCamera && /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "camera", ...ui.sx("mt-4"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "space-y-4", children: !isCameraActive ? /* @__PURE__ */ jsxRuntime.jsxs(button_js.Button, { onClick: startCamera, ...ui.sx("w-full"), children: [
+                enableCamera && /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "camera", ...ui.sx("mt-4"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "space-y-4", children: !isCameraActive ? /* @__PURE__ */ jsxRuntime.jsxs(button_cjs.Button, { onClick: startCamera, ...ui.sx("w-full"), children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { style: ui.css("h-4 w-4 mr-2") }),
                   "Start Camera"
                 ] }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-2", children: [
@@ -753,11 +753,11 @@ var AIVision = React__namespace.forwardRef(
                       className: "w-full rounded-lg border"
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { onClick: capturePhoto, ...ui.sx("w-full"), children: "Capture Photo" })
+                  /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { onClick: capturePhoto, ...ui.sx("w-full"), children: "Capture Photo" })
                 ] }) }) }),
                 enableGeneration && /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "generate", ...ui.sx("mt-4"), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-3", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    textarea_js.Textarea,
+                    textarea_cjs.Textarea,
                     {
                       placeholder: "Describe the image you want to generate...",
                       value: generationPrompt,
@@ -766,7 +766,7 @@ var AIVision = React__namespace.forwardRef(
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    button_js.Button,
+                    button_cjs.Button,
                     {
                       onClick: generateImage,
                       disabled: !generationPrompt.trim() || isGenerating,
@@ -823,7 +823,7 @@ var AIVision = React__namespace.forwardRef(
                     "%"
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    slider_js.Slider,
+                    slider_cjs.Slider,
                     {
                       value: [confidenceThreshold],
                       onValueChange: ([value]) => setConfidenceThreshold(value),
@@ -841,7 +841,7 @@ var AIVision = React__namespace.forwardRef(
                     { key: "text", label: "Text", icon: lucideReact.Type },
                     { key: "faces", label: "Faces", icon: lucideReact.Smile }
                   ].map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    button_js.Button,
+                    button_cjs.Button,
                     {
                       variant: selectedTypes.includes(key) ? "default" : "outline",
                       size: "sm",

package/dist/ai-voice-settings.cjs

@@ -4,13 +4,13 @@
 var React = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@hanzo/ui');
-var badge_js = require('./badge.js');
-var button_js = require('./button.js');
-var input_js = require('./input.js');
-var separator_js = require('./separator.js');
-var slider_js = require('./slider.js');
-var switch_js = require('./switch.js');
-var textarea_js = require('./textarea.js');
+var badge_cjs = require('./badge.cjs');
+var button_cjs = require('./button.cjs');
+var input_cjs = require('./input.cjs');
+var separator_cjs = require('./separator.cjs');
+var slider_cjs = require('./slider.cjs');
+var switch_cjs = require('./switch.cjs');
+var textarea_cjs = require('./textarea.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -141,7 +141,7 @@ var VoiceSelector = React__namespace.forwardRef(
         /* @__PURE__ */ jsxRuntime.jsx(ui.SelectTrigger, { id: "voice", children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, { placeholder: "Select voice" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.SelectContent, { children: customVoices.map((voice) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: voice.value, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: voice.label }),
-          /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { variant: "outline", ...ui.sx("text-xs"), children: voice.gender })
+          /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { variant: "outline", ...ui.sx("text-xs"), children: voice.gender })
         ] }) }, voice.value)) })
       ] }),
       showDescription && selected && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "p", className: "text-xs text-muted-foreground", children: selected.description })
@@ -203,7 +203,7 @@ var SpeedControl = React__namespace.forwardRef(
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        slider_js.Slider,
+        slider_cjs.Slider,
         {
           id: "speed",
           min,
@@ -241,7 +241,7 @@ var PitchControl = React__namespace.forwardRef(
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        slider_js.Slider,
+        slider_cjs.Slider,
         {
           id: "pitch",
           min,
@@ -277,7 +277,7 @@ var WakeWordInput = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { ref, className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "wakeWord", children: "Wake Word" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        input_js.Input,
+        input_cjs.Input,
         {
           id: "wakeWord",
           placeholder,
@@ -300,7 +300,7 @@ var CustomInstructions = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { ref, className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "customInstructions", children: "Custom Instructions" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        textarea_js.Textarea,
+        textarea_cjs.Textarea,
         {
           id: "customInstructions",
           placeholder,
@@ -321,7 +321,7 @@ var AutoListenToggle = React__namespace.forwardRef(({ checked, onCheckedChange }
       /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "p", className: "text-xs text-muted-foreground", children: "Automatically start listening after each response" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      switch_js.Switch,
+      switch_cjs.Switch,
       {
         id: "autoListen",
         checked,
@@ -338,7 +338,7 @@ var NoiseCancellationToggle = React__namespace.forwardRef(({ checked, onCheckedC
       /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "p", className: "text-xs text-muted-foreground", children: "Filter background noise for clearer recognition" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      switch_js.Switch,
+      switch_cjs.Switch,
       {
         id: "noiseCancellation",
         checked,
@@ -445,7 +445,7 @@ var AIVoiceSettings = React__namespace.forwardRef(
                 onValueChange: (value) => updateSetting("speed", value)
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(separator_js.Separator, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(separator_cjs.Separator, {}),
             /* @__PURE__ */ jsxRuntime.jsx(
               PitchControl,
               {
@@ -453,9 +453,9 @@ var AIVoiceSettings = React__namespace.forwardRef(
                 onValueChange: (value) => updateSetting("pitch", value)
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(separator_js.Separator, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(separator_cjs.Separator, {}),
             /* @__PURE__ */ jsxRuntime.jsx(
-              button_js.Button,
+              button_cjs.Button,
               {
                 variant: "outline",
                 ...ui.sx("w-full"),
@@ -479,7 +479,7 @@ var AIVoiceSettings = React__namespace.forwardRef(
                   onValueChange: (value) => updateSetting("wakeWord", value)
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(separator_js.Separator, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(separator_cjs.Separator, {}),
               /* @__PURE__ */ jsxRuntime.jsx(
                 CustomInstructions,
                 {
@@ -487,7 +487,7 @@ var AIVoiceSettings = React__namespace.forwardRef(
                   onValueChange: (value) => updateSetting("customInstructions", value)
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(separator_js.Separator, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(separator_cjs.Separator, {}),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   AutoListenToggle,
@@ -496,7 +496,7 @@ var AIVoiceSettings = React__namespace.forwardRef(
                     onCheckedChange: (checked) => updateSetting("autoListen", checked)
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(separator_js.Separator, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(separator_cjs.Separator, {}),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   NoiseCancellationToggle,
                   {
@@ -517,8 +517,8 @@ var AIVoiceSettings = React__namespace.forwardRef(
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "mt-6 flex justify-end gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "outline", onClick: handleReset, children: "Reset to Defaults" }),
-        /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { onClick: handleSave, children: "Save Settings" })
+        /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "outline", onClick: handleReset, children: "Reset to Defaults" }),
+        /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { onClick: handleSave, children: "Save Settings" })
       ] })
     ] });
   }

package/dist/ai-voice.cjs

@@ -4,11 +4,11 @@
 var react = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@hanzo/ui');
-var badge_js = require('./badge.js');
-var button_js = require('./button.js');
-var slider_js = require('./slider.js');
-var switch_js = require('./switch.js');
-var textarea_js = require('./textarea.js');
+var badge_cjs = require('./badge.cjs');
+var button_cjs = require('./button.cjs');
+var slider_cjs = require('./slider.cjs');
+var switch_cjs = require('./switch.cjs');
+var textarea_cjs = require('./textarea.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var defaultVoices = [
@@ -334,7 +334,7 @@ function AIVoice({
           /* @__PURE__ */ jsxRuntime.jsx(ui.CardHeader, { ...ui.sx("pb-3"), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.CardTitle, { ...ui.sx("flex items-center justify-between"), children: [
             "AI Voice Interface",
             /* @__PURE__ */ jsxRuntime.jsx(
-              button_js.Button,
+              button_cjs.Button,
               {
                 variant: "outline",
                 size: "sm",
@@ -358,7 +358,7 @@ function AIVoice({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center justify-center gap-4", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: isListening ? "destructive" : "default",
                   size: "lg",
@@ -377,7 +377,7 @@ function AIVoice({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: isSpeaking ? "destructive" : "outline",
                   size: "lg",
@@ -389,7 +389,7 @@ function AIVoice({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs(button_js.Button, { variant: "outline", size: "lg", onClick: clearTranscript, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(button_cjs.Button, { variant: "outline", size: "lg", onClick: clearTranscript, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { style: ui.css("h-4 w-4") }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "ml-2", children: "Clear" })
               ] })
@@ -404,7 +404,7 @@ function AIVoice({
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                switch_js.Switch,
+                switch_cjs.Switch,
                 {
                   checked: isWakeWordActive,
                   onCheckedChange: setIsWakeWordActive
@@ -412,10 +412,10 @@ function AIVoice({
               )
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2", children: [
-              isListening && /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { variant: "solid", ...ui.sx("animate-pulse"), children: "Listening" }),
-              isSpeaking && /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { colorPalette: "gray", ...ui.sx("animate-pulse"), children: "Speaking" }),
-              isWakeWordActive && /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { variant: "outline", children: "Wake Word Active" }),
-              audioLevel > 0.1 && /* @__PURE__ */ jsxRuntime.jsxs(badge_js.Badge, { variant: "outline", children: [
+              isListening && /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { variant: "solid", ...ui.sx("animate-pulse"), children: "Listening" }),
+              isSpeaking && /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { colorPalette: "gray", ...ui.sx("animate-pulse"), children: "Speaking" }),
+              isWakeWordActive && /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { variant: "outline", children: "Wake Word Active" }),
+              audioLevel > 0.1 && /* @__PURE__ */ jsxRuntime.jsxs(badge_cjs.Badge, { variant: "outline", children: [
                 "Audio: ",
                 Math.round(audioLevel * 100),
                 "%"
@@ -428,7 +428,7 @@ function AIVoice({
           /* @__PURE__ */ jsxRuntime.jsx(ui.CardHeader, { ...ui.sx("pb-3"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardTitle, { ...ui.sx("text-lg"), children: "Transcript" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs(ui.CardContent, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              textarea_js.Textarea,
+              textarea_cjs.Textarea,
               {
                 value: finalTranscript + (transcript ? ` ${transcript}` : ""),
                 onChange: (e) => setFinalTranscript(e.target.value),
@@ -470,7 +470,7 @@ function AIVoice({
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "label", className: "text-sm font-medium", children: "Speed" }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  slider_js.Slider,
+                  slider_cjs.Slider,
                   {
                     value: [speechSpeed],
                     onValueChange: ([value]) => setSpeechSpeed(value),
@@ -488,7 +488,7 @@ function AIVoice({
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "label", className: "text-sm font-medium", children: "Pitch" }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  slider_js.Slider,
+                  slider_cjs.Slider,
                   {
                     value: [speechPitch],
                     onValueChange: ([value]) => setSpeechPitch(value),
@@ -506,7 +506,7 @@ function AIVoice({
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "label", className: "text-sm font-medium", children: "Volume" }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  slider_js.Slider,
+                  slider_cjs.Slider,
                   {
                     value: [speechVolume],
                     onValueChange: ([value]) => setSpeechVolume(value),

package/dist/alert.cjs

@@ -3,9 +3,9 @@
 
 var gui = require('@hanzo/gui');
 var React = require('react');
-var closeButton_js = require('./close-button.js');
-var ink_js = require('./ink.js');
-var skeleton_js = require('./skeleton.js');
+var closeButton_cjs = require('./close-button.cjs');
+var ink_cjs = require('./ink.cjs');
+var skeleton_cjs = require('./skeleton.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -132,7 +132,7 @@ var Alert = React__namespace.forwardRef(
       ...descColumnGap !== void 0 ? { columnGap: typeof descColumnGap === "number" ? `${descColumnGap * 4}px` : descColumnGap } : {}
     };
     const ContentFrame = inline ? gui.XStack : gui.YStack;
-    return /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { loading, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { loading, children: /* @__PURE__ */ jsxRuntime.jsxs(
       gui.XStack,
       {
         ref,
@@ -153,12 +153,12 @@ var Alert = React__namespace.forwardRef(
                 className: descClassName,
                 style: Object.keys(descStyle).length > 0 ? descStyle : void 0,
                 ...descRest,
-                children: ink_js.ink(children, void 0, { fontSize, color: ALERT_FG })
+                children: ink_cjs.ink(children, void 0, { fontSize, color: ALERT_FG })
               }
             )
           ] }) : /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { flex: 1, fontWeight: "600", fontSize, color: ALERT_FG, children: title }),
           endElement,
-          closable && /* @__PURE__ */ jsxRuntime.jsx(gui.View, { position: "relative", alignSelf: "flex-start", children: /* @__PURE__ */ jsxRuntime.jsx(closeButton_js.CloseButton, { onClick: handleClose }) })
+          closable && /* @__PURE__ */ jsxRuntime.jsx(gui.View, { position: "relative", alignSelf: "flex-start", children: /* @__PURE__ */ jsxRuntime.jsx(closeButton_cjs.CloseButton, { onClick: handleClose }) })
         ]
       }
     ) });

package/dist/announcement.cjs

@@ -4,7 +4,7 @@
 var React = require('react');
 var ui = require('@hanzo/ui');
 var lucideReact = require('lucide-react');
-var button_js = require('./button.js');
+var button_cjs = require('./button.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -47,7 +47,7 @@ var Announcement = React__namespace.forwardRef(
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex-1", children }),
           dismissible && /* @__PURE__ */ jsxRuntime.jsxs(
-            button_js.Button,
+            button_cjs.Button,
             {
               variant: "ghost",
               size: "icon",