boreal-ui 0.0.76 → 0.0.78

package/dist/next/{Skeleton-N1-8bK7i.cjs → Skeleton-B0mlVpUX.cjs}

@@ -1,35 +1,25 @@
 "use strict";
-const require$$2 = require("react/jsx-runtime");
+require('./Skeleton.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_bo0j9_109";
-const errorMessage = "_errorMessage_bo0j9_110";
-const loadingContainer = "_loadingContainer_bo0j9_111";
-const hideScrollbar = "_hideScrollbar_bo0j9_103";
-const sr_only = "_sr_only_bo0j9_112";
-const skeletonLoader = "_skeletonLoader_bo0j9_637";
-const roundNone = "_roundNone_bo0j9_666";
-const roundSmall = "_roundSmall_bo0j9_670";
-const roundMedium = "_roundMedium_bo0j9_674";
-const roundLarge = "_roundLarge_bo0j9_678";
-const roundFull = "_roundFull_bo0j9_682";
-const shadowNone = "_shadowNone_bo0j9_686";
-const shadowLight = "_shadowLight_bo0j9_690";
-const shadowMedium = "_shadowMedium_bo0j9_694";
-const shadowStrong = "_shadowStrong_bo0j9_698";
-const shadowIntense = "_shadowIntense_bo0j9_702";
-const spin = "_spin_bo0j9_1";
-const pulse = "_pulse_bo0j9_1";
+const skeletonLoader = "_skeletonLoader_brk44_204";
+const roundNone = "_roundNone_brk44_233";
+const roundSmall = "_roundSmall_brk44_237";
+const roundMedium = "_roundMedium_brk44_241";
+const roundLarge = "_roundLarge_brk44_245";
+const roundFull = "_roundFull_brk44_249";
+const shadowNone = "_shadowNone_brk44_253";
+const shadowLight = "_shadowLight_brk44_257";
+const shadowMedium = "_shadowMedium_brk44_261";
+const shadowStrong = "_shadowStrong_brk44_265";
+const shadowIntense = "_shadowIntense_brk44_269";
+const spin = "_spin_brk44_1";
+const pulse = "_pulse_brk44_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   skeletonLoader,
-  "skeleton-loading": "_skeleton-loading_bo0j9_1",
+  "skeleton-loading": "_skeleton-loading_brk44_1",
   roundNone,
   roundSmall,
   roundMedium,
@@ -40,14 +30,14 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_bo0j9_1",
-  "slide-up": "_slide-up_bo0j9_1",
-  "spin-3d": "_spin-3d_bo0j9_1",
+  "fade-in": "_fade-in_brk44_1",
+  "slide-up": "_slide-up_brk44_1",
+  "spin-3d": "_spin-3d_brk44_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_bo0j9_1",
-  "progress-grow": "_progress-grow_bo0j9_1",
-  "indeterminate-move": "_indeterminate-move_bo0j9_1"
+  "fade-in-up": "_fade-in-up_brk44_1",
+  "progress-grow": "_progress-grow_brk44_1",
+  "indeterminate-move": "_indeterminate-move_brk44_1"
 };
 const SkeletonBase = ({
   width = "100%",
@@ -137,4 +127,4 @@ const SkeletonLoader = (props) => {
 };
 SkeletonLoader.displayName = "SkeletonLoader";
 exports.SkeletonLoader = SkeletonLoader;
-//# sourceMappingURL=Skeleton-N1-8bK7i.cjs.map
+//# sourceMappingURL=Skeleton-B0mlVpUX.cjs.map

package/dist/next/{Skeleton-N1-8bK7i.cjs.map → Skeleton-B0mlVpUX.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Skeleton-N1-8bK7i.cjs","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { ExtraProps, SkeletonBaseProps } from \"./Skeleton.types\";\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps & ExtraProps> = ({\r\n  width = \"100%\",\r\n  height = \"100%\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  label = \"Loading content...\",\r\n  announce = true,\r\n  animate = true,\r\n  as: Tag = \"div\",\r\n  \"data-testid\": testId = \"skeleton-loader\",\r\n  classMap,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-busy\": ariaBusy,\r\n  \"aria-hidden\": ariaHidden,\r\n  role,\r\n\r\n  ...rest\r\n}) => {\r\n  const descriptionId = `${testId}-desc`;\r\n\r\n  const shouldAnnounce = announce && ariaHidden !== true;\r\n\r\n  const skeletonClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.skeleton,\r\n        animate && classMap.animated,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, animate, shadow, rounding, className],\r\n  );\r\n\r\n  const computedAriaDescribedBy = shouldAnnounce\r\n    ? [\r\n        ariaDescribedBy,\r\n        !ariaLabel && !ariaLabelledBy ? descriptionId : undefined,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(\" \") || undefined\r\n    : undefined;\r\n\r\n  const accessibilityProps =\r\n    ariaHidden === true\r\n      ? {\r\n          \"aria-hidden\": true as const,\r\n        }\r\n      : shouldAnnounce\r\n        ? {\r\n            role: role ?? (\"status\" as const),\r\n            \"aria-busy\": ariaBusy ?? true,\r\n            \"aria-live\": ariaLive ?? (\"polite\" as const),\r\n            \"aria-relevant\": \"additions text\" as const,\r\n            \"aria-label\": ariaLabel,\r\n            \"aria-labelledby\": ariaLabelledBy,\r\n            \"aria-describedby\": computedAriaDescribedBy,\r\n          }\r\n        : {\r\n            \"aria-hidden\": false,\r\n            role,\r\n            \"aria-label\": ariaLabel,\r\n            \"aria-labelledby\": ariaLabelledBy,\r\n            \"aria-describedby\": ariaDescribedBy,\r\n            \"aria-busy\": ariaBusy,\r\n          };\r\n\r\n  return (\r\n    <Tag\r\n      className={skeletonClasses}\r\n      style={{ width, height }}\r\n      data-testid={testId}\r\n      {...accessibilityProps}\r\n      {...rest}\r\n    >\r\n      {shouldAnnounce && !ariaLabel && !ariaLabelledBy && (\r\n        <span\r\n          id={descriptionId}\r\n          className=\"sr_only\"\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </Tag>\r\n  );\r\n};\r\n\r\nSkeletonBase.displayName = \"SkeletonBase\";\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n  return (\r\n    <SkeletonBase\r\n      {...props}\r\n      className={combineClassNames(styles.skeletonLoader, props.className)}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nSkeletonLoader.displayName = \"SkeletonLoader\";\r\nexport default SkeletonLoader;\r\n"],"names":["getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,eAAyD,CAAC;AAAA,EAC9D,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,IAAI,MAAM;AAAA,EACV,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AAAA,EAEA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,iBAAiB,YAAY,eAAe;AAElD,QAAM,kBAAkBC,MAAAA;AAAAA,IACtB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,SAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAGjD,QAAM,0BAA0B,iBAC5B;AAAA,IACE;AAAA,IACA,CAAC,aAAa,CAAC,iBAAiB,gBAAgB;AAAA,EAAA,EAE/C,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,SAChB;AAEJ,QAAM,qBACJ,eAAe,OACX;AAAA,IACE,eAAe;AAAA,EAAA,IAEjB,iBACE;AAAA,IACE,MAAM,QAAS;AAAA,IACf,aAAa,YAAY;AAAA,IACzB,aAAa,YAAa;AAAA,IAC1B,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EAAA,IAEtB;AAAA,IACE,eAAe;AAAA,IACf;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,aAAa;AAAA,EAAA;AAGvB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,eAAa;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,kBAAkB,CAAC,aAAa,CAAC,kBAChCA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIR;AAEA,aAAa,cAAc;AC7F3B,MAAM,iBAA0C,CAAC,UAAU;AACzD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAWF,WAAAA,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,eAAe,cAAc;;"}
+{"version":3,"file":"Skeleton-B0mlVpUX.cjs","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { ExtraProps, SkeletonBaseProps } from \"./Skeleton.types\";\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps & ExtraProps> = ({\r\n  width = \"100%\",\r\n  height = \"100%\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  label = \"Loading content...\",\r\n  announce = true,\r\n  animate = true,\r\n  as: Tag = \"div\",\r\n  \"data-testid\": testId = \"skeleton-loader\",\r\n  classMap,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-busy\": ariaBusy,\r\n  \"aria-hidden\": ariaHidden,\r\n  role,\r\n\r\n  ...rest\r\n}) => {\r\n  const descriptionId = `${testId}-desc`;\r\n\r\n  const shouldAnnounce = announce && ariaHidden !== true;\r\n\r\n  const skeletonClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.skeleton,\r\n        animate && classMap.animated,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, animate, shadow, rounding, className],\r\n  );\r\n\r\n  const computedAriaDescribedBy = shouldAnnounce\r\n    ? [\r\n        ariaDescribedBy,\r\n        !ariaLabel && !ariaLabelledBy ? descriptionId : undefined,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(\" \") || undefined\r\n    : undefined;\r\n\r\n  const accessibilityProps =\r\n    ariaHidden === true\r\n      ? {\r\n          \"aria-hidden\": true as const,\r\n        }\r\n      : shouldAnnounce\r\n        ? {\r\n            role: role ?? (\"status\" as const),\r\n            \"aria-busy\": ariaBusy ?? true,\r\n            \"aria-live\": ariaLive ?? (\"polite\" as const),\r\n            \"aria-relevant\": \"additions text\" as const,\r\n            \"aria-label\": ariaLabel,\r\n            \"aria-labelledby\": ariaLabelledBy,\r\n            \"aria-describedby\": computedAriaDescribedBy,\r\n          }\r\n        : {\r\n            \"aria-hidden\": false,\r\n            role,\r\n            \"aria-label\": ariaLabel,\r\n            \"aria-labelledby\": ariaLabelledBy,\r\n            \"aria-describedby\": ariaDescribedBy,\r\n            \"aria-busy\": ariaBusy,\r\n          };\r\n\r\n  return (\r\n    <Tag\r\n      className={skeletonClasses}\r\n      style={{ width, height }}\r\n      data-testid={testId}\r\n      {...accessibilityProps}\r\n      {...rest}\r\n    >\r\n      {shouldAnnounce && !ariaLabel && !ariaLabelledBy && (\r\n        <span\r\n          id={descriptionId}\r\n          className=\"sr_only\"\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </Tag>\r\n  );\r\n};\r\n\r\nSkeletonBase.displayName = \"SkeletonBase\";\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n  return (\r\n    <SkeletonBase\r\n      {...props}\r\n      className={combineClassNames(styles.skeletonLoader, props.className)}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nSkeletonLoader.displayName = \"SkeletonLoader\";\r\nexport default SkeletonLoader;\r\n"],"names":["getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,eAAyD,CAAC;AAAA,EAC9D,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAWA,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,IAAI,MAAM;AAAA,EACV,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AAAA,EAEA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,iBAAiB,YAAY,eAAe;AAElD,QAAM,kBAAkBC,MAAAA;AAAAA,IACtB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,SAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAGjD,QAAM,0BAA0B,iBAC5B;AAAA,IACE;AAAA,IACA,CAAC,aAAa,CAAC,iBAAiB,gBAAgB;AAAA,EAAA,EAE/C,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,SAChB;AAEJ,QAAM,qBACJ,eAAe,OACX;AAAA,IACE,eAAe;AAAA,EAAA,IAEjB,iBACE;AAAA,IACE,MAAM,QAAS;AAAA,IACf,aAAa,YAAY;AAAA,IACzB,aAAa,YAAa;AAAA,IAC1B,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EAAA,IAEtB;AAAA,IACE,eAAe;AAAA,IACf;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,aAAa;AAAA,EAAA;AAGvB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,eAAa;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,kBAAkB,CAAC,aAAa,CAAC,kBAChCA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIR;AAEA,aAAa,cAAc;AC7F3B,MAAM,iBAA0C,CAAC,UAAU;AACzD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAWF,WAAAA,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,eAAe,cAAc;;"}

package/dist/next/{Skeleton-Bk8l48-D.js → Skeleton-BiBul6J3.js}

@@ -3,32 +3,22 @@ import { useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const noScroll = "_noScroll_bo0j9_109";
-const errorMessage = "_errorMessage_bo0j9_110";
-const loadingContainer = "_loadingContainer_bo0j9_111";
-const hideScrollbar = "_hideScrollbar_bo0j9_103";
-const sr_only = "_sr_only_bo0j9_112";
-const skeletonLoader = "_skeletonLoader_bo0j9_637";
-const roundNone = "_roundNone_bo0j9_666";
-const roundSmall = "_roundSmall_bo0j9_670";
-const roundMedium = "_roundMedium_bo0j9_674";
-const roundLarge = "_roundLarge_bo0j9_678";
-const roundFull = "_roundFull_bo0j9_682";
-const shadowNone = "_shadowNone_bo0j9_686";
-const shadowLight = "_shadowLight_bo0j9_690";
-const shadowMedium = "_shadowMedium_bo0j9_694";
-const shadowStrong = "_shadowStrong_bo0j9_698";
-const shadowIntense = "_shadowIntense_bo0j9_702";
-const spin = "_spin_bo0j9_1";
-const pulse = "_pulse_bo0j9_1";
+import './Skeleton.css';const skeletonLoader = "_skeletonLoader_brk44_204";
+const roundNone = "_roundNone_brk44_233";
+const roundSmall = "_roundSmall_brk44_237";
+const roundMedium = "_roundMedium_brk44_241";
+const roundLarge = "_roundLarge_brk44_245";
+const roundFull = "_roundFull_brk44_249";
+const shadowNone = "_shadowNone_brk44_253";
+const shadowLight = "_shadowLight_brk44_257";
+const shadowMedium = "_shadowMedium_brk44_261";
+const shadowStrong = "_shadowStrong_brk44_265";
+const shadowIntense = "_shadowIntense_brk44_269";
+const spin = "_spin_brk44_1";
+const pulse = "_pulse_brk44_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   skeletonLoader,
-  "skeleton-loading": "_skeleton-loading_bo0j9_1",
+  "skeleton-loading": "_skeleton-loading_brk44_1",
   roundNone,
   roundSmall,
   roundMedium,
@@ -39,14 +29,14 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_bo0j9_1",
-  "slide-up": "_slide-up_bo0j9_1",
-  "spin-3d": "_spin-3d_bo0j9_1",
+  "fade-in": "_fade-in_brk44_1",
+  "slide-up": "_slide-up_brk44_1",
+  "spin-3d": "_spin-3d_brk44_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_bo0j9_1",
-  "progress-grow": "_progress-grow_bo0j9_1",
-  "indeterminate-move": "_indeterminate-move_bo0j9_1"
+  "fade-in-up": "_fade-in-up_brk44_1",
+  "progress-grow": "_progress-grow_brk44_1",
+  "indeterminate-move": "_indeterminate-move_brk44_1"
 };
 const SkeletonBase = ({
   width = "100%",
@@ -138,4 +128,4 @@ SkeletonLoader.displayName = "SkeletonLoader";
 export {
   SkeletonLoader as S
 };
-//# sourceMappingURL=Skeleton-Bk8l48-D.js.map
+//# sourceMappingURL=Skeleton-BiBul6J3.js.map

package/dist/next/{Skeleton-Bk8l48-D.js.map → Skeleton-BiBul6J3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Skeleton-Bk8l48-D.js","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { ExtraProps, SkeletonBaseProps } from \"./Skeleton.types\";\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps & ExtraProps> = ({\r\n  width = \"100%\",\r\n  height = \"100%\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  label = \"Loading content...\",\r\n  announce = true,\r\n  animate = true,\r\n  as: Tag = \"div\",\r\n  \"data-testid\": testId = \"skeleton-loader\",\r\n  classMap,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-busy\": ariaBusy,\r\n  \"aria-hidden\": ariaHidden,\r\n  role,\r\n\r\n  ...rest\r\n}) => {\r\n  const descriptionId = `${testId}-desc`;\r\n\r\n  const shouldAnnounce = announce && ariaHidden !== true;\r\n\r\n  const skeletonClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.skeleton,\r\n        animate && classMap.animated,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, animate, shadow, rounding, className],\r\n  );\r\n\r\n  const computedAriaDescribedBy = shouldAnnounce\r\n    ? [\r\n        ariaDescribedBy,\r\n        !ariaLabel && !ariaLabelledBy ? descriptionId : undefined,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(\" \") || undefined\r\n    : undefined;\r\n\r\n  const accessibilityProps =\r\n    ariaHidden === true\r\n      ? {\r\n          \"aria-hidden\": true as const,\r\n        }\r\n      : shouldAnnounce\r\n        ? {\r\n            role: role ?? (\"status\" as const),\r\n            \"aria-busy\": ariaBusy ?? true,\r\n            \"aria-live\": ariaLive ?? (\"polite\" as const),\r\n            \"aria-relevant\": \"additions text\" as const,\r\n            \"aria-label\": ariaLabel,\r\n            \"aria-labelledby\": ariaLabelledBy,\r\n            \"aria-describedby\": computedAriaDescribedBy,\r\n          }\r\n        : {\r\n            \"aria-hidden\": false,\r\n            role,\r\n            \"aria-label\": ariaLabel,\r\n            \"aria-labelledby\": ariaLabelledBy,\r\n            \"aria-describedby\": ariaDescribedBy,\r\n            \"aria-busy\": ariaBusy,\r\n          };\r\n\r\n  return (\r\n    <Tag\r\n      className={skeletonClasses}\r\n      style={{ width, height }}\r\n      data-testid={testId}\r\n      {...accessibilityProps}\r\n      {...rest}\r\n    >\r\n      {shouldAnnounce && !ariaLabel && !ariaLabelledBy && (\r\n        <span\r\n          id={descriptionId}\r\n          className=\"sr_only\"\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </Tag>\r\n  );\r\n};\r\n\r\nSkeletonBase.displayName = \"SkeletonBase\";\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n  return (\r\n    <SkeletonBase\r\n      {...props}\r\n      className={combineClassNames(styles.skeletonLoader, props.className)}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nSkeletonLoader.displayName = \"SkeletonLoader\";\r\nexport default SkeletonLoader;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,eAAyD,CAAC;AAAA,EAC9D,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,IAAI,MAAM;AAAA,EACV,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AAAA,EAEA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,iBAAiB,YAAY,eAAe;AAElD,QAAM,kBAAkB;AAAA,IACtB,MACE;AAAA,MACE,SAAS;AAAA,MACT,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,SAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAGjD,QAAM,0BAA0B,iBAC5B;AAAA,IACE;AAAA,IACA,CAAC,aAAa,CAAC,iBAAiB,gBAAgB;AAAA,EAAA,EAE/C,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,SAChB;AAEJ,QAAM,qBACJ,eAAe,OACX;AAAA,IACE,eAAe;AAAA,EAAA,IAEjB,iBACE;AAAA,IACE,MAAM,QAAS;AAAA,IACf,aAAa,YAAY;AAAA,IACzB,aAAa,YAAa;AAAA,IAC1B,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EAAA,IAEtB;AAAA,IACE,eAAe;AAAA,IACf;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,aAAa;AAAA,EAAA;AAGvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,eAAa;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,kBAAkB,CAAC,aAAa,CAAC,kBAChC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIR;AAEA,aAAa,cAAc;AC7F3B,MAAM,iBAA0C,CAAC,UAAU;AACzD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,eAAe,cAAc;"}
+{"version":3,"file":"Skeleton-BiBul6J3.js","sources":["../../src/components/Skeleton/SkeletonBase.tsx","../../src/components/Skeleton/next/Skeleton.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n} from \"../../config/boreal-style-config\";\r\nimport { ExtraProps, SkeletonBaseProps } from \"./Skeleton.types\";\r\n\r\nconst SkeletonBase: React.FC<SkeletonBaseProps & ExtraProps> = ({\r\n  width = \"100%\",\r\n  height = \"100%\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  label = \"Loading content...\",\r\n  announce = true,\r\n  animate = true,\r\n  as: Tag = \"div\",\r\n  \"data-testid\": testId = \"skeleton-loader\",\r\n  classMap,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  \"aria-busy\": ariaBusy,\r\n  \"aria-hidden\": ariaHidden,\r\n  role,\r\n\r\n  ...rest\r\n}) => {\r\n  const descriptionId = `${testId}-desc`;\r\n\r\n  const shouldAnnounce = announce && ariaHidden !== true;\r\n\r\n  const skeletonClasses = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.skeleton,\r\n        animate && classMap.animated,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, animate, shadow, rounding, className],\r\n  );\r\n\r\n  const computedAriaDescribedBy = shouldAnnounce\r\n    ? [\r\n        ariaDescribedBy,\r\n        !ariaLabel && !ariaLabelledBy ? descriptionId : undefined,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(\" \") || undefined\r\n    : undefined;\r\n\r\n  const accessibilityProps =\r\n    ariaHidden === true\r\n      ? {\r\n          \"aria-hidden\": true as const,\r\n        }\r\n      : shouldAnnounce\r\n        ? {\r\n            role: role ?? (\"status\" as const),\r\n            \"aria-busy\": ariaBusy ?? true,\r\n            \"aria-live\": ariaLive ?? (\"polite\" as const),\r\n            \"aria-relevant\": \"additions text\" as const,\r\n            \"aria-label\": ariaLabel,\r\n            \"aria-labelledby\": ariaLabelledBy,\r\n            \"aria-describedby\": computedAriaDescribedBy,\r\n          }\r\n        : {\r\n            \"aria-hidden\": false,\r\n            role,\r\n            \"aria-label\": ariaLabel,\r\n            \"aria-labelledby\": ariaLabelledBy,\r\n            \"aria-describedby\": ariaDescribedBy,\r\n            \"aria-busy\": ariaBusy,\r\n          };\r\n\r\n  return (\r\n    <Tag\r\n      className={skeletonClasses}\r\n      style={{ width, height }}\r\n      data-testid={testId}\r\n      {...accessibilityProps}\r\n      {...rest}\r\n    >\r\n      {shouldAnnounce && !ariaLabel && !ariaLabelledBy && (\r\n        <span\r\n          id={descriptionId}\r\n          className=\"sr_only\"\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {label}\r\n        </span>\r\n      )}\r\n    </Tag>\r\n  );\r\n};\r\n\r\nSkeletonBase.displayName = \"SkeletonBase\";\r\nexport default SkeletonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Skeleton.module.scss\";\r\nimport SkeletonBase from \"../SkeletonBase\";\r\nimport { SkeletonProps } from \"../Skeleton.types\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nconst SkeletonLoader: React.FC<SkeletonProps> = (props) => {\r\n  return (\r\n    <SkeletonBase\r\n      {...props}\r\n      className={combineClassNames(styles.skeletonLoader, props.className)}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\nSkeletonLoader.displayName = \"SkeletonLoader\";\r\nexport default SkeletonLoader;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,eAAyD,CAAC;AAAA,EAC9D,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,IAAI,MAAM;AAAA,EACV,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AAAA,EAEA,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,iBAAiB,YAAY,eAAe;AAElD,QAAM,kBAAkB;AAAA,IACtB,MACE;AAAA,MACE,SAAS;AAAA,MACT,WAAW,SAAS;AAAA,MACpB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,SAAS,QAAQ,UAAU,SAAS;AAAA,EAAA;AAGjD,QAAM,0BAA0B,iBAC5B;AAAA,IACE;AAAA,IACA,CAAC,aAAa,CAAC,iBAAiB,gBAAgB;AAAA,EAAA,EAE/C,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,SAChB;AAEJ,QAAM,qBACJ,eAAe,OACX;AAAA,IACE,eAAe;AAAA,EAAA,IAEjB,iBACE;AAAA,IACE,MAAM,QAAS;AAAA,IACf,aAAa,YAAY;AAAA,IACzB,aAAa,YAAa;AAAA,IAC1B,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EAAA,IAEtB;AAAA,IACE,eAAe;AAAA,IACf;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,aAAa;AAAA,EAAA;AAGvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,eAAa;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,kBAAkB,CAAC,aAAa,CAAC,kBAChC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIR;AAEA,aAAa,cAAc;AC7F3B,MAAM,iBAA0C,CAAC,UAAU;AACzD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,kBAAkB,OAAO,gBAAgB,MAAM,SAAS;AAAA,MACnE,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,eAAe,cAAc;"}

package/dist/next/Skeleton.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Skeleton = require("./Skeleton-N1-8bK7i.cjs");
+const Skeleton = require("./Skeleton-B0mlVpUX.cjs");
 module.exports = Skeleton.SkeletonLoader;
 //# sourceMappingURL=Skeleton.cjs.js.map

package/dist/next/Skeleton.css

@@ -0,0 +1,288 @@
+@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_brk44_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_brk44_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_brk44_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_brk44_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_brk44_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_brk44_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_brk44_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_brk44_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_brk44_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._skeletonLoader_brk44_204 {
+  --skeleton-sheen: var(--disabled-color);
+  --skeleton-duration: 1.5s;
+  background-color: var(--background-color-light);
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  min-height: 1rem;
+}
+@media (width <= 319.98px) {
+  ._skeletonLoader_brk44_204 {
+    min-height: 0.85rem;
+  }
+}
+@media (min-width: 1024px) {
+  ._skeletonLoader_brk44_204 {
+    min-height: 1.2rem;
+  }
+}
+._skeletonLoader_brk44_204::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  left: -100%;
+  display: block;
+  background: linear-gradient(90deg, transparent 0%, var(--skeleton-sheen) 50%, transparent 100%);
+  animation: _skeleton-loading_brk44_1 var(--skeleton-duration) infinite ease-in-out;
+}
+
+._roundNone_brk44_233 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_brk44_237 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_brk44_241 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_brk44_245 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_brk44_249 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_brk44_253 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_brk44_257 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_brk44_261 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_brk44_265 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_brk44_269 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._skeletonLoader_brk44_204::after {
+    animation: none !important;
+    background: none !important;
+  }
+}
+@media (forced-colors: active) {
+  ._skeletonLoader_brk44_204 {
+    background: Canvas;
+    color: CanvasText;
+    border: 1px solid ButtonText;
+  }
+  ._skeletonLoader_brk44_204::after {
+    content: none !important;
+  }
+}

package/dist/next/Skeleton.js

@@ -1,4 +1,4 @@
-import { S } from "./Skeleton-Bk8l48-D.js";
+import { S } from "./Skeleton-BiBul6J3.js";
 export {
   S as default
 };

package/dist/next/{Slider-DOGkUQYT.js → Slider-B4G0kHQA.js}

@@ -3,47 +3,37 @@ import { useId, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as getDefaultSize, a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-const noScroll = "_noScroll_1rhfd_109";
-const errorMessage = "_errorMessage_1rhfd_110";
-const loadingContainer = "_loadingContainer_1rhfd_111";
-const hideScrollbar = "_hideScrollbar_1rhfd_103";
-const sr_only = "_sr_only_1rhfd_112";
-const container = "_container_1rhfd_637";
-const label = "_label_1rhfd_654";
-const wrapper = "_wrapper_1rhfd_673";
-const slider = "_slider_1rhfd_690";
-const roundNone = "_roundNone_1rhfd_730";
-const roundSmall = "_roundSmall_1rhfd_734";
-const roundMedium = "_roundMedium_1rhfd_738";
-const roundLarge = "_roundLarge_1rhfd_742";
-const roundFull = "_roundFull_1rhfd_746";
-const shadowNone = "_shadowNone_1rhfd_750";
-const shadowLight = "_shadowLight_1rhfd_754";
-const shadowMedium = "_shadowMedium_1rhfd_758";
-const shadowStrong = "_shadowStrong_1rhfd_762";
-const shadowIntense = "_shadowIntense_1rhfd_766";
-const value = "_value_1rhfd_770";
-const primary = "_primary_1rhfd_791";
-const secondary = "_secondary_1rhfd_801";
-const tertiary = "_tertiary_1rhfd_811";
-const quaternary = "_quaternary_1rhfd_821";
-const clear = "_clear_1rhfd_831";
-const success = "_success_1rhfd_841";
-const error = "_error_1rhfd_110";
-const warning = "_warning_1rhfd_861";
-const xs = "_xs_1rhfd_875";
-const small = "_small_1rhfd_910";
-const medium = "_medium_1rhfd_945";
-const large = "_large_1rhfd_980";
-const xl = "_xl_1rhfd_1015";
-const spin = "_spin_1rhfd_1";
-const pulse = "_pulse_1rhfd_1";
+import './Slider.css';const container = "_container_109zn_204";
+const label = "_label_109zn_221";
+const wrapper = "_wrapper_109zn_240";
+const slider = "_slider_109zn_257";
+const roundNone = "_roundNone_109zn_297";
+const roundSmall = "_roundSmall_109zn_301";
+const roundMedium = "_roundMedium_109zn_305";
+const roundLarge = "_roundLarge_109zn_309";
+const roundFull = "_roundFull_109zn_313";
+const shadowNone = "_shadowNone_109zn_317";
+const shadowLight = "_shadowLight_109zn_321";
+const shadowMedium = "_shadowMedium_109zn_325";
+const shadowStrong = "_shadowStrong_109zn_329";
+const shadowIntense = "_shadowIntense_109zn_333";
+const value = "_value_109zn_337";
+const primary = "_primary_109zn_358";
+const secondary = "_secondary_109zn_368";
+const tertiary = "_tertiary_109zn_378";
+const quaternary = "_quaternary_109zn_388";
+const clear = "_clear_109zn_398";
+const success = "_success_109zn_408";
+const error = "_error_109zn_418";
+const warning = "_warning_109zn_428";
+const xs = "_xs_109zn_442";
+const small = "_small_109zn_477";
+const medium = "_medium_109zn_512";
+const large = "_large_109zn_547";
+const xl = "_xl_109zn_582";
+const spin = "_spin_109zn_1";
+const pulse = "_pulse_109zn_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   container,
   label,
   wrapper,
@@ -72,15 +62,15 @@ const styles = {
   medium,
   large,
   xl,
-  "fade-in": "_fade-in_1rhfd_1",
-  "slide-up": "_slide-up_1rhfd_1",
-  "spin-3d": "_spin-3d_1rhfd_1",
+  "fade-in": "_fade-in_109zn_1",
+  "slide-up": "_slide-up_109zn_1",
+  "spin-3d": "_spin-3d_109zn_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1rhfd_1",
-  "progress-grow": "_progress-grow_1rhfd_1",
-  "indeterminate-move": "_indeterminate-move_1rhfd_1",
-  "skeleton-loading": "_skeleton-loading_1rhfd_1"
+  "fade-in-up": "_fade-in-up_109zn_1",
+  "progress-grow": "_progress-grow_109zn_1",
+  "indeterminate-move": "_indeterminate-move_109zn_1",
+  "skeleton-loading": "_skeleton-loading_109zn_1"
 };
 const SliderBase = ({
   value: value2,
@@ -205,4 +195,4 @@ Slider.displayName = "Slider";
 export {
   Slider as S
 };
-//# sourceMappingURL=Slider-DOGkUQYT.js.map
+//# sourceMappingURL=Slider-B4G0kHQA.js.map