boreal-ui 0.0.1

package/dist/core/Chip-7R6wAufO.js

@@ -0,0 +1,146 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { createPortal } from "react-dom";
+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";
+import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
+import { I as IconButton } from "./IconButton-B6cAP2hY.js";
+const ChipBase = ({
+  id,
+  message,
+  visible,
+  onClose,
+  icon: Icon,
+  size = getDefaultSize(),
+  theme = getDefaultTheme(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  state = "",
+  position = "topCenter",
+  usePortal = true,
+  className = "",
+  autoClose = true,
+  duration = 3e3,
+  closeIcon: CloseIcon2,
+  IconButtonComponent,
+  classMap,
+  "data-testid": testId = "chip"
+}) => {
+  const [closing, setClosing] = useState(false);
+  const handleClose = useCallback(() => {
+    setClosing(true);
+    setTimeout(() => onClose == null ? void 0 : onClose(), 300);
+  }, [onClose]);
+  useEffect(() => {
+    if (autoClose && visible) {
+      const timer = setTimeout(() => handleClose(), duration);
+      return () => clearTimeout(timer);
+    }
+  }, [autoClose, duration, visible, handleClose]);
+  if (!visible && !closing) return null;
+  const chipClassName = combineClassNames(
+    classMap.chip,
+    classMap[theme],
+    classMap[state],
+    classMap[size],
+    classMap[position],
+    shadow && classMap[`shadow${capitalize(shadow)}`],
+    rounding && classMap[`round${capitalize(rounding)}`],
+    closing && classMap.fadeout,
+    usePortal && classMap.fixed,
+    className
+  );
+  const portalEl = typeof window !== "undefined" ? document.getElementById("widget-portal") : null;
+  const chipElement = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: chipClassName,
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      "data-testid": testId,
+      children: [
+        Icon && /* @__PURE__ */ jsx("span", { className: classMap.icon, "aria-hidden": "true", "data-testid": "icon", children: /* @__PURE__ */ jsx(Icon, { className: classMap.inner_icon }) }),
+        /* @__PURE__ */ jsx("span", { className: classMap.message, id: `${testId}-message`, children: message }),
+        /* @__PURE__ */ jsx(
+          IconButtonComponent,
+          {
+            icon: CloseIcon2,
+            size,
+            theme: "clear",
+            ariaLabel: "Close notification",
+            "aria-controls": `${testId}-message`,
+            className: classMap.close,
+            onClick: handleClose,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                handleClose();
+              }
+            },
+            role: "button",
+            tabIndex: 0,
+            "data-testid": "chip-close"
+          }
+        )
+      ]
+    },
+    id
+  );
+  if (usePortal && portalEl) {
+    return createPortal(chipElement, portalEl);
+  }
+  return chipElement;
+};
+const classes = {
+  chip: "chip",
+  icon: "chip_icon",
+  inner_icon: "chip_icon_inner",
+  message: "chip_message",
+  close: "chip_close",
+  relative: "chip_relative",
+  fixed: "chip_fixed",
+  fadeout: "chip_fadeout",
+  topCenter: "chip_top_center",
+  bottomCenter: "chip_bottom_center",
+  topLeft: "chip_top_left",
+  topRight: "chip_top_right",
+  bottomLeft: "chip_bottom_left",
+  bottomRight: "chip_bottom_right",
+  primary: "chip_primary",
+  secondary: "chip_secondary",
+  tertiary: "chip_tertiary",
+  quaternary: "chip_quaternary",
+  success: "chip_success",
+  error: "chip_error",
+  warning: "chip_warning",
+  clear: "chip_clear",
+  xs: "chip_xs",
+  small: "chip_small",
+  medium: "chip_medium",
+  large: "chip_large",
+  xl: "chip_xl",
+  shadowNone: "chip_shadow-None",
+  shadowLight: "chip_shadow-Light",
+  shadowMedium: "chip_shadow-Medium",
+  shadowStrong: "chip_shadow-Strong",
+  shadowIntense: "chip_shadow-Intense",
+  roundNone: "chip_round-None",
+  roundSmall: "chip_round-Small",
+  roundMedium: "chip_round-Medium",
+  roundLarge: "chip_round-Large"
+};
+const Chip = (props) => /* @__PURE__ */ jsx(
+  ChipBase,
+  {
+    ...props,
+    classMap: classes,
+    IconButtonComponent: IconButton,
+    closeIcon: CloseIcon
+  }
+);
+export {
+  Chip as C
+};
+//# sourceMappingURL=Chip-7R6wAufO.js.map

