@mieweb/ui 0.10.0-dev.3 → 0.10.0-dev.30

package/dist/components/QuickAction/index.d.cts

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 
 declare const quickActionIconVariants: (props?: ({
-    color?: "primary" | "blue" | "green" | "orange" | "purple" | "red" | "amber" | "neutral" | null | undefined;
+    color?: "primary" | "green" | "purple" | "orange" | "blue" | "red" | "amber" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const quickActionVariants: (props?: ({
     disabled?: boolean | null | undefined;

package/dist/components/QuickAction/index.d.ts

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 
 declare const quickActionIconVariants: (props?: ({
-    color?: "primary" | "blue" | "green" | "orange" | "purple" | "red" | "amber" | "neutral" | null | undefined;
+    color?: "primary" | "green" | "purple" | "orange" | "blue" | "red" | "amber" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const quickActionVariants: (props?: ({
     disabled?: boolean | null | undefined;

package/dist/components/RadialExplorer/index.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
-var chunk6EN3IQQI_cjs = require('../../chunk-6EN3IQQI.cjs');
+var chunkYRHBSSQ3_cjs = require('../../chunk-YRHBSSQ3.cjs');
 require('../../chunk-VBWRH4UW.cjs');
-require('../../chunk-6HFFWEM3.cjs');
+require('../../chunk-YW2AKBLS.cjs');
+require('../../chunk-X6A27RGO.cjs');
 require('../../chunk-YVL3XATO.cjs');
-require('../../chunk-VNYW4C4J.cjs');
+require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -12,7 +13,7 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "RadialExplorer", {
   enumerable: true,
-  get: function () { return chunk6EN3IQQI_cjs.RadialExplorer; }
+  get: function () { return chunkYRHBSSQ3_cjs.RadialExplorer; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/RadialExplorer/index.js

@@ -1,8 +1,9 @@
-export { RadialExplorer } from '../../chunk-Y5HFM7LO.js';
+export { RadialExplorer } from '../../chunk-3RXZWHCU.js';
 import '../../chunk-IQ4KQJAO.js';
-import '../../chunk-HB7C7NB5.js';
+import '../../chunk-XDU65GLW.js';
+import '../../chunk-7YO7DNUV.js';
 import '../../chunk-BMSG4NBH.js';
-import '../../chunk-GOALNQZ2.js';
+import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/RecordButton/index.d.cts

@@ -47,7 +47,7 @@ interface RecordButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEl
     mimeType?: string;
 }
 declare const recordButtonVariants: (props?: ({
-    variant?: "default" | "ghost" | "outline" | "minimal" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | "minimal" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function formatDuration(seconds: number): string;

package/dist/components/RecordButton/index.d.ts

@@ -47,7 +47,7 @@ interface RecordButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEl
     mimeType?: string;
 }
 declare const recordButtonVariants: (props?: ({
-    variant?: "default" | "ghost" | "outline" | "minimal" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | "minimal" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function formatDuration(seconds: number): string;

package/dist/components/RichTextEditor/index.cjs

@@ -1,16 +1,17 @@
 'use strict';
 
-var chunkGD7EBGC4_cjs = require('../../chunk-GD7EBGC4.cjs');
+var chunkHC3NAN55_cjs = require('../../chunk-HC3NAN55.cjs');
 require('../../chunk-YP5T6NZD.cjs');
-require('../../chunk-SGFYA22I.cjs');
+require('../../chunk-TJCX4OML.cjs');
 var chunkC7RVKV25_cjs = require('../../chunk-C7RVKV25.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
+require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-AOHJILLU.cjs');
-require('../../chunk-FHY3K6PL.cjs');
-require('../../chunk-VNYW4C4J.cjs');
-require('../../chunk-NV2CWBI2.cjs');
+require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-DXEPYK3I.cjs');
+require('../../chunk-IEY3ZJIT.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -18,15 +19,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "RichTextEditor", {
   enumerable: true,
-  get: function () { return chunkGD7EBGC4_cjs.RichTextEditor; }
+  get: function () { return chunkHC3NAN55_cjs.RichTextEditor; }
 });
 Object.defineProperty(exports, "convertAngleBracketsToMustache", {
   enumerable: true,
-  get: function () { return chunkGD7EBGC4_cjs.convertAngleBracketsToMustache; }
+  get: function () { return chunkHC3NAN55_cjs.convertAngleBracketsToMustache; }
 });
 Object.defineProperty(exports, "processDictation", {
   enumerable: true,
-  get: function () { return chunkGD7EBGC4_cjs.processDictation; }
+  get: function () { return chunkHC3NAN55_cjs.processDictation; }
 });
 Object.defineProperty(exports, "isHtmlEmpty", {
   enumerable: true,

package/dist/components/RichTextEditor/index.d.cts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-export { i as isHtmlEmpty } from '../../html-MdxqSzjD.cjs';
 
 interface RichTextVariable {
     /** Human-readable label shown in the variable menu. */
@@ -46,6 +45,12 @@ interface RichTextEditorProps {
  */
 declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Returns true when an HTML string has no visible text content.
+ * This is a visibility check, not a sanitizer — do NOT use for XSS prevention.
+ */
+declare function isHtmlEmpty(html: string): boolean;
+
 /**
  * Converts spoken punctuation words (e.g. "period", "comma") into the
  * corresponding characters, using lightweight context heuristics so that words
@@ -59,4 +64,4 @@ declare function processDictation(text: string): string;
  */
 declare function convertAngleBracketsToMustache(html: string): string;
 
-export { RichTextEditor, type RichTextEditorProps, type RichTextVariable, type RichTextVariableGroup, convertAngleBracketsToMustache, processDictation };
+export { RichTextEditor, type RichTextEditorProps, type RichTextVariable, type RichTextVariableGroup, convertAngleBracketsToMustache, isHtmlEmpty, processDictation };

package/dist/components/RichTextEditor/index.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-export { i as isHtmlEmpty } from '../../html-MdxqSzjD.js';
 
 interface RichTextVariable {
     /** Human-readable label shown in the variable menu. */
@@ -46,6 +45,12 @@ interface RichTextEditorProps {
  */
 declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Returns true when an HTML string has no visible text content.
+ * This is a visibility check, not a sanitizer — do NOT use for XSS prevention.
+ */
+declare function isHtmlEmpty(html: string): boolean;
+
 /**
  * Converts spoken punctuation words (e.g. "period", "comma") into the
  * corresponding characters, using lightweight context heuristics so that words
@@ -59,4 +64,4 @@ declare function processDictation(text: string): string;
  */
 declare function convertAngleBracketsToMustache(html: string): string;
 
-export { RichTextEditor, type RichTextEditorProps, type RichTextVariable, type RichTextVariableGroup, convertAngleBracketsToMustache, processDictation };
+export { RichTextEditor, type RichTextEditorProps, type RichTextVariable, type RichTextVariableGroup, convertAngleBracketsToMustache, isHtmlEmpty, processDictation };

package/dist/components/RichTextEditor/index.js

@@ -1,14 +1,15 @@
-export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-OE5CKRUC.js';
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-D22GE27K.js';
 import '../../chunk-OQWZYKJM.js';
-import '../../chunk-ZGRCSNPK.js';
+import '../../chunk-E2PBPQGS.js';
 export { isHtmlEmpty } from '../../chunk-ERLPVXOV.js';
 import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';
+import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
-import '../../chunk-T4ME7QCT.js';
-import '../../chunk-GOALNQZ2.js';
-import '../../chunk-XCP454Q6.js';
+import '../../chunk-7YO7DNUV.js';
+import '../../chunk-GVM6DTR5.js';
+import '../../chunk-F4N67NAF.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/ScrollArea/index.d.cts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const scrollAreaVariants: (props?: ({
-    orientation?: "both" | "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | "both" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof scrollAreaVariants> {
 }

package/dist/components/ScrollArea/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const scrollAreaVariants: (props?: ({
-    orientation?: "both" | "horizontal" | "vertical" | null | undefined;
+    orientation?: "vertical" | "horizontal" | "both" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof scrollAreaVariants> {
 }

package/dist/components/SectionSpyNav/index.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var chunkFXO5ARBB_cjs = require('../../chunk-FXO5ARBB.cjs');
+var chunkKDW6BD4O_cjs = require('../../chunk-KDW6BD4O.cjs');
 require('../../chunk-7IKLGH3Z.cjs');
-require('../../chunk-VNYW4C4J.cjs');
+require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -10,7 +11,7 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "SectionSpyNav", {
   enumerable: true,
-  get: function () { return chunkFXO5ARBB_cjs.SectionSpyNav; }
+  get: function () { return chunkKDW6BD4O_cjs.SectionSpyNav; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/SectionSpyNav/index.js

@@ -1,6 +1,7 @@
-export { SectionSpyNav } from '../../chunk-VU6UTJRM.js';
+export { SectionSpyNav } from '../../chunk-FIKO4WR6.js';
 import '../../chunk-WBGUYSWY.js';
-import '../../chunk-GOALNQZ2.js';
+import '../../chunk-7YO7DNUV.js';
+import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Select/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkUQ3VVR6A_cjs = require('../../chunk-UQ3VVR6A.cjs');
+var chunkUPWIJC6I_cjs = require('../../chunk-UPWIJC6I.cjs');
 require('../../chunk-I44YNYI6.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
+require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-AOHJILLU.cjs');
-require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -13,11 +13,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkUQ3VVR6A_cjs.Select; }
+  get: function () { return chunkUPWIJC6I_cjs.Select; }
 });
 Object.defineProperty(exports, "selectTriggerVariants", {
   enumerable: true,
-  get: function () { return chunkUQ3VVR6A_cjs.selectTriggerVariants; }
+  get: function () { return chunkUPWIJC6I_cjs.selectTriggerVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Select/index.d.cts

@@ -1,8 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { RequiredMarkVariant } from '../Input/index.cjs';
-import 'react';
+import { R as RequiredMarkVariant } from '../../Input-yN516s5_.cjs';
 
 interface SelectOption {
     /** Unique value for the option */

package/dist/components/Select/index.d.ts

@@ -1,8 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { RequiredMarkVariant } from '../Input/index.js';
-import 'react';
+import { R as RequiredMarkVariant } from '../../Input-yN516s5_.js';
 
 interface SelectOption {
     /** Unique value for the option */

package/dist/components/Select/index.js

@@ -1,9 +1,9 @@
-export { Select, selectTriggerVariants } from '../../chunk-S7WCHDBO.js';
+export { Select, selectTriggerVariants } from '../../chunk-VCI2Y7ST.js';
 import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';
+import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
-import '../../chunk-T4ME7QCT.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Skeleton/index.d.cts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const skeletonVariants: (props?: ({
-    variant?: "button" | "title" | "image" | "text" | "default" | "avatar" | "card" | null | undefined;
+    variant?: "default" | "text" | "title" | "avatar" | "button" | "card" | "image" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
     /** Width of the skeleton */

package/dist/components/Skeleton/index.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const skeletonVariants: (props?: ({
-    variant?: "button" | "title" | "image" | "text" | "default" | "avatar" | "card" | null | undefined;
+    variant?: "default" | "text" | "title" | "avatar" | "button" | "card" | "image" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
     /** Width of the skeleton */

package/dist/components/Slider/index.d.cts

@@ -6,11 +6,11 @@ declare const sliderTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const sliderRangeVariants: (props?: ({
-    variant?: "default" | "danger" | "warning" | "success" | "neutral" | null | undefined;
+    variant?: "default" | "success" | "warning" | "danger" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const sliderThumbVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "default" | "danger" | "warning" | "success" | "neutral" | null | undefined;
+    variant?: "default" | "success" | "warning" | "danger" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SliderProps extends VariantProps<typeof sliderTrackVariants>, VariantProps<typeof sliderRangeVariants> {
     /** Current value (controlled) */

package/dist/components/Slider/index.d.ts

@@ -6,11 +6,11 @@ declare const sliderTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const sliderRangeVariants: (props?: ({
-    variant?: "default" | "danger" | "warning" | "success" | "neutral" | null | undefined;
+    variant?: "default" | "success" | "warning" | "danger" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const sliderThumbVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "default" | "danger" | "warning" | "success" | "neutral" | null | undefined;
+    variant?: "default" | "success" | "warning" | "danger" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SliderProps extends VariantProps<typeof sliderTrackVariants>, VariantProps<typeof sliderRangeVariants> {
     /** Current value (controlled) */

package/dist/components/SliderCalculator/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkMWVW4APN_cjs = require('../../chunk-MWVW4APN.cjs');
+var chunk7UTBDFFL_cjs = require('../../chunk-7UTBDFFL.cjs');
 require('../../chunk-MYAU2ZUC.cjs');
-require('../../chunk-6HFFWEM3.cjs');
+require('../../chunk-YW2AKBLS.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -10,11 +10,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "AnimatedNumber", {
   enumerable: true,
-  get: function () { return chunkMWVW4APN_cjs.AnimatedNumber; }
+  get: function () { return chunk7UTBDFFL_cjs.AnimatedNumber; }
 });
 Object.defineProperty(exports, "SliderCalculator", {
   enumerable: true,
-  get: function () { return chunkMWVW4APN_cjs.SliderCalculator; }
+  get: function () { return chunk7UTBDFFL_cjs.SliderCalculator; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/SliderCalculator/index.js

@@ -1,6 +1,6 @@
-export { AnimatedNumber, SliderCalculator } from '../../chunk-PYJDVWXM.js';
+export { AnimatedNumber, SliderCalculator } from '../../chunk-NUB5HRKS.js';
 import '../../chunk-2BPIVWAK.js';
-import '../../chunk-HB7C7NB5.js';
+import '../../chunk-XDU65GLW.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/SourceTip/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk2G75X6TS_cjs = require('../../chunk-2G75X6TS.cjs');
-require('../../chunk-AOHJILLU.cjs');
+var chunkAHHFFXJR_cjs = require('../../chunk-AHHFFXJR.cjs');
 require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-AOHJILLU.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -10,7 +10,7 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "SourceTip", {
   enumerable: true,
-  get: function () { return chunk2G75X6TS_cjs.SourceTip; }
+  get: function () { return chunkAHHFFXJR_cjs.SourceTip; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/SourceTip/index.js

@@ -1,6 +1,6 @@
-export { SourceTip } from '../../chunk-Z5V7SAZ4.js';
-import '../../chunk-WSNMQQ4P.js';
+export { SourceTip } from '../../chunk-KFEN2SRZ.js';
 import '../../chunk-T4ME7QCT.js';
+import '../../chunk-WSNMQQ4P.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Spinner/index.d.cts

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-    variant?: "default" | "white" | "muted" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "default" | "muted" | "white" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
     /** Accessible label for the spinner */

package/dist/components/Spinner/index.d.ts

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-    variant?: "default" | "white" | "muted" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "default" | "muted" | "white" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
     /** Accessible label for the spinner */