boreal-ui 0.0.1

package/dist/core/EmptyState-BAaCfJzO.cjs

@@ -0,0 +1,118 @@
+"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");
+;/* empty css                   */
+const Button = require("./Button-wz_We8xU.cjs");
+const BaseEmptyState = ({
+  icon: Icon,
+  title = "Nothing Here Yet",
+  message = "There’s no content to display.",
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  size = borealStyleConfig.getDefaultSize(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  outline = false,
+  actionLabel,
+  onActionClick,
+  className = "",
+  "data-testid": testId = "empty-state",
+  Button: Button2,
+  classMap
+}) => {
+  const titleId = `${testId}-title`;
+  const descId = `${testId}-message`;
+  const sectionClassNames = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.empty_state,
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      outline && classMap.outline,
+      className
+    ),
+    [classMap, rounding, shadow, size, state, theme, outline, className]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: sectionClassNames,
+      role: "region",
+      "aria-labelledby": titleId,
+      "aria-describedby": descId,
+      "data-testid": testId,
+      children: [
+        Icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.icon, "data-testid": `${testId}-icon`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "h2",
+          {
+            id: titleId,
+            className: classMap.title,
+            "data-testid": `${testId}-title`,
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            id: descId,
+            className: classMap.message,
+            "data-testid": `${testId}-message`,
+            children: message
+          }
+        ),
+        actionLabel && onActionClick && /* @__PURE__ */ jsxRuntime.jsx(
+          Button2,
+          {
+            theme: "clear",
+            outline,
+            onClick: onActionClick,
+            "aria-label": typeof actionLabel === "string" ? actionLabel : "Perform action",
+            "data-testid": `${testId}-action`,
+            children: actionLabel
+          }
+        )
+      ]
+    }
+  );
+};
+const classes = {
+  empty_state: "empty_state",
+  title: "empty_state_title",
+  message: "empty_state_message",
+  icon: "empty_state_icon",
+  outline: "empty_state_outline",
+  disabled: "empty_state_disabled",
+  primary: "empty_state_primary",
+  secondary: "empty_state_secondary",
+  tertiary: "empty_state_tertiary",
+  quaternary: "empty_state_quaternary",
+  success: "empty_state_success",
+  error: "empty_state_error",
+  warning: "empty_state_warning",
+  clear: "empty_state_clear",
+  small: "empty_state_small",
+  medium: "empty_state_medium",
+  large: "empty_state_large",
+  xs: "empty_state_xs",
+  xl: "empty_state_xl",
+  shadowNone: "empty_state_shadow-None",
+  shadowLight: "empty_state_shadow-Light",
+  shadowMedium: "empty_state_shadow-Medium",
+  shadowStrong: "empty_state_shadow-Strong",
+  shadowIntense: "empty_state_shadow-Intense",
+  roundNone: "empty_state_round-None",
+  roundSmall: "empty_state_round-Small",
+  roundMedium: "empty_state_round-Medium",
+  roundLarge: "empty_state_round-Large"
+};
+const EmptyState = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseEmptyState, { ...props, Button: Button.Button, classMap: classes });
+};
+exports.EmptyState = EmptyState;
+//# sourceMappingURL=EmptyState-BAaCfJzO.cjs.map