package/dist/core/Chip-7R6wAufO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-7R6wAufO.js","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/core/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.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\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <span className={classMap.icon} aria-hidden=\"true\" data-testid=\"icon\">\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        onKeyDown={(e: KeyboardEvent) => {\r\n          if (e.key === \"Enter\" || e.key === \" \") {\r\n            e.preventDefault();\r\n            handleClose();\r\n          }\r\n        }}\r\n        role=\"button\"\r\n        tabIndex={0}\r\n        data-testid=\"chip-close\"\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nexport default ChipBase;\r\n","import React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport \"./Chip.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst classes = {\r\n  chip: \"chip\",\r\n  icon: \"chip_icon\",\r\n  inner_icon: \"chip_icon_inner\",\r\n  message: \"chip_message\",\r\n  close: \"chip_close\",\r\n  relative: \"chip_relative\",\r\n  fixed: \"chip_fixed\",\r\n  fadeout: \"chip_fadeout\",\r\n\r\n  topCenter: \"chip_top_center\",\r\n  bottomCenter: \"chip_bottom_center\",\r\n  topLeft: \"chip_top_left\",\r\n  topRight: \"chip_top_right\",\r\n  bottomLeft: \"chip_bottom_left\",\r\n  bottomRight: \"chip_bottom_right\",\r\n\r\n  primary: \"chip_primary\",\r\n  secondary: \"chip_secondary\",\r\n  tertiary: \"chip_tertiary\",\r\n  quaternary: \"chip_quaternary\",\r\n\r\n  success: \"chip_success\",\r\n  error: \"chip_error\",\r\n  warning: \"chip_warning\",\r\n\r\n  clear: \"chip_clear\",\r\n\r\n  xs: \"chip_xs\",\r\n  small: \"chip_small\",\r\n  medium: \"chip_medium\",\r\n  large: \"chip_large\",\r\n  xl: \"chip_xl\",\r\n\r\n  shadowNone: \"chip_shadow-None\",\r\n  shadowLight: \"chip_shadow-Light\",\r\n  shadowMedium: \"chip_shadow-Medium\",\r\n  shadowStrong: \"chip_shadow-Strong\",\r\n  shadowIntense: \"chip_shadow-Intense\",\r\n\r\n  roundNone: \"chip_round-None\",\r\n  roundSmall: \"chip_round-Small\",\r\n  roundMedium: \"chip_round-Medium\",\r\n  roundLarge: \"chip_round-Large\",\r\n};\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={classes}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["CloseIcon"],"mappings":"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"}

package/dist/core/Chip-CNn0UvOB.cjs

