boreal-ui 0.0.1

package/dist/next/PopOver-CHs0s9rp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver-CHs0s9rp.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.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\nexport interface BasePopoverProps extends PopoverProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n  trigger,\r\n  content,\r\n  placement = \"bottom\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n  const toggleOpen = () => setOpen((prev) => !prev);\r\n  const close = () => {\r\n    setOpen(false);\r\n    setDynamicPlacement(placement);\r\n    triggerRef.current?.focus();\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        popoverRef.current &&\r\n        !popoverRef.current.contains(event.target as Node)\r\n      ) {\r\n        close();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") {\r\n        e.stopPropagation();\r\n        close();\r\n      }\r\n    };\r\n\r\n    if (open) {\r\n      document.addEventListener(\"keydown\", handleKeyDown);\r\n    }\r\n\r\n    if (open && popoverRef.current && triggerRef.current) {\r\n      const triggerRect = triggerRef.current.getBoundingClientRect();\r\n      const popoverEl = popoverRef.current;\r\n\r\n      const viewportWidth = window.innerWidth;\r\n      const viewportHeight = window.innerHeight;\r\n      const spaceAbove = triggerRect.top;\r\n      const spaceBelow = viewportHeight - triggerRect.bottom;\r\n      const spaceLeft = triggerRect.left;\r\n      const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n      popoverEl.style.transform = \"\";\r\n      popoverEl.style.left = \"\";\r\n      popoverEl.style.right = \"\";\r\n      popoverEl.style.top = \"\";\r\n      popoverEl.style.bottom = \"\";\r\n\r\n      let newPlacement = placement;\r\n\r\n      if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n        newPlacement = \"bottom\";\r\n      } else if (\r\n        placement === \"bottom\" &&\r\n        popoverEl.offsetHeight > spaceBelow\r\n      ) {\r\n        newPlacement = \"top\";\r\n      } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n        newPlacement = \"right\";\r\n      } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n        newPlacement = \"left\";\r\n      }\r\n\r\n      setDynamicPlacement(newPlacement);\r\n\r\n      requestAnimationFrame(() => {\r\n        const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n        let dx = 0;\r\n        let dy = 0;\r\n\r\n        if (popoverRect.left < 8) {\r\n          dx = 8 - popoverRect.left;\r\n        } else if (popoverRect.right > viewportWidth - 8) {\r\n          dx = viewportWidth - 8 - popoverRect.right;\r\n        }\r\n\r\n        if (popoverRect.top < 8) {\r\n          dy = 8 - popoverRect.top;\r\n        } else if (popoverRect.bottom > viewportHeight - 8) {\r\n          dy = viewportHeight - 8 - popoverRect.bottom;\r\n        }\r\n\r\n        if (dx !== 0 || dy !== 0) {\r\n          if (popoverRect.left < 8) {\r\n            popoverEl.style.left = \"8px\";\r\n            popoverEl.style.transform = \"translateY(10px)\";\r\n          } else if (popoverRect.right > viewportWidth - 8) {\r\n            popoverEl.style.right = \"8px\";\r\n            popoverEl.style.left = \"auto\";\r\n            popoverEl.style.transform = \"translateY(10px)\";\r\n          }\r\n        }\r\n      });\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", handleKeyDown);\r\n    };\r\n  }, [open]);\r\n\r\n  const popoverContentClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.popover,\r\n        classMap[dynamicPlacement],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n  );\r\n\r\n  return (\r\n    <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n      <div\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        onKeyDown={(e) => {\r\n          if (e.key === \"Enter\" || e.key === \" \") {\r\n            e.preventDefault();\r\n            toggleOpen();\r\n          }\r\n        }}\r\n        tabIndex={0}\r\n        role=\"button\"\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n        aria-controls={`${testId}-content`}\r\n        aria-label=\"Toggle popover\"\r\n        ref={triggerRef}\r\n        data-testid={`${testId}-trigger`}\r\n      >\r\n        {trigger}\r\n      </div>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={`${testId}-content`}\r\n          role=\"dialog\"\r\n          aria-modal=\"false\"\r\n          aria-labelledby={`${testId}-label`}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n        >\r\n          <span id={`${testId}-label`} className=\"sr-only\">\r\n            Popover Content\r\n          </span>\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n  return <BasePopover {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":["trigger","getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/next/PopOver-pllmYvp6.js

@@ -0,0 +1,234 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, 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, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+const BasePopover = ({
+  trigger: trigger2,
+  content,
+  placement = "bottom",
+  theme = getDefaultTheme(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  state = "",
+  className = "",
+  "data-testid": testId = "popover",
+  classMap
+}) => {
+  const [open, setOpen] = useState(false);
+  const [dynamicPlacement, setDynamicPlacement] = useState(placement);
+  const popoverRef = useRef(null);
+  const triggerRef = useRef(null);
+  const toggleOpen = () => setOpen((prev) => !prev);
+  const close = () => {
+    var _a;
+    setOpen(false);
+    setDynamicPlacement(placement);
+    (_a = triggerRef.current) == null ? void 0 : _a.focus();
+  };
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (popoverRef.current && !popoverRef.current.contains(event.target)) {
+        close();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        close();
+      }
+    };
+    if (open) {
+      document.addEventListener("keydown", handleKeyDown);
+    }
+    if (open && popoverRef.current && triggerRef.current) {
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const popoverEl = popoverRef.current;
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      const spaceAbove = triggerRect.top;
+      const spaceBelow = viewportHeight - triggerRect.bottom;
+      const spaceLeft = triggerRect.left;
+      const spaceRight = viewportWidth - triggerRect.right;
+      popoverEl.style.transform = "";
+      popoverEl.style.left = "";
+      popoverEl.style.right = "";
+      popoverEl.style.top = "";
+      popoverEl.style.bottom = "";
+      let newPlacement = placement;
+      if (placement === "top" && popoverEl.offsetHeight > spaceAbove) {
+        newPlacement = "bottom";
+      } else if (placement === "bottom" && popoverEl.offsetHeight > spaceBelow) {
+        newPlacement = "top";
+      } else if (placement === "left" && popoverEl.offsetWidth > spaceLeft) {
+        newPlacement = "right";
+      } else if (placement === "right" && popoverEl.offsetWidth > spaceRight) {
+        newPlacement = "left";
+      }
+      setDynamicPlacement(newPlacement);
+      requestAnimationFrame(() => {
+        const popoverRect = popoverEl.getBoundingClientRect();
+        let dx = 0;
+        let dy = 0;
+        if (popoverRect.left < 8) {
+          dx = 8 - popoverRect.left;
+        } else if (popoverRect.right > viewportWidth - 8) {
+          dx = viewportWidth - 8 - popoverRect.right;
+        }
+        if (popoverRect.top < 8) {
+          dy = 8 - popoverRect.top;
+        } else if (popoverRect.bottom > viewportHeight - 8) {
+          dy = viewportHeight - 8 - popoverRect.bottom;
+        }
+        if (dx !== 0 || dy !== 0) {
+          if (popoverRect.left < 8) {
+            popoverEl.style.left = "8px";
+            popoverEl.style.transform = "translateY(10px)";
+          } else if (popoverRect.right > viewportWidth - 8) {
+            popoverEl.style.right = "8px";
+            popoverEl.style.left = "auto";
+            popoverEl.style.transform = "translateY(10px)";
+          }
+        }
+      });
+    }
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open]);
+  const popoverContentClass = useMemo(
+    () => combineClassNames(
+      classMap.popover,
+      classMap[dynamicPlacement],
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`]
+    ),
+    [classMap, dynamicPlacement, rounding, shadow, theme, state]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: `${classMap.container} ${className}`, "data-testid": testId, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classMap.trigger,
+        onClick: toggleOpen,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            toggleOpen();
+          }
+        },
+        tabIndex: 0,
+        role: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        "aria-controls": `${testId}-content`,
+        "aria-label": "Toggle popover",
+        ref: triggerRef,
+        "data-testid": `${testId}-trigger`,
+        children: trigger2
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: popoverRef,
+        id: `${testId}-content`,
+        role: "dialog",
+        "aria-modal": "false",
+        "aria-labelledby": `${testId}-label`,
+        className: popoverContentClass,
+        "data-testid": `${testId}-content`,
+        children: [
+          /* @__PURE__ */ jsx("span", { id: `${testId}-label`, className: "sr-only", children: "Popover Content" }),
+          content
+        ]
+      }
+    )
+  ] });
+};
+const noScroll = "_noScroll_y3xbe_91";
+const errorMessage = "_errorMessage_y3xbe_92";
+const loadingContainer = "_loadingContainer_y3xbe_93";
+const hideScrollbar = "_hideScrollbar_y3xbe_85";
+const sr_only = "_sr_only_y3xbe_94";
+const container = "_container_y3xbe_479";
+const trigger = "_trigger_y3xbe_485";
+const popover = "_popover_y3xbe_494";
+const primary = "_primary_y3xbe_506";
+const secondary = "_secondary_y3xbe_511";
+const tertiary = "_tertiary_y3xbe_516";
+const quaternary = "_quaternary_y3xbe_521";
+const clear = "_clear_y3xbe_526";
+const success = "_success_y3xbe_531";
+const error = "_error_y3xbe_92";
+const warning = "_warning_y3xbe_543";
+const top = "_top_y3xbe_558";
+const bottom = "_bottom_y3xbe_564";
+const left = "_left_y3xbe_570";
+const right = "_right_y3xbe_576";
+const roundNone = "_roundNone_y3xbe_582";
+const roundSmall = "_roundSmall_y3xbe_586";
+const roundMedium = "_roundMedium_y3xbe_590";
+const roundLarge = "_roundLarge_y3xbe_594";
+const roundFull = "_roundFull_y3xbe_598";
+const shadowNone = "_shadowNone_y3xbe_602";
+const shadowLight = "_shadowLight_y3xbe_606";
+const shadowMedium = "_shadowMedium_y3xbe_610";
+const shadowStrong = "_shadowStrong_y3xbe_614";
+const shadowIntense = "_shadowIntense_y3xbe_618";
+const spin = "_spin_y3xbe_1";
+const pulse = "_pulse_y3xbe_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  trigger,
+  popover,
+  "fade-in": "_fade-in_y3xbe_1",
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  top,
+  bottom,
+  left,
+  right,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "slide-up": "_slide-up_y3xbe_1",
+  "spin-3d": "_spin-3d_y3xbe_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_y3xbe_1",
+  "progress-grow": "_progress-grow_y3xbe_1",
+  "indeterminate-move": "_indeterminate-move_y3xbe_1",
+  "skeleton-loading": "_skeleton-loading_y3xbe_1"
+};
+const Popover = (props) => {
+  return /* @__PURE__ */ jsx(BasePopover, { ...props, classMap: styles });
+};
+export {
+  Popover as P
+};
+//# sourceMappingURL=PopOver-pllmYvp6.js.map

package/dist/next/PopOver-pllmYvp6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver-pllmYvp6.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo } from \"react\";\r\nimport { PopoverProps } from \"./PopOver.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\nexport interface BasePopoverProps extends PopoverProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n  trigger,\r\n  content,\r\n  placement = \"bottom\",\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  className = \"\",\r\n  \"data-testid\": testId = \"popover\",\r\n  classMap,\r\n}: BasePopoverProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n  const popoverRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<HTMLDivElement>(null);\r\n\r\n  const toggleOpen = () => setOpen((prev) => !prev);\r\n  const close = () => {\r\n    setOpen(false);\r\n    setDynamicPlacement(placement);\r\n    triggerRef.current?.focus();\r\n  };\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        popoverRef.current &&\r\n        !popoverRef.current.contains(event.target as Node)\r\n      ) {\r\n        close();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\") {\r\n        e.stopPropagation();\r\n        close();\r\n      }\r\n    };\r\n\r\n    if (open) {\r\n      document.addEventListener(\"keydown\", handleKeyDown);\r\n    }\r\n\r\n    if (open && popoverRef.current && triggerRef.current) {\r\n      const triggerRect = triggerRef.current.getBoundingClientRect();\r\n      const popoverEl = popoverRef.current;\r\n\r\n      const viewportWidth = window.innerWidth;\r\n      const viewportHeight = window.innerHeight;\r\n      const spaceAbove = triggerRect.top;\r\n      const spaceBelow = viewportHeight - triggerRect.bottom;\r\n      const spaceLeft = triggerRect.left;\r\n      const spaceRight = viewportWidth - triggerRect.right;\r\n\r\n      popoverEl.style.transform = \"\";\r\n      popoverEl.style.left = \"\";\r\n      popoverEl.style.right = \"\";\r\n      popoverEl.style.top = \"\";\r\n      popoverEl.style.bottom = \"\";\r\n\r\n      let newPlacement = placement;\r\n\r\n      if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n        newPlacement = \"bottom\";\r\n      } else if (\r\n        placement === \"bottom\" &&\r\n        popoverEl.offsetHeight > spaceBelow\r\n      ) {\r\n        newPlacement = \"top\";\r\n      } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n        newPlacement = \"right\";\r\n      } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n        newPlacement = \"left\";\r\n      }\r\n\r\n      setDynamicPlacement(newPlacement);\r\n\r\n      requestAnimationFrame(() => {\r\n        const popoverRect = popoverEl.getBoundingClientRect();\r\n\r\n        let dx = 0;\r\n        let dy = 0;\r\n\r\n        if (popoverRect.left < 8) {\r\n          dx = 8 - popoverRect.left;\r\n        } else if (popoverRect.right > viewportWidth - 8) {\r\n          dx = viewportWidth - 8 - popoverRect.right;\r\n        }\r\n\r\n        if (popoverRect.top < 8) {\r\n          dy = 8 - popoverRect.top;\r\n        } else if (popoverRect.bottom > viewportHeight - 8) {\r\n          dy = viewportHeight - 8 - popoverRect.bottom;\r\n        }\r\n\r\n        if (dx !== 0 || dy !== 0) {\r\n          if (popoverRect.left < 8) {\r\n            popoverEl.style.left = \"8px\";\r\n            popoverEl.style.transform = \"translateY(10px)\";\r\n          } else if (popoverRect.right > viewportWidth - 8) {\r\n            popoverEl.style.right = \"8px\";\r\n            popoverEl.style.left = \"auto\";\r\n            popoverEl.style.transform = \"translateY(10px)\";\r\n          }\r\n        }\r\n      });\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", handleKeyDown);\r\n    };\r\n  }, [open]);\r\n\r\n  const popoverContentClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.popover,\r\n        classMap[dynamicPlacement],\r\n        classMap[theme],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, dynamicPlacement, rounding, shadow, theme, state]\r\n  );\r\n\r\n  return (\r\n    <div className={`${classMap.container} ${className}`} data-testid={testId}>\r\n      <div\r\n        className={classMap.trigger}\r\n        onClick={toggleOpen}\r\n        onKeyDown={(e) => {\r\n          if (e.key === \"Enter\" || e.key === \" \") {\r\n            e.preventDefault();\r\n            toggleOpen();\r\n          }\r\n        }}\r\n        tabIndex={0}\r\n        role=\"button\"\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n        aria-controls={`${testId}-content`}\r\n        aria-label=\"Toggle popover\"\r\n        ref={triggerRef}\r\n        data-testid={`${testId}-trigger`}\r\n      >\r\n        {trigger}\r\n      </div>\r\n\r\n      {open && (\r\n        <div\r\n          ref={popoverRef}\r\n          id={`${testId}-content`}\r\n          role=\"dialog\"\r\n          aria-modal=\"false\"\r\n          aria-labelledby={`${testId}-label`}\r\n          className={popoverContentClass}\r\n          data-testid={`${testId}-content`}\r\n        >\r\n          <span id={`${testId}-label`} className=\"sr-only\">\r\n            Popover Content\r\n          </span>\r\n          {content}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n  return <BasePopover {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Popover;\r\n"],"names":["trigger"],"mappings":"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"}

package/dist/next/PopOver.cjs.js

@@ -0,0 +1,4 @@
+"use strict";
+const PopOver = require("./PopOver-CHs0s9rp.cjs");
+module.exports = PopOver.Popover;
+//# sourceMappingURL=PopOver.cjs.js.map

package/dist/next/PopOver.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/next/PopOver.js

@@ -0,0 +1,5 @@
+import { P } from "./PopOver-pllmYvp6.js";
+export {
+  P as default
+};
+//# sourceMappingURL=PopOver.js.map

package/dist/next/PopOver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/next/ProgressBar-Cvf0uNKW.cjs

@@ -0,0 +1,147 @@
+"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-Rr5d5Qts.cjs");
+const BaseProgressBar = ({
+  progress = 0,
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  size = borealStyleConfig.getDefaultSize(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  animated: animated2 = true,
+  indeterminate: indeterminate2 = false,
+  className = "",
+  ariaLabel = "Progress",
+  "data-testid": testId = "progressbar",
+  classMap
+}) => {
+  const value = Math.round(progress);
+  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]
+  );
+  return /* @__PURE__ */ require$$2.jsx(
+    "div",
+    {
+      className: wrapperClass,
+      role: "progressbar",
+      "aria-label": ariaLabel,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": !indeterminate2 ? value : void 0,
+      "aria-valuetext": !indeterminate2 ? `${value}% complete` : "Loading",
+      "aria-busy": indeterminate2 || void 0,
+      "data-testid": testId,
+      children: /* @__PURE__ */ require$$2.jsx(
+        "div",
+        {
+          className: barClass,
+          style: { width: indeterminate2 ? "100%" : `${value}%` },
+          "data-testid": `${testId}-bar`
+        }
+      )
+    }
+  );
+};
+const noScroll = "_noScroll_1w8gv_91";
+const errorMessage = "_errorMessage_1w8gv_92";
+const loadingContainer = "_loadingContainer_1w8gv_93";
+const hideScrollbar = "_hideScrollbar_1w8gv_85";
+const sr_only = "_sr_only_1w8gv_94";
+const container = "_container_1w8gv_479";
+const xs = "_xs_1w8gv_487";
+const small = "_small_1w8gv_490";
+const medium = "_medium_1w8gv_493";
+const large = "_large_1w8gv_496";
+const xl = "_xl_1w8gv_499";
+const bar = "_bar_1w8gv_503";
+const primary = "_primary_1w8gv_508";
+const secondary = "_secondary_1w8gv_511";
+const tertiary = "_tertiary_1w8gv_514";
+const quaternary = "_quaternary_1w8gv_517";
+const clear = "_clear_1w8gv_520";
+const success = "_success_1w8gv_523";
+const error = "_error_1w8gv_92";
+const warning = "_warning_1w8gv_529";
+const animated = "_animated_1w8gv_536";
+const indeterminate = "_indeterminate_1w8gv_540";
+const roundNone = "_roundNone_1w8gv_545";
+const roundSmall = "_roundSmall_1w8gv_549";
+const roundMedium = "_roundMedium_1w8gv_553";
+const roundLarge = "_roundLarge_1w8gv_557";
+const roundFull = "_roundFull_1w8gv_561";
+const shadowNone = "_shadowNone_1w8gv_565";
+const shadowLight = "_shadowLight_1w8gv_569";
+const shadowMedium = "_shadowMedium_1w8gv_573";
+const shadowStrong = "_shadowStrong_1w8gv_577";
+const shadowIntense = "_shadowIntense_1w8gv_581";
+const spin = "_spin_1w8gv_1";
+const pulse = "_pulse_1w8gv_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  bar,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  animated,
+  "progress-grow": "_progress-grow_1w8gv_1",
+  indeterminate,
+  "indeterminate-move": "_indeterminate-move_1w8gv_1",
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_1w8gv_1",
+  "slide-up": "_slide-up_1w8gv_1",
+  "spin-3d": "_spin-3d_1w8gv_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1w8gv_1",
+  "skeleton-loading": "_skeleton-loading_1w8gv_1"
+};
+const ProgressBar = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(BaseProgressBar, { ...props, classMap: styles });
+};
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=ProgressBar-Cvf0uNKW.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-Cvf0uNKW.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/next/ProgressBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { ProgressBarProps } from \"./ProgressBar.types\";\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\n\r\nexport interface BaseProgressBarProps extends ProgressBarProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  progress = 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  ariaLabel = \"Progress\",\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}: BaseProgressBarProps): JSX.Element => {\r\n  const value = Math.round(progress);\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]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"progressbar\"\r\n      aria-label={ariaLabel}\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-valuenow={!indeterminate ? value : undefined}\r\n      aria-valuetext={!indeterminate ? `${value}% complete` : \"Loading\"}\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 ? \"100%\" : `${value}%` }}\r\n        data-testid={`${testId}-bar`}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\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\n\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","animated","indeterminate","useMemo","combineClassNames","capitalize","jsx"],"mappings":";;;;;;AAeA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQA,kBAAAA,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAe;AAAA,EACtB,WAAWC,kBAAAA,mBAAmB;AAAA,EAC9B,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B,UAAAC,YAAW;AAAA,EACX,eAAAC,iBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAyC;AACjC,QAAA,QAAQ,KAAK,MAAM,QAAQ;AAEjC,QAAM,eAAeC,MAAA;AAAA,IACnB,MACEC,WAAA;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IACF;AAAA,IACF,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAC9C;AAEA,QAAM,WAAWF,MAAA;AAAA,IACf,MACEC,WAAA;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACdH,YAAW,SAAS,WAAW;AAAA,MAC/B,YAAY,SAAS,QAAQI,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDH,iBAAgB,SAAS,gBAAgB;AAAA,IAC3C;AAAA,IACF,CAAC,UAAU,OAAO,OAAO,UAAUA,cAAa;AAAA,EAClD;AAGE,SAAAI,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,CAACJ,iBAAgB,QAAQ;AAAA,MACxC,kBAAgB,CAACA,iBAAgB,GAAG,KAAK,eAAe;AAAA,MACxD,aAAWA,kBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAAI,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAOJ,iBAAgB,SAAS,GAAG,KAAK,IAAI;AAAA,UACrD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpEM,MAAA,cAA0C,CAAC,UAAU;AACzD,SAAQI,2BAAAA,IAAA,iBAAA,EAAiB,GAAG,OAAO,UAAU,QAAQ;AACvD;;"}

package/dist/next/ProgressBar-D_fi1WW3.js

@@ -0,0 +1,148 @@
+import { jsx } 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-BILmxkZG.js";
+const BaseProgressBar = ({
+  progress = 0,
+  theme = getDefaultTheme(),
+  state = "",
+  size = getDefaultSize(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  animated: animated2 = true,
+  indeterminate: indeterminate2 = false,
+  className = "",
+  ariaLabel = "Progress",
+  "data-testid": testId = "progressbar",
+  classMap
+}) => {
+  const value = Math.round(progress);
+  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]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: wrapperClass,
+      role: "progressbar",
+      "aria-label": ariaLabel,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": !indeterminate2 ? value : void 0,
+      "aria-valuetext": !indeterminate2 ? `${value}% complete` : "Loading",
+      "aria-busy": indeterminate2 || void 0,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: barClass,
+          style: { width: indeterminate2 ? "100%" : `${value}%` },
+          "data-testid": `${testId}-bar`
+        }
+      )
+    }
+  );
+};
+const noScroll = "_noScroll_1w8gv_91";
+const errorMessage = "_errorMessage_1w8gv_92";
+const loadingContainer = "_loadingContainer_1w8gv_93";
+const hideScrollbar = "_hideScrollbar_1w8gv_85";
+const sr_only = "_sr_only_1w8gv_94";
+const container = "_container_1w8gv_479";
+const xs = "_xs_1w8gv_487";
+const small = "_small_1w8gv_490";
+const medium = "_medium_1w8gv_493";
+const large = "_large_1w8gv_496";
+const xl = "_xl_1w8gv_499";
+const bar = "_bar_1w8gv_503";
+const primary = "_primary_1w8gv_508";
+const secondary = "_secondary_1w8gv_511";
+const tertiary = "_tertiary_1w8gv_514";
+const quaternary = "_quaternary_1w8gv_517";
+const clear = "_clear_1w8gv_520";
+const success = "_success_1w8gv_523";
+const error = "_error_1w8gv_92";
+const warning = "_warning_1w8gv_529";
+const animated = "_animated_1w8gv_536";
+const indeterminate = "_indeterminate_1w8gv_540";
+const roundNone = "_roundNone_1w8gv_545";
+const roundSmall = "_roundSmall_1w8gv_549";
+const roundMedium = "_roundMedium_1w8gv_553";
+const roundLarge = "_roundLarge_1w8gv_557";
+const roundFull = "_roundFull_1w8gv_561";
+const shadowNone = "_shadowNone_1w8gv_565";
+const shadowLight = "_shadowLight_1w8gv_569";
+const shadowMedium = "_shadowMedium_1w8gv_573";
+const shadowStrong = "_shadowStrong_1w8gv_577";
+const shadowIntense = "_shadowIntense_1w8gv_581";
+const spin = "_spin_1w8gv_1";
+const pulse = "_pulse_1w8gv_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  container,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  bar,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  animated,
+  "progress-grow": "_progress-grow_1w8gv_1",
+  indeterminate,
+  "indeterminate-move": "_indeterminate-move_1w8gv_1",
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_1w8gv_1",
+  "slide-up": "_slide-up_1w8gv_1",
+  "spin-3d": "_spin-3d_1w8gv_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1w8gv_1",
+  "skeleton-loading": "_skeleton-loading_1w8gv_1"
+};
+const ProgressBar = (props) => {
+  return /* @__PURE__ */ jsx(BaseProgressBar, { ...props, classMap: styles });
+};
+export {
+  ProgressBar as P
+};
+//# sourceMappingURL=ProgressBar-D_fi1WW3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-D_fi1WW3.js","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/next/ProgressBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { ProgressBarProps } from \"./ProgressBar.types\";\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\n\r\nexport interface BaseProgressBarProps extends ProgressBarProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n  progress = 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  ariaLabel = \"Progress\",\r\n  \"data-testid\": testId = \"progressbar\",\r\n  classMap,\r\n}: BaseProgressBarProps): JSX.Element => {\r\n  const value = Math.round(progress);\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]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"progressbar\"\r\n      aria-label={ariaLabel}\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-valuenow={!indeterminate ? value : undefined}\r\n      aria-valuetext={!indeterminate ? `${value}% complete` : \"Loading\"}\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 ? \"100%\" : `${value}%` }}\r\n        data-testid={`${testId}-bar`}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\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\n\r\nexport default ProgressBar;\r\n"],"names":["animated","indeterminate"],"mappings":";;;;;AAeA,MAAM,kBAAkD,CAAC;AAAA,EACvD,WAAW;AAAA,EACX,QAAQ,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAO,eAAe;AAAA,EACtB,WAAW,mBAAmB;AAAA,EAC9B,SAAS,iBAAiB;AAAA,EAC1B,UAAAA,YAAW;AAAA,EACX,eAAAC,iBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AACF,MAAyC;AACjC,QAAA,QAAQ,KAAK,MAAM,QAAQ;AAEjC,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IACF;AAAA,IACF,CAAC,UAAU,MAAM,QAAQ,UAAU,SAAS;AAAA,EAC9C;AAEA,QAAM,WAAW;AAAA,IACf,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACdD,YAAW,SAAS,WAAW;AAAA,MAC/B,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDC,iBAAgB,SAAS,gBAAgB;AAAA,IAC3C;AAAA,IACF,CAAC,UAAU,OAAO,OAAO,UAAUA,cAAa;AAAA,EAClD;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,CAACA,iBAAgB,QAAQ;AAAA,MACxC,kBAAgB,CAACA,iBAAgB,GAAG,KAAK,eAAe;AAAA,MACxD,aAAWA,kBAAiB;AAAA,MAC5B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAO,EAAE,OAAOA,iBAAgB,SAAS,GAAG,KAAK,IAAI;AAAA,UACrD,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpEM,MAAA,cAA0C,CAAC,UAAU;AACzD,SAAQ,oBAAA,iBAAA,EAAiB,GAAG,OAAO,UAAU,QAAQ;AACvD;"}

package/dist/next/ProgressBar.cjs.js

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

package/dist/next/ProgressBar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/next/ProgressBar.js

@@ -0,0 +1,5 @@
+import { P } from "./ProgressBar-D_fi1WW3.js";
+export {
+  P as default
+};
+//# sourceMappingURL=ProgressBar.js.map

package/dist/next/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}