@luxfi/ui 7.4.14 → 8.0.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 hanzo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/accordion.d.ts

@@ -1,7 +1,6 @@
 import { Accordion } from '@hanzo/gui';
 import * as React from 'react';
-
-interface AccordionRootProps extends Omit<React.ComponentProps<typeof Accordion>, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'size'> {
+export interface AccordionRootProps extends Omit<React.ComponentProps<typeof Accordion>, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'size'> {
     /** Controlled open items. */
     readonly value?: Array<string>;
     /** Uncontrolled initial open items. */
@@ -13,10 +12,10 @@ interface AccordionRootProps extends Omit<React.ComponentProps<typeof Accordion>
     readonly variant?: 'outline' | 'faq';
     readonly size?: 'sm' | 'md';
 }
-declare const AccordionRoot: ({ value, defaultValue, onValueChange, variant, size, children, ...rest }: AccordionRootProps) => React.ReactElement;
-type AccordionItemProps = React.ComponentProps<typeof Accordion.Item>;
-declare const AccordionItem: (props: AccordionItemProps) => React.ReactElement;
-type AccordionItemTriggerProps = React.ComponentProps<typeof Accordion.Trigger> & {
+export declare const AccordionRoot: ({ value, defaultValue, onValueChange, variant, size, children, ...rest }: AccordionRootProps) => React.ReactElement;
+export type AccordionItemProps = React.ComponentProps<typeof Accordion.Item>;
+export declare const AccordionItem: (props: AccordionItemProps) => React.ReactElement;
+export type AccordionItemTriggerProps = React.ComponentProps<typeof Accordion.Trigger> & {
     readonly indicatorPlacement?: 'start' | 'end';
     readonly noIndicator?: boolean;
     readonly variant?: 'outline' | 'faq';
@@ -24,11 +23,11 @@ type AccordionItemTriggerProps = React.ComponentProps<typeof Accordion.Trigger>
     /** The DOM button type — see (3) above. Defaults to `button`, not submit. */
     readonly type?: 'button' | 'submit' | 'reset';
 };
-declare const AccordionItemTrigger: ({ children, indicatorPlacement: placementProp, variant: variantProp, noIndicator, headingLevel, ...rest }: AccordionItemTriggerProps) => React.ReactElement;
-type AccordionItemContentProps = React.ComponentProps<typeof Accordion.Content>;
-declare const AccordionItemContent: ({ children, ...rest }: AccordionItemContentProps) => React.ReactElement;
+export declare const AccordionItemTrigger: ({ children, indicatorPlacement: placementProp, variant: variantProp, noIndicator, headingLevel, ...rest }: AccordionItemTriggerProps) => React.ReactElement;
+export type AccordionItemContentProps = React.ComponentProps<typeof Accordion.Content>;
+export declare const AccordionItemContent: ({ children, ...rest }: AccordionItemContentProps) => React.ReactElement;
 /** Open state for an accordion whose items are addressable by URL fragment. */
-declare function useAccordion(items: Array<{
+export declare function useAccordion(items: Array<{
     id: string;
 }>): {
     value: string[];
@@ -37,5 +36,4 @@ declare function useAccordion(items: Array<{
     }) => void;
     scrollToItemFromUrl: () => void;
 };
-
-export { AccordionItem, AccordionItemContent, type AccordionItemContentProps, type AccordionItemProps, AccordionItemTrigger, type AccordionItemTriggerProps, AccordionRoot, type AccordionRootProps, useAccordion };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../src/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,YAAY,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmE/B,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,MAAM,CAAC;IAElH,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE/B,uCAAuC;IACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAEtC,6CAA6C;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IAErE,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACrC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC7B;AAID,eAAO,MAAM,aAAa,GAAI,0EAQ3B,kBAAkB,KAAG,KAAK,CAAC,YAgB7B,CAAC;AAMF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AAE7E,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,KAAG,KAAK,CAAC,YAO/D,CAAC;AAMF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,GAAG;IACvF,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC9C,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAE9C,6EAA6E;IAC7E,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,2GAOlC,yBAAyB,KAAG,KAAK,CAAC,YAmCpC,CAAC;AAMF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC;AAEvF,eAAO,MAAM,oBAAoB,GAAI,uBAAuB,yBAAyB,KAAG,KAAK,CAAC,YAU7F,CAAC;AAMF,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;;qCAGG;QAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAAE;;EAmBnF"}

package/dist/alert.cjs

@@ -4,8 +4,7 @@
 var gui = require('@hanzo/gui');
 var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
+var ui = require('@hanzo/ui');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -94,9 +93,6 @@ var ink = (children, Wrap = gui.Text, props = {}) => {
   if (!hasText) return children;
   return React2.Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? React2.createElement(Wrap, props, child) : child);
 };
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",
@@ -219,7 +215,7 @@ var Skeleton = React2__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 && React2__namespace.isValidElement(children)) return children;
@@ -231,7 +227,7 @@ var Skeleton = React2__namespace.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
+          className: ui.cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -243,7 +239,7 @@ var Skeleton = React2__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
@@ -260,7 +256,7 @@ React2__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
       }
@@ -270,11 +266,11 @@ React2__namespace.forwardRef(
 React2__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
     )) });