@@ -0,0 +1,145 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const ReactDOM = require("react-dom");
+const classNames = require("./classNames-BcWMx052.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+const CloseIcon = require("./CloseIcon-DSnN6ggf.cjs");
+const IconButton = require("./IconButton-BxUXK-xn.cjs");
+const ChipBase = ({
+  id,
+  message,
+  visible,
+  onClose,
+  icon: Icon,
+  size = borealStyleConfig.getDefaultSize(),
+  theme = borealStyleConfig.getDefaultTheme(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  state = "",
+  position = "topCenter",
+  usePortal = true,
+  className = "",
+  autoClose = true,
+  duration = 3e3,
+  closeIcon: CloseIcon2,
+  IconButtonComponent,
+  classMap,
+  "data-testid": testId = "chip"
+}) => {
+  const [closing, setClosing] = React.useState(false);
+  const handleClose = React.useCallback(() => {
+    setClosing(true);
+    setTimeout(() => onClose == null ? void 0 : onClose(), 300);
+  }, [onClose]);
+  React.useEffect(() => {
+    if (autoClose && visible) {
+      const timer = setTimeout(() => handleClose(), duration);
+      return () => clearTimeout(timer);
+    }
+  }, [autoClose, duration, visible, handleClose]);
+  if (!visible && !closing) return null;
+  const chipClassName = classNames.combineClassNames(
+    classMap.chip,
+    classMap[theme],
+    classMap[state],
+    classMap[size],
+    classMap[position],
+    shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+    rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+    closing && classMap.fadeout,
+    usePortal && classMap.fixed,
+    className
+  );
+  const portalEl = typeof window !== "undefined" ? document.getElementById("widget-portal") : null;
+  const chipElement = /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chipClassName,
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      "data-testid": testId,
+      children: [
+        Icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: classMap.icon, "aria-hidden": "true", "data-testid": "icon", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: classMap.inner_icon }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: classMap.message, id: `${testId}-message`, children: message }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          IconButtonComponent,
+          {
+            icon: CloseIcon2,
+            size,
+            theme: "clear",
+            ariaLabel: "Close notification",
+            "aria-controls": `${testId}-message`,
+            className: classMap.close,
+            onClick: handleClose,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                handleClose();
+              }
+            },
+            role: "button",
+            tabIndex: 0,
+            "data-testid": "chip-close"
+          }
+        )
+      ]
+    },
+    id
+  );
+  if (usePortal && portalEl) {
+    return ReactDOM.createPortal(chipElement, portalEl);
+  }
+  return chipElement;
+};
+const classes = {
+  chip: "chip",
+  icon: "chip_icon",
+  inner_icon: "chip_icon_inner",
+  message: "chip_message",
+  close: "chip_close",
+  relative: "chip_relative",
+  fixed: "chip_fixed",
+  fadeout: "chip_fadeout",
+  topCenter: "chip_top_center",
+  bottomCenter: "chip_bottom_center",
+  topLeft: "chip_top_left",
+  topRight: "chip_top_right",
+  bottomLeft: "chip_bottom_left",
+  bottomRight: "chip_bottom_right",
+  primary: "chip_primary",
+  secondary: "chip_secondary",
+  tertiary: "chip_tertiary",
+  quaternary: "chip_quaternary",
+  success: "chip_success",
+  error: "chip_error",
+  warning: "chip_warning",
+  clear: "chip_clear",
+  xs: "chip_xs",
+  small: "chip_small",
+  medium: "chip_medium",
+  large: "chip_large",
+  xl: "chip_xl",
+  shadowNone: "chip_shadow-None",
+  shadowLight: "chip_shadow-Light",
+  shadowMedium: "chip_shadow-Medium",
+  shadowStrong: "chip_shadow-Strong",
+  shadowIntense: "chip_shadow-Intense",
+  roundNone: "chip_round-None",
+  roundSmall: "chip_round-Small",
+  roundMedium: "chip_round-Medium",
+  roundLarge: "chip_round-Large"
+};
+const Chip = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  ChipBase,
+  {
+    ...props,
+    classMap: classes,
+    IconButtonComponent: IconButton.IconButton,
+    closeIcon: CloseIcon.CloseIcon
+  }
+);
+exports.Chip = Chip;
+//# sourceMappingURL=Chip-CNn0UvOB.cjs.map