package/dist/core/EmptyState-BAaCfJzO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-BAaCfJzO.cjs","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/core/EmptyState.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { EmptyStateProps } from \"./EmptyState.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 BaseEmptyStateProps extends EmptyStateProps {\r\n  Button: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n}) => {\r\n  const titleId = `${testId}-title`;\r\n  const descId = `${testId}-message`;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className]\r\n  );\r\n\r\n  return (\r\n    <section\r\n      className={sectionClassNames}\r\n      role=\"region\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" />\r\n        </div>\r\n      )}\r\n\r\n      <h2\r\n        id={titleId}\r\n        className={classMap.title}\r\n        data-testid={`${testId}-title`}\r\n      >\r\n        {title}\r\n      </h2>\r\n\r\n      <p\r\n        id={descId}\r\n        className={classMap.message}\r\n        data-testid={`${testId}-message`}\r\n      >\r\n        {message}\r\n      </p>\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={\r\n            typeof actionLabel === \"string\" ? actionLabel : \"Perform action\"\r\n          }\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default BaseEmptyState;\r\n","import React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.core\";\r\nimport \"./EmptyState.scss\";\r\n\r\nconst classes = {\r\n  empty_state: \"empty_state\",\r\n  title: \"empty_state_title\",\r\n  message: \"empty_state_message\",\r\n  icon: \"empty_state_icon\",\r\n\r\n  outline: \"empty_state_outline\",\r\n  disabled: \"empty_state_disabled\",\r\n\r\n  primary: \"empty_state_primary\",\r\n  secondary: \"empty_state_secondary\",\r\n  tertiary: \"empty_state_tertiary\",\r\n  quaternary: \"empty_state_quaternary\",\r\n\r\n  success: \"empty_state_success\",\r\n  error: \"empty_state_error\",\r\n  warning: \"empty_state_warning\",\r\n\r\n  clear: \"empty_state_clear\",\r\n\r\n  small: \"empty_state_small\",\r\n  medium: \"empty_state_medium\",\r\n  large: \"empty_state_large\",\r\n  xs: \"empty_state_xs\",\r\n  xl: \"empty_state_xl\",\r\n\r\n  shadowNone: \"empty_state_shadow-None\",\r\n  shadowLight: \"empty_state_shadow-Light\",\r\n  shadowMedium: \"empty_state_shadow-Medium\",\r\n  shadowStrong: \"empty_state_shadow-Strong\",\r\n  shadowIntense: \"empty_state_shadow-Intense\",\r\n\r\n  roundNone: \"empty_state_round-None\",\r\n  roundSmall: \"empty_state_round-Small\",\r\n  roundMedium: \"empty_state_round-Medium\",\r\n  roundLarge: \"empty_state_round-Large\",\r\n};\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={classes} />;\r\n};\r\n\r\nexport default EmptyState;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","Button","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;AAgBA,MAAM,iBAAgD,CAAC;AAAA,EACrD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQA,kBAAAA,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAe;AAAA,EACtB,WAAWC,kBAAAA,mBAAmB;AAAA,EAC9B,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA;AACF,MAAM;AACE,QAAA,UAAU,GAAG,MAAM;AACnB,QAAA,SAAS,GAAG,MAAM;AAExB,QAAM,oBAAoBC,MAAA;AAAA,IACxB,MACEC,WAAA;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,WAAW,SAAS;AAAA,MACpB;AAAA,IACF;AAAA,IACF,CAAC,UAAU,UAAU,QAAQ,MAAM,OAAO,OAAO,SAAS,SAAS;AAAA,EACrE;AAGE,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACEC,2BAAA,IAAA,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,UAAAA,+BAAC,MAAK,EAAA,eAAY,OAAO,CAAA,GAC3B;AAAA,QAGFA,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAEAA,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAEC,eAAe,iBACdA,2BAAA;AAAA,UAACL;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN;AAAA,YACA,SAAS;AAAA,YACT,cACE,OAAO,gBAAgB,WAAW,cAAc;AAAA,YAElD,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;AC1FA,MAAM,UAAU;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EAEN,SAAS;AAAA,EACT,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEM,MAAA,aAAwC,CAAC,UAAU;AACvD,wCAAQ,gBAAgB,EAAA,GAAG,OAAO,QAAAA,eAAgB,UAAU,SAAS;AACvE;;"}

package/dist/core/EmptyState-Bd-es_rG.js

