@luxfi/ui 7.4.14 → 8.0.0

package/dist/slider.js

@@ -80,7 +80,7 @@ var Slider = React.forwardRef(
                 borderWidth: 2,
                 borderColor: ACTIVE,
                 backgroundColor: WHITE,
-                boxShadow: "0 1px 2px 0 rgba(0,0,0,0.05)",
+                boxShadow: "var(--shadow-sm)",
                 transition: "quick",
                 hoverStyle: { borderColor: ACTIVE_HOVER },
                 focusStyle: { outlineWidth: 2, outlineStyle: "solid", outlineColor: ACTIVE, outlineOffset: 2 },

package/dist/strategy-builder.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-
-interface StrategyLeg {
+export interface StrategyLeg {
     action: 'buy' | 'sell';
     type: 'call' | 'put';
     strike: number;
@@ -8,19 +7,18 @@ interface StrategyLeg {
     quantity: number;
     premium?: number;
 }
-type StrategyType = 'bull_call_spread' | 'bear_put_spread' | 'iron_condor' | 'butterfly' | 'straddle' | 'strangle' | 'collar' | 'custom';
-interface StrategySubmission {
+export type StrategyType = 'bull_call_spread' | 'bear_put_spread' | 'iron_condor' | 'butterfly' | 'straddle' | 'strangle' | 'collar' | 'custom';
+export interface StrategySubmission {
     type: string;
     legs: StrategyLeg[];
     netPremium: number;
 }
-interface StrategyBuilderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
+export interface StrategyBuilderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
     readonly underlying: string;
     readonly expirations: string[];
     readonly strikes: number[];
     readonly spotPrice: number;
     readonly onSubmit?: (strategy: StrategySubmission) => void;
 }
-declare const StrategyBuilder: React.ForwardRefExoticComponent<StrategyBuilderProps & React.RefAttributes<HTMLDivElement>>;
-
-export { StrategyBuilder, type StrategyBuilderProps, type StrategyLeg, type StrategySubmission, type StrategyType };
+export declare const StrategyBuilder: React.ForwardRefExoticComponent<StrategyBuilderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=strategy-builder.d.ts.map

package/dist/strategy-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strategy-builder.d.ts","sourceRoot":"","sources":["../src/strategy-builder.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GACpB,kBAAkB,GAClB,iBAAiB,GACjB,aAAa,GACb,WAAW,GACX,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAClG,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC5D;AA8TD,eAAO,MAAM,eAAe,6FA8M3B,CAAC"}

package/dist/switch.cjs

@@ -124,7 +124,7 @@ var SwitchBase = React__namespace.forwardRef(
                     height: s.thumb,
                     borderRadius: 9999,
                     backgroundColor: WHITE,
-                    boxShadow: "0 1px 2px 0 rgba(0,0,0,0.05)",
+                    boxShadow: "var(--shadow-sm)",
                     children: thumbLabel && /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { width: "100%", height: "100%", textAlign: "center", fontSize: 8, children: checkedState ? thumbLabel.on : thumbLabel.off })
                   }
                 )

package/dist/switch.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-
-interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange' | 'dir'> {
+export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange' | 'dir'> {
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     labelProps?: React.ComponentPropsWithoutRef<'span'>;
     rootRef?: React.Ref<HTMLLabelElement>;
@@ -22,6 +21,5 @@ interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onC
     size?: 'sm' | 'md' | 'lg';
     direction?: 'ltr' | 'rtl';
 }
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
-
-export { Switch, type SwitchProps };
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=switch.d.ts.map

package/dist/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IACpG,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE;QAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC3D,UAAU,CAAC,EAAE;QAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC3B;AA2HD,eAAO,MAAM,MAAM,sFAAa,CAAC"}

package/dist/switch.js