package/dist/core/Chip-CNn0UvOB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-CNn0UvOB.cjs","sources":["../../src/components/Chip/ChipBase.tsx","../../src/components/Chip/core/Chip.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, KeyboardEvent } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { ChipBaseProps } from \"./Chip.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\nconst ChipBase: React.FC<ChipBaseProps> = ({\r\n  id,\r\n  message,\r\n  visible,\r\n  onClose,\r\n  icon: Icon,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  position = \"topCenter\",\r\n  usePortal = true,\r\n  className = \"\",\r\n  autoClose = true,\r\n  duration = 3000,\r\n  closeIcon: CloseIcon,\r\n  IconButtonComponent,\r\n  classMap,\r\n  \"data-testid\": testId = \"chip\",\r\n}) => {\r\n  const [closing, setClosing] = useState(false);\r\n\r\n  const handleClose = useCallback(() => {\r\n    setClosing(true);\r\n    setTimeout(() => onClose?.(), 300);\r\n  }, [onClose]);\r\n\r\n  useEffect(() => {\r\n    if (autoClose && visible) {\r\n      const timer = setTimeout(() => handleClose(), duration);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [autoClose, duration, visible, handleClose]);\r\n\r\n  if (!visible && !closing) return null;\r\n\r\n  const chipClassName = combineClassNames(\r\n    classMap.chip,\r\n    classMap[theme],\r\n    classMap[state],\r\n    classMap[size],\r\n    classMap[position],\r\n    shadow && classMap[`shadow${capitalize(shadow)}`],\r\n    rounding && classMap[`round${capitalize(rounding)}`],\r\n    closing && classMap.fadeout,\r\n    usePortal && classMap.fixed,\r\n    className\r\n  );\r\n\r\n  const portalEl =\r\n    typeof window !== \"undefined\"\r\n      ? document.getElementById(\"widget-portal\")\r\n      : null;\r\n\r\n  const chipElement = (\r\n    <div\r\n      key={id}\r\n      className={chipClassName}\r\n      role=\"status\"\r\n      aria-live=\"polite\"\r\n      aria-atomic=\"true\"\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <span className={classMap.icon} aria-hidden=\"true\" data-testid=\"icon\">\r\n          <Icon className={classMap.inner_icon} />\r\n        </span>\r\n      )}\r\n      <span className={classMap.message} id={`${testId}-message`}>\r\n        {message}\r\n      </span>\r\n\r\n      <IconButtonComponent\r\n        icon={CloseIcon}\r\n        size={size}\r\n        theme=\"clear\"\r\n        ariaLabel=\"Close notification\"\r\n        aria-controls={`${testId}-message`}\r\n        className={classMap.close}\r\n        onClick={handleClose}\r\n        onKeyDown={(e: KeyboardEvent) => {\r\n          if (e.key === \"Enter\" || e.key === \" \") {\r\n            e.preventDefault();\r\n            handleClose();\r\n          }\r\n        }}\r\n        role=\"button\"\r\n        tabIndex={0}\r\n        data-testid=\"chip-close\"\r\n      />\r\n    </div>\r\n  );\r\n\r\n  if (usePortal && portalEl) {\r\n    return createPortal(chipElement, portalEl);\r\n  }\r\n\r\n  return chipElement;\r\n};\r\n\r\nexport default ChipBase;\r\n","import React from \"react\";\r\nimport ChipBase from \"../ChipBase\";\r\nimport { CloseIcon } from \"@/Icons\";\r\nimport \"./Chip.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport { ChipProps } from \"../Chip.types\";\r\n\r\nconst classes = {\r\n  chip: \"chip\",\r\n  icon: \"chip_icon\",\r\n  inner_icon: \"chip_icon_inner\",\r\n  message: \"chip_message\",\r\n  close: \"chip_close\",\r\n  relative: \"chip_relative\",\r\n  fixed: \"chip_fixed\",\r\n  fadeout: \"chip_fadeout\",\r\n\r\n  topCenter: \"chip_top_center\",\r\n  bottomCenter: \"chip_bottom_center\",\r\n  topLeft: \"chip_top_left\",\r\n  topRight: \"chip_top_right\",\r\n  bottomLeft: \"chip_bottom_left\",\r\n  bottomRight: \"chip_bottom_right\",\r\n\r\n  primary: \"chip_primary\",\r\n  secondary: \"chip_secondary\",\r\n  tertiary: \"chip_tertiary\",\r\n  quaternary: \"chip_quaternary\",\r\n\r\n  success: \"chip_success\",\r\n  error: \"chip_error\",\r\n  warning: \"chip_warning\",\r\n\r\n  clear: \"chip_clear\",\r\n\r\n  xs: \"chip_xs\",\r\n  small: \"chip_small\",\r\n  medium: \"chip_medium\",\r\n  large: \"chip_large\",\r\n  xl: \"chip_xl\",\r\n\r\n  shadowNone: \"chip_shadow-None\",\r\n  shadowLight: \"chip_shadow-Light\",\r\n  shadowMedium: \"chip_shadow-Medium\",\r\n  shadowStrong: \"chip_shadow-Strong\",\r\n  shadowIntense: \"chip_shadow-Intense\",\r\n\r\n  roundNone: \"chip_round-None\",\r\n  roundSmall: \"chip_round-Small\",\r\n  roundMedium: \"chip_round-Medium\",\r\n  roundLarge: \"chip_round-Large\",\r\n};\r\n\r\nconst Chip: React.FC<ChipProps> = (props) => (\r\n  <ChipBase\r\n    {...props}\r\n    classMap={classes}\r\n    IconButtonComponent={IconButton}\r\n    closeIcon={CloseIcon}\r\n  />\r\n);\r\n\r\nexport default Chip;\r\n"],"names":["getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","CloseIcon","useState","useCallback","useEffect","combineClassNames","capitalize","jsxs","jsx","createPortal","IconButton"],"mappings":"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"}

