boreal-ui 0.0.76 → 0.0.78

package/dist/next/{Spinner-CmaoTjNr.cjs → Spinner-BSjLK_0H.cjs}

@@ -1,44 +1,34 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Spinner.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-const noScroll = "_noScroll_rra6z_109";
-const errorMessage = "_errorMessage_rra6z_110";
-const loadingContainer = "_loadingContainer_rra6z_111";
-const hideScrollbar = "_hideScrollbar_rra6z_103";
-const sr_only = "_sr_only_rra6z_112";
-const wrapper = "_wrapper_rra6z_637";
-const spinner = "_spinner_rra6z_671";
-const spin = "_spin_rra6z_671";
-const pulse = "_pulse_rra6z_1";
-const primary = "_primary_rra6z_701";
-const secondary = "_secondary_rra6z_704";
-const tertiary = "_tertiary_rra6z_707";
-const quaternary = "_quaternary_rra6z_710";
-const clear = "_clear_rra6z_713";
-const success = "_success_rra6z_716";
-const error = "_error_rra6z_110";
-const warning = "_warning_rra6z_722";
-const shadowElement = "_shadowElement_rra6z_729";
-const label = "_label_rra6z_739";
-const roundNone = "_roundNone_rra6z_761";
-const roundSmall = "_roundSmall_rra6z_765";
-const roundMedium = "_roundMedium_rra6z_769";
-const roundLarge = "_roundLarge_rra6z_773";
-const roundFull = "_roundFull_rra6z_777";
-const shadowNone = "_shadowNone_rra6z_781";
-const shadowLight = "_shadowLight_rra6z_785";
-const shadowMedium = "_shadowMedium_rra6z_789";
-const shadowStrong = "_shadowStrong_rra6z_793";
-const shadowIntense = "_shadowIntense_rra6z_797";
+const wrapper = "_wrapper_15483_204";
+const spinner = "_spinner_15483_238";
+const spin = "_spin_15483_238";
+const pulse = "_pulse_15483_1";
+const primary = "_primary_15483_268";
+const secondary = "_secondary_15483_271";
+const tertiary = "_tertiary_15483_274";
+const quaternary = "_quaternary_15483_277";
+const clear = "_clear_15483_280";
+const success = "_success_15483_283";
+const error = "_error_15483_286";
+const warning = "_warning_15483_289";
+const shadowElement = "_shadowElement_15483_296";
+const label = "_label_15483_306";
+const roundNone = "_roundNone_15483_328";
+const roundSmall = "_roundSmall_15483_332";
+const roundMedium = "_roundMedium_15483_336";
+const roundLarge = "_roundLarge_15483_340";
+const roundFull = "_roundFull_15483_344";
+const shadowNone = "_shadowNone_15483_348";
+const shadowLight = "_shadowLight_15483_352";
+const shadowMedium = "_shadowMedium_15483_356";
+const shadowStrong = "_shadowStrong_15483_360";
+const shadowIntense = "_shadowIntense_15483_364";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   wrapper,
   spinner,
   spin,
