lecom-ui 5.2.45 → 5.2.46

package/dist/components/Switch/Switch.js

@@ -2,7 +2,26 @@ import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 
-const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const Spinner = () => /* @__PURE__ */ React.createElement("svg", { className: "animate-spin h-4 w-4 text-blue-600", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement(
+  "circle",
+  {
+    className: "opacity-25",
+    cx: "12",
+    cy: "12",
+    r: "10",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    fill: "none"
+  }
+), /* @__PURE__ */ React.createElement(
+  "path",
+  {
+    className: "opacity-75",
+    fill: "currentColor",
+    d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+  }
+));
+const Switch = React.forwardRef(({ className, loading = false, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -10,15 +29,17 @@ const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
       className
     ),
     ref,
+    disabled: disabled || loading,
     ...props
   },
   /* @__PURE__ */ React.createElement(
     SwitchPrimitives.Thumb,
     {
       className: cn(
-        "pointer-events-none rounded-full shadow-sm transition-all h-4 w-4 data-[state=unchecked]:bg-grey-400 data-[state=unchecked]:translate-x-1 group-hover:data-[state=unchecked]:bg-grey-500 group-focus:ring-8 group-focus:ring-blue-200 group-focus:ring-opacity-50 group-active:group-enabled:h-5 group-active:group-enabled:w-5 group-active:data-[state=unchecked]:bg-grey-700 group-active:group-enabled:data-[state=unchecked]:translate-x-[-2px] group-disabled:data-[state=unchecked]:bg-grey-300 group-disabled:data-[state=unchecked]:bg-opacity-65 data-[state=checked]:bg-white data-[state=checked]:translate-x-6"
+        "pointer-events-none rounded-full shadow-sm transition-all h-4 w-4 data-[state=unchecked]:bg-grey-400 data-[state=unchecked]:translate-x-1 group-hover:data-[state=unchecked]:bg-grey-500 group-focus:ring-8 group-focus:ring-blue-200 group-focus:ring-opacity-50 group-active:group-enabled:h-5 group-active:group-enabled:w-5 group-active:data-[state=unchecked]:bg-grey-700 group-active:group-enabled:data-[state=unchecked]:translate-x-[-2px] group-disabled:data-[state=unchecked]:bg-grey-300 group-disabled:data-[state=unchecked]:bg-opacity-65 data-[state=checked]:bg-white data-[state=checked]:translate-x-6 flex items-center justify-center"
       )
-    }
+    },
+    loading && /* @__PURE__ */ React.createElement(Spinner, null)
   )
 ));
 Switch.displayName = "Switch";

package/dist/index.d.ts

@@ -935,7 +935,10 @@ interface SpinProps extends React$1.SVGAttributes<SVGSVGElement> {
 }
 declare const Spin: React$1.ForwardRefExoticComponent<SpinProps & React$1.RefAttributes<SVGSVGElement>>;
 
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    loading?: boolean;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const tagVariants: (props?: ({
     color?: "blue" | "grey" | "purple" | "yellow" | "red" | "orange" | "green" | "pink" | "turquoise" | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "5.2.45",
+  "version": "5.2.46",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",
@@ -120,4 +120,4 @@
   "overrides": {
     "react-is": "^19.0.0-rc-69d4b800-20241021"
   }
-}
+}