@facter/ds-core 1.31.0 → 1.33.0

package/dist/index.d.mts

@@ -30,6 +30,8 @@ declare const buttonVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    isLoading?: boolean;
+    loadingText?: string;
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 

package/dist/index.d.ts

@@ -30,6 +30,8 @@ declare const buttonVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    isLoading?: boolean;
+    loadingText?: string;
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 

package/dist/index.js

@@ -2,11 +2,11 @@
 'use strict';
 
 var React10 = require('react');
+var lucideReact = require('lucide-react');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
 var framerMotion = require('framer-motion');
 var SelectPrimitive = require('@radix-ui/react-select');
 var TabsPrimitive = require('@radix-ui/react-tabs');
@@ -89,13 +89,18 @@ var buttonVariants = classVarianceAuthority.cva(
   }
 );
 var Button = React10__namespace.forwardRef(
-  ({ className, variant, size, ...props }, ref) => {
+  ({ className, variant, size, isLoading = false, loadingText, children, disabled, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         className: cn(buttonVariants({ variant, size, className })),
         ref,
-        ...props
+        disabled: disabled || isLoading,
+        ...props,
+        children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin shrink-0" }),
+          loadingText ?? children
+        ] }) : children
       }
     );
   }
@@ -2526,16 +2531,16 @@ var DataTable = Object.assign(DataTableRoot, {
   ColumnHeader: DataTableColumnHeader
 });
 function DialogMeshEffect() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 overflow-hidden rounded-t-lg pointer-events-none z-[1]", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 left-0 right-0 h-[180px] overflow-hidden rounded-t-lg pointer-events-none z-[1]", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: "absolute inset-0",
         style: {
           background: `
-            radial-gradient(ellipse at 30% -20%, hsl(var(--primary) / 0.2) 0%, transparent 60%),
-            radial-gradient(ellipse at 80% -10%, hsl(var(--primary) / 0.14) 0%, transparent 55%),
-            linear-gradient(to bottom, hsl(var(--primary) / 0.06), transparent 50%)
+            radial-gradient(ellipse at 30% -30%, hsl(var(--primary) / 0.2) 0%, transparent 70%),
+            radial-gradient(ellipse at 80% -20%, hsl(var(--primary) / 0.14) 0%, transparent 65%),
+            linear-gradient(to bottom, hsl(var(--primary) / 0.06), transparent 80%)
           `
         }
       }
@@ -2550,8 +2555,8 @@ function DialogMeshEffect() {
             linear-gradient(90deg, hsl(var(--primary) / 0.07) 1px, transparent 1px)
           `,
           backgroundSize: "28px 28px",
-          mask: "linear-gradient(to bottom, black 0%, transparent 50%)",
-          WebkitMask: "linear-gradient(to bottom, black 0%, transparent 50%)"
+          mask: "linear-gradient(to bottom, black 0%, transparent 90%)",
+          WebkitMask: "linear-gradient(to bottom, black 0%, transparent 90%)"
         }
       }
     )