boreal-ui 0.0.71 → 0.0.73

package/dist/next/ProgressBar-Bf_ZzYzI.js

@@ -0,0 +1,199 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+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, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
+const BaseProgressBar = ({
+  value = 0,
+  theme = getDefaultTheme(),
+  state = "",
+  size = getDefaultSize(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  animated: animated2 = true,
+  indeterminate: indeterminate2 = false,
+  className = "",
+  "aria-label": ariaLabel = "Progress",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-valuetext": ariaValueText,
+  label: label2,
+  labelPosition = "top",
+  labelId,
+  description,
+  descriptionId,
+  "data-testid": testId = "progressbar",
+  classMap
+}) => {
+  const numeric = Number(value);
+  const clamped = Number.isFinite(numeric) ? Math.min(100, Math.max(0, numeric)) : 0;
+  const progressValue = Math.round(clamped);
+  const resolvedLabelId = label2 ? labelId || `${testId}-label` : void 0;
+  const resolvedDescriptionId = description ? descriptionId || `${testId}-description` : void 0;
+  const computedAriaLabel = !ariaLabelledBy && !resolvedLabelId ? ariaLabel : void 0;
+  const computedAriaLabelledBy = ariaLabelledBy || resolvedLabelId;
+  const computedAriaDescribedBy = ariaDescribedBy || resolvedDescriptionId;
+  const computedAriaValueText = ariaValueText || (indeterminate2 ? "Loading" : `${progressValue}% complete`);
+  const layoutClass = useMemo(() => {
+    const posClass = classMap[`label${capitalize(labelPosition)}`];
+    return combineClassNames(classMap.layout, Boolean(label2) && posClass);
+  }, [classMap, label2, labelPosition]);
+  const wrapperClass = useMemo(
+    () => combineClassNames(
+      classMap.container,
+      classMap[size],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      className
+    ),
+    [classMap, size, shadow, rounding, className]
+  );
+  const barClass = useMemo(
+    () => combineClassNames(
+      classMap.bar,
+      classMap[theme],
+      classMap[state],
+      animated2 && classMap.animated,
+      rounding && classMap[`round${capitalize(rounding)}`],
+      indeterminate2 && classMap.indeterminate
+    ),
+    [classMap, theme, state, rounding, indeterminate2, animated2]
+  );
+  const labelNode = label2 ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: resolvedLabelId,
+      className: classMap.label,
+      "data-testid": `${testId}-label`,
+      children: label2
+    }
+  ) : null;
+  const descriptionNode = description ? /* @__PURE__ */ jsx("div", { id: resolvedDescriptionId, "data-testid": `${testId}-description`, children: description }) : null;
+  return /* @__PURE__ */ jsxs("div", { className: layoutClass, children: [
+    (labelPosition === "top" || labelPosition === "left") && labelNode,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: wrapperClass,
+        role: "progressbar",
+        "aria-label": computedAriaLabel,
+        "aria-labelledby": computedAriaLabelledBy,
+        "aria-describedby": computedAriaDescribedBy,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": indeterminate2 ? void 0 : progressValue,
+        "aria-valuetext": computedAriaValueText,
+        "aria-busy": indeterminate2 || void 0,
+        "data-testid": testId,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: barClass,
+            style: { width: indeterminate2 ? void 0 : `${progressValue}%` },
+            "data-testid": `${testId}-bar`
+          }
+        )
+      }
+    ),
+    (labelPosition === "bottom" || labelPosition === "right") && labelNode,
+    descriptionNode
+  ] });
+};
+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 styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  clear,
+  layout,
+  label,
+  labelTop,
+  labelBottom,
+  labelLeft,
+  labelRight,
+  bar,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  animated,
+  "progress-grow": "_progress-grow_1a6ky_1",
+  indeterminate,
+  "indeterminate-move": "_indeterminate-move_1a6ky_1",
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_1a6ky_1",
+  "slide-up": "_slide-up_1a6ky_1",
+  "spin-3d": "_spin-3d_1a6ky_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1a6ky_1",
+  "skeleton-loading": "_skeleton-loading_1a6ky_1"
+};
+const ProgressBar = (props) => {
+  return /* @__PURE__ */ jsx(BaseProgressBar, { ...props, classMap: styles });
+};
+ProgressBar.displayName = "ProgressBar";
+export {
+  ProgressBar as P
+};
+//# sourceMappingURL=ProgressBar-Bf_ZzYzI.js.map