package/dist/core/Chip.cjs.js

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

package/dist/core/Chip.cjs.js.map

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

package/dist/core/Chip.js

@@ -0,0 +1,5 @@
+import { C } from "./Chip-7R6wAufO.js";
+export {
+  C as default
+};
+//# sourceMappingURL=Chip.js.map

package/dist/core/Chip.js.map

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

package/dist/core/CircularProgress-B-N4px22.cjs

@@ -0,0 +1,111 @@
+"use strict";
+const jsxRuntime = 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 getColor = (percent) => {
+  if (percent <= 0) return "var(--background-color)";
+  if (percent <= 40) return "var(--error-color)";
+  if (percent <= 70) return "var(--warning-color)";
+  return "var(--success-color)";
+};
+const CircularProgressBase = ({
+  rating,
+  min = 0,
+  max = 100,
+  label = "Progress",
+  shadow = borealStyleConfig.getDefaultShadow(),
+  showRaw = false,
+  size = borealStyleConfig.getDefaultSize(),
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  className = "",
+  classMap,
+  "data-testid": testId = "circular-progress"
+}) => {
+  const clamped = Math.min(max, Math.max(min, rating));
+  const percent = (clamped - min) / (max - min) * 100;
+  const [displayPercent, setDisplayPercent] = React.useState(0);
+  const [angle, setAngle] = React.useState(0);
+  React.useEffect(() => {
+    const newAngle = Math.min(360, percent / 100 * 360);
+    setAngle(newAngle);
+    setDisplayPercent(Math.round(percent));
+  }, [percent]);
+  const progressColor = getColor(percent);
+  const combinedClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.circular_progress,
+      classMap[theme],
+      classMap[size],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      className
+    ),
+    [shadow, className, classMap]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: combinedClassName,
+      role: "progressbar",
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": clamped,
+      "aria-label": label,
+      "aria-describedby": `${testId}-desc`,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: classMap.circle_border,
+          style: {
+            background: `conic-gradient(
+            ${progressColor} 0deg,
+            ${progressColor} ${angle}deg,
+            transparent ${angle}deg 360deg
+          )`
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.inner_circle, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              id: `${testId}-desc`,
+              className: classMap.rating_text,
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              children: showRaw ? `${clamped}/${max}` : `${displayPercent}%`
+            }
+          ) })
+        }
+      )
+    }
+  );
+};
+const classes = {
+  circular_progress: "circular_progress",
+  circle_border: "circular_progress_circle_border",
+  inner_circle: "circular_progress_inner_circle",
+  rating_text: "circular_progress_rating_text",
+  primary: "circular_progress_primary",
+  secondary: "circular_progress_secondary",
+  tertiary: "circular_progress_tertiary",
+  quaternary: "circular_progress_quaternary",
+  success: "circular_progress_success",
+  error: "circular_progress_error",
+  warning: "circular_progress_warning",
+  clear: "circular_progress_clear",
+  xs: "circular_progress_xs",
+  small: "circular_progress_small",
+  medium: "circular_progress_medium",
+  large: "circular_progress_large",
+  xl: "circular_progress_xl",
+  shadowNone: "circular_progress_shadow-None",
+  shadowLight: "circular_progress_shadow-Light",
+  shadowMedium: "circular_progress_shadow-Medium",
+  shadowStrong: "circular_progress_shadow-Strong",
+  shadowIntense: "circular_progress_shadow-Intense"
+};
+const CircularProgress = (props) => /* @__PURE__ */ jsxRuntime.jsx(CircularProgressBase, { ...props, classMap: classes });
+exports.CircularProgress = CircularProgress;
+//# sourceMappingURL=CircularProgress-B-N4px22.cjs.map