@@ -102,7 +102,7 @@ var SwitchBase = React.forwardRef(
                     height: s.thumb,
                     borderRadius: 9999,
                     backgroundColor: WHITE,
-                    boxShadow: "0 1px 2px 0 rgba(0,0,0,0.05)",
+                    boxShadow: "var(--shadow-sm)",
                     children: thumbLabel && /* @__PURE__ */ jsx(Text, { width: "100%", height: "100%", textAlign: "center", fontSize: 8, children: checkedState ? thumbLabel.on : thumbLabel.off })
                   }
                 )

package/dist/table.cjs

@@ -3,8 +3,7 @@
 
 var esToolkit = require('es-toolkit');
 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/table.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
@@ -667,7 +663,7 @@ var TableRoot = React3__namespace.forwardRef(
       "table",
       {
         ref,
-        className: cn("w-full border-collapse text-sm", className),
+        className: ui.cn("w-full border-collapse text-sm", className),
         style: merged,
         ...rest,
         children
@@ -684,7 +680,7 @@ var TableHeader = React3__namespace.forwardRef(
       "thead",
       {
         ref,
-        className: cn("", className),
+        className: ui.cn("", className),
         style: merged,
         ...rest,
         children
@@ -701,7 +697,7 @@ var TableBody = React3__namespace.forwardRef(
       "tbody",
       {
         ref,
-        className: cn("", className),
+        className: ui.cn("", className),
         style: merged,
         ...rest,
         children
@@ -718,7 +714,7 @@ var TableRow = React3__namespace.forwardRef(
       "tr",
       {
         ref,
-        className: cn("", className),
+        className: ui.cn("", className),
         style: merged,
         ...rest,
         children
@@ -739,7 +735,7 @@ var TableCell = React3__namespace.forwardRef(
       "td",
       {
         ref,
-        className: cn("px-3 py-2.5 align-top text-sm", className),
+        className: ui.cn("px-3 py-2.5 align-top text-sm", className),
         style: merged,
         ...rest,
         children
@@ -760,7 +756,7 @@ var TableColumnHeader = React3__namespace.forwardRef(
       "th",
       {
         ref,
-        className: cn(
+        className: ui.cn(
           "px-3 py-2 text-xs font-semibold uppercase tracking-wider",
           "bg-[var(--color-table-header-bg)] text-[var(--color-table-header-fg)]",
           className
@@ -784,7 +780,7 @@ var TableColumnHeaderSortable = (props) => {
       isActive && /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: cn(
+          className: ui.cn(
             "absolute top-0 inline-flex h-full w-4 items-center",
             indicatorPosition === "left" ? "-left-5" : "-right-5",
             isAsc ? "-rotate-90" : "rotate-90"
@@ -820,7 +816,7 @@ var TableHeaderSticky = (props) => {
     TableHeader,
     {
       ref,
-      className: cn("sticky z-[1] bg-white dark:bg-black", className),
+      className: ui.cn("sticky z-[1] bg-white dark:bg-black", className),
       style: {
         top: top ? `${top}px` : 0,
         boxShadow: isStuck ? ACTION_BAR_SHADOW : "none",
@@ -840,7 +836,7 @@ var TableCaption = React3__namespace.forwardRef(
       "caption",
       {
         ref,
-        className: cn("px-3 py-2 text-sm text-[var(--color-table-header-fg)]", className),
+        className: ui.cn("px-3 py-2 text-sm text-[var(--color-table-header-fg)]", className),
         style: merged,
         ...rest,
         children
@@ -857,7 +853,7 @@ var TableFooter = React3__namespace.forwardRef(
       "tfoot",
       {
         ref,
-        className: cn("", className),
+        className: ui.cn("", className),
         style: merged,
         ...rest,
         children
@@ -872,7 +868,7 @@ var TableScrollWrapper = React3__namespace.forwardRef(
       "div",
       {
         ref,
-        className: cn("w-full overflow-x-auto", className),
+        className: ui.cn("w-full overflow-x-auto", className),
         ...rest,
         children
       }

package/dist/table.d.ts

@@ -1,6 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-
 interface ChakraStyleProps {
     width?: React.CSSProperties['width'];
     w?: React.CSSProperties['width'];
@@ -51,37 +49,37 @@ interface ChakraStyleProps {
     _first?: Record<string, unknown>;
     _last?: Record<string, unknown>;
 }
-interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
+export interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
     children?: React.ReactNode;
     minWidth?: React.CSSProperties['minWidth'] | Record<string, string>;
     minW?: React.CSSProperties['minWidth'] | Record<string, string>;
 }
-declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
-interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+export declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
+export interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
     children?: React.ReactNode;
 }
-declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
-interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+export declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+export interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
     children?: React.ReactNode;
 }
-declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
+export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+export interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
     children?: React.ReactNode;
 }
-declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
+export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+export interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
     isNumeric?: boolean;
     children?: React.ReactNode;
     display?: string;
     justifyContent?: string;
 }
-declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
+export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
     isNumeric?: boolean;
     children?: React.ReactNode;
 }
-declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
+export declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
+export interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
     sortField: F;
     sortValue: string;
     onSortToggle: (sortField: F) => void;
@@ -89,19 +87,19 @@ interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHe
     indicatorPosition?: 'left' | 'right';
     contentAfter?: React.ReactNode;
 }
-declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => react_jsx_runtime.JSX.Element;
-declare const TableHeaderSticky: (props: TableHeaderProps) => react_jsx_runtime.JSX.Element;
-interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
+export declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeaderSticky: (props: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
     children?: React.ReactNode;
 }
-declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
-interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+export declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+export interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
     children?: React.ReactNode;
 }
-declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
-interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+export interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
 }
-declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
-
-export { TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, TableColumnHeaderSortable, type TableColumnHeaderSortableProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableHeaderSticky, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableScrollWrapper, type TableScrollWrapperProps };
+export declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=table.d.ts.map

package/dist/table.d.ts.map

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

package/dist/table.js

@@ -2,14 +2,10 @@
 import { throttle } from 'es-toolkit';
 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/table.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",

package/dist/tabs.d.ts

@@ -1,9 +1,8 @@
 import { Tabs } from '@hanzo/gui';
 import * as React from 'react';
-
 type TabsVariant = 'solid' | 'secondary' | 'segmented' | 'unstyled';
 type TabsSize = 'sm' | 'md' | 'free';
-interface TabsProps extends Omit<React.ComponentProps<typeof Tabs>, 'onValueChange' | 'size'> {
+export interface TabsProps extends Omit<React.ComponentProps<typeof Tabs>, 'onValueChange' | 'size'> {
     /** Visual variant. Default: "solid". */
     variant?: TabsVariant;
     /** Size preset. Default: "md". */
@@ -15,20 +14,20 @@ interface TabsProps extends Omit<React.ComponentProps<typeof Tabs>, 'onValueChan
         value: string;
     }) => void;
 }
-declare const TabsRoot: ({ variant, size, fitted, onValueChange, ...rest }: TabsProps) => React.ReactElement;
-type TabsListProps = React.ComponentProps<typeof Tabs.List>;
-declare const TabsList: (props: TabsListProps) => React.ReactElement;
-type TabsTriggerProps = React.ComponentProps<typeof Tabs.Tab>;
-declare const TabsTrigger: ({ children, ...props }: TabsTriggerProps) => React.ReactElement;
-type TabsContentProps = React.ComponentProps<typeof Tabs.Content>;
-declare const TabsContent: ({ children, ...props }: TabsContentProps) => React.ReactElement;
-interface TabsCounterProps {
+export declare const TabsRoot: ({ variant, size, fitted, onValueChange, ...rest }: TabsProps) => React.ReactElement;
+export type TabsListProps = React.ComponentProps<typeof Tabs.List>;
+export declare const TabsList: (props: TabsListProps) => React.ReactElement;
+export type TabsTriggerProps = React.ComponentProps<typeof Tabs.Tab>;
+export declare const TabsTrigger: ({ children, ...props }: TabsTriggerProps) => React.ReactElement;
+export type TabsContentProps = React.ComponentProps<typeof Tabs.Content>;
+export declare const TabsContent: ({ children, ...props }: TabsContentProps) => React.ReactElement;
+export interface TabsCounterProps {
     count?: number | null;
 }
 /**
  * The count beside a tab label. Zero is deliberately dimmer than a real count —
  * "nothing here" should read quieter than "three things here".
  */
-declare const TabsCounter: ({ count }: TabsCounterProps) => React.ReactElement | null;
-
-export { TabsContent, type TabsContentProps, TabsCounter, type TabsCounterProps, TabsList, type TabsListProps, type TabsProps, TabsRoot, TabsTrigger, type TabsTriggerProps };
+export declare const TabsCounter: ({ count }: TabsCounterProps) => React.ReactElement | null;
+export {};
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAwB,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,KAAK,WAAW,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC;AACpE,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AA0ErC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAElG,wCAAwC;IACxC,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,kCAAkC;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,QAAQ,GAAI,mDAMtB,SAAS,KAAG,KAAK,CAAC,YAcpB,CAAC;AAMF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AAEnE,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,KAAG,KAAK,CAAC,YAarD,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;AAErE,eAAO,MAAM,WAAW,GAAI,wBAAwB,gBAAgB,KAAG,KAAK,CAAC,YAwB5E,CAAC;AAMF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;AAEzE,eAAO,MAAM,WAAW,GAAI,wBAAwB,gBAAgB,KAAG,KAAK,CAAC,YAI5E,CAAC;AAMF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAID;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,WAAW,gBAAgB,KAAG,KAAK,CAAC,YAAY,GAAG,IAQ9E,CAAC"}

package/dist/tag.cjs

@@ -4,8 +4,7 @@
 var gui = require('@hanzo/gui');
 var React4 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
+var ui = require('@hanzo/ui');
 var usehooks = require('@uidotdev/usehooks');
 
 function _interopNamespace(e) {
@@ -87,9 +86,6 @@ var CloseButton = React4__namespace.forwardRef(function CloseButton2(props, ref)
     }
   );
 });
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",
@@ -212,7 +208,7 @@ var Skeleton = React4__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 && React4__namespace.isValidElement(children)) return children;
@@ -224,7 +220,7 @@ var Skeleton = React4__namespace.forwardRef(
         {
           ref,
           "data-loading": true,
-          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
+          className: ui.cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
           style: mergedStyle,
           ...htmlRest,
           children
@@ -236,7 +232,7 @@ var Skeleton = React4__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
@@ -253,7 +249,7 @@ React4__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
       }
@@ -263,11 +259,11 @@ React4__namespace.forwardRef(
 React4__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/tag.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-
 type TagVariant = 'subtle' | 'clickable' | 'filter' | 'select';
 type TagSize = 'sm' | 'md' | 'lg';
-interface TagProps extends Omit<React.ComponentPropsWithRef<'span'>, 'size'> {
+export interface TagProps extends Omit<React.ComponentPropsWithRef<'span'>, 'size'> {
     readonly variant?: TagVariant;
     readonly size?: TagSize;
     readonly startElement?: React.ReactNode;
@@ -16,6 +15,6 @@ interface TagProps extends Omit<React.ComponentPropsWithRef<'span'>, 'size'> {
     readonly selected?: boolean;
     readonly disabled?: boolean;
 }
-declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-
-export { Tag, type TagProps };
+export declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=tag.d.ts.map

package/dist/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../src/tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,KAAK,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC/D,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AA0BlC,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACjF,QAAQ,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IACjE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,GAAG,+FAqHf,CAAC"}

package/dist/tag.js

@@ -3,8 +3,7 @@ import { styled, View, TooltipGroup, Tooltip as Tooltip$1, Text, XStack } from '
 import * as React4 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';
 import { useClickAway } from '@uidotdev/usehooks';
 
 // src/tag.tsx
@@ -66,9 +65,6 @@ var CloseButton = React4.forwardRef(function CloseButton2(props, ref) {
     }
   );
 });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var SHIM_PROPS = [
   "w",
   "h",