@luxfi/ui 7.4.15 → 8.0.0

package/dist/button.d.ts.map

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

package/dist/button.js

@@ -1,14 +1,10 @@
 "use client";
 import { styled, View } from '@hanzo/gui';
 import * as React2 from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { cn } from '@hanzo/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/button.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",

package/dist/checkbox.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-
 /** Tri-state, as the Chakra/Radix contract consumers already code against. */
 type CheckedState = boolean | 'indeterminate';
-interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
+export interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
     value?: Array<string>;
     defaultValue?: Array<string>;
     onValueChange?: (value: Array<string>) => void;
@@ -11,8 +10,8 @@ interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
     disabled?: boolean;
     readOnly?: boolean;
 }
-declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
-interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange'> {
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange'> {
     icon?: React.ReactNode;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     rootRef?: React.Ref<HTMLLabelElement>;
@@ -27,6 +26,6 @@ interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'o
     name?: string;
     required?: boolean;
 }
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
-
-export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps };
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../src/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,8EAA8E;AAC9E,KAAK,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAiB9C,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC/E,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2DD,eAAO,MAAM,aAAa,2FAAoB,CAAC;AAG/C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IAC9F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2LD,eAAO,MAAM,QAAQ,wFAAe,CAAC"}

package/dist/chrome.cjs

@@ -6,8 +6,7 @@ var lucideReact = require('lucide-react');
 var gui = require('@hanzo/gui');
 var jsxRuntime = require('react/jsx-runtime');
 var reactQuery = require('@tanstack/react-query');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
+var ui = require('@hanzo/ui');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -495,9 +494,6 @@ var MenuSeparator = (props) => /* @__PURE__ */ jsxRuntime.jsx(
     ...props
   }
 );
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 function initials(label) {
   return label.split(/[\s._-]+/).filter(Boolean).map((w) => w[0]).join("").slice(0, 2).toUpperCase();
 }
@@ -516,7 +512,7 @@ var Row = ({ item, onDone, menu }) => {
     item.hint ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs opacity-60", children: item.hint }) : null,
     item.selected ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" }) : null
   ] });
