@versini/ui-spinner 5.0.4 → 5.1.0

package/dist/index.d.ts

@@ -1,26 +1,26 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const SPINNER_CLASSNAME = "av-spinner";
-
-type SpinnerProps = {
-	/**
-	 * The class name to apply to the spinner.
-	 */
-	className?: string;
-	/**
-	 * The mode of spinner to render. This will change the color of the spinner.
-	 */
-	mode?: "dark" | "light" | "system" | "alt-system";
-	/**
-	 * A ref to the spinner element.
-	 */
-	spinnerRef?: React.RefObject<HTMLDivElement>;
-	/**
-	 * The type of spinner to render. This will change the layout of the spinner.
-	 */
-	type?: "circle" | "dots";
-};
-
-declare const Spinner: ({ spinnerRef, mode, type, className, }: SpinnerProps) => react_jsx_runtime.JSX.Element;
-
-export { SPINNER_CLASSNAME, Spinner };
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Spinner: ({ spinnerRef, mode, type, className, }: SpinnerProps) => JSX.Element;
+
+export declare const SPINNER_CLASSNAME = "av-spinner";
+
+declare type SpinnerProps = {
+    /**
+     * The class name to apply to the spinner.
+     */
+    className?: string;
+    /**
+     * The mode of spinner to render. This will change the color of the spinner.
+     */
+    mode?: "dark" | "light" | "system" | "alt-system";
+    /**
+     * A ref to the spinner element.
+     */
+    spinnerRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * The type of spinner to render. This will change the layout of the spinner.
+     */
+    type?: "circle" | "dots";
+};
+
+export { }

package/dist/index.js

