@luxfi/ui 7.4.15 → 8.1.0

package/dist/chrome.d.ts

@@ -1,10 +1,7 @@
 import * as React from 'react';
-import { IdentityStatus } from './identity.js';
-import './iam.js';
-import './white-label.js';
-
+import { type IdentityStatus } from './identity';
 /** One row in a switcher. */
-interface ChromeItem {
+export interface ChromeItem {
     readonly id: string;
     readonly label: string;
     /** Secondary text, right-aligned — a plan, a count, a shortcut. */
@@ -16,8 +13,8 @@ interface ChromeItem {
     readonly onSelect?: () => void;
 }
 /** 1–2 letter monogram — the honest fallback when there is no logo. */
-declare function initials(label: string): string;
-interface SwitcherProps {
+export declare function initials(label: string): string;
+export interface SwitcherProps {
     /** Panel heading, drawer title and the trigger's accessible name. */
     readonly title: string;
     /** Trigger label. */
@@ -42,31 +39,31 @@ interface SwitcherProps {
  * The ONE switcher. A trigger plus rows, presented as a phone sheet or an
  * anchored menu depending on the viewport — never both, never hand-rolled.
  */
-declare const Switcher: ({ title, label, icon, items, footer, status, empty, onSignIn, signInLabel, error, align, testId, }: SwitcherProps) => React.ReactElement;
+export declare const Switcher: ({ title, label, icon, items, footer, status, empty, onSignIn, signInLabel, error, align, testId, }: SwitcherProps) => React.ReactElement;
 /** Which organization is this surface acting as. */
-declare const OrgSwitcher: () => React.ReactElement;
+export declare const OrgSwitcher: () => React.ReactElement;
 /** Which project inside that organization. */
-declare const ProjectSwitcher: () => React.ReactElement | null;
-interface UserMenuProps {
+export declare const ProjectSwitcher: () => React.ReactElement | null;
+export interface UserMenuProps {
     /** Extra rows above Sign out — Profile, API keys, whatever the surface has. */
     readonly items?: ReadonlyArray<ChromeItem>;
 }
 /** Who is signed in, and how to stop being signed in. */
-declare const UserMenu: ({ items }: UserMenuProps) => React.ReactElement;
-interface SettingsMenuProps {
+export declare const UserMenu: ({ items }: UserMenuProps) => React.ReactElement;
+export interface SettingsMenuProps {
     /** The surface's own settings rows. */
     readonly items?: ReadonlyArray<ChromeItem>;
     /** Where "All settings" goes. */
     readonly href?: string;
 }
 /** The surface's settings, in the one place a user looks for them. */
-declare const SettingsMenu: ({ items, href }: SettingsMenuProps) => React.ReactElement;
-interface NavLink {
+export declare const SettingsMenu: ({ items, href }: SettingsMenuProps) => React.ReactElement;
+export interface NavLink {
     readonly href: string;
     readonly label: string;
     readonly active?: boolean;
 }
-interface AppNavProps {
+export interface AppNavProps {
     /** Brand slot — defaults to the host-resolved org name. */
     readonly brand?: React.ReactNode;
     /** Where the brand links to. */
@@ -88,6 +85,5 @@ interface AppNavProps {
  * every surface. On a phone the links collapse into the same sheet the
  * switchers use, so there is no second mobile menu to maintain.
  */
-declare const AppNav: ({ brand, home, links, org, project, settings, userItems, children, }: AppNavProps) => React.ReactElement;
-
-export { AppNav, type AppNavProps, type ChromeItem, type NavLink, OrgSwitcher, ProjectSwitcher, SettingsMenu, type SettingsMenuProps, Switcher, type SwitcherProps, UserMenu, type UserMenuProps, initials };
+export declare const AppNav: ({ brand, home, links, org, project, settings, userItems, children, }: AppNavProps) => React.ReactElement;
+//# sourceMappingURL=chrome.d.ts.map

package/dist/chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../src/chrome.tsx"],"names":[],"mappings":"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"}

package/dist/chrome.js

@@ -1,12 +1,11 @@
 "use client";
 import * as React3 from 'react';
 import React3__default, { Children, createElement } from 'react';
-import { ChevronsUpDown, Folder, LogOut, User, Settings, Menu, Building2, Check } from 'lucide-react';
+import { css, Box, cn, sx } from '@hanzo/ui';
+import { User, ChevronsUpDown, Folder, LogOut, Settings, Menu, Building2, Check } from 'lucide-react';
 import { styled, View, Sheet, Dialog, YStack, Text, Menu as Menu$1 } from '@hanzo/gui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { QueryClient } from '@tanstack/react-query';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
 
 var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
 var CloseButtonFrame = styled(View, {
@@ -474,15 +473,13 @@ var MenuSeparator = (props) => /* @__PURE__ */ jsx(
     ...props
   }
 );
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 function initials(label) {
   return label.split(/[\s._-]+/).filter(Boolean).map((w) => w[0]).join("").slice(0, 2).toUpperCase();
 }
-var Monogram = ({ label, logo }) => logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: "", className: "h-5 w-5 shrink-0 rounded object-contain" }) : /* @__PURE__ */ jsx(
-  "span",
+var Monogram = ({ label, logo }) => logo ? /* @__PURE__ */ jsx(Box, { tag: "img", src: logo, alt: "", className: "h-5 w-5 shrink-0 rounded object-contain" }) : /* @__PURE__ */ jsx(
+  Box,
   {
+    tag: "span",
     "aria-hidden": "true",
     className: "flex h-5 w-5 shrink-0 items-center justify-center rounded bg-[rgba(127,127,127,0.22)] text-[10px] font-bold",
     children: initials(label)
@@ -491,9 +488,9 @@ var Monogram = ({ label, logo }) => logo ? /* @__PURE__ */ jsx("img", { src: log
 var Row = ({ item, onDone, menu }) => {
   const body = /* @__PURE__ */ jsxs(Fragment, { children: [
     item.icon,
-    /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.label }),
-    item.hint ? /* @__PURE__ */ jsx("span", { className: "text-xs opacity-60", children: item.hint }) : null,
-    item.selected ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" }) : null
+    /* @__PURE__ */ jsx(Box, { tag: "span", className: "flex-1 truncate", children: item.label }),
+    item.hint ? /* @__PURE__ */ jsx(Box, { tag: "span", className: "text-xs opacity-60", children: item.hint }) : null,
+    item.selected ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", style: css("h-4 w-4 shrink-0") }) : null
   ] });
   const className = cn(
     "flex w-full cursor-pointer select-none items-center gap-2.5 rounded-md px-2 py-2 text-left text-sm",
@@ -530,19 +527,20 @@ var Switcher = ({
   const narrow = useIsNarrow();
   const close = React3.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__ */ jsx(User, { "aria-hidden": "true", className: "h-4 w-4" }), onSelect: onSignIn }] : status === "ready" ? items : [];
+  const rows = status === "anonymous" && onSignIn ? [{ id: "sign-in", label: signInLabel, icon: /* @__PURE__ */ jsx(User, { "aria-hidden": "true", style: css("h-4 w-4") }), onSelect: onSignIn }] : status === "ready" ? items : [];
   const panel = (menu) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "px-2 pb-1 pt-1 text-[11px] font-semibold uppercase tracking-wide opacity-55", children: title }),
-    message ? /* @__PURE__ */ jsx("div", { "data-testid": "chrome-message", className: "px-2 py-2 text-sm opacity-70", children: message }) : null,
+    /* @__PURE__ */ jsx(Box, { className: "px-2 pb-1 pt-1 text-[11px] font-semibold uppercase tracking-wide opacity-55", children: title }),
+    message ? /* @__PURE__ */ jsx(Box, { "data-testid": "chrome-message", className: "px-2 py-2 text-sm opacity-70", children: message }) : null,
     rows.map((item) => /* @__PURE__ */ jsx(Row, { item, onDone: close, menu }, item.id)),
     footer.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      menu ? /* @__PURE__ */ jsx(MenuSeparator, { className: "my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]" }) : /* @__PURE__ */ jsx("div", { className: "my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]" }),
+      menu ? /* @__PURE__ */ jsx(MenuSeparator, { ...sx("my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]") }) : /* @__PURE__ */ jsx(Box, { className: "my-1 h-px bg-[var(--color-border-divider,rgba(127,127,127,0.25))]" }),
       footer.map((item) => /* @__PURE__ */ jsx(Row, { item, onDone: close, menu }, item.id))
     ] }) : null
   ] });
   const trigger = /* @__PURE__ */ jsxs(
-    "button",
+    Box,
     {
+      tag: "button",
       type: "button",
       "data-testid": testId,
       "aria-label": title,
@@ -554,8 +552,8 @@ var Switcher = ({
       ),
       children: [
         icon,
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
-        /* @__PURE__ */ jsx(ChevronsUpDown, { "aria-hidden": "true", className: "h-3.5 w-3.5 shrink-0 opacity-60" })
+        /* @__PURE__ */ jsx(Box, { tag: "span", className: "truncate", children: label }),
+        /* @__PURE__ */ jsx(ChevronsUpDown, { "aria-hidden": "true", style: css("h-3.5 w-3.5 shrink-0 opacity-60") })
       ]
     }
   );
@@ -614,7 +612,7 @@ var ProjectSwitcher = () => {
       testId: "project-switcher",
       title: "Project",
       label: id.project?.displayName || id.project?.name || "Project",
-      icon: /* @__PURE__ */ jsx(Folder, { "aria-hidden": "true", className: "h-4 w-4 opacity-70" }),
+      icon: /* @__PURE__ */ jsx(Folder, { "aria-hidden": "true", style: css("h-4 w-4 opacity-70") }),
       status: id.status,
       error: id.error,
       empty: "No projects in this organization.",
@@ -622,7 +620,7 @@ var ProjectSwitcher = () => {
       items: id.projects.map((p) => ({
         id: p.name,
         label: p.displayName || p.name,
-        icon: /* @__PURE__ */ jsx(Folder, { "aria-hidden": "true", className: "h-4 w-4 opacity-70" }),
+        icon: /* @__PURE__ */ jsx(Folder, { "aria-hidden": "true", style: css("h-4 w-4 opacity-70") }),
         selected: p.name === id.project?.name,
         onSelect: () => id.setProject(p.name)
       }))
@@ -639,16 +637,16 @@ var UserMenu = ({ items = [] }) => {
       align: "end",
       title: id.status === "ready" ? who : "Account",
       label: id.status === "ready" ? who : "Sign in",
-      icon: id.status === "ready" ? /* @__PURE__ */ jsx(Monogram, { label: who, logo: id.account?.avatar }) : /* @__PURE__ */ jsx(User, { "aria-hidden": "true", className: "h-4 w-4 opacity-70" }),
+      icon: id.status === "ready" ? /* @__PURE__ */ jsx(Monogram, { label: who, logo: id.account?.avatar }) : /* @__PURE__ */ jsx(User, { "aria-hidden": "true", style: css("h-4 w-4 opacity-70") }),
       status: id.status,
       error: id.error,
       onSignIn: id.signIn,
       signInLabel: `Sign in with ${id.whiteLabel.iamDomain}`,
       items: [
-        { id: "account", label: id.account?.email || who, icon: /* @__PURE__ */ jsx(User, { "aria-hidden": "true", className: "h-4 w-4 opacity-70" }) },
+        { id: "account", label: id.account?.email || who, icon: /* @__PURE__ */ jsx(User, { "aria-hidden": "true", style: css("h-4 w-4 opacity-70") }) },
         ...items
       ],
-      footer: id.status === "ready" ? [{ id: "sign-out", label: "Sign out", danger: true, icon: /* @__PURE__ */ jsx(LogOut, { "aria-hidden": "true", className: "h-4 w-4" }), onSelect: id.signOut }] : []
+      footer: id.status === "ready" ? [{ id: "sign-out", label: "Sign out", danger: true, icon: /* @__PURE__ */ jsx(LogOut, { "aria-hidden": "true", style: css("h-4 w-4") }), onSelect: id.signOut }] : []
     }
   );
 };
@@ -659,10 +657,10 @@ var SettingsMenu = ({ items = [], href = "/settings" }) => /* @__PURE__ */ jsx(
     align: "end",
     title: "Settings",
     label: "Settings",
-    icon: /* @__PURE__ */ jsx(Settings, { "aria-hidden": "true", className: "h-4 w-4 opacity-70" }),
+    icon: /* @__PURE__ */ jsx(Settings, { "aria-hidden": "true", style: css("h-4 w-4 opacity-70") }),
     items,
     empty: "No settings on this surface.",
-    footer: [{ id: "all-settings", label: "All settings", href, icon: /* @__PURE__ */ jsx(Settings, { "aria-hidden": "true", className: "h-4 w-4 opacity-70" }) }]
+    footer: [{ id: "all-settings", label: "All settings", href, icon: /* @__PURE__ */ jsx(Settings, { "aria-hidden": "true", style: css("h-4 w-4 opacity-70") }) }]
   }
 );
 var AppNav = ({
@@ -679,28 +677,31 @@ var AppNav = ({
   const narrow = useIsNarrow();
   const [menu, setMenu] = React3.useState(false);
   return /* @__PURE__ */ jsx(
-    "header",
+    Box,
     {
+      tag: "header",
       "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__ */ jsxs("div", { className: "mx-auto flex h-14 max-w-7xl items-center gap-2 px-4", children: [
+      children: /* @__PURE__ */ jsxs(Box, { className: "mx-auto flex h-14 max-w-7xl items-center gap-2 px-4", children: [
         narrow && links.length > 0 ? /* @__PURE__ */ jsxs(DrawerRoot, { open: menu, onOpenChange: (d) => setMenu(d.open), placement: "bottom", size: "md", children: [
           /* @__PURE__ */ jsx(
-            "button",
+            Box,
             {
+              tag: "button",
               type: "button",
               "aria-label": "Menu",
               "data-testid": "nav-menu",
               className: "rounded-md p-2 hover:bg-[rgba(127,127,127,0.14)]",
               onClick: () => setMenu(true),
-              children: /* @__PURE__ */ jsx(Menu, { "aria-hidden": "true", className: "h-5 w-5" })
+              children: /* @__PURE__ */ jsx(Menu, { "aria-hidden": "true", style: css("h-5 w-5") })
             }
           ),
           /* @__PURE__ */ jsxs(DrawerContent, { "data-testid": "nav-menu-panel", children: [
             /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsx(DrawerTitle, { children: "Menu" }) }),
             /* @__PURE__ */ jsx(DrawerBody, { children: links.map((l) => /* @__PURE__ */ jsx(
-              "a",
+              Box,
               {
+                tag: "a",
                 href: l.href,
                 onClick: () => setMenu(false),
                 "aria-current": l.active ? "page" : void 0,
@@ -711,15 +712,16 @@ var AppNav = ({
             )) })
           ] })
         ] }) : null,
-        /* @__PURE__ */ jsx("a", { href: home, className: "flex items-center gap-2 font-semibold tracking-tight", children: brand ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Building2, { "aria-hidden": "true", className: "h-4 w-4 opacity-70" }),
+        /* @__PURE__ */ jsx(Box, { tag: "a", href: home, className: "flex items-center gap-2 font-semibold tracking-tight", children: brand ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Building2, { "aria-hidden": "true", style: css("h-4 w-4 opacity-70") }),
           id.whiteLabel.name
         ] }) }),
         org ? /* @__PURE__ */ jsx(OrgSwitcher, {}) : null,
         project ? /* @__PURE__ */ jsx(ProjectSwitcher, {}) : null,
-        !narrow && links.length > 0 ? /* @__PURE__ */ jsx("nav", { className: "flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx(
-          "a",
+        !narrow && links.length > 0 ? /* @__PURE__ */ jsx(Box, { tag: "nav", className: "flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx(
+          Box,
           {
+            tag: "a",
             href: l.href,
             "aria-current": l.active ? "page" : void 0,
             className: cn(
@@ -730,7 +732,7 @@ var AppNav = ({
           },
           l.href
         )) }) : null,
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center justify-end gap-1", children: [
+        /* @__PURE__ */ jsxs(Box, { className: "flex flex-1 items-center justify-end gap-1", children: [
           children,
           settings ? /* @__PURE__ */ jsx(SettingsMenu, { items: settings }) : null,
           /* @__PURE__ */ jsx(UserMenu, { items: userItems })

package/dist/close-button.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
-
-interface CloseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+export interface CloseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
     readonly variant?: 'plain';
     readonly size?: 'md';
 }
-declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-export { CloseButton, type CloseButtonProps };
+export declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=close-button.d.ts.map

package/dist/close-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.d.ts","sourceRoot":"","sources":["../src/close-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACnG,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,4FA4BtB,CAAC"}