@waveso/ui 0.15.0 → 0.16.0

package/dist/spinner.d.ts

@@ -1,11 +1,13 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
 //#region src/spinner.d.ts
 type SpinnerProps = React.ComponentProps<"svg">;
-declare function Spinner({
-  className,
-  ...props
-}: SpinnerProps): _$react_jsx_runtime0.JSX.Element;
+/**
+ * A circle with a gap, rotating — drawn in `currentColor` so it takes the tone
+ * of whatever it sits in, and sized in `em` so it matches the text/icon beside
+ * it without a size prop at every call site. The `<svg>` itself is the
+ * accessible status (`role="status"` + `aria-label`), so pass `aria-label` to
+ * override the announced text.
+ */
+declare function Spinner({ className, ...props }: SpinnerProps): React.JSX.Element;
 //#endregion
 export { Spinner, type SpinnerProps };

package/dist/spinner.js

@@ -1,15 +1,33 @@
 import { cn } from "./lib/utils.js";
-import { LoaderIcon } from "./lib/internal-icons.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/spinner.tsx
+/**
+* A circle with a gap, rotating — drawn in `currentColor` so it takes the tone
+* of whatever it sits in, and sized in `em` so it matches the text/icon beside
+* it without a size prop at every call site. The `<svg>` itself is the
+* accessible status (`role="status"` + `aria-label`), so pass `aria-label` to
+* override the announced text.
+*/
 function Spinner({ className, ...props }) {
-	return /* @__PURE__ */ jsx(LoaderIcon, {
+	return /* @__PURE__ */ jsxs("svg", {
 		"data-slot": "spinner",
 		role: "status",
 		"aria-label": "Loading",
-		"aria-hidden": false,
-		className: cn("size-4 animate-spin", className),
-		...props
+		viewBox: "0 0 24 24",
+		className: cn("size-[1.15em] shrink-0 motion-spin-sm", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "8",
+			strokeWidth: "3",
+			className: "fill-none stroke-current opacity-20"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M20 12a8 8 0 0 0-8-8",
+			strokeWidth: "3",
+			strokeLinecap: "round",
+			className: "fill-none stroke-current"
+		})]
 	});
 }
 //#endregion