@@ -1,18 +1,85 @@
-import { SPINNER_CLASSNAME as o, Spinner as I } from "./components/Spinner/Spinner.js";
 /*!
-  @versini/ui-spinner v5.0.4
+  @versini/ui-spinner v5.1.0
   © 2025 gizmette.com
 */
 try {
-  window.__VERSINI_UI_SPINNER__ || (window.__VERSINI_UI_SPINNER__ = {
-    version: "5.0.4",
-    buildTime: "10/24/2025 07:48 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
+  if (!window.__VERSINI_UI_SPINNER__) {
+    window.__VERSINI_UI_SPINNER__ = {
+      version: "5.1.0",
+      buildTime: "11/04/2025 03:45 PM EST",
+      homepage: "https://github.com/aversini/ui-components",
+      license: "MIT",
+    };
+  }
+} catch (error) {
+  // nothing to declare officer
 }
-export {
-  o as SPINNER_CLASSNAME,
-  I as Spinner
+
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+
+;// CONCATENATED MODULE: ./src/common/constants.ts
+const SPINNER_CLASSNAME = "av-spinner";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "clsx"
+
+;// CONCATENATED MODULE: ./src/components/Spinner/Spinner.tsx
+
+
+
+const Spinner = ({ spinnerRef, mode = "system", type = "circle", className })=>{
+    const spinnerClassName = type === "circle" ? clsx(SPINNER_CLASSNAME, "h-8 w-8", "align-[-0.125em]", "border-4", "inline-block animate-spin rounded-full border-solid border-current border-r-transparent motion-reduce:animate-[spin_1.5s_linear_infinite]", {
+        "text-copy-dark": mode === "dark",
+        "text-copy-accent": mode === "light",
+        "text-copy-dark dark:text-copy-accent": mode === "system",
+        "text-copy-accent dark:text-copy-dark": mode === "alt-system"
+    }, className) : clsx(SPINNER_CLASSNAME, className);
+    const dotClassName = clsx("av-spinner__dot", {
+        "fill-copy-dark": mode === "dark",
+        "fill-copy-accent": mode === "light",
+        "fill-copy-dark dark:fill-copy-accent": mode === "system",
+        "fill-copy-accent dark:fill-copy-dark": mode === "alt-system"
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        ref: spinnerRef,
+        className: spinnerClassName,
+        role: "status",
+        children: [
+            type === "dots" && /*#__PURE__*/ jsxs("svg", {
+                className: "h-8 w-8",
+                children: [
+                    /*#__PURE__*/ jsx("circle", {
+                        className: dotClassName,
+                        cx: "6",
+                        cy: "50%",
+                        r: "3"
+                    }),
+                    /*#__PURE__*/ jsx("circle", {
+                        className: dotClassName,
+                        cx: "50%",
+                        cy: "50%",
+                        r: "3"
+                    }),
+                    /*#__PURE__*/ jsx("circle", {
+                        className: dotClassName,
+                        cx: "80%",
+                        cy: "50%",
+                        r: "3"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: "Loading..."
+            })
+        ]
+    });
 };
+
+;// CONCATENATED MODULE: ./src/components/index.ts
+
+
+
+export { SPINNER_CLASSNAME, Spinner };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-spinner",
-	"version": "5.0.4",
+	"version": "5.1.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -20,13 +20,13 @@
 	],
 	"scripts": {
 		"build:check": "tsc",
-		"build:js": "vite build",
-		"build:types": "tsup",
-		"build": "npm-run-all --serial clean build:check build:js build:types",
+		"build:js": "rslib build",
+		"build:types": "echo 'Types now built with rslib'",
+		"build": "npm-run-all --serial clean build:check build:js",
 		"clean": "rimraf dist tmp",
-		"dev:js": "vite build --watch --mode development",
-		"dev:types": "tsup --watch src",
-		"dev": "npm-run-all clean --parallel dev:js dev:types",
+		"dev:js": "rslib build --watch",
+		"dev:types": "echo 'Types now watched with rslib'",
+		"dev": "rslib build --watch",
 		"lint": "biome lint src",
 		"lint:fix": "biome check src --write --no-errors-on-unmatched",
 		"prettier": "biome check --write --no-errors-on-unmatched",
@@ -46,5 +46,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "26763e1e738bcdcb0806c39612161666e4bc4459"
+	"gitHead": "7484ad443b77ef31e52ae3a7d88b8129bc6cdf1d"
 }

package/dist/components/Spinner/Spinner.js

@@ -1,40 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import e from "clsx";
-const n = "av-spinner", y = ({
-  spinnerRef: i,
-  mode: c = "system",
-  type: s = "circle",
-  className: t
-}) => {
-  const o = s === "circle" ? e(
-    n,
-    "h-8 w-8",
-    "align-[-0.125em]",
-    "border-4",
-    "inline-block animate-spin rounded-full border-solid border-current border-r-transparent motion-reduce:animate-[spin_1.5s_linear_infinite]",
-    {
-      "text-copy-dark": c === "dark",
-      "text-copy-accent": c === "light",
-      "text-copy-dark dark:text-copy-accent": c === "system",
-      "text-copy-accent dark:text-copy-dark": c === "alt-system"
-    },
-    t
-  ) : e(n, t), a = e("av-spinner__dot", {
-    "fill-copy-dark": c === "dark",
-    "fill-copy-accent": c === "light",
-    "fill-copy-dark dark:fill-copy-accent": c === "system",
-    "fill-copy-accent dark:fill-copy-dark": c === "alt-system"
-  });
-  return /* @__PURE__ */ l("div", { ref: i, className: o, role: "status", children: [
-    s === "dots" && /* @__PURE__ */ l("svg", { className: "h-8 w-8", children: [
-      /* @__PURE__ */ r("circle", { className: a, cx: "6", cy: "50%", r: "3" }),
-      /* @__PURE__ */ r("circle", { className: a, cx: "50%", cy: "50%", r: "3" }),
-      /* @__PURE__ */ r("circle", { className: a, cx: "80%", cy: "50%", r: "3" })
-    ] }),
-    /* @__PURE__ */ r("span", { className: "sr-only", children: "Loading..." })
-  ] });
-};
-export {
-  n as SPINNER_CLASSNAME,
-  y as Spinner
-};