boreal-ui 0.0.76 → 0.0.77

package/dist/next/{ProgressBar-sg1jxDfy.cjs → ProgressBar-DUarHTA6.cjs}

@@ -101,52 +101,42 @@ const BaseProgressBar = ({
   ] });
 };
 BaseProgressBar.displayName = "BaseProgressBar";
-const noScroll = "_noScroll_1a6ky_109";
-const errorMessage = "_errorMessage_1a6ky_110";
-const loadingContainer = "_loadingContainer_1a6ky_111";
-const hideScrollbar = "_hideScrollbar_1a6ky_103";
-const sr_only = "_sr_only_1a6ky_112";
-const container = "_container_1a6ky_637";
-const xs = "_xs_1a6ky_660";
-const small = "_small_1a6ky_673";
-const medium = "_medium_1a6ky_686";
-const large = "_large_1a6ky_699";
-const xl = "_xl_1a6ky_712";
-const clear = "_clear_1a6ky_725";
-const layout = "_layout_1a6ky_729";
-const label = "_label_1a6ky_736";
-const labelTop = "_labelTop_1a6ky_745";
-const labelBottom = "_labelBottom_1a6ky_750";
-const labelLeft = "_labelLeft_1a6ky_755";
-const labelRight = "_labelRight_1a6ky_756";
-const bar = "_bar_1a6ky_772";
-const primary = "_primary_1a6ky_779";
-const secondary = "_secondary_1a6ky_782";
-const tertiary = "_tertiary_1a6ky_785";
-const quaternary = "_quaternary_1a6ky_788";
-const success = "_success_1a6ky_794";
-const error = "_error_1a6ky_110";
-const warning = "_warning_1a6ky_800";
-const animated = "_animated_1a6ky_807";
-const indeterminate = "_indeterminate_1a6ky_811";
-const roundNone = "_roundNone_1a6ky_816";
-const roundSmall = "_roundSmall_1a6ky_820";
-const roundMedium = "_roundMedium_1a6ky_824";
-const roundLarge = "_roundLarge_1a6ky_828";
-const roundFull = "_roundFull_1a6ky_832";
-const shadowNone = "_shadowNone_1a6ky_836";
-const shadowLight = "_shadowLight_1a6ky_840";
-const shadowMedium = "_shadowMedium_1a6ky_844";
-const shadowStrong = "_shadowStrong_1a6ky_848";
-const shadowIntense = "_shadowIntense_1a6ky_852";
-const spin = "_spin_1a6ky_1";
-const pulse = "_pulse_1a6ky_1";
+const container = "_container_fzkik_204";
+const xs = "_xs_fzkik_227";
+const small = "_small_fzkik_240";
+const medium = "_medium_fzkik_253";
+const large = "_large_fzkik_266";
+const xl = "_xl_fzkik_279";
+const clear = "_clear_fzkik_292";
+const layout = "_layout_fzkik_296";
+const label = "_label_fzkik_303";
+const labelTop = "_labelTop_fzkik_312";
+const labelBottom = "_labelBottom_fzkik_317";
+const labelLeft = "_labelLeft_fzkik_322";
+const labelRight = "_labelRight_fzkik_323";
+const bar = "_bar_fzkik_339";
+const primary = "_primary_fzkik_346";
+const secondary = "_secondary_fzkik_349";
+const tertiary = "_tertiary_fzkik_352";
+const quaternary = "_quaternary_fzkik_355";
+const success = "_success_fzkik_361";
+const error = "_error_fzkik_364";
+const warning = "_warning_fzkik_367";
+const animated = "_animated_fzkik_374";
+const indeterminate = "_indeterminate_fzkik_378";
+const roundNone = "_roundNone_fzkik_383";
+const roundSmall = "_roundSmall_fzkik_387";
+const roundMedium = "_roundMedium_fzkik_391";
+const roundLarge = "_roundLarge_fzkik_395";
+const roundFull = "_roundFull_fzkik_399";
+const shadowNone = "_shadowNone_fzkik_403";
+const shadowLight = "_shadowLight_fzkik_407";
+const shadowMedium = "_shadowMedium_fzkik_411";
+const shadowStrong = "_shadowStrong_fzkik_415";
+const shadowIntense = "_shadowIntense_fzkik_419";
+const spin = "_spin_fzkik_1";
+const pulse = "_pulse_fzkik_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   container,
   xs,
   small,
