@luxfi/ui 7.4.15 → 8.1.0

package/dist/popover.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 interface Positioning {
     readonly placement?: string;
     readonly offset?: {
@@ -8,7 +7,7 @@ interface Positioning {
     };
     readonly overflowPadding?: number;
 }
-interface PopoverRootProps {
+export interface PopoverRootProps {
     readonly children?: React.ReactNode;
     readonly open?: boolean;
     readonly defaultOpen?: boolean;
@@ -23,12 +22,12 @@ interface PopoverRootProps {
     readonly closeOnInteractOutside?: boolean;
     readonly modal?: boolean;
 }
-declare const PopoverRoot: (props: PopoverRootProps) => React.ReactElement;
-interface PopoverTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+export declare const PopoverRoot: (props: PopoverRootProps) => React.ReactElement;
+export interface PopoverTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
     readonly asChild?: boolean;
 }
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface PopoverContentProps extends React.ComponentPropsWithoutRef<'div'> {
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PopoverContentProps extends React.ComponentPropsWithoutRef<'div'> {
     readonly portalled?: boolean;
     readonly portalRef?: React.RefObject<HTMLElement>;
     readonly w?: string | Record<string, string>;
@@ -36,18 +35,18 @@ interface PopoverContentProps extends React.ComponentPropsWithoutRef<'div'> {
     readonly maxW?: string;
     readonly paddingTop?: number | string;
 }
-declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
-interface PopoverArrowProps extends React.ComponentPropsWithoutRef<'svg'> {
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface PopoverArrowProps extends React.ComponentPropsWithoutRef<'svg'> {
 }
-declare const PopoverArrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
-interface PopoverCloseTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+export declare const PopoverArrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
+export interface PopoverCloseTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
 }
-declare const PopoverCloseTrigger: React.ForwardRefExoticComponent<PopoverCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface PopoverCloseTriggerWrapperProps extends React.ComponentPropsWithoutRef<'button'> {
+export declare const PopoverCloseTrigger: React.ForwardRefExoticComponent<PopoverCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PopoverCloseTriggerWrapperProps extends React.ComponentPropsWithoutRef<'button'> {
     readonly disabled?: boolean;
 }
-declare const PopoverCloseTriggerWrapper: React.ForwardRefExoticComponent<PopoverCloseTriggerWrapperProps & React.RefAttributes<HTMLButtonElement>>;
-interface PopoverBodyProps extends React.ComponentPropsWithoutRef<'div'> {
+export declare const PopoverCloseTriggerWrapper: React.ForwardRefExoticComponent<PopoverCloseTriggerWrapperProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PopoverBodyProps extends React.ComponentPropsWithoutRef<'div'> {
     readonly display?: string;
     readonly flexDir?: string;
     readonly rowGap?: number | string;
@@ -56,18 +55,18 @@ interface PopoverBodyProps extends React.ComponentPropsWithoutRef<'div'> {
     readonly textStyle?: string;
     readonly alignItems?: string;
 }
-declare const PopoverBody: React.ForwardRefExoticComponent<PopoverBodyProps & React.RefAttributes<HTMLDivElement>>;
-interface PopoverHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
+export declare const PopoverBody: React.ForwardRefExoticComponent<PopoverBodyProps & React.RefAttributes<HTMLDivElement>>;
+export interface PopoverHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
 }
-declare const PopoverHeader: React.ForwardRefExoticComponent<PopoverHeaderProps & React.RefAttributes<HTMLDivElement>>;
-interface PopoverFooterProps extends React.ComponentPropsWithoutRef<'div'> {
+export declare const PopoverHeader: React.ForwardRefExoticComponent<PopoverHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface PopoverFooterProps extends React.ComponentPropsWithoutRef<'div'> {
 }
-declare const PopoverFooter: React.ForwardRefExoticComponent<PopoverFooterProps & React.RefAttributes<HTMLDivElement>>;
-interface PopoverTitleProps extends React.ComponentPropsWithoutRef<'h3'> {
+export declare const PopoverFooter: React.ForwardRefExoticComponent<PopoverFooterProps & React.RefAttributes<HTMLDivElement>>;
+export interface PopoverTitleProps extends React.ComponentPropsWithoutRef<'h3'> {
 }
-declare const PopoverTitle: React.ForwardRefExoticComponent<PopoverTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-interface PopoverDescriptionProps extends React.ComponentPropsWithoutRef<'p'> {
+export declare const PopoverTitle: React.ForwardRefExoticComponent<PopoverTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export interface PopoverDescriptionProps extends React.ComponentPropsWithoutRef<'p'> {
 }
-declare const PopoverDescription: React.ForwardRefExoticComponent<PopoverDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-
-export { PopoverArrow, type PopoverArrowProps, PopoverBody, type PopoverBodyProps, PopoverCloseTrigger, type PopoverCloseTriggerProps, PopoverCloseTriggerWrapper, type PopoverCloseTriggerWrapperProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, PopoverRoot, type PopoverRootProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps };
+export declare const PopoverDescription: React.ForwardRefExoticComponent<PopoverDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export {};
+//# sourceMappingURL=popover.d.ts.map

package/dist/popover.d.ts.map

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

package/dist/popover.js

@@ -1,14 +1,10 @@
 "use client";
 import { styled, View, Popover } from '@hanzo/gui';
+import { sx, Box, cn } from '@hanzo/ui';
 import * as React2 from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
 import { jsx } from 'react/jsx-runtime';
 
 // src/popover.tsx
-function cn(...inputs) {
-  return twMerge(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 = styled(View, {
   name: "LuxCloseButton",
@@ -170,7 +166,7 @@ var PopoverContent = React2.forwardRef(function PopoverContent2(props, ref) {
     {
       ref,
       unstyled: true,
-      className: cn(
+      ...sx(
         "z-50 rounded-lg border border-[var(--color-popover-border,var(--color-border-divider))]",
         "bg-[var(--color-popover-bg,var(--color-dialog-bg))]",
         "shadow-[var(--shadow-popover)]",
@@ -193,7 +189,7 @@ var PopoverArrow = React2.forwardRef(function PopoverArrow2(props, ref) {
     {
       ref,
       unstyled: true,
-      className: cn("fill-[var(--color-popover-bg,var(--color-dialog-bg))]", className),
+      ...sx("fill-[var(--color-popover-bg,var(--color-dialog-bg))]", className),
       ...rest
     }
   );
@@ -204,7 +200,7 @@ var PopoverCloseTrigger = React2.forwardRef(function PopoverCloseTrigger2(props,
     Popover.Close,
     {
       unstyled: true,
-      className: cn("absolute top-1 right-1", className),
+      ...sx("absolute top-1 right-1", className),
       ...rest,
       asChild: true,
       ref,
@@ -248,7 +244,7 @@ var PopoverBody = React2.forwardRef(function PopoverBody2(props, ref) {
     ..._alignItems ? { alignItems: _alignItems } : {}
   };
   return /* @__PURE__ */ jsx(
-    "div",
+    Box,
     {
       ref,
       className: cn("p-4", className),
@@ -260,7 +256,7 @@ var PopoverBody = React2.forwardRef(function PopoverBody2(props, ref) {
 var PopoverHeader = React2.forwardRef(function PopoverHeader2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
-    "div",
+    Box,
     {
       ref,
       className: cn("px-4 pt-4 pb-0 font-semibold", className),
@@ -271,7 +267,7 @@ var PopoverHeader = React2.forwardRef(function PopoverHeader2(props, ref) {
 var PopoverFooter = React2.forwardRef(function PopoverFooter2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
-    "div",
+    Box,
     {
       ref,
       className: cn("px-4 pb-4 pt-0", className),
@@ -282,8 +278,9 @@ var PopoverFooter = React2.forwardRef(function PopoverFooter2(props, ref) {
 var PopoverTitle = React2.forwardRef(function PopoverTitle2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
-    "h3",
+    Box,
     {
+      tag: "h3",
       ref,
       className: cn("text-base font-semibold", className),
       ...rest
@@ -293,8 +290,9 @@ var PopoverTitle = React2.forwardRef(function PopoverTitle2(props, ref) {
 var PopoverDescription = React2.forwardRef(function PopoverDescription2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
-    "p",
+    Box,
     {
+      tag: "p",
       ref,
       className: cn("text-sm", className),
       ...rest

package/dist/positions-list.cjs

@@ -0,0 +1,98 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lucideReact = require('lucide-react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function PositionsList({
+  positions = [],
+  onPositionClick
+}) {
+  const getTickerFromSymbol = (symbol) => {
+    return symbol.split(":")[1] || symbol;
+  };
+  if (positions.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "p-4 text-center py-8 text-white/40", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "p", className: "text-sm", children: "No open positions" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "p-4 space-y-2", children: positions.map((position) => {
+    const pl = (position.currentPrice - position.avgPrice) * position.shares;
+    const plPercent = (position.currentPrice - position.avgPrice) / position.avgPrice * 100;
+    const totalValue = position.currentPrice * position.shares;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Box,
+      {
+        className: `bg-white/5 rounded-lg p-3 ${onPositionClick ? "cursor-pointer hover:bg-white/10 transition-colors" : ""}`,
+        onClick: () => onPositionClick?.(position),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "font-semibold text-white", children: getTickerFromSymbol(position.symbol) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Box,
+              {
+                className: `flex items-center gap-1 text-sm ${pl >= 0 ? "text-success" : "text-danger"}`,
+                children: [
+                  pl >= 0 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { size: 14 }),
+                  pl >= 0 ? "+" : "",
+                  plPercent.toFixed(2),
+                  "%"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "grid grid-cols-2 gap-2 text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-white/60", children: "Shares" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-white font-medium", children: position.shares })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-white/60", children: "Avg Price" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "text-white font-medium", children: [
+                "$",
+                position.avgPrice.toFixed(2)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "grid grid-cols-2 gap-2 text-xs mt-2 pt-2 border-t border-white/10", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-white/60", children: "Current Price" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "text-white font-medium", children: [
+                "$",
+                position.currentPrice.toFixed(2)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-white/60", children: "Total Value" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "text-white font-medium", children: [
+                "$",
+                totalValue.toFixed(2)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "mt-2 pt-2 border-t border-white/10", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex justify-between items-center text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-white/60", children: "P&L" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Box,
+              {
+                tag: "span",
+                className: `font-semibold ${pl >= 0 ? "text-success" : "text-danger"}`,
+                children: [
+                  pl >= 0 ? "+" : "",
+                  "$",
+                  pl.toFixed(2)
+                ]
+              }
+            )
+          ] }) })
+        ]
+      },
+      position.symbol
+    );
+  }) });
+}
+var positions_list_default = PositionsList;
+
+exports.PositionsList = PositionsList;
+exports.default = positions_list_default;

package/dist/positions-list.d.ts

@@ -0,0 +1,13 @@
+export interface Position {
+    symbol: string;
+    shares: number;
+    avgPrice: number;
+    currentPrice: number;
+}
+export interface PositionsListProps {
+    positions: Position[];
+    onPositionClick?: (position: Position) => void;
+}
+export declare function PositionsList({ positions, onPositionClick, }: Partial<PositionsListProps>): import("react/jsx-runtime").JSX.Element;
+export default PositionsList;
+//# sourceMappingURL=positions-list.d.ts.map

package/dist/positions-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"positions-list.d.ts","sourceRoot":"","sources":["../src/positions-list.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,QAAQ,EAAE,CAAA;IACrB,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAc,EACd,eAAe,GAChB,EAAE,OAAO,CAAC,kBAAkB,CAAC,2CAqF7B;AAED,eAAe,aAAa,CAAA"}

package/dist/positions-list.js

@@ -0,0 +1,93 @@
+"use client";
+import { TrendingUp, TrendingDown } from 'lucide-react';
+import { Box } from '@hanzo/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function PositionsList({
+  positions = [],
+  onPositionClick
+}) {
+  const getTickerFromSymbol = (symbol) => {
+    return symbol.split(":")[1] || symbol;
+  };
+  if (positions.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { className: "p-4 text-center py-8 text-white/40", children: /* @__PURE__ */ jsx(Box, { tag: "p", className: "text-sm", children: "No open positions" }) });
+  }
+  return /* @__PURE__ */ jsx(Box, { className: "p-4 space-y-2", children: positions.map((position) => {
+    const pl = (position.currentPrice - position.avgPrice) * position.shares;
+    const plPercent = (position.currentPrice - position.avgPrice) / position.avgPrice * 100;
+    const totalValue = position.currentPrice * position.shares;
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className: `bg-white/5 rounded-lg p-3 ${onPositionClick ? "cursor-pointer hover:bg-white/10 transition-colors" : ""}`,
+        onClick: () => onPositionClick?.(position),
+        children: [
+          /* @__PURE__ */ jsxs(Box, { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ jsx(Box, { className: "font-semibold text-white", children: getTickerFromSymbol(position.symbol) }),
+            /* @__PURE__ */ jsxs(
+              Box,
+              {
+                className: `flex items-center gap-1 text-sm ${pl >= 0 ? "text-success" : "text-danger"}`,
+                children: [
+                  pl >= 0 ? /* @__PURE__ */ jsx(TrendingUp, { size: 14 }) : /* @__PURE__ */ jsx(TrendingDown, { size: 14 }),
+                  pl >= 0 ? "+" : "",
+                  plPercent.toFixed(2),
+                  "%"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { className: "grid grid-cols-2 gap-2 text-xs", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Box, { className: "text-white/60", children: "Shares" }),
+              /* @__PURE__ */ jsx(Box, { className: "text-white font-medium", children: position.shares })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Box, { className: "text-white/60", children: "Avg Price" }),
+              /* @__PURE__ */ jsxs(Box, { className: "text-white font-medium", children: [
+                "$",
+                position.avgPrice.toFixed(2)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { className: "grid grid-cols-2 gap-2 text-xs mt-2 pt-2 border-t border-white/10", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Box, { className: "text-white/60", children: "Current Price" }),
+              /* @__PURE__ */ jsxs(Box, { className: "text-white font-medium", children: [
+                "$",
+                position.currentPrice.toFixed(2)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Box, { className: "text-white/60", children: "Total Value" }),
+              /* @__PURE__ */ jsxs(Box, { className: "text-white font-medium", children: [
+                "$",
+                totalValue.toFixed(2)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Box, { className: "mt-2 pt-2 border-t border-white/10", children: /* @__PURE__ */ jsxs(Box, { className: "flex justify-between items-center text-xs", children: [
+            /* @__PURE__ */ jsx(Box, { tag: "span", className: "text-white/60", children: "P&L" }),
+            /* @__PURE__ */ jsxs(
+              Box,
+              {
+                tag: "span",
+                className: `font-semibold ${pl >= 0 ? "text-success" : "text-danger"}`,
+                children: [
+                  pl >= 0 ? "+" : "",
+                  "$",
+                  pl.toFixed(2)
+                ]
+              }
+            )
+          ] }) })
+        ]
+      },
+      position.symbol
+    );
+  }) });
+}
+var positions_list_default = PositionsList;
+
+export { PositionsList, positions_list_default as default };

package/dist/progress-circle.cjs

@@ -2,9 +2,8 @@
 'use strict';
 
 var gui = require('@hanzo/gui');
+var ui = require('@hanzo/ui');
 var React = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -36,9 +35,6 @@ var ink = (children, Wrap = gui.Text, props = {}) => {
   if (!hasText) return children;
   return React.Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? React.createElement(Wrap, props, child) : child);
 };
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 var SIZE_MAP = {
   xs: { size: 24, thickness: 4, fontSize: 10 },
   sm: { size: 32, thickness: 5, fontSize: 10 },
@@ -95,7 +91,8 @@ var ProgressCircleRing = React__namespace.forwardRef(function ProgressCircleRing
       width: size,
       height: size,
       viewBox: `0 0 ${size} ${size}`,
-      className: value === null ? cn("lux-spin", className) : className,
+      className: value === null ? ui.cn("lux-spin", className) : className,
+      style: ui.css(value === null ? ui.cn("lux-spin", className) : className),
       ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(

package/dist/progress-circle.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 declare const SIZE_MAP: {
     readonly xs: {
         readonly size: 24;
@@ -28,20 +27,20 @@ declare const SIZE_MAP: {
     };
 };
 type Size = keyof typeof SIZE_MAP;
-interface ProgressCircleRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
+export interface ProgressCircleRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
     readonly value?: number | null;
     readonly size?: Size;
     readonly colorPalette?: string;
 }
-declare const ProgressCircleRoot: React.ForwardRefExoticComponent<ProgressCircleRootProps & React.RefAttributes<HTMLDivElement>>;
-interface ProgressCircleRingProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'color'> {
+export declare const ProgressCircleRoot: React.ForwardRefExoticComponent<ProgressCircleRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface ProgressCircleRingProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'color'> {
     readonly trackColor?: string;
     readonly cap?: React.SVGAttributes<SVGCircleElement>['strokeLinecap'];
     readonly color?: string;
 }
-declare const ProgressCircleRing: React.ForwardRefExoticComponent<ProgressCircleRingProps & React.RefAttributes<SVGSVGElement>>;
-interface ProgressCircleValueTextProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare const ProgressCircleRing: React.ForwardRefExoticComponent<ProgressCircleRingProps & React.RefAttributes<SVGSVGElement>>;
+export interface ProgressCircleValueTextProps extends React.HTMLAttributes<HTMLDivElement> {
 }
-declare const ProgressCircleValueText: React.ForwardRefExoticComponent<ProgressCircleValueTextProps & React.RefAttributes<HTMLDivElement>>;
-
-export { ProgressCircleRing, type ProgressCircleRingProps, ProgressCircleRoot, type ProgressCircleRootProps, ProgressCircleValueText, type ProgressCircleValueTextProps };
+export declare const ProgressCircleValueText: React.ForwardRefExoticComponent<ProgressCircleValueTextProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=progress-circle.d.ts.map

package/dist/progress-circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-circle.d.ts","sourceRoot":"","sources":["../src/progress-circle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;CAMJ,CAAC;AAEX,KAAK,IAAI,GAAG,MAAM,OAAO,QAAQ,CAAC;AAsBlC,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;IACrB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,kBAAkB,gGAuC7B,CAAC;AAMH,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACzD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,eAAe,CAAC,CAAC;IACtE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB,+FAoD7B,CAAC;AAMH,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,eAAO,MAAM,uBAAuB,qGA2ClC,CAAC"}

package/dist/progress-circle.js

@@ -1,9 +1,8 @@
 "use client";
 import { View, Text } from '@hanzo/gui';
+import { css, cn } from '@hanzo/ui';
 import * as React from 'react';
 import { Children, createElement } from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/progress-circle.tsx
@@ -15,9 +14,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 SIZE_MAP = {
   xs: { size: 24, thickness: 4, fontSize: 10 },
   sm: { size: 32, thickness: 5, fontSize: 10 },
@@ -75,6 +71,7 @@ var ProgressCircleRing = React.forwardRef(function ProgressCircleRing2(props, re
       height: size,
       viewBox: `0 0 ${size} ${size}`,
       className: value === null ? cn("lux-spin", className) : className,
+      style: css(value === null ? cn("lux-spin", className) : className),
       ...rest,
       children: [
         /* @__PURE__ */ jsx(

package/dist/progress.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 declare const SIZE: {
     readonly sm: 4;
     readonly md: 8;
@@ -23,6 +22,6 @@ interface ProgressProps extends React.ComponentPropsWithoutRef<'div'> {
     readonly w?: string;
     readonly flex?: string | number;
 }
-declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Progress };
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=progress.d.ts.map

package/dist/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../src/progress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,IAAI;;;;;CAKA,CAAC;AAEX,KAAK,IAAI,GAAG,MAAM,OAAO,IAAI,CAAC;AAE9B,UAAU,UAAU;IAClB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AAED,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACnE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IAGjC,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAQD,eAAO,MAAM,QAAQ,sFAyEpB,CAAC"}

package/dist/provider.d.ts

@@ -1,12 +1,10 @@
-import { QueryClient } from '@tanstack/react-query';
-export { QueryClient, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import React__default from 'react';
-import { WhiteLabel } from './white-label.js';
-
+import { QueryClient, useQueryClient, useQuery, useMutation, useInfiniteQuery } from '@tanstack/react-query';
+import React from 'react';
+import { type WhiteLabel } from './white-label';
 /** The white-label identity for the host this page is being served under. */
-declare const useWhiteLabel: () => WhiteLabel;
+export declare const useWhiteLabel: () => WhiteLabel;
 interface AppProviderProps {
-    children: React__default.ReactNode;
+    children: React.ReactNode;
     queryClient?: QueryClient;
     /**
      * Host header value, for server rendering. Omit in the browser and the host
@@ -20,6 +18,6 @@ interface AppProviderProps {
      */
     defaultTheme?: string;
 }
-declare const AppProvider: ({ children, queryClient, host, defaultTheme, }: AppProviderProps) => React__default.ReactElement;
-
-export { AppProvider, useWhiteLabel };
+export declare const AppProvider: ({ children, queryClient, host, defaultTheme, }: AppProviderProps) => React.ReactElement;
+export { QueryClient, useQueryClient, useQuery, useMutation, useInfiniteQuery };
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAEX,cAAc,EACd,QAAQ,EACR,WAAW,EACX,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAkC,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAqChF,6EAA6E;AAC7E,eAAO,MAAM,aAAa,QAAO,UAAiD,CAAC;AAoBnF,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAWD,eAAO,MAAM,WAAW,GAAI,gDAKzB,gBAAgB,KAAG,KAAK,CAAC,YAa3B,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}