package/dist/next/ProgressBar-Bf_ZzYzI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-Bf_ZzYzI.js","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":["animated","indeterminate","label"],"mappings":"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"}

package/dist/next/ProgressBar-sg1jxDfy.cjs

@@ -0,0 +1,198 @@
+"use strict";
+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 BaseProgressBar = ({
+  value = 0,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  size = borealStyleConfig.getDefaultSize(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  animated: animated2 = true,
+  indeterminate: indeterminate2 = false,
+  className = "",
+  "aria-label": ariaLabel = "Progress",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-valuetext": ariaValueText,
+  label: label2,
+  labelPosition = "top",
+  labelId,
+  description,
+  descriptionId,
+  "data-testid": testId = "progressbar",
+  classMap
+}) => {
+  const numeric = Number(value);
+  const clamped = Number.isFinite(numeric) ? Math.min(100, Math.max(0, numeric)) : 0;
+  const progressValue = Math.round(clamped);
+  const resolvedLabelId = label2 ? labelId || `${testId}-label` : void 0;
+  const resolvedDescriptionId = description ? descriptionId || `${testId}-description` : void 0;
+  const computedAriaLabel = !ariaLabelledBy && !resolvedLabelId ? ariaLabel : void 0;
+  const computedAriaLabelledBy = ariaLabelledBy || resolvedLabelId;
+  const computedAriaDescribedBy = ariaDescribedBy || resolvedDescriptionId;
+  const computedAriaValueText = ariaValueText || (indeterminate2 ? "Loading" : `${progressValue}% complete`);
+  const layoutClass = React.useMemo(() => {
+    const posClass = classMap[`label${capitalize.capitalize(labelPosition)}`];
+    return classNames.combineClassNames(classMap.layout, Boolean(label2) && posClass);
+  }, [classMap, label2, labelPosition]);
+  const wrapperClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.container,
+      classMap[size],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      className
+    ),
+    [classMap, size, shadow, rounding, className]
+  );
+  const barClass = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.bar,
+      classMap[theme],
+      classMap[state],
+      animated2 && classMap.animated,
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      indeterminate2 && classMap.indeterminate
+    ),
+    [classMap, theme, state, rounding, indeterminate2, animated2]
+  );
+  const labelNode = label2 ? /* @__PURE__ */ require$$2.jsx(
+    "div",
+    {
+      id: resolvedLabelId,
+      className: classMap.label,
+      "data-testid": `${testId}-label`,
+      children: label2
+    }
+  ) : null;
+  const descriptionNode = description ? /* @__PURE__ */ require$$2.jsx("div", { id: resolvedDescriptionId, "data-testid": `${testId}-description`, children: description }) : null;
+  return /* @__PURE__ */ require$$2.jsxs("div", { className: layoutClass, children: [
+    (labelPosition === "top" || labelPosition === "left") && labelNode,
+    /* @__PURE__ */ require$$2.jsx(
+      "div",
+      {
+        className: wrapperClass,
+        role: "progressbar",
+        "aria-label": computedAriaLabel,
+        "aria-labelledby": computedAriaLabelledBy,
+        "aria-describedby": computedAriaDescribedBy,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": indeterminate2 ? void 0 : progressValue,
+        "aria-valuetext": computedAriaValueText,
+        "aria-busy": indeterminate2 || void 0,
+        "data-testid": testId,
+        children: /* @__PURE__ */ require$$2.jsx(
+          "div",
+          {
+            className: barClass,
+            style: { width: indeterminate2 ? void 0 : `${progressValue}%` },
+            "data-testid": `${testId}-bar`
+          }
+        )
+      }
+    ),
+    (labelPosition === "bottom" || labelPosition === "right") && labelNode,
+    descriptionNode
+  ] });
+};
+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 styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  clear,
+  layout,
+  label,
+  labelTop,
+  labelBottom,
+  labelLeft,
+  labelRight,
+  bar,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  animated,
+  "progress-grow": "_progress-grow_1a6ky_1",
+  indeterminate,
+  "indeterminate-move": "_indeterminate-move_1a6ky_1",
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_1a6ky_1",
+  "slide-up": "_slide-up_1a6ky_1",
+  "spin-3d": "_spin-3d_1a6ky_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1a6ky_1",
+  "skeleton-loading": "_skeleton-loading_1a6ky_1"
+};
+const ProgressBar = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(BaseProgressBar, { ...props, classMap: styles });
+};
+ProgressBar.displayName = "ProgressBar";
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=ProgressBar-sg1jxDfy.cjs.map