@@ -169,9 +159,9 @@ const styles = {
   error,
   warning,
   animated,
-  "progress-grow": "_progress-grow_1a6ky_1",
+  "progress-grow": "_progress-grow_fzkik_1",
   indeterminate,
-  "indeterminate-move": "_indeterminate-move_1a6ky_1",
+  "indeterminate-move": "_indeterminate-move_fzkik_1",
   roundNone,
   roundSmall,
   roundMedium,
@@ -182,17 +172,17 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_1a6ky_1",
-  "slide-up": "_slide-up_1a6ky_1",
-  "spin-3d": "_spin-3d_1a6ky_1",
+  "fade-in": "_fade-in_fzkik_1",
+  "slide-up": "_slide-up_fzkik_1",
+  "spin-3d": "_spin-3d_fzkik_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1a6ky_1",
-  "skeleton-loading": "_skeleton-loading_1a6ky_1"
+  "fade-in-up": "_fade-in-up_fzkik_1",
+  "skeleton-loading": "_skeleton-loading_fzkik_1"
 };
 const ProgressBar = (props) => {
   return /* @__PURE__ */ require$$2.jsx(BaseProgressBar, { ...props, classMap: styles });
 };
 ProgressBar.displayName = "ProgressBar";
 exports.ProgressBar = ProgressBar;
-//# sourceMappingURL=ProgressBar-sg1jxDfy.cjs.map
+//# sourceMappingURL=ProgressBar-DUarHTA6.cjs.map

