@luxfi/ui 8.2.7 → 8.2.8

package/dist/next.cjs

@@ -2,96 +2,12 @@
 'use strict';
 
 var module$1 = require('module');
+var engine_js = require('./engine.js');
 
-// src/engine.ts
-var GUI_PACKAGES = [
-  "@hanzo/gui",
-  "@hanzogui/accordion",
-  "@hanzogui/adapt",
-  "@hanzogui/alert-dialog",
-  "@hanzogui/animate",
-  "@hanzogui/animate-presence",
-  "@hanzogui/avatar",
-  "@hanzogui/button",
-  "@hanzogui/card",
-  "@hanzogui/checkbox",
-  "@hanzogui/collapsible",
-  "@hanzogui/component-helpers",
-  "@hanzogui/compose-refs",
-  "@hanzogui/config",
-  "@hanzogui/context-menu",
-  "@hanzogui/core",
-  "@hanzogui/create-context",
-  "@hanzogui/create-menu",
-  "@hanzogui/dialog",
-  "@hanzogui/dismissable",
-  "@hanzogui/element",
-  "@hanzogui/elements",
-  "@hanzogui/floating",
-  "@hanzogui/focus-scope",
-  "@hanzogui/font-size",
-  "@hanzogui/form",
-  "@hanzogui/get-token",
-  "@hanzogui/group",
-  "@hanzogui/helpers",
-  "@hanzogui/image",
-  "@hanzogui/input",
-  "@hanzogui/label",
-  "@hanzogui/list-item",
-  "@hanzogui/menu",
-  "@hanzogui/popover",
-  "@hanzogui/popper",
-  "@hanzogui/portal",
-  "@hanzogui/progress",
-  "@hanzogui/radio-group",
-  "@hanzogui/react-native-media-driver",
-  "@hanzogui/remove-scroll",
-  "@hanzogui/scroll-view",
-  "@hanzogui/select",
-  "@hanzogui/separator",
-  "@hanzogui/shapes",
-  "@hanzogui/sheet",
-  "@hanzogui/slider",
-  "@hanzogui/spacer",
-  "@hanzogui/spinner",
-  "@hanzogui/stacks",
-  "@hanzogui/switch",
-  "@hanzogui/tabs",
-  "@hanzogui/text",
-  "@hanzogui/theme",
-  "@hanzogui/toast",
-  "@hanzogui/toggle-group",
-  "@hanzogui/tooltip",
-  "@hanzogui/use-controllable-state",
-  "@hanzogui/use-debounce",
-  "@hanzogui/use-force-update",
-  "@hanzogui/use-presence",
-  "@hanzogui/use-window-dimensions",
-  "@hanzogui/visually-hidden",
-  "@hanzogui/web",
-  "@hanzogui/z-index-stack",
-  "@luxfi/ui"
-];
-var GUI_DEFINES = {
-  "process.env.EXPO_OS": JSON.stringify("web"),
-  "process.env.IS_WEB": JSON.stringify("true")
-};
-[
-  "react",
-  "react-dom",
-  "@tanstack/react-query",
-  ...GUI_PACKAGES
-];
-var ALIASABLE = [
-  "@tanstack/react-query",
-  ...GUI_PACKAGES
-];
-
-// src/next.ts
 function guiAliases(from) {
   const require_ = module$1.createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
   const alias = {};
-  for (const pkg of ALIASABLE) {
+  for (const pkg of engine_js.ALIASABLE) {
     try {
       alias[`${pkg}$`] = require_.resolve(pkg);
     } catch {
@@ -105,7 +21,7 @@ function withLuxUi(config = {}) {
   const { dir: _dir, ...rest } = config;
   return {
     ...rest,
-    transpilePackages: [.../* @__PURE__ */ new Set([...config.transpilePackages ?? [], ...GUI_PACKAGES])],
+    transpilePackages: [.../* @__PURE__ */ new Set([...config.transpilePackages ?? [], ...engine_js.GUI_PACKAGES])],
     turbopack: {
       ...config.turbopack,
       resolveAlias: {
@@ -126,12 +42,15 @@ function withLuxUi(config = {}) {
       };
       const webpackModule = context?.webpack;
       if (webpackModule?.DefinePlugin) {
-        next.plugins = [...next.plugins ?? [], new webpackModule.DefinePlugin({ ...GUI_DEFINES })];
+        next.plugins = [...next.plugins ?? [], new webpackModule.DefinePlugin({ ...engine_js.GUI_DEFINES })];
       }
       return next;
     }
   };
 }
 
-exports.GUI_PACKAGES = GUI_PACKAGES;
+Object.defineProperty(exports, "GUI_PACKAGES", {
+  enumerable: true,
+  get: function () { return engine_js.GUI_PACKAGES; }
+});
 exports.withLuxUi = withLuxUi;

package/dist/next.js

@@ -1,91 +1,8 @@
 'use client';
 import { createRequire } from 'module';
+import { GUI_DEFINES, GUI_PACKAGES, ALIASABLE } from './engine.js';
+export { GUI_PACKAGES } from './engine.js';
 
-// src/engine.ts
-var GUI_PACKAGES = [
-  "@hanzo/gui",
-  "@hanzogui/accordion",
-  "@hanzogui/adapt",
-  "@hanzogui/alert-dialog",
-  "@hanzogui/animate",
-  "@hanzogui/animate-presence",
-  "@hanzogui/avatar",
-  "@hanzogui/button",
-  "@hanzogui/card",
-  "@hanzogui/checkbox",
-  "@hanzogui/collapsible",
-  "@hanzogui/component-helpers",
-  "@hanzogui/compose-refs",
-  "@hanzogui/config",
-  "@hanzogui/context-menu",
-  "@hanzogui/core",
-  "@hanzogui/create-context",
-  "@hanzogui/create-menu",
-  "@hanzogui/dialog",
-  "@hanzogui/dismissable",
-  "@hanzogui/element",
-  "@hanzogui/elements",
-  "@hanzogui/floating",
-  "@hanzogui/focus-scope",
-  "@hanzogui/font-size",
-  "@hanzogui/form",
-  "@hanzogui/get-token",
-  "@hanzogui/group",
-  "@hanzogui/helpers",
-  "@hanzogui/image",
-  "@hanzogui/input",
-  "@hanzogui/label",
-  "@hanzogui/list-item",
-  "@hanzogui/menu",
-  "@hanzogui/popover",
-  "@hanzogui/popper",
-  "@hanzogui/portal",
-  "@hanzogui/progress",
-  "@hanzogui/radio-group",
-  "@hanzogui/react-native-media-driver",
-  "@hanzogui/remove-scroll",
-  "@hanzogui/scroll-view",
-  "@hanzogui/select",
-  "@hanzogui/separator",
-  "@hanzogui/shapes",
-  "@hanzogui/sheet",
-  "@hanzogui/slider",
-  "@hanzogui/spacer",
-  "@hanzogui/spinner",
-  "@hanzogui/stacks",
-  "@hanzogui/switch",
-  "@hanzogui/tabs",
-  "@hanzogui/text",
-  "@hanzogui/theme",
-  "@hanzogui/toast",
-  "@hanzogui/toggle-group",
-  "@hanzogui/tooltip",
-  "@hanzogui/use-controllable-state",
-  "@hanzogui/use-debounce",
-  "@hanzogui/use-force-update",
-  "@hanzogui/use-presence",
-  "@hanzogui/use-window-dimensions",
-  "@hanzogui/visually-hidden",
-  "@hanzogui/web",
-  "@hanzogui/z-index-stack",
-  "@luxfi/ui"
-];
-var GUI_DEFINES = {
-  "process.env.EXPO_OS": JSON.stringify("web"),
-  "process.env.IS_WEB": JSON.stringify("true")
-};
-[
-  "react",
-  "react-dom",
-  "@tanstack/react-query",
-  ...GUI_PACKAGES
-];
-var ALIASABLE = [
-  "@tanstack/react-query",
-  ...GUI_PACKAGES
-];
-
-// src/next.ts
 function guiAliases(from) {
   const require_ = createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
   const alias = {};
@@ -131,4 +48,4 @@ function withLuxUi(config = {}) {
   };
 }
 
-export { GUI_PACKAGES, withLuxUi };
+export { withLuxUi };

package/dist/popover.cjs

@@ -3,7 +3,8 @@
 
 var gui = require('@hanzo/gui');
 var ui = require('@hanzo/ui');
-var React2 = require('react');
+var React = require('react');
+var closeButton_js = require('./close-button.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -24,66 +25,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
-var CloseButtonFrame = gui.styled(gui.View, {
-  name: "LuxCloseButton",
-  render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Close" }),
-  role: "button",
-  cursor: "pointer",
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  width: 20,
-  height: 20,
-  minWidth: 0,
-  flexShrink: 1,
-  padding: 0,
-  borderRadius: 4,
-  borderWidth: 0,
-  overflow: "hidden",
-  backgroundColor: "transparent",
-  hoverStyle: {
-    backgroundColor: "transparent"
-  },
-  variants: {
-    disabled: {
-      true: {
-        opacity: 0.4,
-        pointerEvents: "none"
-      }
-    }
-  }
-});
-var CloseButton = React2__namespace.forwardRef(function CloseButton2(props, ref) {
-  const { variant: _variant, size: _size, className, children, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CloseButtonFrame,
-    {
-      ref,
-      className,
-      ...rest,
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          width: 20,
-          height: 20,
-          viewBox: "0 0 20 20",
-          fill: "none",
-          "aria-hidden": "true",
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: CLOSE_ICON_PATH,
-              fill: "currentColor"
-            }
-          )
-        }
-      )
-    }
-  );
-});
 function parsePlacement(placement) {
   if (!placement) {
     return { side: "bottom", align: "start" };
@@ -99,7 +42,7 @@ function parsePlacement(placement) {
   }
   return { side, align };
 }
-var PositioningContext = React2__namespace.createContext({
+var PositioningContext = React__namespace.createContext({
   side: "bottom",
   align: "start",
   sideOffset: 4,
@@ -133,7 +76,7 @@ var PopoverRoot = (props) => {
     }
   };
   const { side, align } = parsePlacement(mergedPositioning.placement);
-  const positioningValue = React2__namespace.useMemo(() => ({
+  const positioningValue = React__namespace.useMemo(() => ({
     side,
     align,
     sideOffset: mergedPositioning.offset?.mainAxis ?? 4,
@@ -150,7 +93,7 @@ var PopoverRoot = (props) => {
     autoFocus,
     closeOnInteractOutside
   ]);
-  const handleOpenChange = React2__namespace.useCallback((isOpen) => {
+  const handleOpenChange = React__namespace.useCallback((isOpen) => {
     onOpenChange?.({ open: isOpen });
   }, [onOpenChange]);
   const placement = mergedPositioning.placement ?? "bottom-start";
@@ -168,11 +111,11 @@ var PopoverRoot = (props) => {
     }
   ) });
 };
-var PopoverTrigger = React2__namespace.forwardRef(function PopoverTrigger2(props, ref) {
+var PopoverTrigger = React__namespace.forwardRef(function PopoverTrigger2(props, ref) {
   const { asChild = true, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(gui.Popover.Trigger, { asChild: asChild ? "except-style" : void 0, ref, ...rest });
 });
-var PopoverContent = React2__namespace.forwardRef(function PopoverContent2(props, ref) {
+var PopoverContent = React__namespace.forwardRef(function PopoverContent2(props, ref) {
   const { portalled = true, portalRef: _portalRef, className, w, minW, maxW, paddingTop, style: styleProp, ...rest } = props;
   const resolvedW = typeof w === "object" ? w.base ?? w.lg : w;
   const contentStyle = {
@@ -203,7 +146,7 @@ var PopoverContent = React2__namespace.forwardRef(function PopoverContent2(props
     }
   );
 });
-var PopoverArrow = React2__namespace.forwardRef(function PopoverArrow2(props, ref) {
+var PopoverArrow = React__namespace.forwardRef(function PopoverArrow2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     gui.Popover.Arrow,
@@ -215,7 +158,7 @@ var PopoverArrow = React2__namespace.forwardRef(function PopoverArrow2(props, re
     }
   );
 });
-var PopoverCloseTrigger = React2__namespace.forwardRef(function PopoverCloseTrigger2(props, ref) {
+var PopoverCloseTrigger = React__namespace.forwardRef(function PopoverCloseTrigger2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     gui.Popover.Close,
@@ -225,18 +168,18 @@ var PopoverCloseTrigger = React2__namespace.forwardRef(function PopoverCloseTrig
       ...rest,
       asChild: true,
       ref,
-      children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, {})
+      children: /* @__PURE__ */ jsxRuntime.jsx(closeButton_js.CloseButton, {})
     }
   );
 });
-var PopoverCloseTriggerWrapper = React2__namespace.forwardRef(function PopoverCloseTriggerWrapper2(props, ref) {
+var PopoverCloseTriggerWrapper = React__namespace.forwardRef(function PopoverCloseTriggerWrapper2(props, ref) {
   const { disabled, children, ...rest } = props;
   if (disabled) {
     return children;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(gui.Popover.Close, { ref, ...rest, asChild: true, children });
 });
-var PopoverBody = React2__namespace.forwardRef(function PopoverBody2(props, ref) {
+var PopoverBody = React__namespace.forwardRef(function PopoverBody2(props, ref) {
   const {
     className,
     style: styleProp,
@@ -274,7 +217,7 @@ var PopoverBody = React2__namespace.forwardRef(function PopoverBody2(props, ref)
     }
   );
 });
-var PopoverHeader = React2__namespace.forwardRef(function PopoverHeader2(props, ref) {
+var PopoverHeader = React__namespace.forwardRef(function PopoverHeader2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Box,
@@ -285,7 +228,7 @@ var PopoverHeader = React2__namespace.forwardRef(function PopoverHeader2(props,
     }
   );
 });
-var PopoverFooter = React2__namespace.forwardRef(function PopoverFooter2(props, ref) {
+var PopoverFooter = React__namespace.forwardRef(function PopoverFooter2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Box,
@@ -296,7 +239,7 @@ var PopoverFooter = React2__namespace.forwardRef(function PopoverFooter2(props,
     }
   );
 });
-var PopoverTitle = React2__namespace.forwardRef(function PopoverTitle2(props, ref) {
+var PopoverTitle = React__namespace.forwardRef(function PopoverTitle2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Box,
@@ -308,7 +251,7 @@ var PopoverTitle = React2__namespace.forwardRef(function PopoverTitle2(props, re
     }
   );
 });
-var PopoverDescription = React2__namespace.forwardRef(function PopoverDescription2(props, ref) {
+var PopoverDescription = React__namespace.forwardRef(function PopoverDescription2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Box,

package/dist/popover.js

@@ -1,67 +1,10 @@
 'use client';
-import { styled, View, Popover } from '@hanzo/gui';
+import { Popover } from '@hanzo/gui';
 import { sx, Box, cn } from '@hanzo/ui';
-import * as React2 from 'react';
+import * as React from 'react';
+import { CloseButton } from './close-button.js';
 import { jsx } from 'react/jsx-runtime';
 
-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",
-  render: /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Close" }),
-  role: "button",
-  cursor: "pointer",
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  width: 20,
-  height: 20,
-  minWidth: 0,
-  flexShrink: 1,
-  padding: 0,
-  borderRadius: 4,
-  borderWidth: 0,
-  overflow: "hidden",
-  backgroundColor: "transparent",
-  hoverStyle: {
-    backgroundColor: "transparent"
-  },
-  variants: {
-    disabled: {
-      true: {
-        opacity: 0.4,
-        pointerEvents: "none"
-      }
-    }
-  }
-});
-var CloseButton = React2.forwardRef(function CloseButton2(props, ref) {
-  const { variant: _variant, size: _size, className, children, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    CloseButtonFrame,
-    {
-      ref,
-      className,
-      ...rest,
-      children: children ?? /* @__PURE__ */ jsx(
-        "svg",
-        {
-          width: 20,
-          height: 20,
-          viewBox: "0 0 20 20",
-          fill: "none",
-          "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: CLOSE_ICON_PATH,
-              fill: "currentColor"
-            }
-          )
-        }
-      )
-    }
-  );
-});
 function parsePlacement(placement) {
   if (!placement) {
     return { side: "bottom", align: "start" };
@@ -77,7 +20,7 @@ function parsePlacement(placement) {
   }
   return { side, align };
 }
-var PositioningContext = React2.createContext({
+var PositioningContext = React.createContext({
   side: "bottom",
   align: "start",
   sideOffset: 4,
@@ -111,7 +54,7 @@ var PopoverRoot = (props) => {
     }
   };
   const { side, align } = parsePlacement(mergedPositioning.placement);
-  const positioningValue = React2.useMemo(() => ({
+  const positioningValue = React.useMemo(() => ({
     side,
     align,
     sideOffset: mergedPositioning.offset?.mainAxis ?? 4,
@@ -128,7 +71,7 @@ var PopoverRoot = (props) => {
     autoFocus,
     closeOnInteractOutside
   ]);
-  const handleOpenChange = React2.useCallback((isOpen) => {
+  const handleOpenChange = React.useCallback((isOpen) => {
     onOpenChange?.({ open: isOpen });
   }, [onOpenChange]);
   const placement = mergedPositioning.placement ?? "bottom-start";
@@ -146,11 +89,11 @@ var PopoverRoot = (props) => {
     }
   ) });
 };
-var PopoverTrigger = React2.forwardRef(function PopoverTrigger2(props, ref) {
+var PopoverTrigger = React.forwardRef(function PopoverTrigger2(props, ref) {
   const { asChild = true, ...rest } = props;
   return /* @__PURE__ */ jsx(Popover.Trigger, { asChild: asChild ? "except-style" : void 0, ref, ...rest });
 });
-var PopoverContent = React2.forwardRef(function PopoverContent2(props, ref) {
+var PopoverContent = React.forwardRef(function PopoverContent2(props, ref) {
   const { portalled = true, portalRef: _portalRef, className, w, minW, maxW, paddingTop, style: styleProp, ...rest } = props;
   const resolvedW = typeof w === "object" ? w.base ?? w.lg : w;
   const contentStyle = {
@@ -181,7 +124,7 @@ var PopoverContent = React2.forwardRef(function PopoverContent2(props, ref) {
     }
   );
 });
-var PopoverArrow = React2.forwardRef(function PopoverArrow2(props, ref) {
+var PopoverArrow = React.forwardRef(function PopoverArrow2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     Popover.Arrow,
@@ -193,7 +136,7 @@ var PopoverArrow = React2.forwardRef(function PopoverArrow2(props, ref) {
     }
   );
 });
-var PopoverCloseTrigger = React2.forwardRef(function PopoverCloseTrigger2(props, ref) {
+var PopoverCloseTrigger = React.forwardRef(function PopoverCloseTrigger2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     Popover.Close,
@@ -207,14 +150,14 @@ var PopoverCloseTrigger = React2.forwardRef(function PopoverCloseTrigger2(props,
     }
   );
 });
-var PopoverCloseTriggerWrapper = React2.forwardRef(function PopoverCloseTriggerWrapper2(props, ref) {
+var PopoverCloseTriggerWrapper = React.forwardRef(function PopoverCloseTriggerWrapper2(props, ref) {
   const { disabled, children, ...rest } = props;
   if (disabled) {
     return children;
   }
   return /* @__PURE__ */ jsx(Popover.Close, { ref, ...rest, asChild: true, children });
 });
-var PopoverBody = React2.forwardRef(function PopoverBody2(props, ref) {
+var PopoverBody = React.forwardRef(function PopoverBody2(props, ref) {
   const {
     className,
     style: styleProp,
@@ -252,7 +195,7 @@ var PopoverBody = React2.forwardRef(function PopoverBody2(props, ref) {
     }
   );
 });
-var PopoverHeader = React2.forwardRef(function PopoverHeader2(props, ref) {
+var PopoverHeader = React.forwardRef(function PopoverHeader2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     Box,
@@ -263,7 +206,7 @@ var PopoverHeader = React2.forwardRef(function PopoverHeader2(props, ref) {
     }
   );
 });
-var PopoverFooter = React2.forwardRef(function PopoverFooter2(props, ref) {
+var PopoverFooter = React.forwardRef(function PopoverFooter2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     Box,
@@ -274,7 +217,7 @@ var PopoverFooter = React2.forwardRef(function PopoverFooter2(props, ref) {
     }
   );
 });
-var PopoverTitle = React2.forwardRef(function PopoverTitle2(props, ref) {
+var PopoverTitle = React.forwardRef(function PopoverTitle2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     Box,
@@ -286,7 +229,7 @@ var PopoverTitle = React2.forwardRef(function PopoverTitle2(props, ref) {
     }
   );
 });
-var PopoverDescription = React2.forwardRef(function PopoverDescription2(props, ref) {
+var PopoverDescription = React.forwardRef(function PopoverDescription2(props, ref) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     Box,

package/dist/progress-circle.cjs

@@ -4,6 +4,7 @@
 var gui = require('@hanzo/gui');
 var ui = require('@hanzo/ui');
 var React = require('react');
+var ink_js = require('./ink.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -26,14 +27,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var ink = (children, Wrap = gui.Text, props = {}) => {
-  let hasText = false;
-  React.Children.forEach(children, (child) => {
-    if (typeof child === "string" || typeof child === "number") hasText = true;
-  });
-  if (!hasText) return children;
-  return React.Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? React.createElement(Wrap, props, child) : child);
-};
 var SIZE_MAP = {
   xs: { size: 24, thickness: 4, fontSize: 10 },
   sm: { size: 32, thickness: 5, fontSize: 10 },
@@ -71,7 +64,7 @@ var ProgressCircleRoot = React__namespace.forwardRef(function ProgressCircleRoot
       style: { display: "inline-flex", fontSize: 14 },
       className,
       ...rest,
-      children: ink(children)
+      children: ink_js.ink(children)
     }
   ) });
 });
@@ -156,7 +149,7 @@ var ProgressCircleValueText = React__namespace.forwardRef(function ProgressCircl
       },
       className,
       ...rest,
-      children: ink(children ?? `${Math.round(value ?? 0)}%`)
+      children: ink_js.ink(children ?? `${Math.round(value ?? 0)}%`)
     }
   );
 });

package/dist/progress-circle.js

@@ -1,18 +1,10 @@
 'use client';
-import { View, Text } from '@hanzo/gui';
+import { View } from '@hanzo/gui';
 import { css, cn } from '@hanzo/ui';
 import * as React from 'react';
-import { Children, createElement } from 'react';
+import { ink } from './ink.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var ink = (children, Wrap = Text, props = {}) => {
-  let hasText = false;
-  Children.forEach(children, (child) => {
-    if (typeof child === "string" || typeof child === "number") hasText = true;
-  });
-  if (!hasText) return children;
-  return Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? createElement(Wrap, props, child) : child);
-};
 var SIZE_MAP = {
   xs: { size: 24, thickness: 4, fontSize: 10 },
   sm: { size: 32, thickness: 5, fontSize: 10 },