@luxfi/ui 8.2.8 → 8.2.9

package/dist/app-switcher-navigation-bar.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) {
@@ -41,7 +41,7 @@ var AppSwitcherNavigationBar = React__namespace.forwardRef(({ className, apps, c
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(button_js.Button, { variant: "outline", ...ui.sx("flex items-center gap-2"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(button_cjs.Button, { variant: "outline", ...ui.sx("flex items-center gap-2"), children: [
             current?.icon,
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: current?.name }),
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { style: ui.css("h-4 w-4") })

package/dist/apple-cards-carousel.cjs

@@ -5,7 +5,7 @@ var React4 = require('react');
 var ui = require('@hanzo/ui');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
-var button_js = require('./button.js');
+var button_cjs = require('./button.cjs');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -8888,7 +8888,7 @@ function AppleCardsCarousel({
         }) }) }),
         showArrows && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
-            button_js.Button,
+            button_cjs.Button,
             {
               variant: "ghost",
               size: "icon",
@@ -8906,7 +8906,7 @@ function AppleCardsCarousel({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            button_js.Button,
+            button_cjs.Button,
             {
               variant: "ghost",
               size: "icon",

package/dist/auth.cjs

@@ -4,8 +4,8 @@
 var browser = require('@hanzo/iam/browser');
 var ui = require('@hanzo/ui');
 var React = require('react');
-var identity_js = require('./identity.js');
-var provider_js = require('./provider.js');
+var identity_cjs = require('./identity.cjs');
+var provider_cjs = require('./provider.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -41,7 +41,7 @@ function configureAuth(wl) {
   });
 }
 function useAuth(defaultRedirect = "/") {
-  const whiteLabel = provider_js.useWhiteLabel();
+  const whiteLabel = provider_cjs.useWhiteLabel();
   configureAuth(whiteLabel);
   return React__namespace.useMemo(() => ({
     signIn: (redirect = defaultRedirect) => void browser.startLogin({ redirect }),
@@ -59,7 +59,7 @@ var AuthProvider = ({ children, redirect = "/", onSignOut }) => {
       auth.signOut();
     }
   }), [auth, redirect, onSignOut]);
-  return /* @__PURE__ */ jsxRuntime.jsx(identity_js.IdentityProvider, { auth: identityAuth, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(identity_cjs.IdentityProvider, { auth: identityAuth, children });
 };
 var AuthCallback = ({
   onSignedIn,

package/dist/avatar.cjs

@@ -3,7 +3,7 @@
 
 var gui = require('@hanzo/gui');
 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) {
@@ -119,7 +119,7 @@ var AvatarFallback = React__namespace.forwardRef(
         alignItems: "center",
         justifyContent: "center",
         ...rest,
-        children: ink_js.ink(children ?? (name != null ? getInitials(name) : icon), void 0, { fontWeight: "500" })
+        children: ink_cjs.ink(children ?? (name != null ? getInitials(name) : icon), void 0, { fontWeight: "500" })
       }
     );
   }

package/dist/badge.cjs

@@ -2,8 +2,8 @@
 
 var gui = require('@hanzo/gui');
 var React = require('react');
-var skeleton_js = require('./skeleton.js');
-var tooltip_js = require('./tooltip.js');
+var skeleton_cjs = require('./skeleton.cjs');
+var tooltip_cjs = require('./tooltip.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 
 // src/badge.tsx
 function TruncatedTextTooltip({ label, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(tooltip_js.Tooltip, { content: label, positioning: { placement: "top" }, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(tooltip_cjs.Tooltip, { content: label, positioning: { placement: "top" }, children });
 }
 var SIZE = {
   sm: { padding: 4, height: 18, minHeight: 18 },
@@ -109,7 +109,7 @@ var Badge = React__default.default.forwardRef(
       }
     );
     if (loading) {
-      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { loading, asChild: true, children: badgeElement });
+      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { loading, asChild: true, children: badgeElement });
     }
     return badgeElement;
   }

package/dist/button.cjs

@@ -4,7 +4,7 @@
 var gui = require('@hanzo/gui');
 var ui = require('@hanzo/ui');
 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) {
@@ -303,7 +303,7 @@ var Button = 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;
   }
@@ -352,7 +352,7 @@ var ButtonGroupRadio = React__namespace.forwardRef(
       });
     });
     const childrenLength = React__namespace.Children.count(children);
-    return /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { loading, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { loading, children: /* @__PURE__ */ jsxRuntime.jsx(
       ui.Box,
       {
         ref,

package/dist/chrome.cjs

@@ -4,10 +4,10 @@
 var React = require('react');
 var ui = require('@hanzo/ui');
 var lucideReact = require('lucide-react');
-var drawer_js = require('./drawer.js');
-var identity_js = require('./identity.js');
-var menu_js = require('./menu.js');
-var useNarrow_js = require('./use-narrow.js');
+var drawer_cjs = require('./drawer.cjs');
+var identity_cjs = require('./identity.cjs');
+var menu_cjs = require('./menu.cjs');
+var useNarrow_cjs = require('./use-narrow.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -64,7 +64,7 @@ var Row = ({ item, onDone, menu }) => {
     className
   };
   const control = item.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, ...shared, onClick: onDone, children: body }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...shared, onClick: activate, children: body });
-  return menu ? /* @__PURE__ */ jsxRuntime.jsx(menu_js.MenuItem, { value: item.id, asChild: true, children: control }) : control;
+  return menu ? /* @__PURE__ */ jsxRuntime.jsx(menu_cjs.MenuItem, { value: item.id, asChild: true, children: control }) : control;
 };
 var Switcher = ({
   title,
@@ -81,7 +81,7 @@ var Switcher = ({
   testId
 }) => {
   const [open, setOpen] = React__namespace.useState(false);
-  const narrow = useNarrow_js.useIsNarrow();
+  const narrow = useNarrow_cjs.useIsNarrow();
   const close = React__namespace.useCallback(() => setOpen(false), []);
   const message = status === "loading" ? "Loading\u2026" : status === "error" ? error ?? "Could not reach IAM." : status === "anonymous" ? null : items.length === 0 ? empty : null;
   const rows = status === "anonymous" && onSignIn ? [{ id: "sign-in", label: signInLabel, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { "aria-hidden": "true", style: ui.css("h-4 w-4") }), onSelect: onSignIn }] : status === "ready" ? items : [];
@@ -90,7 +90,7 @@ var Switcher = ({
     message ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { "data-testid": "chrome-message", className: "px-2 py-2 text-sm opacity-70", children: message }) : null,
     rows.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Row, { item, onDone: close, menu }, item.id)),
     footer.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      menu ? /* @__PURE__ */ jsxRuntime.jsx(menu_js.MenuSeparator, { ...ui.sx("my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]") }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]" }),
+      menu ? /* @__PURE__ */ jsxRuntime.jsx(menu_cjs.MenuSeparator, { ...ui.sx("my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]") }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]" }),
       footer.map((item) => /* @__PURE__ */ jsxRuntime.jsx(Row, { item, onDone: close, menu }, item.id))
     ] }) : null
   ] });