package/dist/next/ProgressBar-sg1jxDfy.cjs.map

@@ -0,0 +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":";;;;;;AAWA,MAAM,kBAAkD,CAAC;AAAA,EACvD,QAAQ;AAAA,EACR,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,UAAAC,YAAW;AAAA,EACX,eAAAC,iBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,cAAc,YAAY;AAAA,EAC1B,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,OAAAC;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,OAAO,KAAK;AAC5B,QAAM,UAAU,OAAO,SAAS,OAAO,IACnC,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,IAClC;AACJ,QAAM,gBAAgB,KAAK,MAAM,OAAO;AAExC,QAAM,kBAAkBA,SAAQ,WAAW,GAAG,MAAM,WAAW;AAC/D,QAAM,wBAAwB,cAC1B,iBAAiB,GAAG,MAAM,iBAC1B;AAEJ,QAAM,oBACJ,CAAC,kBAAkB,CAAC,kBAAkB,YAAY;AAEpD,QAAM,yBAAyB,kBAAkB;AACjD,QAAM,0BAA0B,mBAAmB;AAEnD,QAAM,wBACJ,kBAAkBD,iBAAgB,YAAY,GAAG,aAAa;AAEhE,QAAM,cAAcE,MAAAA,QAAQ,MAAM;AAChC,UAAM,WAAW,SAAS,QAAQC,WAAAA,WAAW,aAAa,CAAC,EAAE;AAC7D,WAAOC,WAAAA,kBAAkB,SAAS,QAAQ,QAAQH,MAAK,KAAK,QAAQ;AAAA,EACtE,GAAG,CAAC,UAAUA,QAAO,aAAa,CAAC;AAEnC,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MACEE,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASD,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAAA;AAG9C,QAAM,WAAWD,MAAAA;AAAAA,IACf,MACEE,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACdL,aAAY,SAAS;AAAA,MACrB,YAAY,SAAS,QAAQI,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDH,kBAAiB,SAAS;AAAA,IAAA;AAAA,IAE9B,CAAC,UAAU,OAAO,OAAO,UAAUA,gBAAeD,SAAQ;AAAA,EAAA;AAG5D,QAAM,YAAYE,SAChBI,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,WAAW,SAAS;AAAA,MACpB,eAAa,GAAG,MAAM;AAAA,MAErB,UAAAJ;AAAA,IAAA;AAAA,EAAA,IAED;AAEJ,QAAM,kBAAkB,cACtBI,2BAAAA,IAAC,OAAA,EAAI,IAAI,uBAAuB,eAAa,GAAG,MAAM,gBACnD,UAAA,YAAA,CACH,IACE;AAEJ,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAW,aACZ,UAAA;AAAA,KAAA,kBAAkB,SAAS,kBAAkB,WAAW;AAAA,IAE1DD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAeL,iBAAgB,SAAY;AAAA,QAC3C,kBAAgB;AAAA,QAChB,aAAWA,kBAAiB;AAAA,QAC5B,eAAa;AAAA,QAEb,UAAAK,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,EAAE,OAAOL,iBAAgB,SAAY,GAAG,aAAa,IAAA;AAAA,YAC5D,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IAAA;AAAA,KAGA,kBAAkB,YAAY,kBAAkB,YAAY;AAAA,IAC7D;AAAA,EAAA,GACH;AAEJ;AAEA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1H9B,MAAM,cAA0C,CAAC,UAAU;AACzD,SAAOK,2BAAAA,IAAC,iBAAA,EAAiB,GAAG,OAAO,UAAU,QAAQ;AACvD;AACA,YAAY,cAAc;;"}