-  const className = cn(
+  const className = ui.cn(
     "flex w-full cursor-pointer select-none items-center gap-2.5 rounded-md px-2 py-2 text-left text-sm",
     "hover:bg-[rgba(127,127,127,0.14)]",
     item.danger && "text-[var(--color-text-error,#e5484d)]"
@@ -569,7 +565,7 @@ var Switcher = ({
       "aria-label": title,
       "aria-haspopup": "menu",
       "aria-expanded": open,
-      className: cn(
+      className: ui.cn(
         "flex max-w-[14rem] items-center gap-2 rounded-md px-2 py-1.5 text-sm font-medium",
         "hover:bg-[rgba(127,127,127,0.14)]"
       ),
@@ -743,7 +739,7 @@ var AppNav = ({
           {
             href: l.href,
             "aria-current": l.active ? "page" : void 0,
-            className: cn(
+            className: ui.cn(
               "rounded-md px-3 py-1.5 text-sm font-medium",
               l.active ? "bg-[rgba(127,127,127,0.14)]" : "opacity-75 hover:opacity-100"
             ),

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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAsB9D,6BAA6B;AAC7B,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,mEAAmE;IACnE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQ9C;AAaD,MAAM,WAAW,aAAa;IAC5B,qEAAqE;IACrE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,qBAAqB;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC1C,2DAA2D;IAC3D,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC5C,2DAA2D;IAC3D,QAAQ,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC;IACjC,yDAAyD;IACzD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAyCD;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,oGAatB,aAAa,KAAG,KAAK,CAAC,YAiFxB,CAAC;AAMF,oDAAoD;AACpD,eAAO,MAAM,WAAW,QAAO,KAAK,CAAC,YAsBpC,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,eAAe,QAAO,KAAK,CAAC,YAAY,GAAG,IAuBvD,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,+EAA+E;IAC/E,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CAC5C;AAED,yDAAyD;AACzD,eAAO,MAAM,QAAQ,GAAI,WAAgB,aAAa,KAAG,KAAK,CAAC,YAyB9D,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,uCAAuC;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,iCAAiC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,sEAAsE;AACtE,eAAO,MAAM,YAAY,GAAI,iBAAoC,iBAAiB,KAAG,KAAK,CAAC,YAW1F,CAAC;AAIF,MAAM,WAAW,OAAO;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,gCAAgC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACxC,2CAA2C;IAC3C,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IACvB,iFAAiF;IACjF,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,kEAAkE;IAClE,QAAQ,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC9C,mCAAmC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC/C,8DAA8D;IAC9D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,sEASpB,WAAW,KAAG,KAAK,CAAC,YA4EtB,CAAC"}

package/dist/chrome.js

@@ -5,8 +5,7 @@ import { ChevronsUpDown, Folder, LogOut, User, Settings, Menu, Building2, Check
 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';
+import { cn } from '@hanzo/ui';
 
 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,9 +473,6 @@ 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();
 }

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"}

package/dist/collapsible.cjs

@@ -3,8 +3,7 @@
 
 var gui = require('@hanzo/gui');
 var React3 = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
+var ui = require('@hanzo/ui');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -28,9 +27,6 @@ function _interopNamespace(e) {
 var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 
 // src/collapsible.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",
@@ -153,7 +149,7 @@ var Skeleton = React3__namespace.forwardRef(
     const shimStyle = shimToStyle(props);
     const mergedStyle = Object.keys(shimStyle).length > 0 || styleProp ? { ...shimStyle, ...styleProp } : void 0;
     const hideBelowClass = props.hideBelow ? HIDE_BELOW_MAP[props.hideBelow] : void 0;
-    const cls = hideBelowClass ? cn(className, hideBelowClass) : className;
+    const cls = hideBelowClass ? ui.cn(className, hideBelowClass) : className;
     const htmlRest = stripShims(allRest);
     if (!loading) {
       if (asChild && React3__namespace.isValidElement(children)) return children;
@@ -165,7 +161,7 @@ var Skeleton = React3__namespace.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
+          className: ui.cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -177,7 +173,7 @@ var Skeleton = React3__namespace.forwardRef(
       {
         ref,
         "data-loading": true,
-        className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
+        className: ui.cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
         style: mergedStyle,
         ...htmlRest,
         children
@@ -194,7 +190,7 @@ React3__namespace.forwardRef(
       {
         ref,
         loading,
-        className: cn("rounded-full shrink-0", className),
+        className: ui.cn("rounded-full shrink-0", className),
         style: { width: dimension, height: dimension, ...rest.style },
         ...rest
       }
@@ -204,11 +200,11 @@ React3__namespace.forwardRef(
 React3__namespace.forwardRef(
   function SkeletonText2(props, ref) {
     const { noOfLines = 3, loading = true, className, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: ui.cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton,
       {
         loading,
-        className: cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
+        className: ui.cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
       },
       index
     )) });
@@ -227,40 +223,40 @@ function stripUtmParams(url) {
   }
 }
 var VARIANT_CLASSES = {
-  primary: cn(
+  primary: ui.cn(
     "text-[var(--color-link-primary)]",
     "hover:no-underline hover:text-[var(--color-link-primary-hover)]",
     "data-[hover]:no-underline data-[hover]:text-[var(--color-link-primary-hover)]"
   ),
-  secondary: cn(
+  secondary: ui.cn(
     "text-[var(--color-link-secondary)]",
     "hover:no-underline hover:text-[var(--color-hover)]",
     "data-[hover]:no-underline data-[hover]:text-[var(--color-hover)]"
   ),
-  subtle: cn(
+  subtle: ui.cn(
     "text-[var(--color-link-subtle)]",
     "hover:text-[var(--color-link-subtle-hover)] hover:underline hover:decoration-[var(--color-link-subtle-hover)]",
     "data-[hover]:text-[var(--color-link-subtle-hover)] data-[hover]:underline data-[hover]:decoration-[var(--color-link-subtle-hover)]"
   ),
-  underlaid: cn(
+  underlaid: ui.cn(
     "text-[var(--color-link-primary)] bg-[var(--color-link-underlaid-bg)]",
     "px-2 py-1.5 rounded-md text-sm",
     "hover:text-[var(--color-link-primary-hover)] hover:no-underline",
     "data-[hover]:text-[var(--color-link-primary-hover)] data-[hover]:no-underline"
   ),
-  menu: cn(
+  menu: ui.cn(
     "text-[var(--color-link-menu)]",
     "hover:text-[var(--color-hover)] hover:no-underline",
     "data-[hover]:text-[var(--color-hover)] data-[hover]:no-underline"
   ),
-  navigation: cn(
+  navigation: ui.cn(
     "text-[var(--color-link-nav-fg)] bg-transparent",
     "hover:text-[var(--color-link-nav-fg-hover)] hover:no-underline",
     "data-[hover]:text-[var(--color-link-nav-fg-hover)] data-[hover]:no-underline",
     "data-[selected]:text-[var(--color-link-nav-fg-selected)] data-[selected]:bg-[var(--color-link-nav-bg-selected)]",
     "data-[active]:text-[var(--color-link-nav-fg-active)]"
   ),
-  plain: cn(
+  plain: ui.cn(
     "text-inherit",
     "hover:no-underline",
     "data-[hover]:no-underline"
@@ -270,7 +266,7 @@ var BASE_CLASSES = "inline-flex items-center gap-0 cursor-pointer data-[disabled
 var LinkExternalIcon = ({ color }) => /* @__PURE__ */ jsxRuntime.jsx(
   ArrowIcon,
   {
-    className: cn(
+    className: ui.cn(
       "size-3 align-middle shrink-0",
       "group-hover:text-inherit"
     ),
@@ -335,7 +331,7 @@ var Link = React3__namespace.default.forwardRef(
     if (_minW !== void 0) shimStyle.minWidth = typeof _minW === "number" ? `${_minW * SPACING}px` : _minW;
     if (_justifyContent) shimStyle.justifyContent = _justifyContent;
     if (_position) shimStyle.position = _position;
-    const linkClasses = cn(BASE_CLASSES, VARIANT_CLASSES[variant], className);
+    const linkClasses = ui.cn(BASE_CLASSES, VARIANT_CLASSES[variant], className);
     const linkStyle = Object.keys(shimStyle).length > 0 ? shimStyle : void 0;
     if (external) {
       const processedHref = typeof href === "string" ? stripUtmParams(href) : href;
@@ -343,7 +339,7 @@ var Link = React3__namespace.default.forwardRef(
         "a",
         {
           href: processedHref,
-          className: cn("group", linkClasses),
+          className: ui.cn("group", linkClasses),
           style: linkStyle,
           target: "_blank",
           rel: "noopener noreferrer",
@@ -387,7 +383,7 @@ React3__namespace.default.forwardRef(
       "div",
       {
         ref,
-        className: cn("relative", className),
+        className: ui.cn("relative", className),
         ...rest
       }
     );
@@ -423,7 +419,7 @@ React3__namespace.default.forwardRef(
       position: _p2,
       ...rest
     } = props;
-    const overlayClasses = cn(
+    const overlayClasses = ui.cn(
       BASE_CLASSES,
       VARIANT_CLASSES[variant],
       // Static positioning with a ::before pseudo-element that covers the LinkBox

package/dist/collapsible.d.ts

@@ -1,24 +1,22 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { YStack } from '@hanzo/gui';
-import React__default from 'react';
-import { LinkProps } from './link.js';
-
-interface CollapsibleDetailsProps extends LinkProps {
-    children: React__default.ReactNode;
+import React from 'react';
+import type { LinkProps } from './link';
+export interface CollapsibleDetailsProps extends LinkProps {
+    children: React.ReactNode;
     id?: string;
     isExpanded?: boolean;
     text?: [string, string];
     noScroll?: boolean;
 }
-declare const CollapsibleDetails: (props: CollapsibleDetailsProps) => react_jsx_runtime.JSX.Element;
-interface CollapsibleListProps<T> extends Omit<React__default.ComponentProps<typeof YStack>, 'children' | 'text' | 'items'> {
+export declare const CollapsibleDetails: (props: CollapsibleDetailsProps) => import("react/jsx-runtime").JSX.Element;
+interface CollapsibleListProps<T> extends Omit<React.ComponentProps<typeof YStack>, 'children' | 'text' | 'items'> {
     items: Array<T>;
-    renderItem: (item: T, index: number) => React__default.ReactNode;
+    renderItem: (item: T, index: number) => React.ReactNode;
     triggerProps?: LinkProps;
     cutLength?: number;
-    text?: [React__default.ReactNode, React__default.ReactNode];
+    text?: [React.ReactNode, React.ReactNode];
     defaultExpanded?: boolean;
 }
-declare const CollapsibleList: <T>(props: CollapsibleListProps<T>) => react_jsx_runtime.JSX.Element;
-
-export { CollapsibleDetails, type CollapsibleDetailsProps, CollapsibleList };
+export declare const CollapsibleList: <T>(props: CollapsibleListProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../src/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,MAAM,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AA8BxC,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAqChE,CAAC;AAKF,UAAU,oBAAoB,CAAC,CAAC,CAC9B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;IAChF,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAID,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,OAAO,oBAAoB,CAAC,CAAC,CAAC,4CA+BjE,CAAC"}

package/dist/collapsible.js

@@ -2,14 +2,10 @@
 import { Collapsible, YStack } from '@hanzo/gui';
 import * as React3 from 'react';
 import React3__default from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { cn } from '@hanzo/ui';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/collapsible.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",

package/dist/color-mode.d.ts

@@ -1,13 +1,11 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-
-type ColorMode = 'light' | 'dark';
+export type ColorMode = 'light' | 'dark';
 interface ColorModeContextValue {
     readonly colorMode: ColorMode;
     readonly setColorMode: (mode: string) => void;
     readonly toggleColorMode: () => void;
 }
-interface ColorModeProviderProps {
+export interface ColorModeProviderProps {
     readonly children?: React.ReactNode;
     /** Initial/default color mode. Defaults to 'light'. */
     readonly defaultTheme?: string;
@@ -18,8 +16,8 @@ interface ColorModeProviderProps {
     /** Any extra props are accepted and ignored for compat with next-themes ThemeProviderProps. */
     readonly [key: string]: unknown;
 }
-declare function ColorModeProvider(props: ColorModeProviderProps): react_jsx_runtime.JSX.Element;
-declare function useColorMode(): ColorModeContextValue;
-declare function useColorModeValue<T>(light: T, dark: T): T;
-
-export { type ColorMode, ColorModeProvider, type ColorModeProviderProps, useColorMode, useColorModeValue };
+export declare function ColorModeProvider(props: ColorModeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useColorMode(): ColorModeContextValue;
+export declare function useColorModeValue<T>(light: T, dark: T): T;
+export {};
+//# sourceMappingURL=color-mode.d.ts.map

package/dist/color-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-mode.d.ts","sourceRoot":"","sources":["../src/color-mode.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAQzC,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,eAAe,EAAE,MAAM,IAAI,CAAC;CACtC;AAQD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,uDAAuD;IACvD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,mEAAmE;IACnE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,+FAA+F;IAC/F,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA2C9D;AAMD,wBAAgB,YAAY,IAAI,qBAAqB,CAkCpD;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,CAGzD"}

package/dist/dialog.cjs

@@ -3,8 +3,7 @@
 
 var gui = require('@hanzo/gui');
 var React2 = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
+var ui = require('@hanzo/ui');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -28,9 +27,6 @@ function _interopNamespace(e) {
 var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
 // src/dialog.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 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 = gui.styled(gui.View, {
   name: "LuxCloseButton",
@@ -180,7 +176,7 @@ var DialogContent = React2__namespace.forwardRef(function DialogContent2(props,
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: cn(
+        className: ui.cn(
           "fixed inset-0 z-[1400] flex w-screen h-dvh",
           "items-start lg:items-center justify-center",
           "overflow-hidden"
@@ -190,7 +186,7 @@ var DialogContent = React2__namespace.forwardRef(function DialogContent2(props,
           {
             ref,
             unstyled: true,
-            className: cn(
+            className: ui.cn(
               // Base content styles
               "relative flex flex-col w-full p-6 outline-none text-base",
               "bg-dialog-bg text-dialog-fg shadow-lg rounded-xl",
@@ -221,7 +217,7 @@ var DialogHeader = React2__namespace.forwardRef(function DialogHeader2(props, re
     "div",
     {
       ref,
-      className: cn(
+      className: ui.cn(
         "flex-none p-0 mb-2 flex items-center gap-x-2 min-h-[40px]",
         className
       ),
@@ -232,7 +228,7 @@ var DialogHeader = React2__namespace.forwardRef(function DialogHeader2(props, re
           gui.Dialog.Title,
           {
             unstyled: true,
-            className: cn(
+            className: ui.cn(
               "text-base lg:text-lg font-medium",
               "whitespace-nowrap overflow-hidden text-ellipsis"
             ),
@@ -255,7 +251,7 @@ var DialogBody = React2__namespace.forwardRef(function DialogBody2({ className,
     "div",
     {
       ref,
-      className: cn("flex-1 p-0 overflow-auto", className),
+      className: ui.cn("flex-1 p-0 overflow-auto", className),
       style: Object.keys(bodyStyle).length > 0 ? bodyStyle : void 0,
       ...props
     }
@@ -266,7 +262,7 @@ var DialogFooter = React2__namespace.forwardRef(function DialogFooter2({ classNa
     "div",
     {
       ref,
-      className: cn("flex items-center justify-start gap-6 p-0 mt-6", className),
+      className: ui.cn("flex items-center justify-start gap-6 p-0 mt-6", className),
       ...props
     }
   );