singularity-components 0.1.91 → 0.1.92

package/dist/main.cjs

@@ -8,7 +8,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 var reactSlot = require('@radix-ui/react-slot');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
-var reactSpinners = require('react-spinners');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -20418,14 +20417,75 @@ function Skeleton({ className, ...props }) {
     }
   );
 }
-function Spinner({ size = "md" }) {
-  const sizeMap = {
-    sm: 30,
-    md: 60,
-    lg: 90
-  };
-  const spinnerSize = typeof size === "string" ? sizeMap[size] : size;
-  return /* @__PURE__ */ jsxRuntime.jsx(reactSpinners.PuffLoader, { "data-slot": "spinner", size: spinnerSize });
+var sizeMap = {
+  xs: "sg:h-4 sg:w-4",
+  sm: "sg:h-5 sg:w-5",
+  md: "sg:h-8 sg:w-8",
+  lg: "sg:h-12 sg:w-12"
+};
+function Spinner({ variant = "ring", size = "md", className }) {
+  if (variant === "dots") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        className: cn("sg:inline-flex sg:items-center sg:gap-1", className),
+        "aria-label": "Loading",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "sg:size-2 sg:rounded-full sg:bg-[var(--sg-pink)] sg:animate-pulse",
+                "[animation-delay:-200ms]"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "sg:size-2 sg:rounded-full sg:bg-[var(--sg-primary)] sg:animate-pulse",
+                "[animation-delay:-100ms]"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "sg:size-2 sg:rounded-full sg:bg-primary sg:animate-pulse"
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn(
+        "sg:relative sg:inline-block sg:align-[-0.125em]",
+        sizeMap[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "sg:absolute sg:inset-0 sg:animate-spin sg:rounded-full",
+              "sg:bg-[conic-gradient(var(--sg-pink),var(--sg-primary),var(--sg-primary),var(--sg-pink))]",
+              "sg:[mask:radial-gradient(farthest-side,transparent_62%,black_63%)]"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sg:absolute sg:inset-[18%] sg:rounded-full sg:bg-background" })
+      ]
+    }
+  );
 }
 var stackVariants = classVarianceAuthority.cva("sg:flex sg:flex-col", {
   variants: {