@luxfi/ui 8.2.8 → 8.2.9

package/dist/code-snippet.cjs

@@ -5,9 +5,9 @@ var React = require('react');
 var ui = require('@hanzo/ui');
 var lucideReact = require('lucide-react');
 var shiki = require('shiki');
-var badge_js = require('./badge.js');
-var button_js = require('./button.js');
-var skeleton_js = require('./skeleton.js');
+var badge_cjs = require('./badge.cjs');
+var button_cjs = require('./button.cjs');
+var skeleton_cjs = require('./skeleton.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -155,11 +155,11 @@ var CodeSnippet = React__namespace.forwardRef(
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { style: ui.css("h-3.5 w-3.5 text-muted-foreground") }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-sm font-medium", children: filename })
               ] }),
-              showLanguageBadge && language && /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: language })
+              showLanguageBadge && language && /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: language })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-1", children: [
               expandable && /* @__PURE__ */ jsxRuntime.jsxs(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -172,7 +172,7 @@ var CodeSnippet = React__namespace.forwardRef(
                 }
               ),
               showCopyButton && /* @__PURE__ */ jsxRuntime.jsxs(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -195,8 +195,8 @@ var CodeSnippet = React__namespace.forwardRef(
               },
               children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "p-4 space-y-2", children: Array.from({ length: Math.min(lines.length || 5, 10) }).map(
                 (_, i) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-4", children: [
-                  showLineNumbers && /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { ...ui.sx("h-4 w-8") }),
-                  /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { ...ui.sx("h-4 flex-1") })
+                  showLineNumbers && /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { ...ui.sx("h-4 w-8") }),
+                  /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { ...ui.sx("h-4 flex-1") })
                 ] }, i)
               ) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "font-mono", children: lines.map((line, index) => {
                 const lineNumber = index + startLineNumber;
@@ -230,7 +230,7 @@ var CodeSnippet = React__namespace.forwardRef(
           ),
           expandable && !isExpanded && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-background to-transparent pointer-events-none" }),
           variant === "minimal" && showCopyButton && /* @__PURE__ */ jsxRuntime.jsx(
-            button_js.Button,
+            button_cjs.Button,
             {
               variant: "ghost",
               size: "sm",

package/dist/code-terminal.cjs

@@ -4,9 +4,9 @@
 var ui = require('@hanzo/ui');
 var React = require('react');
 var lucideReact = require('lucide-react');
-var button_js = require('./button.js');
-var input_js = require('./input.js');
-var separator_js = require('./separator.js');
+var button_cjs = require('./button.cjs');
+var input_cjs = require('./input.cjs');
+var separator_cjs = require('./separator.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -343,7 +343,7 @@ var CodeTerminal = React__namespace.forwardRef(
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-1", children: [
               allowClear && /* @__PURE__ */ jsxRuntime.jsx(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -353,7 +353,7 @@ var CodeTerminal = React__namespace.forwardRef(
                 }
               ),
               allowCopy && /* @__PURE__ */ jsxRuntime.jsx(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -363,7 +363,7 @@ var CodeTerminal = React__namespace.forwardRef(
                 }
               ),
               allowDownload && /* @__PURE__ */ jsxRuntime.jsx(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -373,7 +373,7 @@ var CodeTerminal = React__namespace.forwardRef(
                 }
               ),
               allowFullscreen && /* @__PURE__ */ jsxRuntime.jsx(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -402,12 +402,12 @@ var CodeTerminal = React__namespace.forwardRef(
               )
             ] }, line.id)) }) }),
             allowInput && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(separator_js.Separator, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(separator_cjs.Separator, {}),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "form", onSubmit: handleInputSubmit, className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2 font-mono", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { style: ui.css("h-4 w-4 flex-shrink-0") }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "flex-shrink-0", children: prompt }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  input_js.Input,
+                  input_cjs.Input,
                   {
                     ref: inputRef,
                     value: input,

package/dist/collapsible.cjs

@@ -4,7 +4,7 @@
 var gui = require('@hanzo/gui');
 var ui = require('@hanzo/ui');
 var React = require('react');
-var link_js = require('./link.js');
+var link_cjs = require('./link.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -49,7 +49,7 @@ var CollapsibleDetails = (props) => {
   const text = isExpanded ? textProp?.[1] ?? "Hide details" : textProp?.[0] ?? "View details";
   return /* @__PURE__ */ jsxRuntime.jsxs(gui.Collapsible, { open: isExpanded, onOpenChange: setIsExpanded, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      link_js.Link,
+      link_cjs.Link,
       {
         ...ui.sx("text-sm underline decoration-dashed w-fit"),
         style: ui.css("text-sm underline decoration-dashed w-fit"),
@@ -83,7 +83,7 @@ var CollapsibleList = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { width: "100%", ...rest, children: [
     items.slice(0, isExpanded ? void 0 : cutLength).map(renderItem),
     items.length > cutLength && /* @__PURE__ */ jsxRuntime.jsx(
-      link_js.Link,
+      link_cjs.Link,
       {
         ...ui.sx("text-sm underline decoration-dashed w-fit min-w-0"),
         style: ui.css("text-sm underline decoration-dashed w-fit min-w-0"),

package/dist/color-picker.cjs

@@ -4,8 +4,8 @@
 var React = require('react');
 var ui = require('@hanzo/ui');
 var reactColorful = require('react-colorful');
-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) {
@@ -37,7 +37,7 @@ var ColorPicker = React__namespace.forwardRef(
     };
     return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className: ui.cn("flex items-center gap-2", className), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        button_js.Button,
+        button_cjs.Button,
         {
           variant: "outline",
           ...ui.sx("w-[220px] justify-start text-left font-normal"),
@@ -57,7 +57,7 @@ var ColorPicker = React__namespace.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverContent, { ...ui.sx("w-auto p-3"), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx(reactColorful.HexColorPicker, { color, onChange: handleChange }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          input_js.Input,
+          input_cjs.Input,
           {
             value: color,
             onChange: (e) => handleChange(e.target.value),

package/dist/combobox.cjs

@@ -4,7 +4,7 @@
 var React = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@hanzo/ui');
-var button_js = require('./button.js');
+var button_cjs = require('./button.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -38,7 +38,7 @@ function Combobox({
   const [searchValue, setSearchValue] = React__namespace.useState("");
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      button_js.Button,
+      button_cjs.Button,
       {
         variant: "outline",
         role: "combobox",

package/dist/communication-navigation-bar.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) {
@@ -31,9 +31,9 @@ var CommunicationNavigationBar = React__namespace.forwardRef(({ className, conta
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "nav", ref, className: ui.cn("border-b", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "container flex h-16 items-center justify-between", children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "h2", className: "text-lg font-semibold", children: contactName }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { style: ui.css("h-5 w-5") }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Video, { style: ui.css("h-5 w-5") }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { style: ui.css("h-5 w-5") }) })
+      /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { style: ui.css("h-5 w-5") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Video, { style: ui.css("h-5 w-5") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { style: ui.css("h-5 w-5") }) })
     ] })
   ] }) });
 });

package/dist/dashboard-navigation-bar.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) {
@@ -31,8 +31,8 @@ var DashboardNavigationBar = React__namespace.forwardRef(({ className, title, us
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "nav", ref, className: ui.cn("border-b", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "container flex h-16 items-center justify-between", children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "h1", className: "text-xl font-semibold", children: title }),
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { style: ui.css("h-5 w-5") }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { style: ui.css("h-5 w-5") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { style: ui.css("h-5 w-5") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { style: ui.css("h-5 w-5") }) }),
       user && /* @__PURE__ */ jsxRuntime.jsxs(ui.Avatar, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.AvatarImage, { src: user.avatar }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.AvatarFallback, { children: user.name[0] })

package/dist/dialog-stack.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) {
@@ -43,7 +43,7 @@ var DialogStack = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "mb-4 flex items-center justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "h3", className: "text-lg font-semibold", children: dialog.title }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              button_js.Button,
+              button_cjs.Button,
               {
                 variant: "ghost",
                 size: "icon",

package/dist/dialog.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) {
@@ -151,7 +151,7 @@ var DialogContent = React__namespace.forwardRef(function DialogContent2(props, r
 });
 var DialogCloseTrigger = React__namespace.forwardRef(function DialogCloseTrigger2(props, ref) {
   const { className, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(closeButton_js.CloseButton, { ref, className, ...rest, children: props.children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(gui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(closeButton_cjs.CloseButton, { ref, className, ...rest, children: props.children }) });
 });
 var DialogHeader = React__namespace.forwardRef(function DialogHeader2(props, ref) {
   const { startElement: startElementProp, onBackToClick, className, children, ...rest } = props;

package/dist/drawer.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 useNarrow_js = require('./use-narrow.js');
+var closeButton_cjs = require('./close-button.cjs');
+var ink_cjs = require('./ink.cjs');
+var useNarrow_cjs = require('./use-narrow.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -50,7 +50,7 @@ var DrawerRoot = (props) => {
   const [uncontrolled, setUncontrolled] = React__namespace.useState(defaultOpen ?? false);
   const isControlled = open !== void 0;
   const isOpen = isControlled ? open : uncontrolled;
-  const narrow = useNarrow_js.useIsNarrow();
+  const narrow = useNarrow_cjs.useIsNarrow();
   const setOpen = React__namespace.useCallback((nextOpen) => {
     if (!isControlled) setUncontrolled(nextOpen);
     onOpenChange?.({ open: nextOpen });
@@ -164,7 +164,7 @@ var DrawerCloseTrigger = React__namespace.forwardRef(function DrawerCloseTrigger
   return (
     // Placement belongs to the surrounding box, not to the button: CloseButton
     // is a fixed 20px control and has no opinion about where it sits.
-    /* @__PURE__ */ jsxRuntime.jsx(gui.View, { position: "absolute", top: 28, right: 20, zIndex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(gui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(closeButton_js.CloseButton, { ref, ...props }) }) })
+    /* @__PURE__ */ jsxRuntime.jsx(gui.View, { position: "absolute", top: 28, right: 20, zIndex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(gui.Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(closeButton_cjs.CloseButton, { ref, ...props }) }) })
   );
 });
 var DrawerTrigger = ({ asChild = true, children, ...rest }) => {
@@ -174,9 +174,9 @@ var DrawerTrigger = ({ asChild = true, children, ...rest }) => {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(gui.Dialog.Trigger, { asChild, ...rest, children });
 };
-var DrawerHeader = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { gap: 6, padding: 24, paddingBottom: 0, ...props, children: ink_js.ink(children) });
-var DrawerBody = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { flex: 1, overflow: "scroll", padding: 24, ...props, children: ink_js.ink(children) });
-var DrawerFooter = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { alignItems: "center", justifyContent: "flex-end", gap: 8, padding: 24, paddingTop: 0, ...props, children: ink_js.ink(children) });
+var DrawerHeader = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { gap: 6, padding: 24, paddingBottom: 0, ...props, children: ink_cjs.ink(children) });
+var DrawerBody = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(gui.YStack, { flex: 1, overflow: "scroll", padding: 24, ...props, children: ink_cjs.ink(children) });
+var DrawerFooter = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { alignItems: "center", justifyContent: "flex-end", gap: 8, padding: 24, paddingTop: 0, ...props, children: ink_cjs.ink(children) });
 var DrawerTitle = gui.Dialog.Title;
 var DrawerDescription = gui.Dialog.Description;
 var DrawerActionTrigger = gui.Dialog.Close;

package/dist/e-commerce-navigation-bar.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) {
@@ -32,9 +32,9 @@ var ECommerceNavigationBar = React__namespace.forwardRef(({ className, logo, cat
     logo && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "font-bold", children: logo }),
     /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex gap-6", children: categories.map((cat) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "a", href: cat.href, className: "text-sm font-medium", children: cat.label }, cat.href)) }),
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { style: ui.css("h-5 w-5") }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { style: ui.css("h-5 w-5") }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(button_js.Button, { variant: "ghost", size: "icon", ...ui.sx("relative"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { style: ui.css("h-5 w-5") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { style: ui.css("h-5 w-5") }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(button_cjs.Button, { variant: "ghost", size: "icon", ...ui.sx("relative"), children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingCart, { style: ui.css("h-5 w-5") }),
         cartCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "absolute -right-1 -top-1 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-xs text-primary-foreground", children: cartCount })
       ] })

package/dist/editor.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) {
@@ -42,7 +42,7 @@ var Editor = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { ref, className: ui.cn("space-y-2", className), ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex gap-1 border-b pb-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "ghost",
             size: "sm",
@@ -52,7 +52,7 @@ var Editor = React__namespace.forwardRef(
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "ghost",
             size: "sm",
@@ -62,7 +62,7 @@ var Editor = React__namespace.forwardRef(
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "ghost",
             size: "sm",
@@ -72,7 +72,7 @@ var Editor = React__namespace.forwardRef(
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "ghost",
             size: "sm",

package/dist/iam.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var whiteLabel_js = require('./white-label.js');
+var whiteLabel_cjs = require('./white-label.cjs');
 
 // src/iam.ts
 var IamError = class extends Error {
@@ -16,7 +16,7 @@ function isSignedOut(status, msg) {
   return status === 401 || SIGNED_OUT.test(msg);
 }
 function iamBase(host) {
-  const wl = typeof host === "object" && host !== null ? host : whiteLabel_js.resolveWhiteLabel(host);
+  const wl = typeof host === "object" && host !== null ? host : whiteLabel_cjs.resolveWhiteLabel(host);
   return `${wl.issuer}/v1/iam`;
 }
 async function read(call, verb, params) {

package/dist/icon-button.cjs

@@ -2,7 +2,7 @@
 
 var gui = require('@hanzo/gui');
 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) {
@@ -166,7 +166,7 @@ var IconButton = React__namespace.forwardRef(
       }
     );
     if (loadingSkeleton) {
-      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { loading: loadingSkeleton, asChild: true, ref, children: button });
+      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { loading: loadingSkeleton, asChild: true, ref, children: button });
     }
     return button;
   }

package/dist/identity.cjs

@@ -2,8 +2,8 @@
 'use strict';
 
 var React = require('react');
-var iam_js = require('./iam.js');
-var provider_js = require('./provider.js');
+var iam_cjs = require('./iam.cjs');
+var provider_cjs = require('./provider.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -72,8 +72,8 @@ var IdentityProvider = ({
   auth = defaultAuth,
   loginPath = "/login"
 }) => {
-  const whiteLabel = provider_js.useWhiteLabel();
-  const base = React__namespace.useMemo(() => iam_js.iamBase(whiteLabel), [whiteLabel]);
+  const whiteLabel = provider_cjs.useWhiteLabel();
+  const base = React__namespace.useMemo(() => iam_cjs.iamBase(whiteLabel), [whiteLabel]);
   const [status, setStatus] = React__namespace.useState("loading");
   const [account, setAccount] = React__namespace.useState(null);
   const [orgs, setOrgs] = React__namespace.useState([]);
@@ -96,7 +96,7 @@ var IdentityProvider = ({
       }
       const call = { base, token, signal: ac.signal };
       try {
-        const me = await iam_js.iam.account(call);
+        const me = await iam_cjs.iam.account(call);
         if (!live) return;
         if (!me) {
           setStatus("anonymous");
@@ -105,8 +105,8 @@ var IdentityProvider = ({
           return;
         }
         setAccount(me);
-        const rows = await iam_js.iam.organizations(call).catch((e) => {
-          if (e instanceof iam_js.IamError && !e.unauthenticated) return [{ owner: "admin", name: me.owner }];
+        const rows = await iam_cjs.iam.organizations(call).catch((e) => {
+          if (e instanceof iam_cjs.IamError && !e.unauthenticated) return [{ owner: "admin", name: me.owner }];
           throw e;
         });
         if (!live) return;
@@ -115,7 +115,7 @@ var IdentityProvider = ({
         setError(null);
       } catch (e) {
         if (!live || ac.signal.aborted) return;
-        if (e instanceof iam_js.IamError && e.unauthenticated) {
+        if (e instanceof iam_cjs.IamError && e.unauthenticated) {
           setStatus("anonymous");
           setAccount(null);
           setOrgs([]);
@@ -145,7 +145,7 @@ var IdentityProvider = ({
     void (async () => {
       const token = await (auth.token ?? storedToken)();
       if (!live || !token) return;
-      const rows = await iam_js.iam.projects({ base, token, signal: ac.signal }, org.name).catch(() => []);
+      const rows = await iam_cjs.iam.projects({ base, token, signal: ac.signal }, org.name).catch(() => []);
       if (live) setProjects(rows);
     })();
     return () => {
@@ -191,7 +191,7 @@ var IdentityProvider = ({
 };
 function useIdentity() {
   const ctx = React__namespace.useContext(IdentityContext);
-  const whiteLabel = provider_js.useWhiteLabel();
+  const whiteLabel = provider_cjs.useWhiteLabel();
   const fallback = React__namespace.useMemo(() => ({
     status: "anonymous",
     account: null,

package/dist/image-crop.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 ImageCrop = React__namespace.forwardRef(
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center justify-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "outline",
             size: "icon",
@@ -56,7 +56,7 @@ var ImageCrop = React__namespace.forwardRef(
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "outline",
             size: "icon",
@@ -65,7 +65,7 @@ var ImageCrop = React__namespace.forwardRef(
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "outline",
             size: "icon",
@@ -73,7 +73,7 @@ var ImageCrop = React__namespace.forwardRef(
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCw, { style: ui.css("h-4 w-4") })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(button_js.Button, { onClick: () => onCrop?.(src), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(button_cjs.Button, { onClick: () => onCrop?.(src), children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crop, { style: ui.css("mr-2 h-4 w-4") }),
           "Crop"
         ] })

package/dist/image.cjs

@@ -3,7 +3,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 }; }
@@ -197,7 +197,7 @@ var Image = React__default.default.forwardRef(
       display: loading ? "none" : computedStyle.display || styleProp?.display || "block"
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      loading && /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { loading: true, ...skeletonProps }),
+      loading && /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { loading: true, ...skeletonProps }),
       /* @__PURE__ */ jsxRuntime.jsx(
         ui.Box,
         {