@@ -115,29 +115,29 @@ var Switcher = ({
     }
   );
   if (narrow) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(drawer_js.DrawerRoot, { open, onOpenChange: (d) => setOpen(d.open), placement: "bottom", size: "md", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(drawer_cjs.DrawerRoot, { open, onOpenChange: (d) => setOpen(d.open), placement: "bottom", size: "md", children: [
       React__namespace.cloneElement(trigger, { onClick: () => setOpen(true) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(drawer_js.DrawerContent, { "data-testid": testId ? `${testId}-panel` : void 0, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerTitle, { children: title }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerBody, { children: panel(false) })
+      /* @__PURE__ */ jsxRuntime.jsxs(drawer_cjs.DrawerContent, { "data-testid": testId ? `${testId}-panel` : void 0, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(drawer_cjs.DrawerHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(drawer_cjs.DrawerTitle, { children: title }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(drawer_cjs.DrawerBody, { children: panel(false) })
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    menu_js.MenuRoot,
+    menu_cjs.MenuRoot,
     {
       open,
       onOpenChange: (d) => setOpen(d.open),
       positioning: { placement: align === "end" ? "bottom-end" : "bottom-start" },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(menu_js.MenuTrigger, { asChild: true, children: trigger }),
-        /* @__PURE__ */ jsxRuntime.jsx(menu_js.MenuContent, { minW: "16rem", "data-testid": testId ? `${testId}-panel` : void 0, children: panel(true) })
+        /* @__PURE__ */ jsxRuntime.jsx(menu_cjs.MenuTrigger, { asChild: true, children: trigger }),
+        /* @__PURE__ */ jsxRuntime.jsx(menu_cjs.MenuContent, { minW: "16rem", "data-testid": testId ? `${testId}-panel` : void 0, children: panel(true) })
       ]
     }
   );
 };
 var OrgSwitcher = () => {
-  const id = identity_js.useIdentity();
+  const id = identity_cjs.useIdentity();
   return /* @__PURE__ */ jsxRuntime.jsx(
     Switcher,
     {
@@ -161,7 +161,7 @@ var OrgSwitcher = () => {
   );
 };
 var ProjectSwitcher = () => {
-  const id = identity_js.useIdentity();
+  const id = identity_cjs.useIdentity();
   if (id.status === "ready" && id.projects.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Switcher,
@@ -185,7 +185,7 @@ var ProjectSwitcher = () => {
   );
 };
 var UserMenu = ({ items = [] }) => {
-  const id = identity_js.useIdentity();
+  const id = identity_cjs.useIdentity();
   const who = id.account?.displayName || id.account?.email || id.account?.name || "Account";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Switcher,
@@ -230,8 +230,8 @@ var AppNav = ({
   userItems,
   children
 }) => {
-  const id = identity_js.useIdentity();
-  const narrow = useNarrow_js.useIsNarrow();
+  const id = identity_cjs.useIdentity();
+  const narrow = useNarrow_cjs.useIsNarrow();
   const [menu, setMenu] = React__namespace.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Box,
@@ -240,7 +240,7 @@ var AppNav = ({
       "data-testid": "app-nav",
       className: "sticky top-0 z-50 border-b border-[var(--color-border-divider,rgba(127,127,127,0.25))] bg-[var(--color-bg-body,inherit)]",
       children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "mx-auto flex h-14 max-w-7xl items-center gap-2 px-4", children: [
-        narrow && links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(drawer_js.DrawerRoot, { open: menu, onOpenChange: (d) => setMenu(d.open), placement: "bottom", size: "md", children: [
+        narrow && links.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(drawer_cjs.DrawerRoot, { open: menu, onOpenChange: (d) => setMenu(d.open), placement: "bottom", size: "md", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             ui.Box,
             {
@@ -253,9 +253,9 @@ var AppNav = ({
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { "aria-hidden": "true", style: ui.css("h-5 w-5") })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(drawer_js.DrawerContent, { "data-testid": "nav-menu-panel", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerTitle, { children: "Menu" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerBody, { children: links.map((l) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsxs(drawer_cjs.DrawerContent, { "data-testid": "nav-menu-panel", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(drawer_cjs.DrawerHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(drawer_cjs.DrawerTitle, { children: "Menu" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(drawer_cjs.DrawerBody, { children: links.map((l) => /* @__PURE__ */ jsxRuntime.jsx(
               ui.Box,
               {
                 tag: "a",

package/dist/code-block.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) {
@@ -175,10 +175,10 @@ var CodeBlock = 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 })
               ] }),
-              language && /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: language })
+              language && /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: language })
             ] }),
             showCopyButton && /* @__PURE__ */ jsxRuntime.jsxs(
-              button_js.Button,
+              button_cjs.Button,
               {
                 variant: "ghost",
                 size: "sm",
@@ -192,8 +192,8 @@ var CodeBlock = React__namespace.forwardRef(
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "overflow-auto", style: { maxHeight }, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "p-4 space-y-2", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-4", children: [
-            showLineNumbers && /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { "data-testid": "skeleton", ...ui.sx("h-4 w-8") }),
-            /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { "data-testid": "skeleton", ...ui.sx("h-4 flex-1") })
+            showLineNumbers && /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { "data-testid": "skeleton", ...ui.sx("h-4 w-8") }),
+            /* @__PURE__ */ jsxRuntime.jsx(skeleton_cjs.Skeleton, { "data-testid": "skeleton", ...ui.sx("h-4 flex-1") })
           ] }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "font-mono", children: lines.map((line, index) => {
             const lineNumber = index + 1;
             const isHighlighted = highlightLines.includes(lineNumber);

package/dist/code-compare.cjs

@@ -4,10 +4,10 @@
 var ui = require('@hanzo/ui');
 var React = require('react');
 var lucideReact = require('lucide-react');
-var badge_js = require('./badge.js');
-var button_js = require('./button.js');
-var codeDiff_js = require('./code-diff.js');
-var codeSnippet_js = require('./code-snippet.js');
+var badge_cjs = require('./badge.cjs');
+var button_cjs = require('./button.cjs');
+var codeDiff_cjs = require('./code-diff.cjs');
+var codeSnippet_cjs = require('./code-snippet.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -143,7 +143,7 @@ ${file.content}` : "";
     );
     const renderFileSelector = () => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center gap-2 flex-wrap", children: files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
-        button_js.Button,
+        button_cjs.Button,
         {
           variant: selectedFiles.includes(file.id) ? "default" : "outline",
           size: "sm",
@@ -168,7 +168,7 @@ ${file.content}` : "";
           ...ui.sx("gap-2"),
           children: [
             file.label || file.filename,
-            file.version && /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: file.version })
+            file.version && /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: file.version })
           ]
         }
       ),
@@ -199,7 +199,7 @@ ${file.content}` : "";
           ] })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-          codeDiff_js.CodeDiff,
+          codeDiff_cjs.CodeDiff,
           {
             oldCode: file1.content,
             newCode: file2.content,
@@ -221,7 +221,7 @@ ${file.content}` : "";
         return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center justify-center h-32 text-muted-foreground", children: "Select two files to compare" });
       }
       return /* @__PURE__ */ jsxRuntime.jsx(
-        codeDiff_js.CodeDiff,
+        codeDiff_cjs.CodeDiff,
         {
           oldCode: file1.content,
           newCode: file2.content,
@@ -259,7 +259,7 @@ ${file.content}` : "";
                 handleScroll("base", target.scrollTop);
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                codeSnippet_js.CodeSnippet,
+                codeSnippet_cjs.CodeSnippet,
                 {
                   code: base.content,
                   language: base.language,
@@ -290,7 +290,7 @@ ${file.content}` : "";
                 handleScroll("current", target.scrollTop);
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                codeSnippet_js.CodeSnippet,
+                codeSnippet_cjs.CodeSnippet,
                 {
                   code: current.content,
                   language: current.language,
@@ -321,7 +321,7 @@ ${file.content}` : "";
                 handleScroll("incoming", target.scrollTop);
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                codeSnippet_js.CodeSnippet,
+                codeSnippet_cjs.CodeSnippet,
                 {
                   code: incoming.content,
                   language: incoming.language,
@@ -341,7 +341,7 @@ ${file.content}` : "";
       return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "border-t bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "px-4 py-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-sm font-medium", children: "Merge Conflicts" }),
-          /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { colorPalette: "red", ...ui.sx("text-xs"), children: mergeState.conflicts.length })
+          /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { colorPalette: "red", ...ui.sx("text-xs"), children: mergeState.conflicts.length })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "mt-2 space-y-2", children: mergeState.conflicts.map((conflict, index) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2 text-xs", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -352,7 +352,7 @@ ${file.content}` : "";
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex gap-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              button_js.Button,
+              button_cjs.Button,
               {
                 variant: "outline",
                 size: "sm",
@@ -362,7 +362,7 @@ ${file.content}` : "";
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              button_js.Button,
+              button_cjs.Button,
               {
                 variant: "outline",
                 size: "sm",
@@ -392,7 +392,7 @@ ${file.content}` : "";
                 /* @__PURE__ */ jsxRuntime.jsx(ui.TabsTrigger, { value: "three-way", ...ui.sx("text-xs"), children: "Three-way" })
               ] }) }),
               showCopyButton && /* @__PURE__ */ jsxRuntime.jsx(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -402,7 +402,7 @@ ${file.content}` : "";
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "ghost", size: "sm", ...ui.sx("h-8 w-8 p-0"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { style: ui.css("h-3.5 w-3.5") }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button_cjs.Button, { variant: "ghost", size: "sm", ...ui.sx("h-8 w-8 p-0"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { style: ui.css("h-3.5 w-3.5") }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { align: "end", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     ui.DropdownMenuItem,

package/dist/code-diff.cjs

@@ -5,9 +5,9 @@ var ui = require('@hanzo/ui');
 var React = require('react');
 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) {
@@ -368,7 +368,7 @@ ${newCode}`;
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitCompare, { style: ui.css("h-4 w-4 text-muted-foreground") }),
                 filename && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-sm font-medium", children: filename }),
-                language && /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: language })
+                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-2 text-xs text-muted-foreground", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "span", className: "flex items-center gap-1", children: [
@@ -396,7 +396,7 @@ ${newCode}`;
                 }
               ),
               showCopyButton && /* @__PURE__ */ jsxRuntime.jsxs(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -411,8 +411,8 @@ ${newCode}`;
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "overflow-auto", style: { maxHeight }, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "p-4 space-y-2", children: Array.from({ length: 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)) }) : view === "unified" ? renderUnifiedView() : renderSplitView() })
         ]
       }

package/dist/code-editor.cjs

@@ -7,7 +7,7 @@ var lucideReact = require('lucide-react');
 var nextThemes = require('next-themes');
 var sonner = require('sonner');
 var ui = require('@hanzo/ui');
-var button_js = require('./button.js');
+var button_cjs = require('./button.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -151,7 +151,7 @@ var CodeEditor = React__namespace.forwardRef(
           (showLanguageSelector || showCopyButton) && /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center justify-between border-b bg-muted/50 px-3 py-2", children: [
             showLanguageSelector && /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -180,7 +180,7 @@ var CodeEditor = React__namespace.forwardRef(
               )
             ] }),
             showCopyButton && /* @__PURE__ */ jsxRuntime.jsx(
-              button_js.Button,
+              button_cjs.Button,
               {
                 variant: "ghost",
                 size: "sm",

package/dist/code-explorer.cjs

@@ -4,8 +4,8 @@
 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 button_cjs = require('./button.cjs');
+var input_cjs = require('./input.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -227,7 +227,7 @@ var CodeExplorer = React__namespace.forwardRef(
           showSearch && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center gap-2 border-b px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "relative flex-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { style: ui.css("absolute left-2 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground") }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              input_js.Input,
+              input_cjs.Input,
               {
                 value: searchTerm,
                 onChange: (e) => setSearchTerm(e.target.value),
@@ -236,7 +236,7 @@ var CodeExplorer = React__namespace.forwardRef(
               }
             ),
             searchTerm && /* @__PURE__ */ jsxRuntime.jsx(
-              button_js.Button,
+              button_cjs.Button,
               {
                 variant: "ghost",
                 size: "sm",

package/dist/code-preview.cjs

@@ -4,11 +4,11 @@
 var React = require('react');
 var ui = require('@hanzo/ui');
 var lucideReact = require('lucide-react');
-var badge_js = require('./badge.js');
-var button_js = require('./button.js');
-var codeSnippet_js = require('./code-snippet.js');
-var separator_js = require('./separator.js');
-var toggle_js = require('./toggle.js');
+var badge_cjs = require('./badge.cjs');
+var button_cjs = require('./button.cjs');
+var codeSnippet_cjs = require('./code-snippet.cjs');
+var separator_cjs = require('./separator.cjs');
+var toggle_cjs = require('./toggle.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -200,10 +200,10 @@ var CodePreview = React__namespace.forwardRef(
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Terminal, { style: ui.css("h-4 w-4") }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-sm font-medium", children: "Console" }),
-          results.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: results.length })
+          results.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { colorPalette: "gray", ...ui.sx("text-xs"), children: results.length })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          button_js.Button,
+          button_cjs.Button,
           {
             variant: "ghost",
             size: "sm",
@@ -253,9 +253,9 @@ var CodePreview = React__namespace.forwardRef(
                     ...ui.sx("relative flex items-center gap-2 data-[state=active]:bg-muted"),
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { children: file.filename }),
-                      /* @__PURE__ */ jsxRuntime.jsx(badge_js.Badge, { variant: "outline", ...ui.sx("text-xs"), children: file.language }),
+                      /* @__PURE__ */ jsxRuntime.jsx(badge_cjs.Badge, { variant: "outline", ...ui.sx("text-xs"), children: file.language }),
                       /* @__PURE__ */ jsxRuntime.jsx(
-                        button_js.Button,
+                        button_cjs.Button,
                         {
                           variant: "ghost",
                           size: "sm",
@@ -275,7 +275,7 @@ var CodePreview = React__namespace.forwardRef(
             ),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                toggle_js.Toggle,
+                toggle_cjs.Toggle,
                 {
                   pressed: isPreviewVisible,
                   onPressedChange: setIsPreviewVisible,
@@ -285,7 +285,7 @@ var CodePreview = React__namespace.forwardRef(
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                toggle_js.Toggle,
+                toggle_cjs.Toggle,
                 {
                   pressed: isConsoleVisible,
                   onPressedChange: setIsConsoleVisible,
@@ -295,7 +295,7 @@ var CodePreview = React__namespace.forwardRef(
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "outline",
                   size: "sm",
@@ -309,7 +309,7 @@ var CodePreview = React__namespace.forwardRef(
                 }
               ),
               allowFullscreen && /* @__PURE__ */ jsxRuntime.jsx(
-                button_js.Button,
+                button_cjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -327,7 +327,7 @@ var CodePreview = React__namespace.forwardRef(
                 value: file.filename,
                 ...ui.sx("m-0 h-full"),
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  codeSnippet_js.CodeSnippet,
+                  codeSnippet_cjs.CodeSnippet,
                   {
                     code: file.content,
                     language: file.language,
@@ -342,7 +342,7 @@ var CodePreview = React__namespace.forwardRef(
               file.filename
             )) }) }),
             (isPreviewVisible || isConsoleVisible) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(separator_js.Separator, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(separator_cjs.Separator, {}),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex flex-col lg:flex-row min-h-0", children: [
                 isPreviewVisible && /* @__PURE__ */ jsxRuntime.jsxs(
                   ui.Box,