package/dist/next/{ProgressBar-sg1jxDfy.cjs.map → ProgressBar-DUarHTA6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar-sg1jxDfy.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/next/ProgressBar.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  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  value = 0,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  animated = true,\r\n  indeterminate = false,\r\n  className = \"\",\r\n  \"aria-label\": ariaLabel = \"Progress\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-valuetext\": ariaValueText,\r\n  label,\r\n  labelPosition = \"top\",\r\n  labelId,\r\n  description,\r\n  descriptionId,\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}) => {\r\n  const numeric = Number(value);\r\n  const clamped = Number.isFinite(numeric)\r\n    ? Math.min(100, Math.max(0, numeric))\r\n    : 0;\r\n  const progressValue = Math.round(clamped);\r\n\r\n  const resolvedLabelId = label ? labelId || `${testId}-label` : undefined;\r\n  const resolvedDescriptionId = description\r\n    ? descriptionId || `${testId}-description`\r\n    : undefined;\r\n\r\n  const computedAriaLabel =\r\n    !ariaLabelledBy && !resolvedLabelId ? ariaLabel : undefined;\r\n\r\n  const computedAriaLabelledBy = ariaLabelledBy || resolvedLabelId;\r\n  const computedAriaDescribedBy = ariaDescribedBy || resolvedDescriptionId;\r\n\r\n  const computedAriaValueText =\r\n    ariaValueText || (indeterminate ? \"Loading\" : `${progressValue}% complete`);\r\n\r\n  const layoutClass = useMemo(() => {\r\n    const posClass = classMap[`label${capitalize(labelPosition)}`];\r\n    return combineClassNames(classMap.layout, Boolean(label) && posClass);\r\n  }, [classMap, label, labelPosition]);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, size, shadow, rounding, className],\r\n  );\r\n\r\n  const barClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.bar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        animated && classMap.animated,\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        indeterminate && classMap.indeterminate,\r\n      ),\r\n    [classMap, theme, state, rounding, indeterminate, animated],\r\n  );\r\n\r\n  const labelNode = label ? (\r\n    <div\r\n      id={resolvedLabelId}\r\n      className={classMap.label}\r\n      data-testid={`${testId}-label`}\r\n    >\r\n      {label}\r\n    </div>\r\n  ) : null;\r\n\r\n  const descriptionNode = description ? (\r\n    <div id={resolvedDescriptionId} data-testid={`${testId}-description`}>\r\n      {description}\r\n    </div>\r\n  ) : null;\r\n\r\n  return (\r\n    <div className={layoutClass}>\r\n      {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n      <div\r\n        className={wrapperClass}\r\n        role=\"progressbar\"\r\n        aria-label={computedAriaLabel}\r\n        aria-labelledby={computedAriaLabelledBy}\r\n        aria-describedby={computedAriaDescribedBy}\r\n        aria-valuemin={0}\r\n        aria-valuemax={100}\r\n        aria-valuenow={indeterminate ? undefined : progressValue}\r\n        aria-valuetext={computedAriaValueText}\r\n        aria-busy={indeterminate || undefined}\r\n        data-testid={testId}\r\n      >\r\n        <div\r\n          className={barClass}\r\n          style={{ width: indeterminate ? undefined : `${progressValue}%` }}\r\n          data-testid={`${testId}-bar`}\r\n        />\r\n      </div>\r\n\r\n      {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n      {descriptionNode}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport styles from \"./ProgressBar.module.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={styles} />;\r\n};\r\nProgressBar.displayName = \"ProgressBar\";\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","animated","indeterminate","label","useMemo","capitalize","combineClassNames","jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"ProgressBar-DUarHTA6.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/next/ProgressBar.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  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  value = 0,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  animated = true,\r\n  indeterminate = false,\r\n  className = \"\",\r\n  \"aria-label\": ariaLabel = \"Progress\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-valuetext\": ariaValueText,\r\n  label,\r\n  labelPosition = \"top\",\r\n  labelId,\r\n  description,\r\n  descriptionId,\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}) => {\r\n  const numeric = Number(value);\r\n  const clamped = Number.isFinite(numeric)\r\n    ? Math.min(100, Math.max(0, numeric))\r\n    : 0;\r\n  const progressValue = Math.round(clamped);\r\n\r\n  const resolvedLabelId = label ? labelId || `${testId}-label` : undefined;\r\n  const resolvedDescriptionId = description\r\n    ? descriptionId || `${testId}-description`\r\n    : undefined;\r\n\r\n  const computedAriaLabel =\r\n    !ariaLabelledBy && !resolvedLabelId ? ariaLabel : undefined;\r\n\r\n  const computedAriaLabelledBy = ariaLabelledBy || resolvedLabelId;\r\n  const computedAriaDescribedBy = ariaDescribedBy || resolvedDescriptionId;\r\n\r\n  const computedAriaValueText =\r\n    ariaValueText || (indeterminate ? \"Loading\" : `${progressValue}% complete`);\r\n\r\n  const layoutClass = useMemo(() => {\r\n    const posClass = classMap[`label${capitalize(labelPosition)}`];\r\n    return combineClassNames(classMap.layout, Boolean(label) && posClass);\r\n  }, [classMap, label, labelPosition]);\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        className,\r\n      ),\r\n    [classMap, size, shadow, rounding, className],\r\n  );\r\n\r\n  const barClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.bar,\r\n        classMap[theme],\r\n        classMap[state],\r\n        animated && classMap.animated,\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        indeterminate && classMap.indeterminate,\r\n      ),\r\n    [classMap, theme, state, rounding, indeterminate, animated],\r\n  );\r\n\r\n  const labelNode = label ? (\r\n    <div\r\n      id={resolvedLabelId}\r\n      className={classMap.label}\r\n      data-testid={`${testId}-label`}\r\n    >\r\n      {label}\r\n    </div>\r\n  ) : null;\r\n\r\n  const descriptionNode = description ? (\r\n    <div id={resolvedDescriptionId} data-testid={`${testId}-description`}>\r\n      {description}\r\n    </div>\r\n  ) : null;\r\n\r\n  return (\r\n    <div className={layoutClass}>\r\n      {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n      <div\r\n        className={wrapperClass}\r\n        role=\"progressbar\"\r\n        aria-label={computedAriaLabel}\r\n        aria-labelledby={computedAriaLabelledBy}\r\n        aria-describedby={computedAriaDescribedBy}\r\n        aria-valuemin={0}\r\n        aria-valuemax={100}\r\n        aria-valuenow={indeterminate ? undefined : progressValue}\r\n        aria-valuetext={computedAriaValueText}\r\n        aria-busy={indeterminate || undefined}\r\n        data-testid={testId}\r\n      >\r\n        <div\r\n          className={barClass}\r\n          style={{ width: indeterminate ? undefined : `${progressValue}%` }}\r\n          data-testid={`${testId}-bar`}\r\n        />\r\n      </div>\r\n\r\n      {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n      {descriptionNode}\r\n    </div>\r\n  );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport styles from \"./ProgressBar.module.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n  return <BaseProgressBar {...props} classMap={styles} />;\r\n};\r\nProgressBar.displayName = \"ProgressBar\";\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","animated","indeterminate","label","useMemo","capitalize","combineClassNames","jsx","jsxs"],"mappings":"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"}

