@xui/spinner 2.0.0-alpha.8

package/README.md

@@ -0,0 +1,162 @@
+<p style="font-size: 5rem; font-weight: 700; text-align: center">
+  <span style="color: #1f75cb">x</span>UI
+</p>
+
+---
+
+![Build Status](https://github.com/rikarin/xui/actions/workflows/publish.yaml/badge.svg?branch=develop)
+[![Demo](https://img.shields.io/badge/demo-online-ed1c46)](https://xuijs.org/)
+[![npm](https://img.shields.io/npm/v/%40xui/core.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/org/xui)
+[![License](https://img.shields.io/npm/l/express.svg?maxAge=2592000)](/LICENSE)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/fa0cfd14-97df-47fa-8a7c-152e6d4cfda2/deploy-status)](https://app.netlify.com/sites/xui/deploys)
+
+xUI is a customizable Angular 20 UI Library with full support of TailwindCSS styling based on popular React library ShardCN and its Angular alternative SpartanUI.
+
+## Features
+
+- **35+ High-Quality Angular Components:** Ready to use out of the box.
+- **Powerful Theme Customization:** Detailed customization options with default themes.
+- **High Performance:** Supports Zoneless, OnPush mode, and Signals for optimized performance.
+- **Accessibility:** Supports WCAG 2.0 standards.
+- **Powerful Theme Customization:** Install each visual component and customize it according your needs
+- **TypeScript:** Written with predictable static types.
+
+## Table of Contents
+
+- [Storybook](https://develop--67d2b4c756077a325913e5d9.chromatic.com/?globals=theme:dark)
+- [StackBlitz Demo](https://stackblitz.com/fork/xui)
+- [Documentation](https://xuijs.org)
+- [Live Demo](https://cord.dj/r)
+- [Packages](#packages)
+- [Installation](#installation)
+- [Browser Support](#browser-support)
+- [Development](#development)
+- [Issues](#issues)
+- [Roadmap](#roadmap)
+
+## Packages
+
+| Package      | Usage                                                                                                                                                                                                                                                                                                                                                                                                                             | Description                                 |
+| ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- |
+| Core         | [![Downloads](https://img.shields.io/npm/dt/%40xui/core.svg)](https://www.npmjs.com/package/%40xui/core)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/core.svg)](https://www.npmjs.com/package/%40xui/core)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/core)](https://bundlephobia.com/result?p=%40xui/core)                                                 | Core package required by all other packages |
+| Badge        | [![Downloads](https://img.shields.io/npm/dt/%40xui/badge.svg)](https://www.npmjs.com/package/%40xui/badge)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/badge.svg)](https://www.npmjs.com/package/%40xui/badge)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/badge)](https://bundlephobia.com/result?p=%40xui/badge)                                           | Badge component                             |
+| Breadcrumb   | [![Downloads](https://img.shields.io/npm/dt/%40xui/breadcrumb.svg)](https://www.npmjs.com/package/%40xui/breadcrumb)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/breadcrumb.svg)](https://www.npmjs.com/package/%40xui/breadcrumb)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/breadcrumb)](https://bundlephobia.com/result?p=%40xui/breadcrumb)             | Breadcrumb component                        |
+| Button       | [![Downloads](https://img.shields.io/npm/dt/%40xui/button.svg)](https://www.npmjs.com/package/%40xui/button)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/button.svg)](https://www.npmjs.com/package/%40xui/button)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/button)](https://bundlephobia.com/result?p=%40xui/button)                                     | Button component                            |
+| Button Group | [![Downloads](https://img.shields.io/npm/dt/%40xui/button-group.svg)](https://www.npmjs.com/package/%40xui/button-group)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/button-group.svg)](https://www.npmjs.com/package/%40xui/button-group)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/button-group)](https://bundlephobia.com/result?p=%40xui/button-group) | Button Group component                      |
+| Checkbox     | [![Downloads](https://img.shields.io/npm/dt/%40xui/checkbox.svg)](https://www.npmjs.com/package/%40xui/checkbox)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/checkbox.svg)](https://www.npmjs.com/package/%40xui/checkbox)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/checkbox)](https://bundlephobia.com/result?p=%40xui/checkbox)                         | Checkbox component                          |
+| Form Field   | [![Downloads](https://img.shields.io/npm/dt/%40xui/form-field.svg)](https://www.npmjs.com/package/%40xui/form-field)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/form-field.svg)](https://www.npmjs.com/package/%40xui/form-field)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/form-field)](https://bundlephobia.com/result?p=%40xui/form-field)             | Form Field component                        |
+| Icon         | [![Downloads](https://img.shields.io/npm/dt/%40xui/icon.svg)](https://www.npmjs.com/package/%40xui/icon)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/icon.svg)](https://www.npmjs.com/package/%40xui/icon)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/icon)](https://bundlephobia.com/result?p=%40xui/icon)                                                 | Icon component                              |
+| Input        | [![Downloads](https://img.shields.io/npm/dt/%40xui/input.svg)](https://www.npmjs.com/package/%40xui/input)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/input.svg)](https://www.npmjs.com/package/%40xui/input)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/input)](https://bundlephobia.com/result?p=%40xui/input)                                           | Input component                             |
+| Label        | [![Downloads](https://img.shields.io/npm/dt/%40xui/label.svg)](https://www.npmjs.com/package/%40xui/label)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/label.svg)](https://www.npmjs.com/package/%40xui/label)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/label)](https://bundlephobia.com/result?p=%40xui/label)                                           | Label component                             |
+| Skeleton     | [![Downloads](https://img.shields.io/npm/dt/%40xui/skeleton.svg)](https://www.npmjs.com/package/%40xui/skeleton)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/skeleton.svg)](https://www.npmjs.com/package/%40xui/skeleton)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/skeleton)](https://bundlephobia.com/result?p=%40xui/skeleton)                         | Skeleton component                          |
+| Sonner       | [![Downloads](https://img.shields.io/npm/dt/%40xui/sonner.svg)](https://www.npmjs.com/package/%40xui/sonner)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/sonner.svg)](https://www.npmjs.com/package/%40xui/sonner)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/sonner)](https://bundlephobia.com/result?p=%40xui/sonner)                                     | Sonner component                            |
+| Status       | [![Downloads](https://img.shields.io/npm/dt/%40xui/status.svg)](https://www.npmjs.com/package/%40xui/status)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/status.svg)](https://www.npmjs.com/package/%40xui/status)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/status)](https://bundlephobia.com/result?p=%40xui/status)                                     | Status component                            |
+| Table        | [![Downloads](https://img.shields.io/npm/dt/%40xui/table.svg)](https://www.npmjs.com/package/%40xui/table)<br />[![Monthly Downloads](https://img.shields.io/npm/dm/%40xui/table.svg)](https://www.npmjs.com/package/%40xui/table)<br />[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/%40xui/table)](https://bundlephobia.com/result?p=%40xui/table)                                           | Table component                             |
+
+## Installation
+
+Install package with **PNPM**
+
+```bash
+pnpm i @xui/core ....
+```
+
+## Browser Support
+
+xUI Supports most recent browsers according to Angular [support](https://angular.io/guide/browser-support).
+
+## Development
+
+The project uses `NX` and `Angular` to build the package.
+
+To start docs page use
+
+```bash
+pnpm start
+```
+
+To start storybook use
+
+```bash
+pnpm storybook
+```
+
+## Issues
+
+If you find any issues in the library or have and idea for an improvement feel free to open an [issue](https://github.com/Rikarin/xui/issues).
+
+## Roadmap
+
+- [ ] Accordion
+- [ ] Alert
+- [ ] Alert Dialog
+- [ ] Avatar
+- [ ] Calendar
+- [ ] Card
+- [ ] Carousel
+- [ ] Collapsible
+- [ ] Combobox
+- [ ] Command
+- [ ] Date Picker
+- [ ] Date Range Picker
+- [ ] Dialog
+- [ ] Hover Card
+- [ ] Menu
+- [ ] Pagination
+- [ ] Popover
+- [ ] Progress
+- [ ] Radio Group
+- [ ] Scroll Area
+- [ ] Select
+- [ ] Separator
+- [ ] Sheet
+- [ ] Slider
+- [ ] Spinner
+- [ ] Switch
+- [ ] Tabs
+- [ ] Toggle
+- [ ] Tooltip
+- [ ] Typography
+- [ ] Input OTP
+- [ ] Toggle Group
+
+### Additional
+
+- [ ] Decagram
+- [ ] Settings
+- [ ] Drawer
+- [ ] Panel Bar
+- [ ] Textarea
+- [ ] Time Picker
+- [ ] Image Upload
+- [ ] Banner
+- [ ] Snack bar
+
+## Opinionated "components"
+
+- [ ] Graph View (Nodes)
+- [ ] Analysis
+- [ ] Charts (NG Charts?)
+
+## CLI
+
+Make cli to install the components
+
+## TODO
+
+- Button
+
+  - Icon
+  - Shine
+
+- Breadcrumb
+
+  - fix styling issues
+  - on hover stuff
+  - data driven component
+
+- Sonner
+
+  - Colors
+
+- adjust generator to generate stories into the apps/storybook

package/fesm2022/xui-spinner.mjs

@@ -0,0 +1,101 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { xui } from '@xui/core';
+import { cva } from 'class-variance-authority';
+
+const spinnerVariants = cva(['inline-block'], {
+    variants: {
+        variant: {
+            default: 'animate-spin'
+        },
+        size: {
+            xs: 'h-4 w-4',
+            sm: 'h-6 w-6',
+            md: 'w-8 h-8',
+            lg: 'w-12 h-12',
+            xl: 'w-16 h-16'
+        },
+        color: {
+            primary: '[&>svg]:text-primary/30 [&>svg]:fill-primary',
+            secondary: '[&>svg]:text-secondary/30 [&>svg]:fill-secondary',
+            success: '[&>svg]:text-success/30 [&>svg]:fill-success',
+            error: '[&>svg]:text-error/30 [&>svg]:fill-error',
+            info: '[&>svg]:text-info/30 [&>svg]:fill-info',
+            warning: '[&>svg]:text-warning/30 [&>svg]:fill-warning'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+        color: 'primary'
+    }
+});
+class XuiSpinnerComponent {
+    /** The user-defined classes */
+    class = input('');
+    color = input();
+    size = input();
+    variant = input();
+    /** The classes to apply to the component merged with the user-defined classes */
+    computedClass = computed(() => xui(spinnerVariants({ variant: this.variant(), color: this.color(), size: this.size() }), this.class()));
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: XuiSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.3", type: XuiSpinnerComponent, isStandalone: true, selector: "xui-spinner", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "computedClass()" } }, ngImport: i0, template: `
+    <svg aria-hidden="true" class="animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+        fill="currentColor"
+      />
+      <path
+        d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+        fill="currentFill"
+      />
+    </svg>
+    <span class="sr-only"><ng-content /></span>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: XuiSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'xui-spinner',
+                    imports: [],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <svg aria-hidden="true" class="animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+        fill="currentColor"
+      />
+      <path
+        d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+        fill="currentFill"
+      />
+    </svg>
+    <span class="sr-only"><ng-content /></span>
+  `,
+                    host: {
+                        '[class]': 'computedClass()',
+                        role: 'status'
+                    }
+                }]
+        }] });
+
+const XuiSpinnerImports = [XuiSpinnerComponent];
+class XuiSpinnerModule {
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: XuiSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.3", ngImport: i0, type: XuiSpinnerModule, imports: [XuiSpinnerComponent], exports: [XuiSpinnerComponent] });
+    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: XuiSpinnerModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: XuiSpinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...XuiSpinnerImports],
+                    exports: [...XuiSpinnerImports]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XuiSpinnerComponent, XuiSpinnerImports, XuiSpinnerModule };
+//# sourceMappingURL=xui-spinner.mjs.map

package/fesm2022/xui-spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xui-spinner.mjs","sources":["../tmp-esm2022/lib/spinner.component.js","../tmp-esm2022/index.js","../tmp-esm2022/xui-spinner.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { xui } from '@xui/core';\nimport { cva } from 'class-variance-authority';\nimport * as i0 from \"@angular/core\";\nconst spinnerVariants = cva(['inline-block'], {\n    variants: {\n        variant: {\n            default: 'animate-spin'\n        },\n        size: {\n            xs: 'h-4 w-4',\n            sm: 'h-6 w-6',\n            md: 'w-8 h-8',\n            lg: 'w-12 h-12',\n            xl: 'w-16 h-16'\n        },\n        color: {\n            primary: '[&>svg]:text-primary/30 [&>svg]:fill-primary',\n            secondary: '[&>svg]:text-secondary/30 [&>svg]:fill-secondary',\n            success: '[&>svg]:text-success/30 [&>svg]:fill-success',\n            error: '[&>svg]:text-error/30 [&>svg]:fill-error',\n            info: '[&>svg]:text-info/30 [&>svg]:fill-info',\n            warning: '[&>svg]:text-warning/30 [&>svg]:fill-warning'\n        }\n    },\n    defaultVariants: {\n        variant: 'default',\n        size: 'md',\n        color: 'primary'\n    }\n});\nexport class XuiSpinnerComponent {\n    /** The user-defined classes */\n    class = input('');\n    color = input();\n    size = input();\n    variant = input();\n    /** The classes to apply to the component merged with the user-defined classes */\n    computedClass = computed(() => xui(spinnerVariants({ variant: this.variant(), color: this.color(), size: this.size() }), this.class()));\n    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });\n    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.0.3\", type: XuiSpinnerComponent, isStandalone: true, selector: \"xui-spinner\", inputs: { class: { classPropertyName: \"class\", publicName: \"class\", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: \"color\", publicName: \"color\", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: \"size\", publicName: \"size\", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: \"variant\", publicName: \"variant\", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { \"role\": \"status\" }, properties: { \"class\": \"computedClass()\" } }, ngImport: i0, template: `\n    <svg aria-hidden=\"true\" class=\"animate-spin\" viewBox=\"0 0 100 101\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\"\n        fill=\"currentFill\"\n      />\n    </svg>\n    <span class=\"sr-only\"><ng-content /></span>\n  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiSpinnerComponent, decorators: [{\n            type: Component,\n            args: [{\n                    selector: 'xui-spinner',\n                    imports: [],\n                    changeDetection: ChangeDetectionStrategy.OnPush,\n                    template: `\n    <svg aria-hidden=\"true\" class=\"animate-spin\" viewBox=\"0 0 100 101\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\"\n        fill=\"currentFill\"\n      />\n    </svg>\n    <span class=\"sr-only\"><ng-content /></span>\n  `,\n                    host: {\n                        '[class]': 'computedClass()',\n                        role: 'status'\n                    }\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL3NwaW5uZXIveHVpL3NyYy9saWIvc3Bpbm5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDaEMsT0FBTyxFQUFFLEdBQUcsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQzs7QUFHN0QsTUFBTSxlQUFlLEdBQUcsR0FBRyxDQUFDLENBQUMsY0FBYyxDQUFDLEVBQUU7SUFDNUMsUUFBUSxFQUFFO1FBQ1IsT0FBTyxFQUFFO1lBQ1AsT0FBTyxFQUFFLGNBQWM7U0FDeEI7UUFDRCxJQUFJLEVBQUU7WUFDSixFQUFFLEVBQUUsU0FBUztZQUNiLEVBQUUsRUFBRSxTQUFTO1lBQ2IsRUFBRSxFQUFFLFNBQVM7WUFDYixFQUFFLEVBQUUsV0FBVztZQUNmLEVBQUUsRUFBRSxXQUFXO1NBQ2hCO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsT0FBTyxFQUFFLDhDQUE4QztZQUN2RCxTQUFTLEVBQUUsa0RBQWtEO1lBQzdELE9BQU8sRUFBRSw4Q0FBOEM7WUFDdkQsS0FBSyxFQUFFLDBDQUEwQztZQUNqRCxJQUFJLEVBQUUsd0NBQXdDO1lBQzlDLE9BQU8sRUFBRSw4Q0FBOEM7U0FDeEQ7S0FDRjtJQUNELGVBQWUsRUFBRTtRQUNmLE9BQU8sRUFBRSxTQUFTO1FBQ2xCLElBQUksRUFBRSxJQUFJO1FBQ1YsS0FBSyxFQUFFLFNBQVM7S0FDakI7Q0FDRixDQUFDLENBQUM7QUEwQkgsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QiwrQkFBK0I7SUFDdEIsS0FBSyxHQUFHLEtBQUssQ0FBYSxFQUFFLENBQUMsQ0FBQztJQUM5QixLQUFLLEdBQUcsS0FBSyxFQUE0QixDQUFDO0lBQzFDLElBQUksR0FBRyxLQUFLLEVBQTJCLENBQUM7SUFDeEMsT0FBTyxHQUFHLEtBQUssRUFBOEIsQ0FBQztJQUV2RCxpRkFBaUY7SUFDOUQsYUFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FDL0MsR0FBRyxDQUFDLGVBQWUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FDeEcsQ0FBQzswSEFWUyxtQkFBbUI7OEdBQW5CLG1CQUFtQiw4b0JBbEJwQjs7Ozs7Ozs7Ozs7O0dBWVQ7OzJGQU1VLG1CQUFtQjtrQkF0Qi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLE9BQU8sRUFBRSxFQUFFO29CQUNYLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7OztHQVlUO29CQUNELElBQUksRUFBRTt3QkFDSixTQUFTLEVBQUUsaUJBQWlCO3dCQUM1QixJQUFJLEVBQUUsUUFBUTtxQkFDZjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgeHVpIH0gZnJvbSAnQHh1aS9jb3JlJztcbmltcG9ydCB7IGN2YSwgVmFyaWFudFByb3BzIH0gZnJvbSAnY2xhc3MtdmFyaWFuY2UtYXV0aG9yaXR5JztcbmltcG9ydCB0eXBlIHsgQ2xhc3NWYWx1ZSB9IGZyb20gJ2Nsc3gnO1xuXG5jb25zdCBzcGlubmVyVmFyaWFudHMgPSBjdmEoWydpbmxpbmUtYmxvY2snXSwge1xuICB2YXJpYW50czoge1xuICAgIHZhcmlhbnQ6IHtcbiAgICAgIGRlZmF1bHQ6ICdhbmltYXRlLXNwaW4nXG4gICAgfSxcbiAgICBzaXplOiB7XG4gICAgICB4czogJ2gtNCB3LTQnLFxuICAgICAgc206ICdoLTYgdy02JyxcbiAgICAgIG1kOiAndy04IGgtOCcsXG4gICAgICBsZzogJ3ctMTIgaC0xMicsXG4gICAgICB4bDogJ3ctMTYgaC0xNidcbiAgICB9LFxuICAgIGNvbG9yOiB7XG4gICAgICBwcmltYXJ5OiAnWyY+c3ZnXTp0ZXh0LXByaW1hcnkvMzAgWyY+c3ZnXTpmaWxsLXByaW1hcnknLFxuICAgICAgc2Vjb25kYXJ5OiAnWyY+c3ZnXTp0ZXh0LXNlY29uZGFyeS8zMCBbJj5zdmddOmZpbGwtc2Vjb25kYXJ5JyxcbiAgICAgIHN1Y2Nlc3M6ICdbJj5zdmddOnRleHQtc3VjY2Vzcy8zMCBbJj5zdmddOmZpbGwtc3VjY2VzcycsXG4gICAgICBlcnJvcjogJ1smPnN2Z106dGV4dC1lcnJvci8zMCBbJj5zdmddOmZpbGwtZXJyb3InLFxuICAgICAgaW5mbzogJ1smPnN2Z106dGV4dC1pbmZvLzMwIFsmPnN2Z106ZmlsbC1pbmZvJyxcbiAgICAgIHdhcm5pbmc6ICdbJj5zdmddOnRleHQtd2FybmluZy8zMCBbJj5zdmddOmZpbGwtd2FybmluZydcbiAgICB9XG4gIH0sXG4gIGRlZmF1bHRWYXJpYW50czoge1xuICAgIHZhcmlhbnQ6ICdkZWZhdWx0JyxcbiAgICBzaXplOiAnbWQnLFxuICAgIGNvbG9yOiAncHJpbWFyeSdcbiAgfVxufSk7XG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJWYXJpYW50cyA9IFZhcmlhbnRQcm9wczx0eXBlb2Ygc3Bpbm5lclZhcmlhbnRzPjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAneHVpLXNwaW5uZXInLFxuICBpbXBvcnRzOiBbXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cImFuaW1hdGUtc3BpblwiIHZpZXdCb3g9XCIwIDAgMTAwIDEwMVwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk0xMDAgNTAuNTkwOEMxMDAgNzguMjA1MSA3Ny42MTQyIDEwMC41OTEgNTAgMTAwLjU5MUMyMi4zODU4IDEwMC41OTEgMCA3OC4yMDUxIDAgNTAuNTkwOEMwIDIyLjk3NjYgMjIuMzg1OCAwLjU5MDgyIDUwIDAuNTkwODJDNzcuNjE0MiAwLjU5MDgyIDEwMCAyMi45NzY2IDEwMCA1MC41OTA4Wk05LjA4MTQ0IDUwLjU5MDhDOS4wODE0NCA3My4xODk1IDI3LjQwMTMgOTEuNTA5NCA1MCA5MS41MDk0QzcyLjU5ODcgOTEuNTA5NCA5MC45MTg2IDczLjE4OTUgOTAuOTE4NiA1MC41OTA4QzkwLjkxODYgMjcuOTkyMSA3Mi41OTg3IDkuNjcyMjYgNTAgOS42NzIyNkMyNy40MDEzIDkuNjcyMjYgOS4wODE0NCAyNy45OTIxIDkuMDgxNDQgNTAuNTkwOFpcIlxuICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgIC8+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTkzLjk2NzYgMzkuMDQwOUM5Ni4zOTMgMzguNDAzOCA5Ny44NjI0IDM1LjkxMTYgOTcuMDA3OSAzMy41NTM5Qzk1LjI5MzIgMjguODIyNyA5Mi44NzEgMjQuMzY5MiA4OS44MTY3IDIwLjM0OEM4NS44NDUyIDE1LjExOTIgODAuODgyNiAxMC43MjM4IDc1LjIxMjQgNy40MTI4OUM2OS41NDIyIDQuMTAxOTQgNjMuMjc1NCAxLjk0MDI1IDU2Ljc2OTggMS4wNTEyNEM1MS43NjY2IDAuMzY3NTQxIDQ2LjY5NzYgMC40NDY4NDMgNDEuNzM0NSAxLjI3ODczQzM5LjI2MTMgMS42OTMyOCAzNy44MTMgNC4xOTc3OCAzOC40NTAxIDYuNjIzMjZDMzkuMDg3MyA5LjA0ODc0IDQxLjU2OTQgMTAuNDcxNyA0NC4wNTA1IDEwLjEwNzFDNDcuODUxMSA5LjU0ODU1IDUxLjcxOTEgOS41MjY4OSA1NS41NDAyIDEwLjA0OTFDNjAuODY0MiAxMC43NzY2IDY1Ljk5MjggMTIuNTQ1NyA3MC42MzMxIDE1LjI1NTJDNzUuMjczNSAxNy45NjQ4IDc5LjMzNDcgMjEuNTYxOSA4Mi41ODQ5IDI1Ljg0MUM4NC45MTc1IDI4LjkxMjEgODYuNzk5NyAzMi4yOTEzIDg4LjE4MTEgMzUuODc1OEM4OS4wODMgMzguMjE1OCA5MS41NDIxIDM5LjY3ODEgOTMuOTY3NiAzOS4wNDA5WlwiXG4gICAgICAgIGZpbGw9XCJjdXJyZW50RmlsbFwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICAgIDxzcGFuIGNsYXNzPVwic3Itb25seVwiPjxuZy1jb250ZW50IC8+PC9zcGFuPlxuICBgLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnY29tcHV0ZWRDbGFzcygpJyxcbiAgICByb2xlOiAnc3RhdHVzJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIFh1aVNwaW5uZXJDb21wb25lbnQge1xuICAvKiogVGhlIHVzZXItZGVmaW5lZCBjbGFzc2VzICovXG4gIHJlYWRvbmx5IGNsYXNzID0gaW5wdXQ8Q2xhc3NWYWx1ZT4oJycpO1xuICByZWFkb25seSBjb2xvciA9IGlucHV0PFNwaW5uZXJWYXJpYW50c1snY29sb3InXT4oKTtcbiAgcmVhZG9ubHkgc2l6ZSA9IGlucHV0PFNwaW5uZXJWYXJpYW50c1snc2l6ZSddPigpO1xuICByZWFkb25seSB2YXJpYW50ID0gaW5wdXQ8U3Bpbm5lclZhcmlhbnRzWyd2YXJpYW50J10+KCk7XG5cbiAgLyoqIFRoZSBjbGFzc2VzIHRvIGFwcGx5IHRvIHRoZSBjb21wb25lbnQgbWVyZ2VkIHdpdGggdGhlIHVzZXItZGVmaW5lZCBjbGFzc2VzICovXG4gIHByb3RlY3RlZCByZWFkb25seSBjb21wdXRlZENsYXNzID0gY29tcHV0ZWQoKCkgPT5cbiAgICB4dWkoc3Bpbm5lclZhcmlhbnRzKHsgdmFyaWFudDogdGhpcy52YXJpYW50KCksIGNvbG9yOiB0aGlzLmNvbG9yKCksIHNpemU6IHRoaXMuc2l6ZSgpIH0pLCB0aGlzLmNsYXNzKCkpXG4gICk7XG59XG4iXX0=","import { NgModule } from '@angular/core';\nimport { XuiSpinnerComponent } from './lib/spinner.component';\nimport * as i0 from \"@angular/core\";\nexport * from './lib/spinner.component';\nexport const XuiSpinnerImports = [XuiSpinnerComponent];\nexport class XuiSpinnerModule {\n    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\n    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiSpinnerModule, imports: [XuiSpinnerComponent], exports: [XuiSpinnerComponent] });\n    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiSpinnerModule });\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: XuiSpinnerModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [...XuiSpinnerImports],\n                    exports: [...XuiSpinnerImports]\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL3NwaW5uZXIveHVpL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQUM5RCxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsbUJBQW1CLENBQVUsQ0FBQztBQU1oRSxNQUFNLE9BQU8sZ0JBQWdCOzBIQUFoQixnQkFBZ0I7MkhBQWhCLGdCQUFnQixZQU5LLG1CQUFtQixhQUFuQixtQkFBbUI7MkhBTXhDLGdCQUFnQjs7MkZBQWhCLGdCQUFnQjtrQkFKNUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxHQUFHLGlCQUFpQixDQUFDO29CQUMvQixPQUFPLEVBQUUsQ0FBQyxHQUFHLGlCQUFpQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBYdWlTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvc3Bpbm5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3Bpbm5lci5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3QgWHVpU3Bpbm5lckltcG9ydHMgPSBbWHVpU3Bpbm5lckNvbXBvbmVudF0gYXMgY29uc3Q7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFsuLi5YdWlTcGlubmVySW1wb3J0c10sXG4gIGV4cG9ydHM6IFsuLi5YdWlTcGlubmVySW1wb3J0c11cbn0pXG5leHBvcnQgY2xhc3MgWHVpU3Bpbm5lck1vZHVsZSB7fVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieHVpLXNwaW5uZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL3NwaW5uZXIveHVpL3NyYy94dWktc3Bpbm5lci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,32 @@
+import * as _angular_core from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ClassValue } from 'clsx';
+
+declare const spinnerVariants: (props?: ({
+    variant?: "default" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SpinnerVariants = VariantProps<typeof spinnerVariants>;
+declare class XuiSpinnerComponent {
+    /** The user-defined classes */
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly color: _angular_core.InputSignal<"primary" | "secondary" | "success" | "error" | "info" | "warning" | null | undefined>;
+    readonly size: _angular_core.InputSignal<"xs" | "sm" | "md" | "lg" | "xl" | null | undefined>;
+    readonly variant: _angular_core.InputSignal<"default" | null | undefined>;
+    /** The classes to apply to the component merged with the user-defined classes */
+    protected readonly computedClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XuiSpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XuiSpinnerComponent, "xui-spinner", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare const XuiSpinnerImports: readonly [typeof XuiSpinnerComponent];
+declare class XuiSpinnerModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XuiSpinnerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XuiSpinnerModule, never, [typeof XuiSpinnerComponent], [typeof XuiSpinnerComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XuiSpinnerModule>;
+}
+
+export { XuiSpinnerComponent, XuiSpinnerImports, XuiSpinnerModule };
+export type { SpinnerVariants };

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@xui/spinner",
+  "version": "2.0.0-alpha.8",
+  "description": "Modern Angular 20 UI Library based on TailwindCSS",
+  "keywords": [
+    "angular",
+    "ui",
+    "components",
+    "tailwindcss"
+  ],
+  "homepage": "https://xuijs.org",
+  "bugs": {
+    "url": "https://github.com/rikarin/xui/issues"
+  },
+  "repository": "https://github.com/Rikarin/xui",
+  "license": "MIT",
+  "author": "Rene Cincura",
+  "maintainers": [
+    "Rene Cincura"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "@angular/core": "20",
+    "@xui/core": "2.0.0-alpha.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "fesm2022/xui-spinner.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/xui-spinner.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}