package/dist/alert.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-
 type AlertStatus = 'info' | 'warning' | 'warning_table' | 'success' | 'error';
-interface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
+export interface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
     readonly status?: AlertStatus;
     readonly size?: 'sm' | 'md';
     readonly inline?: boolean;
@@ -25,6 +24,6 @@ interface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'
     readonly mb?: number | string;
     readonly mt?: number | string;
 }
-declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Alert, type AlertProps };
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=alert.d.ts.map

package/dist/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAyC9E,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtF,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;QAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAMD,eAAO,MAAM,KAAK,mFAwIjB,CAAC"}

package/dist/alert.js

@@ -3,8 +3,7 @@ import { styled, View, XStack, YStack, Text } from '@hanzo/gui';
 import * as React2 from 'react';
 import { Children, createElement } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { cn } from '@hanzo/ui';
 
 // src/alert.tsx
 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";
@@ -73,9 +72,6 @@ var ink = (children, Wrap = Text, props = {}) => {
   if (!hasText) return children;
   return Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? createElement(Wrap, props, child) : child);
 };
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",

package/dist/auth.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
-import { WhiteLabel } from './white-label.js';
-
+import type { WhiteLabel } from './white-label';
 /**
  * The ONE callback route. Registered as `https://<host>/auth/callback` for
  * every browser client in the fleet — never under `/api/`, never per app.
  */
-declare const CALLBACK_PATH = "/auth/callback";
+export declare const CALLBACK_PATH = "/auth/callback";
 /** What `handleCallback` hands back. Structural, so the SDK's types stay its own. */
