@facter/ds-core 1.31.0 → 1.33.0

package/dist/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import * as React10 from 'react';
 import { createContext, useRef, useState, useCallback, useEffect, Children, isValidElement, useMemo, useContext } from 'react';
+import { Loader2, ChevronDown, Check, Inbox, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, X, Circle, PinOff, Pin, ArrowDown, ArrowUp, ChevronsUpDown, FileText, FileSpreadsheet, Download, Rows4, Rows3, LayoutList, SlidersHorizontal, Info, AlertTriangle, XCircle, CheckCircle2, Building2, Star, ArrowRight, User, LogOut, Menu, AlertCircle, TrendingUp, TrendingDown, Sun, Moon, Bell, MoreHorizontal, Settings } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, Check, Inbox, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, X, Circle, PinOff, Pin, ArrowDown, ArrowUp, ChevronsUpDown, FileText, FileSpreadsheet, Download, Rows4, Rows3, LayoutList, SlidersHorizontal, Info, AlertTriangle, XCircle, CheckCircle2, Building2, Star, ArrowRight, User, LogOut, Menu, Loader2, AlertCircle, TrendingUp, TrendingDown, Sun, Moon, Bell, MoreHorizontal, Settings } from 'lucide-react';
 import { AnimatePresence, motion } from 'framer-motion';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -58,13 +58,18 @@ var buttonVariants = cva(
   }
 );
 var Button = React10.forwardRef(
-  ({ className, variant, size, ...props }, ref) => {
+  ({ className, variant, size, isLoading = false, loadingText, children, disabled, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
       {
         className: cn(buttonVariants({ variant, size, className })),
         ref,
-        ...props
+        disabled: disabled || isLoading,
+        ...props,
+        children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin shrink-0" }),
+          loadingText ?? children
+        ] }) : children
       }
     );
   }
@@ -2495,16 +2500,16 @@ var DataTable = Object.assign(DataTableRoot, {
   ColumnHeader: DataTableColumnHeader
 });
 function DialogMeshEffect() {
-  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden rounded-t-lg pointer-events-none z-[1]", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "absolute top-0 left-0 right-0 h-[180px] overflow-hidden rounded-t-lg pointer-events-none z-[1]", children: [
     /* @__PURE__ */ 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%)
           `
         }
       }
@@ -2519,8 +2524,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%)"
         }
       }
     )