@@ -0,0 +1,119 @@
+import { jsxs, 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";
+/* empty css                 */
+import { B as Button } from "./Button-DEYbr8xW.js";
+const BaseEmptyState = ({
+  icon: Icon,
+  title = "Nothing Here Yet",
+  message = "There’s no content to display.",
+  theme = getDefaultTheme(),
+  state = "",
+  size = getDefaultSize(),
+  rounding = getDefaultRounding(),
+  shadow = getDefaultShadow(),
+  outline = false,
+  actionLabel,
+  onActionClick,
+  className = "",
+  "data-testid": testId = "empty-state",
+  Button: Button2,
+  classMap
+}) => {
+  const titleId = `${testId}-title`;
+  const descId = `${testId}-message`;
+  const sectionClassNames = useMemo(
+    () => combineClassNames(
+      classMap.empty_state,
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      shadow && classMap[`shadow${capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize(rounding)}`],
+      outline && classMap.outline,
+      className
+    ),
+    [classMap, rounding, shadow, size, state, theme, outline, className]
+  );
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: sectionClassNames,
+      role: "region",
+      "aria-labelledby": titleId,
+      "aria-describedby": descId,
+      "data-testid": testId,
+      children: [
+        Icon && /* @__PURE__ */ jsx("div", { className: classMap.icon, "data-testid": `${testId}-icon`, children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx(
+          "h2",
+          {
+            id: titleId,
+            className: classMap.title,
+            "data-testid": `${testId}-title`,
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: descId,
+            className: classMap.message,
+            "data-testid": `${testId}-message`,
+            children: message
+          }
+        ),
+        actionLabel && onActionClick && /* @__PURE__ */ jsx(
+          Button2,
+          {
+            theme: "clear",
+            outline,
+            onClick: onActionClick,
+            "aria-label": typeof actionLabel === "string" ? actionLabel : "Perform action",
+            "data-testid": `${testId}-action`,
+            children: actionLabel
+          }
+        )
+      ]
+    }
+  );
+};
+const classes = {
+  empty_state: "empty_state",
+  title: "empty_state_title",
+  message: "empty_state_message",
+  icon: "empty_state_icon",
+  outline: "empty_state_outline",
+  disabled: "empty_state_disabled",
+  primary: "empty_state_primary",
+  secondary: "empty_state_secondary",
+  tertiary: "empty_state_tertiary",
+  quaternary: "empty_state_quaternary",
+  success: "empty_state_success",
+  error: "empty_state_error",
+  warning: "empty_state_warning",
+  clear: "empty_state_clear",
+  small: "empty_state_small",
+  medium: "empty_state_medium",
+  large: "empty_state_large",
+  xs: "empty_state_xs",
+  xl: "empty_state_xl",
+  shadowNone: "empty_state_shadow-None",
+  shadowLight: "empty_state_shadow-Light",
+  shadowMedium: "empty_state_shadow-Medium",
+  shadowStrong: "empty_state_shadow-Strong",
+  shadowIntense: "empty_state_shadow-Intense",
+  roundNone: "empty_state_round-None",
+  roundSmall: "empty_state_round-Small",
+  roundMedium: "empty_state_round-Medium",
+  roundLarge: "empty_state_round-Large"
+};
+const EmptyState = (props) => {
+  return /* @__PURE__ */ jsx(BaseEmptyState, { ...props, Button, classMap: classes });
+};
+export {
+  EmptyState as E
+};
+//# sourceMappingURL=EmptyState-Bd-es_rG.js.map

package/dist/core/EmptyState-Bd-es_rG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-Bd-es_rG.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/core/EmptyState.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { EmptyStateProps } from \"./EmptyState.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 BaseEmptyStateProps extends EmptyStateProps {\r\n  Button: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n}) => {\r\n  const titleId = `${testId}-title`;\r\n  const descId = `${testId}-message`;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className]\r\n  );\r\n\r\n  return (\r\n    <section\r\n      className={sectionClassNames}\r\n      role=\"region\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" />\r\n        </div>\r\n      )}\r\n\r\n      <h2\r\n        id={titleId}\r\n        className={classMap.title}\r\n        data-testid={`${testId}-title`}\r\n      >\r\n        {title}\r\n      </h2>\r\n\r\n      <p\r\n        id={descId}\r\n        className={classMap.message}\r\n        data-testid={`${testId}-message`}\r\n      >\r\n        {message}\r\n      </p>\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={\r\n            typeof actionLabel === \"string\" ? actionLabel : \"Perform action\"\r\n          }\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default BaseEmptyState;\r\n","import React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.core\";\r\nimport \"./EmptyState.scss\";\r\n\r\nconst classes = {\r\n  empty_state: \"empty_state\",\r\n  title: \"empty_state_title\",\r\n  message: \"empty_state_message\",\r\n  icon: \"empty_state_icon\",\r\n\r\n  outline: \"empty_state_outline\",\r\n  disabled: \"empty_state_disabled\",\r\n\r\n  primary: \"empty_state_primary\",\r\n  secondary: \"empty_state_secondary\",\r\n  tertiary: \"empty_state_tertiary\",\r\n  quaternary: \"empty_state_quaternary\",\r\n\r\n  success: \"empty_state_success\",\r\n  error: \"empty_state_error\",\r\n  warning: \"empty_state_warning\",\r\n\r\n  clear: \"empty_state_clear\",\r\n\r\n  small: \"empty_state_small\",\r\n  medium: \"empty_state_medium\",\r\n  large: \"empty_state_large\",\r\n  xs: \"empty_state_xs\",\r\n  xl: \"empty_state_xl\",\r\n\r\n  shadowNone: \"empty_state_shadow-None\",\r\n  shadowLight: \"empty_state_shadow-Light\",\r\n  shadowMedium: \"empty_state_shadow-Medium\",\r\n  shadowStrong: \"empty_state_shadow-Strong\",\r\n  shadowIntense: \"empty_state_shadow-Intense\",\r\n\r\n  roundNone: \"empty_state_round-None\",\r\n  roundSmall: \"empty_state_round-Small\",\r\n  roundMedium: \"empty_state_round-Medium\",\r\n  roundLarge: \"empty_state_round-Large\",\r\n};\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={classes} />;\r\n};\r\n\r\nexport default EmptyState;\r\n"],"names":["Button"],"mappings":";;;;;;;AAgBA,MAAM,iBAAgD,CAAC;AAAA,EACrD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAO,eAAe;AAAA,EACtB,WAAW,mBAAmB;AAAA,EAC9B,SAAS,iBAAiB;AAAA,EAC1B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,QAAAA;AAAA,EACA;AACF,MAAM;AACE,QAAA,UAAU,GAAG,MAAM;AACnB,QAAA,SAAS,GAAG,MAAM;AAExB,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,WAAW,SAAS;AAAA,MACpB;AAAA,IACF;AAAA,IACF,CAAC,UAAU,UAAU,QAAQ,MAAM,OAAO,OAAO,SAAS,SAAS;AAAA,EACrE;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACE,oBAAA,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,UAAA,oBAAC,MAAK,EAAA,eAAY,OAAO,CAAA,GAC3B;AAAA,QAGF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAEC,eAAe,iBACd;AAAA,UAACA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN;AAAA,YACA,SAAS;AAAA,YACT,cACE,OAAO,gBAAgB,WAAW,cAAc;AAAA,YAElD,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;AC1FA,MAAM,UAAU;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EAEN,SAAS;AAAA,EACT,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEM,MAAA,aAAwC,CAAC,UAAU;AACvD,6BAAQ,gBAAgB,EAAA,GAAG,OAAO,QAAgB,UAAU,SAAS;AACvE;"}

