@aristobyte-ui/spinner 2.3.5 → 2.4.0

package/es/src/main/components/Spinner/index.js

@@ -0,0 +1,7 @@
+'use client';
+import * as React from 'react';
+import './Spinner.scss';
+export var Spinner = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.variant, variant = _c === void 0 ? 'default' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.className, className = _e === void 0 ? '' : _e;
+    return (React.createElement("div", { className: "spinner spinner-type--".concat(type, " spinner-variant--").concat(variant, " spinner-size--").concat(size, " ").concat(className) }));
+};

package/es/src/main/components/index.js

@@ -0,0 +1 @@
+export * from './Spinner';

package/es/src/main/index.js

@@ -0,0 +1 @@
+export * from './components';

package/lib/src/main/components/Spinner/index.js

@@ -0,0 +1,44 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+var React = __importStar(require("react"));
+require("./Spinner.scss");
+var Spinner = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.variant, variant = _c === void 0 ? 'default' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, _e = _a.className, className = _e === void 0 ? '' : _e;
+    return (React.createElement("div", { className: "spinner spinner-type--".concat(type, " spinner-variant--").concat(variant, " spinner-size--").concat(size, " ").concat(className) }));
+};
+exports.Spinner = Spinner;

package/lib/src/main/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Spinner"), exports);

package/lib/src/main/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aristobyte-ui/spinner",
   "description": "Flexible, highly customizable React Spinner component for AristoByteUI. Supports multiple variants, sizes, and animation types, designed for seamless integration with modern React projects and monorepos.",
-  "version": "2.3.5",
+  "version": "2.4.0",
   "license": "MIT",
   "private": false,
   "author": "AristoByte <info@aristobyte.com>",

package/README.md

@@ -1,95 +0,0 @@
-# `@aristobyte-ui/spinner`
-
-<p align="center">
-  <img src="https://img.shields.io/badge/TypeScript-5.8-blue?style=for-the-badge&logo=typescript&logoColor=white" alt="TypeScript" />
-  <img src="https://img.shields.io/badge/Build-Turbo-green?style=for-the-badge&logo=turbo&logoColor=white" alt="TurboRepo" />
-  <img src="https://img.shields.io/badge/Lint-Strict-red?style=for-the-badge&logo=eslint&logoColor=white" alt="ESLint" />
-  <img src="https://img.shields.io/badge/License-MIT-black?style=for-the-badge&logo=open-source-initiative&logoColor=white" alt="License" />
-  <img src="https://img.shields.io/badge/AristoByte-UI-purple?style=for-the-badge&logo=react&logoColor=white" alt="AristoByte UI" />
-  <img src="https://img.shields.io/badge/Node-20.17.0+-339933?style=for-the-badge&logo=node.js&logoColor=white" alt="Node.js >=20.17.0" />
-  <img src="https://img.shields.io/badge/Yarn-1.22+-2C8EBB?style=for-the-badge&logo=yarn&logoColor=white" alt="Yarn >=1.22" />
-  <img src="https://img.shields.io/badge/NPM-10.8+-CB3837?style=for-the-badge&logo=npm&logoColor=white" alt="NPM >=10.8" />
-</p>
-
-A modular, highly customizable React spinner component, optimized for AristoByteUI projects. Supports multiple animation types, semantic color variants, and flexible sizing.
-
-## 📦 Installation
-
-```bash
-# Install via Yarn
-yarn add -D @aristobyte-ui/spinner
-
-# Or via npm
-npm install -D @aristobyte-ui/spinner
-
-# Or via pnpm
-pnpm add -D @aristobyte-ui/spinner
-```
-
-## 🛠 Usage
-
-```tsx
-import { Spinner } from "@aristobyte-ui/spinner";
-
-export const Demo = () => (
-  <div>
-    <Spinner type="default" variant="primary" size="md" />
-    <Spinner type="duo" variant="success" size="lg" />
-    <Spinner type="pulse-duo" variant="error" size="sm" />
-  </div>
-);
-```
-
-| Prop | Type | Default | Description |
-| | - | -- | -- |
-| type | `"default"`, `"duo"`, `"gradient"`, `"pulse"`, `"pulse-duo"` | `"default"` | Defines the spinner animation style |
-| variant | `"default"`, `"primary"`, `"secondary"`, `"success"`, `"error"`, `"warning"` | `"default"` | Semantic color variant |
-| size | `"xsm"`, `"sm"`, `"md"`, `"lg"`, `"xlg"` | `"md"` | Controls spinner dimensions |
-| className | `string` | `""` | Optional additional class names |
-
-## 📂 Presets Available
-
-- Types: `default`, `duo`, `gradient`, `pulse`, `pulse-duo`
-- Variants: `default`, `primary`, `secondary`, `success`, `error`, `warning`
-- Sizes: `xsm`, `sm`, `md`, `lg`, `xlg`
-
-## 🔧 Example in a Package
-
-```tsx
-import { Spinner } from "@aristobyte-ui/spinner";
-
-export const LoadingState = () => (
-  <div className="flex justify-center items-center">
-    <Spinner type="gradient" variant="primary" size="lg" />
-  </div>
-);
-```
-
-## 📊 Why This Matters
-
-- **Performance-first:** Engineered with lightweight, GPU-accelerated CSS keyframes for smooth, non-blocking animations.
-- **Fully typed:** TypeScript-first API ensures strict type safety and predictable integration across multiple projects.
-- **AristoByteUI ready:** Fully interoperable with AristoByte’s design tokens, semantic color palette, and styling architecture.
-- **Flexible:** Supports multiple animation types, semantic variants, and responsive sizing to fit any UI scenario.
-
-## 🏆 Philosophy
-
-- **Modular architecture:** Components are built for maximum reusability and composability.
-- **Declarative styling:** SCSS modules maintain a clean separation of concerns while leveraging design tokens.
-- **Strict typing & runtime flexibility:** Type-safe props with optional runtime overrides.
-- **Developer experience optimized:** Intuitive API with predictable behavior and minimal setup.
-
-## 📜 License
-
-[MIT](./LICENSE) © AristoByte
-
-## 🛡 Shields Showcase
-
-<p align="center">
-  <img src="https://img.shields.io/badge/Consistency-100%25-green?style=for-the-badge&logo=typescript" />
-  <img src="https://img.shields.io/badge/Maintained-Active-brightgreen?style=for-the-badge&logo=github" />
-  <img src="https://img.shields.io/badge/Strictness-High-critical?style=for-the-badge&logo=eslint" />
-  <img src="https://img.shields.io/badge/Declarations-Enabled-blue?style=for-the-badge&logo=typescript" />
-  <img src="https://img.shields.io/badge/Monorepo-Turbo-green?style=for-the-badge&logo=monorepo" />
-  <img src="https://img.shields.io/badge/Interop-ESM%2FCJS-orange?style=for-the-badge&logo=javascript" />
-</p>