@@ -63,13 +53,13 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_rra6z_1",
-  "slide-up": "_slide-up_rra6z_1",
-  "spin-3d": "_spin-3d_rra6z_1",
-  "fade-in-up": "_fade-in-up_rra6z_1",
-  "progress-grow": "_progress-grow_rra6z_1",
-  "indeterminate-move": "_indeterminate-move_rra6z_1",
-  "skeleton-loading": "_skeleton-loading_rra6z_1"
+  "fade-in": "_fade-in_15483_1",
+  "slide-up": "_slide-up_15483_1",
+  "spin-3d": "_spin-3d_15483_1",
+  "fade-in-up": "_fade-in-up_15483_1",
+  "progress-grow": "_progress-grow_15483_1",
+  "indeterminate-move": "_indeterminate-move_15483_1",
+  "skeleton-loading": "_skeleton-loading_15483_1"
 };
 const SpinnerBase = ({
   theme = borealStyleConfig.getDefaultTheme(),
@@ -158,4 +148,4 @@ const Spinner = (props) => {
 };
 Spinner.displayName = "Spinner";
 exports.Spinner = Spinner;
-//# sourceMappingURL=Spinner-CmaoTjNr.cjs.map
+//# sourceMappingURL=Spinner-BSjLK_0H.cjs.map

package/dist/next/{Spinner-CmaoTjNr.cjs.map → Spinner-BSjLK_0H.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Spinner-CmaoTjNr.cjs","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive = \"polite\",\r\n  \"aria-busy\": ariaBusy = true,\r\n  role = \"status\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const spinnerSize = `${size}px`;\r\n  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n\r\n  const visibleLabelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.wrapper, className),\r\n    [classMap, className],\r\n  );\r\n\r\n  const spinnerClasses = useMemo(\r\n    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n    [classMap, theme, state],\r\n  );\r\n\r\n  const shadowClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.shadowElement,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n      ),\r\n    [classMap, shadow],\r\n  );\r\n\r\n  const accessibleNameProps = ariaLabelledBy\r\n    ? { \"aria-labelledby\": ariaLabelledBy }\r\n    : ariaLabel\r\n      ? { \"aria-label\": ariaLabel }\r\n      : visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId }\r\n        : { \"aria-label\": \"Loading\" };\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role={role}\r\n      aria-live={ariaLive}\r\n      aria-busy={ariaBusy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n      {...accessibleNameProps}\r\n    >\r\n      <div\r\n        className={shadowClass}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n        aria-hidden=\"true\"\r\n      />\r\n\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        aria-hidden=\"true\"\r\n        data-testid={`${testId}-ring`}\r\n      />\r\n\r\n      {label && !ariaLabelledBy && (\r\n        <span\r\n          id={visibleLabelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSpinnerBase.displayName = \"SpinnerBase\";\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\nSpinner.displayName = \"Spinner\";\r\nexport default Spinner;\r\n"],"names":["getDefaultTheme","getDefaultShadow","label","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAC;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa,WAAW;AAAA,EACxB,aAAa,WAAW;AAAA,EACxB,OAAO;AAAA,EACP;AACF,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiBD,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAeE,MAAAA;AAAAA,IACnB,MAAMC,6BAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiBD,MAAAA;AAAAA,IACrB,MAAMC,WAAAA,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAcD,MAAAA;AAAAA,IAClB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,QAAM,sBAAsB,iBACxB,EAAE,mBAAmB,eAAA,IACrB,YACE,EAAE,cAAc,UAAA,IAChB,iBACE,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAExB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,aAAW;AAAA,MACX,aAAW;AAAA,MACX,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACZ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvBN,UAAS,CAAC,kBACTM,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AC7F1B,MAAM,UAAkC,CAAC,UAAU;AACjD,SAAOM,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;AACA,QAAQ,cAAc;;"}
+{"version":3,"file":"Spinner-BSjLK_0H.cjs","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive = \"polite\",\r\n  \"aria-busy\": ariaBusy = true,\r\n  role = \"status\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const spinnerSize = `${size}px`;\r\n  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n\r\n  const visibleLabelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.wrapper, className),\r\n    [classMap, className],\r\n  );\r\n\r\n  const spinnerClasses = useMemo(\r\n    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n    [classMap, theme, state],\r\n  );\r\n\r\n  const shadowClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.shadowElement,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n      ),\r\n    [classMap, shadow],\r\n  );\r\n\r\n  const accessibleNameProps = ariaLabelledBy\r\n    ? { \"aria-labelledby\": ariaLabelledBy }\r\n    : ariaLabel\r\n      ? { \"aria-label\": ariaLabel }\r\n      : visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId }\r\n        : { \"aria-label\": \"Loading\" };\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role={role}\r\n      aria-live={ariaLive}\r\n      aria-busy={ariaBusy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n      {...accessibleNameProps}\r\n    >\r\n      <div\r\n        className={shadowClass}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n        aria-hidden=\"true\"\r\n      />\r\n\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        aria-hidden=\"true\"\r\n        data-testid={`${testId}-ring`}\r\n      />\r\n\r\n      {label && !ariaLabelledBy && (\r\n        <span\r\n          id={visibleLabelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSpinnerBase.displayName = \"SpinnerBase\";\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\nSpinner.displayName = \"Spinner\";\r\nexport default Spinner;\r\n"],"names":["getDefaultTheme","getDefaultShadow","label","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAC;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa,WAAW;AAAA,EACxB,aAAa,WAAW;AAAA,EACxB,OAAO;AAAA,EACP;AACF,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiBD,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAeE,MAAAA;AAAAA,IACnB,MAAMC,6BAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiBD,MAAAA;AAAAA,IACrB,MAAMC,WAAAA,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAcD,MAAAA;AAAAA,IAClB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,QAAM,sBAAsB,iBACxB,EAAE,mBAAmB,eAAA,IACrB,YACE,EAAE,cAAc,UAAA,IAChB,iBACE,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAExB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,aAAW;AAAA,MACX,aAAW;AAAA,MACX,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACZ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvBN,UAAS,CAAC,kBACTM,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AC7F1B,MAAM,UAAkC,CAAC,UAAU;AACjD,SAAOM,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;AACA,QAAQ,cAAc;;"}

package/dist/next/{Spinner-D7jfVZGm.js → Spinner-C9Xiao9p.js}

@@ -3,41 +3,31 @@ import { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const noScroll = "_noScroll_rra6z_109";
-const errorMessage = "_errorMessage_rra6z_110";
-const loadingContainer = "_loadingContainer_rra6z_111";
-const hideScrollbar = "_hideScrollbar_rra6z_103";
-const sr_only = "_sr_only_rra6z_112";
-const wrapper = "_wrapper_rra6z_637";
-const spinner = "_spinner_rra6z_671";
-const spin = "_spin_rra6z_671";
-const pulse = "_pulse_rra6z_1";
-const primary = "_primary_rra6z_701";
-const secondary = "_secondary_rra6z_704";
-const tertiary = "_tertiary_rra6z_707";
-const quaternary = "_quaternary_rra6z_710";
-const clear = "_clear_rra6z_713";
-const success = "_success_rra6z_716";
-const error = "_error_rra6z_110";
-const warning = "_warning_rra6z_722";
-const shadowElement = "_shadowElement_rra6z_729";
-const label = "_label_rra6z_739";
-const roundNone = "_roundNone_rra6z_761";
-const roundSmall = "_roundSmall_rra6z_765";
-const roundMedium = "_roundMedium_rra6z_769";
-const roundLarge = "_roundLarge_rra6z_773";
-const roundFull = "_roundFull_rra6z_777";
-const shadowNone = "_shadowNone_rra6z_781";
-const shadowLight = "_shadowLight_rra6z_785";
-const shadowMedium = "_shadowMedium_rra6z_789";
-const shadowStrong = "_shadowStrong_rra6z_793";
-const shadowIntense = "_shadowIntense_rra6z_797";
+import './Spinner.css';const wrapper = "_wrapper_15483_204";
+const spinner = "_spinner_15483_238";
+const spin = "_spin_15483_238";
+const pulse = "_pulse_15483_1";
+const primary = "_primary_15483_268";
+const secondary = "_secondary_15483_271";
+const tertiary = "_tertiary_15483_274";
+const quaternary = "_quaternary_15483_277";
+const clear = "_clear_15483_280";
+const success = "_success_15483_283";
+const error = "_error_15483_286";
+const warning = "_warning_15483_289";
+const shadowElement = "_shadowElement_15483_296";
+const label = "_label_15483_306";
+const roundNone = "_roundNone_15483_328";
+const roundSmall = "_roundSmall_15483_332";
+const roundMedium = "_roundMedium_15483_336";
+const roundLarge = "_roundLarge_15483_340";
+const roundFull = "_roundFull_15483_344";
+const shadowNone = "_shadowNone_15483_348";
+const shadowLight = "_shadowLight_15483_352";
+const shadowMedium = "_shadowMedium_15483_356";
+const shadowStrong = "_shadowStrong_15483_360";
+const shadowIntense = "_shadowIntense_15483_364";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   wrapper,
   spinner,
   spin,
@@ -62,13 +52,13 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_rra6z_1",
-  "slide-up": "_slide-up_rra6z_1",
-  "spin-3d": "_spin-3d_rra6z_1",
-  "fade-in-up": "_fade-in-up_rra6z_1",
-  "progress-grow": "_progress-grow_rra6z_1",
-  "indeterminate-move": "_indeterminate-move_rra6z_1",
-  "skeleton-loading": "_skeleton-loading_rra6z_1"
+  "fade-in": "_fade-in_15483_1",
+  "slide-up": "_slide-up_15483_1",
+  "spin-3d": "_spin-3d_15483_1",
+  "fade-in-up": "_fade-in-up_15483_1",
+  "progress-grow": "_progress-grow_15483_1",
+  "indeterminate-move": "_indeterminate-move_15483_1",
+  "skeleton-loading": "_skeleton-loading_15483_1"
 };
 const SpinnerBase = ({
   theme = getDefaultTheme(),
@@ -159,4 +149,4 @@ Spinner.displayName = "Spinner";
 export {
   Spinner as S
 };
-//# sourceMappingURL=Spinner-D7jfVZGm.js.map
+//# sourceMappingURL=Spinner-C9Xiao9p.js.map

package/dist/next/{Spinner-D7jfVZGm.js.map → Spinner-C9Xiao9p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Spinner-D7jfVZGm.js","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive = \"polite\",\r\n  \"aria-busy\": ariaBusy = true,\r\n  role = \"status\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const spinnerSize = `${size}px`;\r\n  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n\r\n  const visibleLabelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.wrapper, className),\r\n    [classMap, className],\r\n  );\r\n\r\n  const spinnerClasses = useMemo(\r\n    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n    [classMap, theme, state],\r\n  );\r\n\r\n  const shadowClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.shadowElement,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n      ),\r\n    [classMap, shadow],\r\n  );\r\n\r\n  const accessibleNameProps = ariaLabelledBy\r\n    ? { \"aria-labelledby\": ariaLabelledBy }\r\n    : ariaLabel\r\n      ? { \"aria-label\": ariaLabel }\r\n      : visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId }\r\n        : { \"aria-label\": \"Loading\" };\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role={role}\r\n      aria-live={ariaLive}\r\n      aria-busy={ariaBusy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n      {...accessibleNameProps}\r\n    >\r\n      <div\r\n        className={shadowClass}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n        aria-hidden=\"true\"\r\n      />\r\n\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        aria-hidden=\"true\"\r\n        data-testid={`${testId}-ring`}\r\n      />\r\n\r\n      {label && !ariaLabelledBy && (\r\n        <span\r\n          id={visibleLabelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSpinnerBase.displayName = \"SpinnerBase\";\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\nSpinner.displayName = \"Spinner\";\r\nexport default Spinner;\r\n"],"names":["label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa,WAAW;AAAA,EACxB,aAAa,WAAW;AAAA,EACxB,OAAO;AAAA,EACP;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiBA,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAe;AAAA,IACnB,MAAM,kBAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiB;AAAA,IACrB,MAAM,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,QAAM,sBAAsB,iBACxB,EAAE,mBAAmB,eAAA,IACrB,YACE,EAAE,cAAc,UAAA,IAChB,iBACE,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAExB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,aAAW;AAAA,MACX,aAAW;AAAA,MACX,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACZ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvBA,UAAS,CAAC,kBACT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AC7F1B,MAAM,UAAkC,CAAC,UAAU;AACjD,SAAO,oBAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;AACA,QAAQ,cAAc;"}
+{"version":3,"file":"Spinner-C9Xiao9p.js","sources":["../../src/components/Spinner/SpinnerBase.tsx","../../src/components/Spinner/next/Spinner.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport { SpinnerProps } from \"./Spinner.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst SpinnerBase: React.FC<\r\n  SpinnerProps & { classMap: Record<string, string> }\r\n> = ({\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = 50,\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"spinner\",\r\n  label,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive = \"polite\",\r\n  \"aria-busy\": ariaBusy = true,\r\n  role = \"status\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const spinnerSize = `${size}px`;\r\n  const strokeWidth = `${Math.max(2, Math.floor(size / 12))}px`;\r\n\r\n  const visibleLabelId = label ? `${testId}-label-${uid}` : undefined;\r\n\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.wrapper, className),\r\n    [classMap, className],\r\n  );\r\n\r\n  const spinnerClasses = useMemo(\r\n    () => combineClassNames(classMap.spinner, classMap[theme], classMap[state]),\r\n    [classMap, theme, state],\r\n  );\r\n\r\n  const shadowClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.shadowElement,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n      ),\r\n    [classMap, shadow],\r\n  );\r\n\r\n  const accessibleNameProps = ariaLabelledBy\r\n    ? { \"aria-labelledby\": ariaLabelledBy }\r\n    : ariaLabel\r\n      ? { \"aria-label\": ariaLabel }\r\n      : visibleLabelId\r\n        ? { \"aria-labelledby\": visibleLabelId }\r\n        : { \"aria-label\": \"Loading\" };\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role={role}\r\n      aria-live={ariaLive}\r\n      aria-busy={ariaBusy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n      {...accessibleNameProps}\r\n    >\r\n      <div\r\n        className={shadowClass}\r\n        style={{ width: spinnerSize, height: spinnerSize }}\r\n        aria-hidden=\"true\"\r\n      />\r\n\r\n      <div\r\n        className={spinnerClasses}\r\n        style={{\r\n          width: spinnerSize,\r\n          height: spinnerSize,\r\n          borderWidth: strokeWidth,\r\n        }}\r\n        aria-hidden=\"true\"\r\n        data-testid={`${testId}-ring`}\r\n      />\r\n\r\n      {label && !ariaLabelledBy && (\r\n        <span\r\n          id={visibleLabelId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSpinnerBase.displayName = \"SpinnerBase\";\r\nexport default SpinnerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Spinner.module.scss\";\r\nimport SpinnerBase from \"../SpinnerBase\";\r\nimport { SpinnerProps } from \"../Spinner.types\";\r\n\r\nconst Spinner: React.FC<SpinnerProps> = (props) => {\r\n  return <SpinnerBase {...props} classMap={styles} />;\r\n};\r\nSpinner.displayName = \"Spinner\";\r\nexport default Spinner;\r\n"],"names":["label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,cAEF,CAAC;AAAA,EACH,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,OAAAA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa,WAAW;AAAA,EACxB,aAAa,WAAW;AAAA,EACxB,OAAO;AAAA,EACP;AACF,MAAM;AACJ,QAAM,MAAM,MAAA;AACZ,QAAM,cAAc,GAAG,IAAI;AAC3B,QAAM,cAAc,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;AAEzD,QAAM,iBAAiBA,SAAQ,GAAG,MAAM,UAAU,GAAG,KAAK;AAE1D,QAAM,eAAe;AAAA,IACnB,MAAM,kBAAkB,SAAS,SAAS,SAAS;AAAA,IACnD,CAAC,UAAU,SAAS;AAAA,EAAA;AAGtB,QAAM,iBAAiB;AAAA,IACrB,MAAM,kBAAkB,SAAS,SAAS,SAAS,KAAK,GAAG,SAAS,KAAK,CAAC;AAAA,IAC1E,CAAC,UAAU,OAAO,KAAK;AAAA,EAAA;AAGzB,QAAM,cAAc;AAAA,IAClB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAAA;AAAA,IAEpD,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,QAAM,sBAAsB,iBACxB,EAAE,mBAAmB,eAAA,IACrB,YACE,EAAE,cAAc,UAAA,IAChB,iBACE,EAAE,mBAAmB,mBACrB,EAAE,cAAc,UAAA;AAExB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,aAAW;AAAA,MACX,aAAW;AAAA,MACX,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACZ,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAO,aAAa,QAAQ,YAAA;AAAA,YACrC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,aAAa;AAAA,YAAA;AAAA,YAEf,eAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvBA,UAAS,CAAC,kBACT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;AC7F1B,MAAM,UAAkC,CAAC,UAAU;AACjD,SAAO,oBAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;AACA,QAAQ,cAAc;"}

package/dist/next/Spinner.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Spinner = require("./Spinner-CmaoTjNr.cjs");
+const Spinner = require("./Spinner-BSjLK_0H.cjs");
 module.exports = Spinner.Spinner;
 //# sourceMappingURL=Spinner.cjs.js.map

package/dist/next/Spinner.css

@@ -0,0 +1,390 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+/**
+ * -----------------------------------------------------
+ * _animations.scss
+ * -----------------------------------------------------
+ * This file contains reusable keyframe animations
+ * used across the component library for transitions,
+ * loaders, and visual enhancements.
+ *
+ * List of Animations:
+ *
+ * 1. fade-in
+ *    - Smoothly fades in an element by transitioning opacity from 0 to 1.
+ *
+ * 2. slide-up
+ *    - Slides an element upward into view from below while fading in.
+ *
+ * 3. spin-3d
+ *    - Rotates an element in 3D space along both X and Y axes (360°).
+ *
+ * 4. spin
+ *    - Continuously rotates an element clockwise in 2D space.
+ *
+ * 5. pulse
+ *    - Gently scales an element up and down to create a pulsing effect.
+ *
+ * 6. fade-in-up
+ *    - Combines a fade-in with a slight upward motion (used for tooltips, popups).
+ *
+ * 7. progress-grow
+ *    - Expands the width of a progress bar from 0% to 100%.
+ *
+ * 8. indeterminate-move
+ *    - Moves an element from left to right in a loop, used in indeterminate loaders.
+ *
+ * 9. skeleton-loading
+ *    - Creates a sweeping shimmer effect for skeleton loaders.
+ */
+@keyframes _fade-in_15483_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_15483_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_15483_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_15483_238 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_15483_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_15483_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_15483_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_15483_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_15483_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._wrapper_15483_204 {
+  width: fit-content;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-sm);
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  user-select: none;
+  transition: all var(--transition-default);
+  position: relative;
+}
+@media (width <= 319.98px) {
+  ._wrapper_15483_204 {
+    gap: var(--spacing-xs);
+    font-size: var(--font-size-caption);
+  }
+}
+@media (min-width: 1024px) {
+  ._wrapper_15483_204 {
+    gap: var(--spacing-md);
+    font-size: var(--font-size-body-sm);
+  }
+}
+._wrapper_15483_204:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 3px;
+  border-radius: 8px;
+}
+
+._spinner_15483_238 {
+  display: inline-block;
+  position: relative;
+  width: 50px;
+  height: 50px;
+  border-style: solid;
+  border-width: 4px;
+  border-radius: 50%;
+  border-color: transparent;
+  border-top-color: var(--primary-color);
+  animation: _spin_15483_238 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+  transition: transform var(--transition-default);
+}
+._spinner_15483_238:hover {
+  animation: _pulse_15483_1 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+}
+@media (width <= 319.98px) {
+  ._spinner_15483_238 {
+    width: 40px;
+    height: 40px;
+    border-width: 3px;
+  }
+}
+@media (min-width: 1024px) {
+  ._spinner_15483_238 {
+    width: 56px;
+    height: 56px;
+    border-width: 4px;
+  }
+}
+._spinner_15483_238._primary_15483_268 {
+  border-top-color: var(--primary-color);
+}
+._spinner_15483_238._secondary_15483_271 {
+  border-top-color: var(--secondary-color);
+}
+._spinner_15483_238._tertiary_15483_274 {
+  border-top-color: var(--tertiary-color);
+}
+._spinner_15483_238._quaternary_15483_277 {
+  border-top-color: var(--quaternary-color);
+}
+._spinner_15483_238._clear_15483_280 {
+  border-top-color: var(--text-color-primary);
+}
+._spinner_15483_238._success_15483_283 {
+  border-top-color: var(--success-color);
+}
+._spinner_15483_238._error_15483_286 {
+  border-top-color: var(--error-color);
+}
+._spinner_15483_238._warning_15483_289 {
+  border-top-color: var(--warning-color);
+}
+._spinner_15483_238._clear_15483_280 {
+  border-top-color: var(--text-color-primary);
+}
+
+._shadowElement_15483_296 {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  border-radius: 50%;
+  background: transparent;
+  z-index: 0;
+}
+
+._label_15483_306 {
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  margin-top: var(--spacing-xs);
+  color: var(--text-color-primary);
+  text-align: center;
+  width: max-content;
+}
+@media (width <= 319.98px) {
+  ._label_15483_306 {
+    font-size: var(--font-size-caption);
+  }
+}
+@media (min-width: 1024px) {
+  ._label_15483_306 {
+    font-size: var(--font-size-body-sm);
+  }
+}
+
+._roundNone_15483_328 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_15483_332 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_15483_336 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_15483_340 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_15483_344 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_15483_348 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_15483_352 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_15483_356 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_15483_360 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_15483_364 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._spinner_15483_238,
+  ._spinner_15483_238:hover {
+    animation: none !important;
+  }
+  ._wrapper_15483_204 {
+    transition: none !important;
+  }
+}
+@media (hover: none) {
+  ._spinner_15483_238:hover {
+    animation: inherit;
+  }
+}
+@media (forced-colors: active) {
+  ._spinner_15483_238 {
+    border-color: transparent;
+    border-top-color: Highlight;
+  }
+  ._label_15483_306 {
+    color: CanvasText;
+  }
+}

package/dist/next/Spinner.js

@@ -1,4 +1,4 @@
-import { S } from "./Spinner-D7jfVZGm.js";
+import { S } from "./Spinner-C9Xiao9p.js";
 export {
   S as default
 };