-interface AuthResult {
+export interface AuthResult {
     readonly token: {
         readonly accessToken: string;
     };
@@ -19,8 +18,8 @@ interface AuthResult {
  * Idempotent per config, browser-only, and safe to call from anywhere — which
  * is the point: no ordering rule between a provider's effect and a child's.
  */
-declare function configureAuth(wl: WhiteLabel): void;
-interface Auth {
+export declare function configureAuth(wl: WhiteLabel): void;
+export interface Auth {
     /** Start the PKCE login. `redirect` is where to land afterwards. */
     readonly signIn: (redirect?: string) => void;
     /** RP-initiated logout + local token clear. */
@@ -36,8 +35,8 @@ interface Auth {
  * Configuration happens during render, before any caller can use a verb, so a
  * callback route works whether or not it sits under an `<AuthProvider>`.
  */
-declare function useAuth(defaultRedirect?: string): Auth;
-interface AuthProviderProps {
+export declare function useAuth(defaultRedirect?: string): Auth;
+export interface AuthProviderProps {
     readonly children: React.ReactNode;
     /** Where a successful sign-in lands. Default `/`. */
     readonly redirect?: string;
@@ -55,8 +54,8 @@ interface AuthProviderProps {
  * A surface's root becomes `<AppProvider><AuthProvider>…` and nothing else —
  * no `configureIam`, no `startLogin`, no per-app token keys.
  */
-declare const AuthProvider: ({ children, redirect, onSignOut }: AuthProviderProps) => React.ReactElement;
-interface AuthCallbackProps {
+export declare const AuthProvider: ({ children, redirect, onSignOut }: AuthProviderProps) => React.ReactElement;
+export interface AuthCallbackProps {
     /**
      * Anything the surface must do with the fresh session before it navigates —
      * e.g. the MPC dashboard mints its own API JWT from the IAM token. Throwing
@@ -75,6 +74,5 @@ interface AuthCallbackProps {
  * The ONE callback page body: verify state, exchange the code, go where the
  * user was headed. Mount it at {@link CALLBACK_PATH}.
  */
-declare const AuthCallback: ({ onSignedIn, navigate, fallback, retryPath, }: AuthCallbackProps) => React.ReactElement;
-
-export { type Auth, AuthCallback, type AuthCallbackProps, AuthProvider, type AuthProviderProps, type AuthResult, CALLBACK_PATH, configureAuth, useAuth };
+export declare const AuthCallback: ({ onSignedIn, navigate, fallback, retryPath, }: AuthCallbackProps) => React.ReactElement;
+//# sourceMappingURL=auth.d.ts.map

package/dist/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../src/auth.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA8BhD;;;GAGG;AACH,eAAO,MAAM,aAAa,mBAAmB,CAAC;AAE9C,qFAAqF;AACrF,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE;QAAE,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,UAAU,GAAG,IAAI,CAUlD;AAED,MAAM,WAAW,IAAI;IACnB,oEAAoE;IACpE,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,+CAA+C;IAC/C,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,8CAA8C;IAC9C,QAAQ,CAAC,QAAQ,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7C,2EAA2E;IAC3E,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;CACjC;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,eAAe,SAAM,GAAG,IAAI,CASnD;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,qDAAqD;IACrD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,mCAAyC,iBAAiB,KAAG,KAAK,CAAC,YAU/F,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,qEAAqE;IACrE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,mDAAmD;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,gDAK1B,iBAAiB,KAAG,KAAK,CAAC,YA8C5B,CAAC"}

package/dist/avatar.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-
 type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type AvatarVariant = 'solid' | 'subtle' | 'outline';
-interface AvatarProps extends React.ComponentPropsWithoutRef<'span'> {
+export interface AvatarProps extends React.ComponentPropsWithoutRef<'span'> {
     name?: string;
     src?: string;
     srcSet?: string;
@@ -14,12 +13,12 @@ interface AvatarProps extends React.ComponentPropsWithoutRef<'span'> {
     variant?: AvatarVariant;
     borderless?: boolean;
 }
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
 interface AvatarGroupProps extends React.ComponentPropsWithoutRef<'div'> {
     size?: AvatarSize;
     variant?: AvatarVariant;
     borderless?: boolean;
 }
-declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Avatar, AvatarGroup, type AvatarProps };
+export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=avatar.d.ts.map

package/dist/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAI5D,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAC3D,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AA8CpD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,qFAyDlB,CAAC;AAyCF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,yFAqBvB,CAAC"}

package/dist/badge.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');
 var usehooks = require('@uidotdev/usehooks');
 
@@ -29,9 +28,6 @@ function _interopNamespace(e) {
 var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 
 // src/badge.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",
@@ -154,7 +150,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;
@@ -166,7 +162,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
@@ -178,7 +174,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
@@ -195,7 +191,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
       }
@@ -205,11 +201,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
     )) });

package/dist/badge.d.ts

@@ -1,10 +1,9 @@
-import React__default from 'react';
-
+import React from 'react';
 type ColorPalette = 'gray' | 'green' | 'red' | 'purple' | 'orange' | 'blue' | 'yellow' | 'teal' | 'cyan' | 'pink' | 'purple_alt' | 'blue_alt' | 'bright_gray' | 'bright_green' | 'bright_red' | 'bright_blue' | 'bright_yellow' | 'bright_teal' | 'bright_cyan' | 'bright_orange' | 'bright_purple' | 'bright_pink';
-interface BadgeProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'> {
+export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
     readonly loading?: boolean;
-    readonly startElement?: React__default.ReactNode;
-    readonly endElement?: React__default.ReactNode;
+    readonly startElement?: React.ReactNode;
+    readonly endElement?: React.ReactNode;
     readonly truncated?: boolean;
     readonly colorPalette?: ColorPalette;
     readonly variant?: 'subtle' | 'solid';
@@ -14,6 +13,6 @@ interface BadgeProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>
     readonly ml?: number | string | Record<string, number>;
     readonly mr?: number | string;
 }
-declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
-
-export { Badge, type BadgeProps };
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,KAAK,YAAY,GACf,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAClE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GACpD,aAAa,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,GAC7D,eAAe,GAAG,aAAa,GAAG,aAAa,GAAG,eAAe,GACjE,eAAe,GAAG,aAAa,CAAC;AA2ClC,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC5D,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC;IACrC,QAAQ,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEnC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAID,eAAO,MAAM,KAAK,mFAsFjB,CAAC"}

package/dist/badge.js

@@ -2,15 +2,11 @@
 import { TooltipGroup, Tooltip as Tooltip$1, Text, XStack } from '@hanzo/gui';
 import * as React3 from 'react';
 import React3__default, { Children, createElement } from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { cn } from '@hanzo/ui';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useClickAway } from '@uidotdev/usehooks';
 
 // src/badge.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",

package/dist/bank.d.ts

@@ -1,10 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _hanzogui_core from '@hanzogui/core';
-import * as _hanzogui_web from '@hanzogui/web';
-import React__default from 'react';
-import { GetProps } from '@hanzo/gui';
-
-declare const bankColors: {
+import React from 'react';
+import type { GetProps } from '@hanzo/gui';
+export declare const bankColors: {
     readonly bg: "#000000";
     readonly card: "#111111";
     readonly cardBorder: "#222222";
@@ -27,57 +23,56 @@ declare const bankColors: {
     readonly divider: "#222222";
     readonly disabled: "#444444";
 };
-declare const BankCard: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+export declare const BankCard: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     size?: "sm" | "md" | "lg" | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-type BankCardProps = GetProps<typeof BankCard>;
-declare const BankInput: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type BankCardProps = GetProps<typeof BankCard>;
+export declare const BankInput: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     size?: "sm" | "md" | "lg" | undefined;
     unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-type BankInputProps = GetProps<typeof BankInput> & {
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type BankInputProps = GetProps<typeof BankInput> & {
     placeholderTextColor?: string;
 };
-declare const BankButton: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+export declare const BankButton: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    variant?: "primary" | "secondary" | "ghost" | undefined;
     disabled?: boolean | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export declare const BankButtonText: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     variant?: "primary" | "secondary" | "ghost" | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-declare const BankButtonText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    variant?: "primary" | "secondary" | "ghost" | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-type BankButtonProps = GetProps<typeof BankButton>;
-declare const BankHeading: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type BankButtonProps = GetProps<typeof BankButton>;
+export declare const BankHeading: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     unstyled?: boolean | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-type BankHeadingProps = GetProps<typeof BankHeading>;
-declare const BankText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type BankHeadingProps = GetProps<typeof BankHeading>;
+export declare const BankText: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    variant?: "label" | "link" | "default" | "error" | "success" | "muted" | undefined;
     unstyled?: boolean | undefined;
-    variant?: "default" | "label" | "link" | "error" | "success" | "muted" | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-type BankTextProps = GetProps<typeof BankText>;
-declare function BankField({ label, error, children, }: {
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type BankTextProps = GetProps<typeof BankText>;
+export declare function BankField({ label, error, children, }: {
     label?: string;
     error?: string;
-    children: React__default.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare const BankAlert: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {
-    status?: "error" | "success" | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-declare const BankAlertText: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const BankAlert: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     status?: "error" | "success" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export declare const BankAlertText: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-type BankAlertProps = GetProps<typeof BankAlert>;
-declare const BankPinBox: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiTextElement, _hanzogui_core.RNTextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    status?: "error" | "success" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type BankAlertProps = GetProps<typeof BankAlert>;
+export declare const BankPinBox: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-type BankPinBoxProps = GetProps<typeof BankPinBox>;
-declare const BankDivider: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
-declare const BankPage: _hanzogui_web.GuiComponent<_hanzogui_web.TamaDefer, _hanzogui_web.GuiElement, _hanzogui_core.RNViewNonStyleProps, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
-type BankPageProps = GetProps<typeof BankPage>;
-
-export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type BankPinBoxProps = GetProps<typeof BankPinBox>;
+export declare const BankDivider: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, import("@hanzogui/web").StaticConfigPublic>;
+export declare const BankPage: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, import("@hanzogui/web").StaticConfigPublic>;
+export type BankPageProps = GetProps<typeof BankPage>;
+//# sourceMappingURL=bank.d.ts.map

package/dist/bank.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bank.d.ts","sourceRoot":"","sources":["../src/bank.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAI1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;CAsBb,CAAA;AAGV,eAAO,MAAM,QAAQ;;8CAsBnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAGrD,eAAO,MAAM,SAAS;;;;8CAuCpB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,GAAG;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAGD,eAAO,MAAM,UAAU;;;8CAgDrB,CAAA;AAEF,eAAO,MAAM,cAAc;;;8CAczB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGzD,eAAO,MAAM,WAAW;;;8CAkBtB,CAAA;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAG3D,eAAO,MAAM,QAAQ;;;8CAoBnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAIrD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,2CAQA;AAGD,eAAO,MAAM,SAAS;;8CAmBpB,CAAA;AAEF,eAAO,MAAM,aAAa;;;8CAUxB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAGvD,eAAO,MAAM,UAAU;;;8CAwBrB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGzD,eAAO,MAAM,WAAW,sPAKtB,CAAA;AAGF,eAAO,MAAM,QAAQ,sPAOnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA"}

package/dist/button.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/button.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",
@@ -153,7 +149,7 @@ var Skeleton = React2__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 && React2__namespace.isValidElement(children)) return children;
@@ -165,7 +161,7 @@ var Skeleton = React2__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 = React2__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 @@ React2__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 @@ React2__namespace.forwardRef(
 React2__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
     )) });
@@ -495,17 +491,6 @@ var Button = React2__namespace.forwardRef(
     return button;
   }
 );
-var SIZE_CLASSES = {
-  "2xs": "px-2 h-5 min-w-5 text-xs rounded-sm gap-1",
-  xs: "px-2 h-6 min-w-6 text-sm rounded-sm gap-1",
-  sm: "px-3 h-8 min-w-8 text-sm rounded-md gap-1",
-  md: "px-3 h-10 min-w-10 text-base rounded-md gap-2"
-};
-function buttonVariants(opts) {
-  const v = opts?.variant ?? "solid";
-  const s = opts?.size ?? "md";
-  return [BASE_CLASSES, VARIANT_CLASSES[v] ?? "", SIZE_CLASSES[s] ?? ""].filter(Boolean).join(" ");
-}
 var ButtonGroup = React2__namespace.forwardRef(
   function ButtonGroup2(props, ref) {
     const { className, ...rest } = props;
@@ -571,4 +556,3 @@ var ButtonGroupRadio = React2__namespace.forwardRef(
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.ButtonGroupRadio = ButtonGroupRadio;
-exports.buttonVariants = buttonVariants;