package/dist/next/ProgressBar.cjs.js

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

package/dist/next/ProgressBar.js

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

package/dist/next/{RadioButton-BkLrVidx.cjs → RadioButton-X5L9U53Y.cjs}

@@ -3,7 +3,7 @@ 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-Rr5d5Qts.cjs");
+const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
 const BaseRadioButton = React.forwardRef(
   ({
     label: label2,
@@ -20,6 +20,12 @@ const BaseRadioButton = React.forwardRef(
     id,
     "data-testid": testId = "radio-button",
     classMap,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": ariaInvalid,
+    "aria-required": ariaRequired,
+    required,
     ...props
   }, ref) => {
     const uid = React.useId();
@@ -47,6 +53,7 @@ const BaseRadioButton = React.forwardRef(
       ),
       [classMap, rounding, shadow]
     );
+    const resolvedAriaLabelledBy = ariaLabelledBy ?? (label2 ? labelId : void 0);
     return /* @__PURE__ */ require$$2.jsxs(
       "label",
       {
@@ -66,7 +73,12 @@ const BaseRadioButton = React.forwardRef(
               checked,
               onChange: handleChange,
               disabled: disabled2,
-              "aria-labelledby": label2 ? labelId : void 0,
+              required,
+              "aria-label": ariaLabel,
+              "aria-labelledby": resolvedAriaLabelledBy,
+              "aria-describedby": ariaDescribedBy,
+              "aria-invalid": ariaInvalid,
+              "aria-required": ariaRequired ?? required,
               "data-testid": testId,
               ...props
             }
@@ -94,36 +106,36 @@ const BaseRadioButton = React.forwardRef(
   }
 );
 BaseRadioButton.displayName = "BaseRadioButton";
-const noScroll = "_noScroll_ue5jv_109";
-const errorMessage = "_errorMessage_ue5jv_110";
-const loadingContainer = "_loadingContainer_ue5jv_111";
-const hideScrollbar = "_hideScrollbar_ue5jv_103";
-const sr_only = "_sr_only_ue5jv_112";
-const wrapper = "_wrapper_ue5jv_628";
-const input = "_input_ue5jv_661";
-const circle = "_circle_ue5jv_667";
-const clear = "_clear_ue5jv_719";
-const label = "_label_ue5jv_727";
-const disabled = "_disabled_ue5jv_737";
-const primary = "_primary_ue5jv_752";
-const secondary = "_secondary_ue5jv_759";
-const tertiary = "_tertiary_ue5jv_766";
-const quaternary = "_quaternary_ue5jv_773";
-const success = "_success_ue5jv_787";
-const error = "_error_ue5jv_110";
-const warning = "_warning_ue5jv_801";
-const roundNone = "_roundNone_ue5jv_816";
-const roundSmall = "_roundSmall_ue5jv_821";
-const roundMedium = "_roundMedium_ue5jv_826";
-const roundLarge = "_roundLarge_ue5jv_831";
-const roundFull = "_roundFull_ue5jv_836";
-const shadowNone = "_shadowNone_ue5jv_841";
-const shadowLight = "_shadowLight_ue5jv_845";
-const shadowMedium = "_shadowMedium_ue5jv_849";
-const shadowStrong = "_shadowStrong_ue5jv_853";
-const shadowIntense = "_shadowIntense_ue5jv_857";
-const spin = "_spin_ue5jv_1";
-const pulse = "_pulse_ue5jv_1";
+const noScroll = "_noScroll_is8cf_109";
+const errorMessage = "_errorMessage_is8cf_110";
+const loadingContainer = "_loadingContainer_is8cf_111";
+const hideScrollbar = "_hideScrollbar_is8cf_103";
+const sr_only = "_sr_only_is8cf_112";
+const wrapper = "_wrapper_is8cf_637";
+const input = "_input_is8cf_670";
+const circle = "_circle_is8cf_676";
+const clear = "_clear_is8cf_728";
+const label = "_label_is8cf_736";
+const disabled = "_disabled_is8cf_746";
+const primary = "_primary_is8cf_761";
+const secondary = "_secondary_is8cf_768";
+const tertiary = "_tertiary_is8cf_775";
+const quaternary = "_quaternary_is8cf_782";
+const success = "_success_is8cf_796";
+const error = "_error_is8cf_110";
+const warning = "_warning_is8cf_810";
+const roundNone = "_roundNone_is8cf_825";
+const roundSmall = "_roundSmall_is8cf_830";
+const roundMedium = "_roundMedium_is8cf_835";
+const roundLarge = "_roundLarge_is8cf_840";
+const roundFull = "_roundFull_is8cf_845";
+const shadowNone = "_shadowNone_is8cf_850";
+const shadowLight = "_shadowLight_is8cf_854";
+const shadowMedium = "_shadowMedium_is8cf_858";
+const shadowStrong = "_shadowStrong_is8cf_862";
+const shadowIntense = "_shadowIntense_is8cf_866";
+const spin = "_spin_is8cf_1";
+const pulse = "_pulse_is8cf_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -153,19 +165,19 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_ue5jv_1",
-  "slide-up": "_slide-up_ue5jv_1",
-  "spin-3d": "_spin-3d_ue5jv_1",
+  "fade-in": "_fade-in_is8cf_1",
+  "slide-up": "_slide-up_is8cf_1",
+  "spin-3d": "_spin-3d_is8cf_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_ue5jv_1",
-  "progress-grow": "_progress-grow_ue5jv_1",
-  "indeterminate-move": "_indeterminate-move_ue5jv_1",
-  "skeleton-loading": "_skeleton-loading_ue5jv_1"
+  "fade-in-up": "_fade-in-up_is8cf_1",
+  "progress-grow": "_progress-grow_is8cf_1",
+  "indeterminate-move": "_indeterminate-move_is8cf_1",
+  "skeleton-loading": "_skeleton-loading_is8cf_1"
 };
 const RadioButton = React.forwardRef(
   (props, ref) => /* @__PURE__ */ require$$2.jsx(BaseRadioButton, { ...props, ref, classMap: styles })
 );
 RadioButton.displayName = "RadioButton";
 exports.RadioButton = RadioButton;
-//# sourceMappingURL=RadioButton-BkLrVidx.cjs.map
+//# sourceMappingURL=RadioButton-X5L9U53Y.cjs.map

package/dist/next/RadioButton-X5L9U53Y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton-X5L9U53Y.cjs","sources":["../../src/components/RadioButton/RadioButtonBase.tsx","../../src/components/RadioButton/next/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useId } from \"react\";\r\nimport { BaseRadioButtonProps } from \"./RadioButton.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>(\r\n  (\r\n    {\r\n      label,\r\n      value,\r\n      checked,\r\n      onChange,\r\n      name,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      disabled = false,\r\n      className = \"\",\r\n      id,\r\n      \"data-testid\": testId = \"radio-button\",\r\n      classMap,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      required,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const uid = useId();\r\n    const inputId = id ?? `${testId}-input-${uid}`;\r\n    const labelId = `${testId}-label-${uid}`;\r\n\r\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (disabled) return;\r\n      if (e.target.checked) onChange(e.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          disabled && classMap.disabled,\r\n          className,\r\n        ),\r\n      [classMap, theme, state, disabled, className],\r\n    );\r\n\r\n    const radioClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.circle,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n        ),\r\n      [classMap, rounding, shadow],\r\n    );\r\n\r\n    const resolvedAriaLabelledBy =\r\n      ariaLabelledBy ?? (label ? labelId : undefined);\r\n\r\n    return (\r\n      <label\r\n        className={wrapperClasses}\r\n        data-testid={`${testId}-wrapper`}\r\n        htmlFor={inputId}\r\n      >\r\n        <input\r\n          ref={ref}\r\n          type=\"radio\"\r\n          id={inputId}\r\n          name={name}\r\n          className={classMap.input}\r\n          value={value}\r\n          checked={checked}\r\n          onChange={handleChange}\r\n          disabled={disabled}\r\n          required={required}\r\n          aria-label={ariaLabel}\r\n          aria-labelledby={resolvedAriaLabelledBy}\r\n          aria-describedby={ariaDescribedBy}\r\n          aria-invalid={ariaInvalid}\r\n          aria-required={ariaRequired ?? required}\r\n          data-testid={testId}\r\n          {...props}\r\n        />\r\n        <span\r\n          className={radioClasses}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-circle`}\r\n        />\r\n        {label && (\r\n          <span\r\n            id={labelId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </span>\r\n        )}\r\n      </label>\r\n    );\r\n  },\r\n);\r\n\r\nBaseRadioButton.displayName = \"BaseRadioButton\";\r\nexport default BaseRadioButton;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport BaseRadioButton from \"../RadioButtonBase\";\r\nimport styles from \"./RadioButton.module.scss\";\r\nimport { RadioButtonProps } from \"../RadioButton.types\";\r\n\r\nconst RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\r\n  (props, ref) => <BaseRadioButton {...props} ref={ref} classMap={styles} />\r\n);\r\n\r\nRadioButton.displayName = \"RadioButton\";\r\nexport default RadioButton;\r\n"],"names":["forwardRef","label","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAUA,MAAM,kBAAkBA,MAAAA;AAAAA,EACtB,CACE;AAAA,IACE,OAAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,UAAAC,YAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,MAAMC,MAAAA,MAAA;AACZ,UAAM,UAAU,MAAM,GAAG,MAAM,UAAU,GAAG;AAC5C,UAAM,UAAU,GAAG,MAAM,UAAU,GAAG;AAEtC,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAID,UAAU;AACd,UAAI,EAAE,OAAO,QAAS,UAAS,EAAE,OAAO,KAAK;AAAA,IAC/C;AAEA,UAAM,iBAAiBE,MAAAA;AAAAA,MACrB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdH,aAAY,SAAS;AAAA,QACrB;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAOA,WAAU,SAAS;AAAA,IAAA;AAG9C,UAAM,eAAeE,MAAAA;AAAAA,MACnB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MAAA;AAAA,MAEvD,CAAC,UAAU,UAAU,MAAM;AAAA,IAAA;AAG7B,UAAM,yBACJ,mBAAmBR,SAAQ,UAAU;AAEvC,WACES,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QACtB,SAAS;AAAA,QAET,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,MAAK;AAAA,cACL,IAAI;AAAA,cACJ;AAAA,cACA,WAAW,SAAS;AAAA,cACpB;AAAA,cACA;AAAA,cACA,UAAU;AAAA,cACV,UAAAN;AAAA,cACA;AAAA,cACA,cAAY;AAAA,cACZ,mBAAiB;AAAA,cACjB,oBAAkB;AAAA,cAClB,gBAAc;AAAA,cACd,iBAAe,gBAAgB;AAAA,cAC/B,eAAa;AAAA,cACZ,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAENM,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,eAAY;AAAA,cACZ,eAAa,GAAG,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvBV,UACCU,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM;AAAA,cAErB,UAAAV;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEA,gBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5G9B,MAAM,cAAcD,MAAAA;AAAAA,EAClB,CAAC,OAAO,QAAQW,2BAAAA,IAAC,mBAAiB,GAAG,OAAO,KAAU,UAAU,OAAA,CAAQ;AAC1E;AAEA,YAAY,cAAc;;"}