package/dist/core/CircularProgress-B-N4px22.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress-B-N4px22.cjs","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/core/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n  if (percent <= 0) return \"var(--background-color)\";\r\n  if (percent <= 40) return \"var(--error-color)\";\r\n  if (percent <= 70) return \"var(--warning-color)\";\r\n  return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n  rating,\r\n  min = 0,\r\n  max = 100,\r\n  label = \"Progress\",\r\n  shadow = getDefaultShadow(),\r\n  showRaw = false,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  const [angle, setAngle] = useState(0);\r\n\r\n  useEffect(() => {\r\n    const newAngle = Math.min(360, (percent / 100) * 360);\r\n    setAngle(newAngle);\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor = getColor(percent);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.circular_progress,\r\n        classMap[theme],\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        className\r\n      ),\r\n    [shadow, className, classMap]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={combinedClassName}\r\n      role=\"progressbar\"\r\n      aria-valuemin={min}\r\n      aria-valuemax={max}\r\n      aria-valuenow={clamped}\r\n      aria-label={label}\r\n      aria-describedby={`${testId}-desc`}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.circle_border}\r\n        style={{\r\n          background: `conic-gradient(\r\n            ${progressColor} 0deg,\r\n            ${progressColor} ${angle}deg,\r\n            transparent ${angle}deg 360deg\r\n          )`,\r\n        }}\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            id={`${testId}-desc`}\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","import React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport \"./CircularProgress.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst classes = {\r\n  circular_progress: \"circular_progress\",\r\n  circle_border: \"circular_progress_circle_border\",\r\n  inner_circle: \"circular_progress_inner_circle\",\r\n  rating_text: \"circular_progress_rating_text\",\r\n\r\n  primary: \"circular_progress_primary\",\r\n  secondary: \"circular_progress_secondary\",\r\n  tertiary: \"circular_progress_tertiary\",\r\n  quaternary: \"circular_progress_quaternary\",\r\n\r\n  success: \"circular_progress_success\",\r\n  error: \"circular_progress_error\",\r\n  warning: \"circular_progress_warning\",\r\n\r\n  clear: \"circular_progress_clear\",\r\n\r\n  xs: \"circular_progress_xs\",\r\n  small: \"circular_progress_small\",\r\n  medium: \"circular_progress_medium\",\r\n  large: \"circular_progress_large\",\r\n  xl: \"circular_progress_xl\",\r\n\r\n  shadowNone: \"circular_progress_shadow-None\",\r\n  shadowLight: \"circular_progress_shadow-Light\",\r\n  shadowMedium: \"circular_progress_shadow-Medium\",\r\n  shadowStrong: \"circular_progress_shadow-Strong\",\r\n  shadowIntense: \"circular_progress_shadow-Intense\",\r\n};\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n  <CircularProgressBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":["getDefaultShadow","getDefaultSize","getDefaultTheme","useState","useEffect","useMemo","combineClassNames","capitalize","jsx"],"mappings":"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"}

package/dist/core/CircularProgress-ClCxzsSz.js

@@ -0,0 +1,112 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+const getColor = (percent) => {
+  if (percent <= 0) return "var(--background-color)";
+  if (percent <= 40) return "var(--error-color)";
+  if (percent <= 70) return "var(--warning-color)";
+  return "var(--success-color)";
+};
+const CircularProgressBase = ({
+  rating,
+  min = 0,
+  max = 100,
+  label = "Progress",
+  shadow = getDefaultShadow(),
+  showRaw = false,
+  size = getDefaultSize(),
+  theme = getDefaultTheme(),
+  state = "",
+  className = "",
+  classMap,
+  "data-testid": testId = "circular-progress"
+}) => {
+  const clamped = Math.min(max, Math.max(min, rating));
+  const percent = (clamped - min) / (max - min) * 100;
+  const [displayPercent, setDisplayPercent] = useState(0);
+  const [angle, setAngle] = useState(0);
+  useEffect(() => {
+    const newAngle = Math.min(360, percent / 100 * 360);
+    setAngle(newAngle);
+    setDisplayPercent(Math.round(percent));
+  }, [percent]);
+  const progressColor = getColor(percent);
+  const combinedClassName = useMemo(
+    () => combineClassNames(
+      classMap.circular_progress,
+      classMap[theme],
+      classMap[size],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      className
+    ),
+    [shadow, className, classMap]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: combinedClassName,
+      role: "progressbar",
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": clamped,
+      "aria-label": label,
+      "aria-describedby": `${testId}-desc`,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classMap.circle_border,
+          style: {
+            background: `conic-gradient(
+            ${progressColor} 0deg,
+            ${progressColor} ${angle}deg,
+            transparent ${angle}deg 360deg
+          )`
+          },
+          children: /* @__PURE__ */ jsx("div", { className: classMap.inner_circle, children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: `${testId}-desc`,
+              className: classMap.rating_text,
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              children: showRaw ? `${clamped}/${max}` : `${displayPercent}%`
+            }
+          ) })
+        }
+      )
+    }
+  );
+};
+const classes = {
+  circular_progress: "circular_progress",
+  circle_border: "circular_progress_circle_border",
+  inner_circle: "circular_progress_inner_circle",
+  rating_text: "circular_progress_rating_text",
+  primary: "circular_progress_primary",
+  secondary: "circular_progress_secondary",
+  tertiary: "circular_progress_tertiary",
+  quaternary: "circular_progress_quaternary",
+  success: "circular_progress_success",
+  error: "circular_progress_error",
+  warning: "circular_progress_warning",
+  clear: "circular_progress_clear",
+  xs: "circular_progress_xs",
+  small: "circular_progress_small",
+  medium: "circular_progress_medium",
+  large: "circular_progress_large",
+  xl: "circular_progress_xl",
+  shadowNone: "circular_progress_shadow-None",
+  shadowLight: "circular_progress_shadow-Light",
+  shadowMedium: "circular_progress_shadow-Medium",
+  shadowStrong: "circular_progress_shadow-Strong",
+  shadowIntense: "circular_progress_shadow-Intense"
+};
+const CircularProgress = (props) => /* @__PURE__ */ jsx(CircularProgressBase, { ...props, classMap: classes });
+export {
+  CircularProgress as C
+};
+//# sourceMappingURL=CircularProgress-ClCxzsSz.js.map

