@luxfi/ui 8.2.8 → 8.2.9

package/dist/input-group.cjs

@@ -4,7 +4,7 @@
 var gui = require('@hanzo/gui');
 var esToolkit = require('es-toolkit');
 var React = require('react');
-var ink_js = require('./ink.js');
+var ink_cjs = require('./ink.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -118,7 +118,7 @@ var InputGroup = React__namespace.forwardRef(
               style: { color: "var(--color-icon-secondary)" },
               className: startClassName,
               ...startRest,
-              children: ink_js.ink(startElement)
+              children: ink_cjs.ink(startElement)
             }
           ),
           React__namespace.Children.map(children, (child) => {
@@ -150,7 +150,7 @@ var InputGroup = React__namespace.forwardRef(
               style: { color: "var(--color-icon-secondary)" },
               className: endClassName,
               ...endRest,
-              children: ink_js.ink(endElement)
+              children: ink_cjs.ink(endElement)
             }
           )
         ]

package/dist/item.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var ui = require('@hanzo/ui');
-var separator_js = require('./separator.js');
+var separator_cjs = require('./separator.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/item.tsx
@@ -21,7 +21,7 @@ function ItemSeparator({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    separator_js.Separator,
+    separator_cjs.Separator,
     {
       "data-slot": "item-separator",
       orientation: "horizontal",

package/dist/kanban.cjs

@@ -8,10 +8,10 @@ var ui = require('@hanzo/ui');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
 var lucideReact = require('lucide-react');
-var badge_js = require('./badge.js');
-var button_js = require('./button.js');
-var input_js = require('./input.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 textarea_cjs = require('./textarea.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -135,7 +135,7 @@ function KanbanCardComponent({
     /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "h4", className: "font-medium text-sm leading-tight mb-2 break-words", children: card.title }),
     card.description && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "p", className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: card.description }),
     card.labels && card.labels.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex flex-wrap gap-1 mb-2", children: card.labels.map((label) => /* @__PURE__ */ jsxRuntime.jsx(
-      badge_js.Badge,
+      badge_cjs.Badge,
       {
         variant: "outline",
         className: "text-xs h-5",
@@ -172,7 +172,7 @@ function KanbanCardComponent({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-            button_js.Button,
+            button_cjs.Button,
             {
               variant: "ghost",
               size: "icon",
@@ -218,13 +218,13 @@ function KanbanColumnComponent({
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center justify-between mb-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "h3", className: "font-semibold text-sm", children: column.title }),
-            /* @__PURE__ */ jsxRuntime.jsxs(badge_js.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(badge_cjs.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: [
               column.cards.length,
               column.limit && `/${column.limit}`
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            button_js.Button,
+            button_cjs.Button,
             {
               variant: "ghost",
               size: "icon",
@@ -310,7 +310,7 @@ function CardFormDialog({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "title", children: "Title *" }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          input_js.Input,
+          input_cjs.Input,
           {
             id: "title",
             value: formData.title,
@@ -323,7 +323,7 @@ function CardFormDialog({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "description", children: "Description" }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          textarea_js.Textarea,
+          textarea_cjs.Textarea,
           {
             id: "description",
             value: formData.description,
@@ -359,7 +359,7 @@ function CardFormDialog({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "assignee", children: "Assignee" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            input_js.Input,
+            input_cjs.Input,
             {
               id: "assignee",
               value: formData.assignee,
@@ -372,7 +372,7 @@ function CardFormDialog({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "dueDate", children: "Due Date" }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          input_js.Input,
+          input_cjs.Input,
           {
             id: "dueDate",
             type: "date",
@@ -383,7 +383,7 @@ function CardFormDialog({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogFooter, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             type: "button",
             variant: "outline",
@@ -391,7 +391,7 @@ function CardFormDialog({
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(button_js.Button, { type: "submit", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(button_cjs.Button, { type: "submit", children: [
           card ? "Update" : "Create",
           " Card"
         ] })
@@ -568,7 +568,7 @@ function KanbanBoard({
       /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "relative", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { style: ui.css("absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground") }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          input_js.Input,
+          input_cjs.Input,
           {
             placeholder: "Search cards...",
             value: searchQuery,

package/dist/limelight-nav.cjs

@@ -4,8 +4,8 @@
 var React = require('react');
 var ui = require('@hanzo/ui');
 var lucideReact = require('lucide-react');
-var button_js = require('./button.js');
-var input_js = require('./input.js');
+var button_cjs = require('./button.cjs');
+var input_cjs = require('./input.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -55,7 +55,7 @@ var LimelightNav = React__namespace.forwardRef(
           ...props,
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
-              button_js.Button,
+              button_cjs.Button,
               {
                 variant: "outline",
                 onClick: () => setIsOpen(true),
@@ -95,7 +95,7 @@ var LimelightNav = React__namespace.forwardRef(
               onClick: (e) => e.stopPropagation(),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  input_js.Input,
+                  input_cjs.Input,
                   {
                     placeholder: "Search navigation...",
                     value: search,

package/dist/link.cjs

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var ui = require('@hanzo/ui');
-var skeleton_js = require('./skeleton.js');
+var skeleton_cjs = require('./skeleton.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -135,7 +135,7 @@ var Link = React__default.default.forwardRef(
     const linkStyle = Object.keys(shimStyle).length > 0 ? shimStyle : void 0;
     if (external) {
       const processedHref = typeof href === "string" ? stripUtmParams(href) : href;
-      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { loading, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { loading, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
         ui.Box,
         {
           tag: "a",
@@ -154,7 +154,7 @@ var Link = React__default.default.forwardRef(
       ) });
     }
     if (href) {
-      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { loading, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { loading, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         ui.Box,
         {
           tag: "a",
@@ -167,7 +167,7 @@ var Link = React__default.default.forwardRef(
         }
       ) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { loading, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { loading, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       ui.Box,
       {
         tag: "span",
@@ -242,14 +242,14 @@ var LinkOverlay = React__default.default.forwardRef(
           target: "_blank",
           rel: "noopener noreferrer",
           ...rest,
-          children: (children || !noIcon && href) && /* @__PURE__ */ jsxRuntime.jsxs(skeleton_js.Skeleton, { ...ui.sx("inline-flex items-center max-w-full h-full"), loading, children: [
+          children: (children || !noIcon && href) && /* @__PURE__ */ jsxRuntime.jsxs(skeleton_cjs.Skeleton, { ...ui.sx("inline-flex items-center max-w-full h-full"), loading, children: [
             children,
             !noIcon && href && /* @__PURE__ */ jsxRuntime.jsx(LinkExternalIcon, { color: iconColor })
           ] })
         }
       );
     }
-    const content = children ? /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { ...ui.sx("inline-flex items-center max-w-full h-full"), loading, children }) : null;
+    const content = children ? /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { ...ui.sx("inline-flex items-center max-w-full h-full"), loading, children }) : null;
     if (href) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         ui.Box,

package/dist/lux.config.cjs

@@ -7,7 +7,7 @@ var gui = require('@hanzo/gui');
 var guiConfig = require('@hanzo/ui/gui-config');
 var v5 = require('@hanzogui/config/v5');
 var v5Css = require('@hanzogui/config/v5-css');
-var whiteLabel_js = require('./white-label.js');
+var whiteLabel_cjs = require('./white-label.cjs');
 
 var TRUE_BLACK = "#000000";
 var darkBase = {
@@ -27,11 +27,11 @@ var brandTheme = (accent, extra = {}) => ({
 });
 var luxThemes = {
   dark: darkBase,
-  dark_lux: brandTheme(whiteLabel_js.LUX_BRAND.lux),
-  dark_zoo: brandTheme(whiteLabel_js.LUX_BRAND.zoo),
-  dark_hanzo: brandTheme(whiteLabel_js.LUX_BRAND.hanzo),
-  dark_pars: brandTheme(whiteLabel_js.LUX_BRAND.pars, { accentColor: whiteLabel_js.PARS_GOLD }),
-  dark_bootnode: brandTheme(whiteLabel_js.LUX_BRAND.bootnode)
+  dark_lux: brandTheme(whiteLabel_cjs.LUX_BRAND.lux),
+  dark_zoo: brandTheme(whiteLabel_cjs.LUX_BRAND.zoo),
+  dark_hanzo: brandTheme(whiteLabel_cjs.LUX_BRAND.hanzo),
+  dark_pars: brandTheme(whiteLabel_cjs.LUX_BRAND.pars, { accentColor: whiteLabel_cjs.PARS_GOLD }),
+  dark_bootnode: brandTheme(whiteLabel_cjs.LUX_BRAND.bootnode)
 };
 var config = gui.createGui({
   ...v5.defaultConfig,
@@ -50,11 +50,11 @@ var lux_config_default = config;
 
 Object.defineProperty(exports, "LUX_BRAND", {
   enumerable: true,
-  get: function () { return whiteLabel_js.LUX_BRAND; }
+  get: function () { return whiteLabel_cjs.LUX_BRAND; }
 });
 Object.defineProperty(exports, "PARS_GOLD", {
   enumerable: true,
-  get: function () { return whiteLabel_js.PARS_GOLD; }
+  get: function () { return whiteLabel_cjs.PARS_GOLD; }
 });
 exports.config = config;
 exports.default = lux_config_default;

package/dist/menu.cjs

@@ -3,7 +3,7 @@
 
 var gui = require('@hanzo/gui');
 var lucideReact = require('lucide-react');
-var ink_js = require('./ink.js');
+var ink_cjs = require('./ink.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var ITEM_HOVER = "var(--color-popover-item-hover)";
@@ -83,7 +83,7 @@ var MenuItem = ({ children, value: _value, asChild, ...rest }) => (
       paddingVertical: 6,
       disabledStyle: { opacity: 0.5, pointerEvents: "none" },
       ...rest,
-      children: ink_js.ink(children, void 0, { fontSize: 14, color: TEXT })
+      children: ink_cjs.ink(children, void 0, { fontSize: 14, color: TEXT })
     }
   )
 );
@@ -131,7 +131,7 @@ var MenuCheckboxItem = ({ children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx
     ...rest,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(Indicator, {}),
-      ink_js.ink(children, void 0, { fontSize: 14, color: TEXT })
+      ink_cjs.ink(children, void 0, { fontSize: 14, color: TEXT })
     ]
   }
 );
@@ -148,7 +148,7 @@ var MenuRadioItem = ({ children, ...rest }) => /* @__PURE__ */ jsxRuntime.jsxs(
     ...rest,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(Indicator, {}),
-      ink_js.ink(children, void 0, { fontSize: 14, color: TEXT })
+      ink_cjs.ink(children, void 0, { fontSize: 14, color: TEXT })
     ]
   }
 );
@@ -164,7 +164,7 @@ var MenuTriggerItem = ({ startIcon, children, ...rest }) => /* @__PURE__ */ jsxR
     ...rest,
     children: [
       startIcon,
-      /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { flex: 1, children: ink_js.ink(children, void 0, { fontSize: 14, color: TEXT }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { flex: 1, children: ink_cjs.ink(children, void 0, { fontSize: 14, color: TEXT }) }),
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 16 })
     ]
   }

package/dist/message-dock.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) {
@@ -62,7 +62,7 @@ var MessageDock = React__namespace.forwardRef(
                 message.description && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "p", className: "mt-1 text-sm text-muted-foreground", children: message.description })
               ] }),
               onClose && /* @__PURE__ */ jsxRuntime.jsx(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "icon",

package/dist/mini-calendar.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) {
@@ -75,12 +75,12 @@ var MiniCalendar = React__namespace.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "mb-2 flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", onClick: previousMonth, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { style: ui.css("h-4 w-4") }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", onClick: previousMonth, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { style: ui.css("h-4 w-4") }) }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-sm font-medium", children: month.toLocaleString("default", {
               month: "long",
               year: "numeric"
             }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", onClick: nextMonth, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { style: ui.css("h-4 w-4") }) })
+            /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", onClick: nextMonth, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { style: ui.css("h-4 w-4") }) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "grid grid-cols-7 gap-1 text-center text-xs", children: [
             weekDays.map((day) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "p-1 font-medium text-muted-foreground", children: day }, day)),

package/dist/music-player.cjs

@@ -4,8 +4,8 @@
 var React = require('react');
 var ui = require('@hanzo/ui');
 var lucideReact = require('lucide-react');
-var button_js = require('./button.js');
-var slider_js = require('./slider.js');
+var button_cjs = require('./button.cjs');
+var slider_cjs = require('./slider.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -217,7 +217,7 @@ function MusicPlayer({
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "mb-4 space-y-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            slider_js.Slider,
+            slider_cjs.Slider,
             {
               value: [currentTime],
               max: duration || 100,
@@ -233,7 +233,7 @@ function MusicPlayer({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "mb-4 flex items-center justify-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            button_js.Button,
+            button_cjs.Button,
             {
               variant: "ghost",
               size: "icon",
@@ -242,11 +242,11 @@ function MusicPlayer({
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Shuffle, { style: ui.css("h-4 w-4") })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", onClick: handlePrevious, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SkipBack, { style: ui.css("h-5 w-5") }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { size: "icon", onClick: handlePlayPause, ...ui.sx("h-10 w-10"), children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { style: ui.css("h-5 w-5") }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { style: ui.css("h-5 w-5 ml-0.5") }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", onClick: handleNext, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SkipForward, { style: ui.css("h-5 w-5") }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", onClick: handlePrevious, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SkipBack, { style: ui.css("h-5 w-5") }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { size: "icon", onClick: handlePlayPause, ...ui.sx("h-10 w-10"), children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { style: ui.css("h-5 w-5") }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { style: ui.css("h-5 w-5 ml-0.5") }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", onClick: handleNext, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SkipForward, { style: ui.css("h-5 w-5") }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            button_js.Button,
+            button_cjs.Button,
             {
               variant: "ghost",
               size: "icon",
@@ -257,9 +257,9 @@ function MusicPlayer({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "mb-4 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", onClick: toggleMute, children: isMuted ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.VolumeX, { style: ui.css("h-4 w-4") }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Volume2, { style: ui.css("h-4 w-4") }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", onClick: toggleMute, children: isMuted ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.VolumeX, { style: ui.css("h-4 w-4") }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Volume2, { style: ui.css("h-4 w-4") }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            slider_js.Slider,
+            slider_cjs.Slider,
             {
               value: [isMuted ? 0 : volume],
               max: 1,
@@ -270,7 +270,7 @@ function MusicPlayer({
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Collapsible, { open: showPlaylist, onOpenChange: setShowPlaylist, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(button_js.Button, { variant: "outline", ...ui.sx("w-full justify-between"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(button_cjs.Button, { variant: "outline", ...ui.sx("w-full justify-between"), children: [
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "span", className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListMusic, { style: ui.css("h-4 w-4") }),
               "Playlist (",

package/dist/next.cjs

@@ -2,12 +2,12 @@
 'use strict';
 
 var module$1 = require('module');
-var engine_js = require('./engine.js');
+var engine_cjs = require('./engine.cjs');
 
 function guiAliases(from) {
   const require_ = module$1.createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
   const alias = {};
-  for (const pkg of engine_js.ALIASABLE) {
+  for (const pkg of engine_cjs.ALIASABLE) {
     try {
       alias[`${pkg}$`] = require_.resolve(pkg);
     } catch {
@@ -21,7 +21,7 @@ function withLuxUi(config = {}) {
   const { dir: _dir, ...rest } = config;
   return {
     ...rest,
-    transpilePackages: [.../* @__PURE__ */ new Set([...config.transpilePackages ?? [], ...engine_js.GUI_PACKAGES])],
+    transpilePackages: [.../* @__PURE__ */ new Set([...config.transpilePackages ?? [], ...engine_cjs.GUI_PACKAGES])],
     turbopack: {
       ...config.turbopack,
       resolveAlias: {
@@ -42,7 +42,7 @@ function withLuxUi(config = {}) {
       };
       const webpackModule = context?.webpack;
       if (webpackModule?.DefinePlugin) {
-        next.plugins = [...next.plugins ?? [], new webpackModule.DefinePlugin({ ...engine_js.GUI_DEFINES })];
+        next.plugins = [...next.plugins ?? [], new webpackModule.DefinePlugin({ ...engine_cjs.GUI_DEFINES })];
       }
       return next;
     }
@@ -51,6 +51,6 @@ function withLuxUi(config = {}) {
 
 Object.defineProperty(exports, "GUI_PACKAGES", {
   enumerable: true,
-  get: function () { return engine_js.GUI_PACKAGES; }
+  get: function () { return engine_cjs.GUI_PACKAGES; }
 });
 exports.withLuxUi = withLuxUi;

package/dist/popover.cjs

@@ -4,7 +4,7 @@
 var gui = require('@hanzo/gui');
 var ui = require('@hanzo/ui');
 var React = require('react');
-var closeButton_js = require('./close-button.js');
+var closeButton_cjs = require('./close-button.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -168,7 +168,7 @@ var PopoverCloseTrigger = React__namespace.forwardRef(function PopoverCloseTrigg
       ...rest,
       asChild: true,
       ref,
-      children: /* @__PURE__ */ jsxRuntime.jsx(closeButton_js.CloseButton, {})
+      children: /* @__PURE__ */ jsxRuntime.jsx(closeButton_cjs.CloseButton, {})
     }
   );
 });

package/dist/progress-circle.cjs

@@ -4,7 +4,7 @@
 var gui = require('@hanzo/gui');
 var ui = require('@hanzo/ui');
 var React = require('react');
-var ink_js = require('./ink.js');
+var ink_cjs = require('./ink.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -64,7 +64,7 @@ var ProgressCircleRoot = React__namespace.forwardRef(function ProgressCircleRoot
       style: { display: "inline-flex", fontSize: 14 },
       className,
       ...rest,
-      children: ink_js.ink(children)
+      children: ink_cjs.ink(children)
     }
   ) });
 });
@@ -149,7 +149,7 @@ var ProgressCircleValueText = React__namespace.forwardRef(function ProgressCircl
       },
       className,
       ...rest,
-      children: ink_js.ink(children ?? `${Math.round(value ?? 0)}%`)
+      children: ink_cjs.ink(children ?? `${Math.round(value ?? 0)}%`)
     }
   );
 });

package/dist/provider.cjs

@@ -4,8 +4,8 @@
 var gui = require('@hanzo/gui');
 var reactQuery = require('@tanstack/react-query');
 var React = require('react');
-var config = require('./lux.config.js');
-var whiteLabel_js = require('./white-label.js');
+var config = require('./lux.config.cjs');
+var whiteLabel_cjs = require('./white-label.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -28,16 +28,16 @@ var useFontBodyReset = () => {
     document.head.appendChild(style);
   }, []);
 };
-var WhiteLabelContext = React__default.default.createContext(whiteLabel_js.resolveWhiteLabel(""));
+var WhiteLabelContext = React__default.default.createContext(whiteLabel_cjs.resolveWhiteLabel(""));
 var useWhiteLabel = () => React__default.default.useContext(WhiteLabelContext);
 var useHostWhiteLabel = (host) => {
   const [resolvedHost, setResolvedHost] = React__default.default.useState(host ?? "");
   React__default.default.useEffect(() => {
     if (host !== void 0) return;
-    const browserHost = whiteLabel_js.currentHost();
+    const browserHost = whiteLabel_cjs.currentHost();
     if (browserHost) setResolvedHost(browserHost);
   }, [host]);
-  return React__default.default.useMemo(() => whiteLabel_js.resolveWhiteLabel(resolvedHost), [resolvedHost]);
+  return React__default.default.useMemo(() => whiteLabel_cjs.resolveWhiteLabel(resolvedHost), [resolvedHost]);
 };
 var AppProvider = ({
   children,

package/dist/select.cjs

@@ -5,7 +5,7 @@ var gui = require('@hanzo/gui');
 var ui = require('@hanzo/ui');
 var usehooks = require('@uidotdev/usehooks');
 var React = require('react');
-var skeleton_js = require('./skeleton.js');
+var skeleton_cjs = require('./skeleton.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -206,7 +206,7 @@ var SelectControl = React__namespace.forwardRef(
       }
     );
     if (loading) {
-      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { loading, asChild: true, children: trigger });
+      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { loading, asChild: true, children: trigger });
     }
     return trigger;
   }

package/dist/sidebar.cjs

@@ -4,11 +4,11 @@
 var ui = require('@hanzo/ui');
 var React = require('react');
 var lucideReact = require('lucide-react');
-var useMobile_js = require('./hooks/use-mobile.js');
-var button_js = require('./button.js');
-var input_js = require('./input.js');
-var separator_js = require('./separator.js');
-var skeleton_js = require('./skeleton.js');
+var useMobile_cjs = require('./hooks/use-mobile.cjs');
+var button_cjs = require('./button.cjs');
+var input_cjs = require('./input.cjs');
+var separator_cjs = require('./separator.cjs');
+var skeleton_cjs = require('./skeleton.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -54,7 +54,7 @@ function SidebarProvider({
   children,
   ...props
 }) {
-  const isMobile = useMobile_js.useIsMobile();
+  const isMobile = useMobile_cjs.useIsMobile();
   const [openMobile, setOpenMobile] = React__namespace.useState(false);
   const [_open, _setOpen] = React__namespace.useState(defaultOpen);
   const open = openProp ?? _open;
@@ -215,7 +215,7 @@ function SidebarTrigger({
 }) {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    button_js.Button,
+    button_cjs.Button,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
@@ -279,7 +279,7 @@ function SidebarInput({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    input_js.Input,
+    input_cjs.Input,
     {
       "data-slot": "sidebar-input",
       "data-sidebar": "input",
@@ -315,7 +315,7 @@ function SidebarSeparator({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    separator_js.Separator,
+    separator_cjs.Separator,
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
@@ -558,14 +558,14 @@ function SidebarMenuSkeleton({
       ...props,
       children: [
         showIcon && /* @__PURE__ */ jsxRuntime.jsx(
-          skeleton_js.Skeleton,
+          skeleton_cjs.Skeleton,
           {
             ...ui.sx("size-4 rounded-md"),
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          skeleton_js.Skeleton,
+          skeleton_cjs.Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
             "data-sidebar": "menu-skeleton-text",