@luxfi/ui 8.2.7 → 8.2.8

package/dist/input-group.cjs

@@ -4,6 +4,7 @@
 var gui = require('@hanzo/gui');
 var esToolkit = require('es-toolkit');
 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 useIsomorphicLayoutEffect = typeof window !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect;
 var InputGroup = React__namespace.forwardRef(
   function InputGroup2(props, ref) {
@@ -125,7 +118,7 @@ var InputGroup = React__namespace.forwardRef(
               style: { color: "var(--color-icon-secondary)" },
               className: startClassName,
               ...startRest,
-              children: ink(startElement)
+              children: ink_js.ink(startElement)
             }
           ),
           React__namespace.Children.map(children, (child) => {
@@ -157,7 +150,7 @@ var InputGroup = React__namespace.forwardRef(
               style: { color: "var(--color-icon-secondary)" },
               className: endClassName,
               ...endRest,
-              children: ink(endElement)
+              children: ink_js.ink(endElement)
             }
           )
         ]

package/dist/input-group.js

@@ -1,18 +1,10 @@
 'use client';
-import { XStack, Text } from '@hanzo/gui';
+import { XStack } from '@hanzo/gui';
 import { debounce } from 'es-toolkit';
 import * as React from 'react';
-import { Children, createElement } from 'react';
+import { ink } from './ink.js';
 import { jsxs, jsx } 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 useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 var InputGroup = React.forwardRef(
   function InputGroup2(props, ref) {

package/dist/item.cjs

@@ -1,35 +1,10 @@
 'use strict';
 
 var ui = require('@hanzo/ui');
-var gui = require('@hanzo/gui');
-var React = require('react');
+var separator_js = require('./separator.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
 // src/item.tsx
-var WEIGHT = { xs: 0.5, sm: 1, md: 2, lg: 3 };
-var Separator = React__default.default.forwardRef(
-  function Separator2({ orientation = "horizontal", variant = "solid", size = "sm", ...rest }, ref) {
-    const vertical = orientation === "vertical";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      gui.Separator,
-      {
-        ref,
-        vertical,
-        role: "separator",
-        "aria-orientation": orientation,
-        borderWidth: 0,
-        borderStyle: variant,
-        borderColor: "var(--color-border-divider)",
-        ...vertical ? { borderLeftWidth: WEIGHT[size], alignSelf: "stretch", height: "auto", width: 0 } : { borderTopWidth: WEIGHT[size], width: "100%" },
-        ...rest
-      }
-    );
-  }
-);
 function ItemGroup({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Box,
@@ -46,7 +21,7 @@ function ItemSeparator({
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Separator,
+    separator_js.Separator,
     {
       "data-slot": "item-separator",
       orientation: "horizontal",

package/dist/item.js

@@ -1,29 +1,8 @@
 import { variants, Box, cn, sx, Slot } from '@hanzo/ui';
-import { Separator as Separator$1 } from '@hanzo/gui';
-import React from 'react';
+import { Separator } from './separator.js';
 import { jsx } from 'react/jsx-runtime';
 
 // src/item.tsx
-var WEIGHT = { xs: 0.5, sm: 1, md: 2, lg: 3 };
-var Separator = React.forwardRef(
-  function Separator2({ orientation = "horizontal", variant = "solid", size = "sm", ...rest }, ref) {
-    const vertical = orientation === "vertical";
-    return /* @__PURE__ */ jsx(
-      Separator$1,
-      {
-        ref,
-        vertical,
-        role: "separator",
-        "aria-orientation": orientation,
-        borderWidth: 0,
-        borderStyle: variant,
-        borderColor: "var(--color-border-divider)",
-        ...vertical ? { borderLeftWidth: WEIGHT[size], alignSelf: "stretch", height: "auto", width: 0 } : { borderTopWidth: WEIGHT[size], width: "100%" },
-        ...rest
-      }
-    );
-  }
-);
 function ItemGroup({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     Box,