package/dist/next/ProgressBar.cjs.js

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

package/dist/next/ProgressBar.css

@@ -0,0 +1,441 @@
+@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_fzkik_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_fzkik_1 {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _spin-3d_fzkik_1 {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
+@keyframes _spin_fzkik_1 {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes _pulse_fzkik_1 {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _fade-in-up_fzkik_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _progress-grow_fzkik_1 {
+  from {
+    width: 0;
+  }
+  to {
+    width: 100%;
+  }
+}
+@keyframes _indeterminate-move_fzkik_1 {
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes _skeleton-loading_fzkik_1 {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+._container_fzkik_204 {
+  width: 100%;
+  min-width: 100px;
+  height: 10px;
+  background-color: var(--background-color-lighter);
+  overflow: hidden;
+  position: relative;
+}
+._container_fzkik_204:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+@media (width <= 319.98px) {
+  ._container_fzkik_204 {
+    min-width: 80px;
+  }
+}
+@media (min-width: 1024px) {
+  ._container_fzkik_204 {
+    min-width: 160px;
+  }
+}
+._container_fzkik_204._xs_fzkik_227 {
+  height: 2px;
+}
+@media (width <= 319.98px) {
+  ._container_fzkik_204._xs_fzkik_227 {
+    height: calc(2px * 0.85);
+  }
+}
+@media (min-width: 1024px) {
+  ._container_fzkik_204._xs_fzkik_227 {
+    height: calc(2px * 1.1);
+  }
+}
+._container_fzkik_204._small_fzkik_240 {
+  height: 5px;
+}
+@media (width <= 319.98px) {
+  ._container_fzkik_204._small_fzkik_240 {
+    height: calc(5px * 0.85);
+  }
+}
+@media (min-width: 1024px) {
+  ._container_fzkik_204._small_fzkik_240 {
+    height: calc(5px * 1.1);
+  }
+}
+._container_fzkik_204._medium_fzkik_253 {
+  height: 10px;
+}
+@media (width <= 319.98px) {
+  ._container_fzkik_204._medium_fzkik_253 {
+    height: calc(10px * 0.85);
+  }
+}
+@media (min-width: 1024px) {
+  ._container_fzkik_204._medium_fzkik_253 {
+    height: calc(10px * 1.1);
+  }
+}
+._container_fzkik_204._large_fzkik_266 {
+  height: 15px;
+}
+@media (width <= 319.98px) {
+  ._container_fzkik_204._large_fzkik_266 {
+    height: calc(15px * 0.85);
+  }
+}
+@media (min-width: 1024px) {
+  ._container_fzkik_204._large_fzkik_266 {
+    height: calc(15px * 1.1);
+  }
+}
+._container_fzkik_204._xl_fzkik_279 {
+  height: 20px;
+}
+@media (width <= 319.98px) {
+  ._container_fzkik_204._xl_fzkik_279 {
+    height: calc(20px * 0.85);
+  }
+}
+@media (min-width: 1024px) {
+  ._container_fzkik_204._xl_fzkik_279 {
+    height: calc(20px * 1.1);
+  }
+}
+._container_fzkik_204._clear_fzkik_292 {
+  background-color: var(--background-color-lighter);
+}
+
+._layout_fzkik_296 {
+  display: flex;
+  gap: 0.5rem;
+  width: 100%;
+  font-family: var(--font-family-ui);
+}
+
+._label_fzkik_303 {
+  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);
+  white-space: nowrap;
+}
+
+._labelTop_fzkik_312 {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+._labelBottom_fzkik_317 {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+._labelLeft_fzkik_322,
+._labelRight_fzkik_323 {
+  align-items: center;
+}
+
+._labelLeft_fzkik_322 ._container_fzkik_204,
+._labelRight_fzkik_323 ._container_fzkik_204 {
+  width: auto;
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+._labelLeft_fzkik_322 ._label_fzkik_303,
+._labelRight_fzkik_323 ._label_fzkik_303 {
+  flex: 0 0 auto;
+}
+
+._bar_fzkik_339 {
+  position: relative;
+  height: 100%;
+  width: 0;
+  transition: width 0.4s ease-in-out;
+  border-radius: inherit;
+}
+._bar_fzkik_339._primary_fzkik_346 {
+  background-color: var(--primary-color);
+}
+._bar_fzkik_339._secondary_fzkik_349 {
+  background-color: var(--secondary-color);
+}
+._bar_fzkik_339._tertiary_fzkik_352 {
+  background-color: var(--tertiary-color);
+}
+._bar_fzkik_339._quaternary_fzkik_355 {
+  background-color: var(--quaternary-color);
+}
+._bar_fzkik_339._clear_fzkik_292 {
+  background-color: transparent;
+}
+._bar_fzkik_339._success_fzkik_361 {
+  background-color: var(--success-color);
+}
+._bar_fzkik_339._error_fzkik_364 {
+  background-color: var(--error-color);
+}
+._bar_fzkik_339._warning_fzkik_367 {
+  background-color: var(--warning-color);
+}
+._bar_fzkik_339._clear_fzkik_292 {
+  background-color: var(--text-color-primary);
+}
+
+._animated_fzkik_374 {
+  animation: _progress-grow_fzkik_1 0.8s ease-out;
+}
+
+._indeterminate_fzkik_378 {
+  width: 100%;
+  animation: _indeterminate-move_fzkik_1 1.5s infinite ease-in-out;
+}
+
+._roundNone_fzkik_383 {
+  border-radius: var(--border-radius-none);
+}
+
+._roundSmall_fzkik_387 {
+  border-radius: var(--border-radius-sm);
+}
+
+._roundMedium_fzkik_391 {
+  border-radius: var(--border-radius-md);
+}
+
+._roundLarge_fzkik_395 {
+  border-radius: var(--border-radius-lg);
+}
+
+._roundFull_fzkik_399 {
+  border-radius: var(--border-radius-full);
+}
+
+._shadowNone_fzkik_403 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_fzkik_407 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_fzkik_411 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_fzkik_415 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_fzkik_419 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._bar_fzkik_339 {
+    transition: none !important;
+  }
+  ._animated_fzkik_374,
+  ._indeterminate_fzkik_378 {
+    animation: none !important;
+  }
+}
+@media (forced-colors: active) {
+  ._container_fzkik_204 {
+    background: Canvas;
+    color: CanvasText;
+    border: 1px solid ButtonText;
+  }
+  ._bar_fzkik_339 {
+    background: Highlight;
+  }
+}

package/dist/next/ProgressBar.js

@@ -1,4 +1,4 @@
-import { P } from "./ProgressBar-CMYDs8uL.js";
+import { P } from "./ProgressBar-BgCHpDo8.js";
 export {
   P as default
 };