package/dist/core/EmptyState.cjs.js

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

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

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

package/dist/core/EmptyState.js

@@ -0,0 +1,5 @@
+import { E } from "./EmptyState-Bd-es_rG.js";
+export {
+  E as default
+};
+//# sourceMappingURL=EmptyState.js.map

package/dist/core/EmptyState.js.map

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

package/dist/core/FileUpload-Dv2cvYI2.cjs

@@ -0,0 +1,392 @@
+"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 Button = require("./Button-wz_We8xU.cjs");
+const IconButton = require("./IconButton-BxUXK-xn.cjs");
+const ProgressBar = require("./ProgressBar-PiSFvLwa.cjs");
+const FormGroup = require("./FormGroup-BXWYrYOK.cjs");
+const FileIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    strokeWidth: "1.5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M3 20.5V6.5C3 5.67157 3.67157 5 4.5 5H14.2515C14.4106 5 14.5632 5.06321 14.6757 5.17574L17.8243 8.32426C17.9368 8.43679 18 8.5894 18 8.74853V20.5C18 21.3284 17.3284 22 16.5 22H4.5C3.67157 22 3 21.3284 3 20.5Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M14 5V8.4C14 8.73137 14.2686 9 14.6 9H18",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const TrashIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    color: "currentColor",
+    "stroke-width": "1.5",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9H20Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M21 6H15.375M3 6H8.625M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6H15.375",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+const BaseFileUpload = ({
+  label = "Upload File",
+  description,
+  error,
+  required = false,
+  theme = borealStyleConfig.getDefaultTheme(),
+  controlRounding = borealStyleConfig.getDefaultRounding(),
+  controlShadow = borealStyleConfig.getDefaultShadow(),
+  outline = false,
+  outlineRounding = borealStyleConfig.getDefaultRounding(),
+  outlineShadow = borealStyleConfig.getDefaultShadow(),
+  state = "",
+  multiple = false,
+  maxFileSizeBytes = Infinity,
+  allowedFileTypes = [],
+  onSubmit,
+  uploadProgress,
+  "data-testid": testId = "file-upload",
+  FormGroup: FormGroup2,
+  disabled = false,
+  Button: Button2,
+  IconButton: IconButton2,
+  ProgressBar: ProgressBar2,
+  classMap
+}) => {
+  const [fileNames, setFileNames] = React.useState([]);
+  const [files, setFiles] = React.useState([]);
+  const [rejectedFiles, setRejectedFiles] = React.useState([]);
+  const [internalProgress, setInternalProgress] = React.useState(0);
+  const [uploading, setUploading] = React.useState(false);
+  const [isDragging, setIsDragging] = React.useState(false);
+  const [uploadMessage, setUploadMessage] = React.useState(null);
+  const fileInput = React.useRef(null);
+  const validateFiles = (newFiles) => {
+    const valid = [];
+    const rejected = [];
+    newFiles.forEach((file) => {
+      const isSizeOk = file.size <= maxFileSizeBytes;
+      const isTypeOk = allowedFileTypes.length === 0 || allowedFileTypes.includes(file.type);
+      if (isSizeOk && isTypeOk) {
+        valid.push(file);
+      } else {
+        rejected.push({
+          name: file.name,
+          reason: !isSizeOk ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)` : `Invalid type (${file.type || "unknown"})`
+        });
+      }
+    });
+    return { valid, rejected };
+  };
+  const handleFileChange = (e) => {
+    const selected = e.target.files;
+    if (!selected || selected.length === 0) return;
+    const { valid, rejected } = validateFiles(Array.from(selected));
+    const updatedFiles = multiple ? [...files, ...valid] : valid;
+    setFiles(updatedFiles);
+    setFileNames(
+      updatedFiles.map(
+        (file) => file.name.length > 30 ? file.name.slice(0, 27) + "..." : file.name
+      )
+    );
+    setRejectedFiles(rejected);
+  };
+  const removeFile = (index) => {
+    const updatedFiles = files.filter((_, i) => i !== index);
+    setFiles(updatedFiles);
+    setFileNames(
+      updatedFiles.map(
+        (file) => file.name.length > 30 ? file.name.slice(0, 27) + "..." : file.name
+      )
+    );
+  };
+  const getButtonLabel = () => {
+    if (fileNames.length > 0) return multiple ? "Add Files" : "Select New";
+    return "Choose File";
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    setIsDragging(true);
+  };
+  const handleDragLeave = () => {
+    setIsDragging(false);
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+    const droppedFiles = e.dataTransfer.files;
+    if (droppedFiles.length > 0) {
+      handleFileChange({
+        target: { files: droppedFiles }
+      });
+    }
+  };
+  const handleUpload = () => {
+    if (!files || uploading) return;
+    setUploading(true);
+    setInternalProgress(0);
+    setUploadMessage(null);
+    const interval = setInterval(() => {
+      setInternalProgress((prev) => {
+        if (prev >= 100) {
+          clearInterval(interval);
+          setTimeout(() => {
+            setUploading(false);
+            try {
+              onSubmit(files);
+              setUploadMessage("Upload successful.");
+            } catch {
+              setUploadMessage("Upload failed. Please try again.");
+            }
+          }, 500);
+          return 100;
+        }
+        return prev + 10;
+      });
+    }, 100);
+  };
+  const containerClassName = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.fileUpload,
+      classMap[state],
+      classMap[theme],
+      outlineShadow && classMap[`shadow${capitalize.capitalize(outlineShadow)}`],
+      outlineRounding && classMap[`round${capitalize.capitalize(outlineRounding)}`],
+      error && classMap.error,
+      isDragging ? "dragging" : "",
+      disabled && classMap.disabled
+    ),
+    [classMap, isDragging, theme, state, disabled]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    FormGroup2,
+    {
+      label,
+      description,
+      error,
+      required,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: containerClassName,
+          onDragOver: handleDragOver,
+          onDragLeave: handleDragLeave,
+          onDrop: handleDrop,
+          "data-testid": testId ? `${testId}-wrapper` : void 0,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ref: fileInput,
+                id: `${testId}-input`,
+                type: "file",
+                multiple,
+                onChange: handleFileChange,
+                className: classMap.hiddenInput,
+                "aria-required": required,
+                "aria-label": label,
+                "aria-describedby": `${testId}-description ${testId}-error`,
+                "data-testid": testId ? `${testId}-input` : void 0
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classMap.uploadActions, children: /* @__PURE__ */ jsxRuntime.jsx(
+              Button2,
+              {
+                icon: FileIcon,
+                size: "small",
+                theme,
+                state: error && classMap.error,
+                className: classMap.fileInput,
+                disabled: uploading || disabled,
+                outline,
+                rounding: controlRounding,
+                shadow: controlShadow,
+                onClick: () => {
+                  var _a;
+                  return (_a = fileInput.current) == null ? void 0 : _a.click();
+                },
+                "aria-label": fileNames.length > 0 ? fileNames.join(", ") : "Choose File",
+                "data-testid": testId ? `${testId}-file-button` : void 0,
+                children: getButtonLabel()
+              }
+            ) }),
+            rejectedFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.rejectedFiles, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: classMap.rejectedLabel, children: "Rejected Files:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classMap.rejectedList, children: rejectedFiles.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: classMap.rejectedItem, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: file.name }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classMap.rejectedReason, children: [
+                  " ",
+                  "– ",
+                  file.reason
+                ] })
+              ] }, index)) })
+            ] }),
+            fileNames.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: classMap.uploadControls,
+                "data-testid": testId ? `${testId}-controls` : void 0,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classMap.fileList, children: fileNames.map((name, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: classMap.fileListItem, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: name }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      IconButton2,
+                      {
+                        icon: TrashIcon,
+                        theme: "error",
+                        size: "xsmall",
+                        outline: true,
+                        "aria-label": `Remove ${name}`,
+                        onClick: () => removeFile(index),
+                        className: classMap.removeButton
+                      }
+                    )
+                  ] }, index)) }),
+                  uploading && /* @__PURE__ */ jsxRuntime.jsx(
+                    ProgressBar2,
+                    {
+                      theme,
+                      className: classMap.uploadProgress,
+                      progress: uploadProgress ?? internalProgress,
+                      indeterminate: uploadProgress === void 0,
+                      "data-testid": testId ? `${testId}-progress` : void 0
+                    }
+                  ),
+                  !uploading && /* @__PURE__ */ jsxRuntime.jsx(
+                    Button2,
+                    {
+                      theme,
+                      state: error && classMap.error || state,
+                      disabled: uploading,
+                      onClick: handleUpload,
+                      loading: uploading,
+                      size: "small",
+                      className: classMap.uploadButton,
+                      "data-testid": testId ? `${testId}-upload-button` : void 0,
+                      children: "Upload"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "sr_only",
+                "aria-live": "polite",
+                "aria-atomic": "true",
+                "data-testid": testId ? `${testId}-upload-message` : void 0,
+                children: uploadMessage
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+const classes = {
+  fileUpload: "file_upload",
+  hiddenInput: "file_upload_hidden_input",
+  uploadActions: "file_upload_upload_actions",
+  fileInput: "file_upload_file_input",
+  removeButton: "file_upload_remove_button",
+  uploadControls: "file_upload_upload_controls",
+  uploadProgress: "file_upload_upload_progress",
+  uploadButton: "file_upload_upload_button",
+  fileList: "file_upload_file_list",
+  fileListItem: "file_upload_file_list_item",
+  fileListFileName: "file_upload_file_list_file_name",
+  fileListRemoveButton: "file_upload_file_list_remove_button",
+  primary: "file_upload_primary",
+  secondary: "file_upload_secondary",
+  tertiary: "file_upload_tertiary",
+  quaternary: "file_upload_quaternary",
+  clear: "file_upload_clear",
+  disabled: "file_upload_disabled",
+  error: "file_upload_error",
+  success: "file_upload_success",
+  warning: "file_upload_warning",
+  shadowNone: "file_upload_shadow-None",
+  shadowLight: "file_upload_shadow-Light",
+  shadowMedium: "file_upload_shadow-Medium",
+  shadowStrong: "file_upload_shadow-Strong",
+  shadowIntense: "file_upload_shadow-Intense",
+  roundNone: "file_upload_round-None",
+  roundSmall: "file_upload_round-Small",
+  roundMedium: "file_upload_round-Medium",
+  roundLarge: "file_upload_round-Large"
+};
+const FileUpload = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseFileUpload,
+    {
+      ...props,
+      FormGroup: FormGroup.FormGroup,
+      Button: Button.Button,
+      IconButton: IconButton.IconButton,
+      ProgressBar: ProgressBar.ProgressBar,
+      classMap: classes
+    }
+  );
+};
+exports.FileUpload = FileUpload;
+//# sourceMappingURL=FileUpload-Dv2cvYI2.cjs.map