package/dist/core/CircularProgress-ClCxzsSz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress-ClCxzsSz.js","sources":["../../src/components/CircularProgress/CircularProgressBase.tsx","../../src/components/CircularProgress/core/CircularProgress.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\r\nimport type { CircularProgressProps } from \"./CircularProgress.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CircularProgressBaseProps extends CircularProgressProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst getColor = (percent: number): string => {\r\n  if (percent <= 0) return \"var(--background-color)\";\r\n  if (percent <= 40) return \"var(--error-color)\";\r\n  if (percent <= 70) return \"var(--warning-color)\";\r\n  return \"var(--success-color)\";\r\n};\r\n\r\nconst CircularProgressBase: React.FC<CircularProgressBaseProps> = ({\r\n  rating,\r\n  min = 0,\r\n  max = 100,\r\n  label = \"Progress\",\r\n  shadow = getDefaultShadow(),\r\n  showRaw = false,\r\n  size = getDefaultSize(),\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"circular-progress\",\r\n}) => {\r\n  const clamped = Math.min(max, Math.max(min, rating));\r\n  const percent = ((clamped - min) / (max - min)) * 100;\r\n\r\n  const [displayPercent, setDisplayPercent] = useState(0);\r\n  const [angle, setAngle] = useState(0);\r\n\r\n  useEffect(() => {\r\n    const newAngle = Math.min(360, (percent / 100) * 360);\r\n    setAngle(newAngle);\r\n    setDisplayPercent(Math.round(percent));\r\n  }, [percent]);\r\n\r\n  const progressColor = getColor(percent);\r\n\r\n  const combinedClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.circular_progress,\r\n        classMap[theme],\r\n        classMap[size],\r\n        classMap[state],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        className\r\n      ),\r\n    [shadow, className, classMap]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={combinedClassName}\r\n      role=\"progressbar\"\r\n      aria-valuemin={min}\r\n      aria-valuemax={max}\r\n      aria-valuenow={clamped}\r\n      aria-label={label}\r\n      aria-describedby={`${testId}-desc`}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={classMap.circle_border}\r\n        style={{\r\n          background: `conic-gradient(\r\n            ${progressColor} 0deg,\r\n            ${progressColor} ${angle}deg,\r\n            transparent ${angle}deg 360deg\r\n          )`,\r\n        }}\r\n      >\r\n        <div className={classMap.inner_circle}>\r\n          <span\r\n            id={`${testId}-desc`}\r\n            className={classMap.rating_text}\r\n            aria-live=\"polite\"\r\n            aria-atomic=\"true\"\r\n          >\r\n            {showRaw ? `${clamped}/${max}` : `${displayPercent}%`}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CircularProgressBase;\r\n","import React from \"react\";\r\nimport CircularProgressBase from \"../CircularProgressBase\";\r\nimport \"./CircularProgress.scss\";\r\nimport { CircularProgressProps } from \"../CircularProgress.types\";\r\n\r\nconst classes = {\r\n  circular_progress: \"circular_progress\",\r\n  circle_border: \"circular_progress_circle_border\",\r\n  inner_circle: \"circular_progress_inner_circle\",\r\n  rating_text: \"circular_progress_rating_text\",\r\n\r\n  primary: \"circular_progress_primary\",\r\n  secondary: \"circular_progress_secondary\",\r\n  tertiary: \"circular_progress_tertiary\",\r\n  quaternary: \"circular_progress_quaternary\",\r\n\r\n  success: \"circular_progress_success\",\r\n  error: \"circular_progress_error\",\r\n  warning: \"circular_progress_warning\",\r\n\r\n  clear: \"circular_progress_clear\",\r\n\r\n  xs: \"circular_progress_xs\",\r\n  small: \"circular_progress_small\",\r\n  medium: \"circular_progress_medium\",\r\n  large: \"circular_progress_large\",\r\n  xl: \"circular_progress_xl\",\r\n\r\n  shadowNone: \"circular_progress_shadow-None\",\r\n  shadowLight: \"circular_progress_shadow-Light\",\r\n  shadowMedium: \"circular_progress_shadow-Medium\",\r\n  shadowStrong: \"circular_progress_shadow-Strong\",\r\n  shadowIntense: \"circular_progress_shadow-Intense\",\r\n};\r\n\r\nconst CircularProgress: React.FC<CircularProgressProps> = (props) => (\r\n  <CircularProgressBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default CircularProgress;\r\n"],"names":[],"mappings":";;;;;AAcA,MAAM,WAAW,CAAC,YAA4B;AACxC,MAAA,WAAW,EAAU,QAAA;AACrB,MAAA,WAAW,GAAW,QAAA;AACtB,MAAA,WAAW,GAAW,QAAA;AACnB,SAAA;AACT;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS,iBAAiB;AAAA,EAC1B,UAAU;AAAA,EACV,OAAO,eAAe;AAAA,EACtB,QAAQ,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACE,QAAA,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;AACnD,QAAM,WAAY,UAAU,QAAQ,MAAM,OAAQ;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,YAAU,MAAM;AACd,UAAM,WAAW,KAAK,IAAI,KAAM,UAAU,MAAO,GAAG;AACpD,aAAS,QAAQ;AACC,sBAAA,KAAK,MAAM,OAAO,CAAC;AAAA,EAAA,GACpC,CAAC,OAAO,CAAC;AAEN,QAAA,gBAAgB,SAAS,OAAO;AAEtC,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD;AAAA,IACF;AAAA,IACF,CAAC,QAAQ,WAAW,QAAQ;AAAA,EAC9B;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY;AAAA,MACZ,oBAAkB,GAAG,MAAM;AAAA,MAC3B,eAAa;AAAA,MAEb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,OAAO;AAAA,YACL,YAAY;AAAA,cACR,aAAa;AAAA,cACb,aAAa,IAAI,KAAK;AAAA,0BACV,KAAK;AAAA;AAAA,UAEvB;AAAA,UAEA,UAAC,oBAAA,OAAA,EAAI,WAAW,SAAS,cACvB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,GAAG,MAAM;AAAA,cACb,WAAW,SAAS;AAAA,cACpB,aAAU;AAAA,cACV,eAAY;AAAA,cAEX,oBAAU,GAAG,OAAO,IAAI,GAAG,KAAK,GAAG,cAAc;AAAA,YAAA;AAAA,UAAA,EAEtD,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;AC3FA,MAAM,UAAU;AAAA,EACd,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AAAA,EAEb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AACjB;AAEM,MAAA,mBAAoD,CAAC,UACzD,oBAAC,wBAAsB,GAAG,OAAO,UAAU,QAAS,CAAA;"}

package/dist/core/CircularProgress.cjs.js

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

package/dist/core/CircularProgress.cjs.js.map

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

package/dist/core/CircularProgress.js

@@ -0,0 +1,5 @@
+import { C } from "./CircularProgress-ClCxzsSz.js";
+export {
+  C as default
+};
+//# sourceMappingURL=CircularProgress.js.map

package/dist/core/CircularProgress.js.map

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

package/dist/core/CloseIcon-C3eQm4EK.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+const CloseIcon = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    strokeWidth: "1.5",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+export {
+  CloseIcon as C
+};
+//# sourceMappingURL=CloseIcon-C3eQm4EK.js.map