@luxfi/ui 8.2.7 → 8.2.9

package/dist/button.js

@@ -1,63 +1,10 @@
 'use client';
 import { styled, View } from '@hanzo/gui';
-import { Box, sx, cn } from '@hanzo/ui';
-import * as React2 from 'react';
+import { Box } from '@hanzo/ui';
+import * as React from 'react';
+import { Skeleton } from './skeleton.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-var SKELETON_CLASSES = "lux-skeleton rounded-sm";
-var Skeleton = React2.forwardRef(
-  function Skeleton2(props, ref) {
-    const { loading = true, asChild, className, children, style, ...rest } = props;
-    if (!loading) {
-      if (asChild && React2.isValidElement(children)) return children;
-      return /* @__PURE__ */ jsx(Box, { ref, className, style, ...rest, children });
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        "data-loading": true,
-        ...sx(
-          SKELETON_CLASSES,
-          asChild || children ? "[&_*]:invisible" : "min-h-5",
-          className
-        ),
-        style,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-React2.forwardRef(
-  function SkeletonCircle2(props, ref) {
-    const { size = 40, loading = true, className, ...rest } = props;
-    const dimension = typeof size === "number" ? `${size}px` : size;
-    return /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        ref,
-        loading,
-        ...sx("rounded-full shrink-0", className),
-        style: { width: dimension, height: dimension, ...rest.style },
-        ...rest
-      }
-    );
-  }
-);
-React2.forwardRef(
-  function SkeletonText2(props, ref) {
-    const { noOfLines = 3, loading = true, className, ...rest } = props;
-    return /* @__PURE__ */ jsx(Box, { ref, className: cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        loading,
-        ...sx(cn("h-4", index === noOfLines - 1 && "max-w-[80%]"))
-      },
-      index
-    )) });
-  }
-);
 var SpinnerFrame = styled(View, {
   name: "ButtonSpinner",
   render: /* @__PURE__ */ jsx("span", {}),
@@ -248,7 +195,7 @@ function buildShimStyle(props) {
   if (props.borderTopRightRadius !== void 0) s.borderTopRightRadius = typeof props.borderTopRightRadius === "number" ? `${props.borderTopRightRadius}px` : props.borderTopRightRadius;
   return Object.keys(s).length > 0 ? s : void 0;
 }
-var Button = React2.forwardRef(
+var Button = React.forwardRef(
   function Button2(props, ref) {
     const {
       className,
@@ -339,7 +286,7 @@ var Button = React2.forwardRef(
     return button;
   }
 );
-var ButtonGroup = React2.forwardRef(
+var ButtonGroup = React.forwardRef(
   function ButtonGroup2(props, ref) {
     const { className, ...rest } = props;
     return /* @__PURE__ */ jsx(
@@ -353,7 +300,7 @@ var ButtonGroup = React2.forwardRef(
     );
   }
 );
-var ButtonGroupRadio = React2.forwardRef(
+var ButtonGroupRadio = React.forwardRef(
   function ButtonGroupRadio2(props, ref) {
     const {
       children,
@@ -365,24 +312,24 @@ var ButtonGroupRadio = React2.forwardRef(
       className,
       ...rest
     } = props;
-    const firstChildValue = React2.useMemo(() => {
+    const firstChildValue = React.useMemo(() => {
       const firstChild = Array.isArray(children) ? children[0] : void 0;
       return typeof firstChild?.props.value === "string" ? firstChild.props.value : void 0;
     }, [children]);
-    const [value, setValue] = React2.useState(defaultValue ?? firstChildValue);
-    const handleItemClick = React2.useCallback((event) => {
+    const [value, setValue] = React.useState(defaultValue ?? firstChildValue);
+    const handleItemClick = React.useCallback((event) => {
       const v = event.currentTarget.value;
       setValue(v);
       onChange?.(v);
     }, [onChange]);
-    const clonedChildren = React2.Children.map(children, (child) => {
-      return React2.cloneElement(child, {
+    const clonedChildren = React.Children.map(children, (child) => {
+      return React.cloneElement(child, {
         onClick: handleItemClick,
         selected: value === child.props.value,
         variant
       });
     });
-    const childrenLength = React2.Children.count(children);
+    const childrenLength = React.Children.count(children);
     return /* @__PURE__ */ jsx(Skeleton, { loading, children: /* @__PURE__ */ jsx(
       Box,
       {