boreal-ui 0.0.1

package/dist/next/FormGroup-BAtifQGH.cjs

@@ -0,0 +1,164 @@
+"use strict";
+const require$$2 = require("react/jsx-runtime");
+const React = require("react");
+const classNames = require("./classNames-BcWMx052.cjs");
+const BaseFormGroup = ({
+  label: label2,
+  description: description2,
+  error: error2,
+  children,
+  id,
+  required: required2 = false,
+  className = "",
+  layout = "vertical",
+  hideLabel = false,
+  spacing = "xs",
+  controller: controller2,
+  "data-testid": testId = "form-group",
+  classMap
+}) => {
+  const labelId = id ? `${id}-label` : void 0;
+  const descriptionId = description2 ? `${id}-description` : void 0;
+  const errorId = error2 ? `${id}-error` : void 0;
+  const describedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
+  const childrenArray = React.Children.toArray(children);
+  return /* @__PURE__ */ require$$2.jsxs(
+    "div",
+    {
+      className: classNames.combineClassNames(
+        classMap.wrapper,
+        classMap[layout],
+        classMap[spacing],
+        error2 && classMap.error,
+        className
+      ),
+      role: "group",
+      "aria-labelledby": labelId,
+      "aria-describedby": describedBy,
+      "data-testid": testId,
+      children: [
+        label2 && /* @__PURE__ */ require$$2.jsxs(
+          "label",
+          {
+            id: labelId,
+            className: classNames.combineClassNames(classMap.label, hideLabel && "sr_only"),
+            "data-testid": `${testId}-label`,
+            children: [
+              label2,
+              required2 && /* @__PURE__ */ require$$2.jsx(
+                "span",
+                {
+                  className: classMap.required,
+                  "aria-hidden": "true",
+                  "data-testid": `${testId}-required`,
+                  children: "*"
+                }
+              )
+            ]
+          }
+        ),
+        childrenArray.map((child, index) => /* @__PURE__ */ require$$2.jsxs(
+          "div",
+          {
+            className: classMap.inputWrapper,
+            "data-testid": `${testId}-wrapper-${index}`,
+            children: [
+              /* @__PURE__ */ require$$2.jsx(
+                "div",
+                {
+                  className: classMap.inputField,
+                  "data-testid": `${testId}-input-field-${index}`,
+                  children: child
+                }
+              ),
+              controller2 && index === 0 && /* @__PURE__ */ require$$2.jsx(
+                "div",
+                {
+                  className: classMap.controller,
+                  "data-testid": `${testId}-controller`,
+                  children: controller2
+                }
+              )
+            ]
+          },
+          index
+        )),
+        description2 && !error2 && /* @__PURE__ */ require$$2.jsx(
+          "p",
+          {
+            id: descriptionId,
+            className: `${classMap.description}`,
+            "data-testid": `${testId}-description`,
+            children: description2
+          }
+        ),
+        error2 && /* @__PURE__ */ require$$2.jsx(
+          "p",
+          {
+            id: errorId,
+            className: classMap.errorMessage,
+            role: "alert",
+            "data-testid": `${testId}-error`,
+            children: error2
+          }
+        )
+      ]
+    }
+  );
+};
+const noScroll = "_noScroll_1a958_91";
+const errorMessage = "_errorMessage_1a958_92";
+const loadingContainer = "_loadingContainer_1a958_93";
+const hideScrollbar = "_hideScrollbar_1a958_85";
+const sr_only = "_sr_only_1a958_94";
+const wrapper = "_wrapper_1a958_479";
+const label = "_label_1a958_486";
+const required = "_required_1a958_492";
+const inputWrapper = "_inputWrapper_1a958_497";
+const inputField = "_inputField_1a958_509";
+const controller = "_controller_1a958_513";
+const description = "_description_1a958_525";
+const horizontal = "_horizontal_1a958_539";
+const error = "_error_1a958_92";
+const xs = "_xs_1a958_588";
+const small = "_small_1a958_592";
+const medium = "_medium_1a958_596";
+const large = "_large_1a958_600";
+const xl = "_xl_1a958_604";
+const spin = "_spin_1a958_1";
+const pulse = "_pulse_1a958_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  wrapper,
+  label,
+  required,
+  inputWrapper,
+  inputField,
+  controller,
+  description,
+  horizontal,
+  error,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  "fade-in": "_fade-in_1a958_1",
+  "slide-up": "_slide-up_1a958_1",
+  "spin-3d": "_spin-3d_1a958_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1a958_1",
+  "progress-grow": "_progress-grow_1a958_1",
+  "indeterminate-move": "_indeterminate-move_1a958_1",
+  "skeleton-loading": "_skeleton-loading_1a958_1"
+};
+const FormGroup = (props) => {
+  return /* @__PURE__ */ require$$2.jsx(BaseFormGroup, { ...props, classMap: styles });
+};
+exports.FormGroup = FormGroup;
+//# sourceMappingURL=FormGroup-BAtifQGH.cjs.map

package/dist/next/FormGroup-BAtifQGH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup-BAtifQGH.cjs","sources":["../../src/components/FormGroup/FormGroupBase.tsx","../../src/components/FormGroup/next/FormGroup.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { FormGroupProps } from \"./FormGroup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\n\r\nexport interface BaseFormGroupProps extends FormGroupProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseFormGroup: React.FC<BaseFormGroupProps> = ({\r\n  label,\r\n  description,\r\n  error,\r\n  children,\r\n  id,\r\n  required = false,\r\n  className = \"\",\r\n  layout = \"vertical\",\r\n  hideLabel = false,\r\n  spacing = \"xs\",\r\n  controller,\r\n  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const labelId = id ? `${id}-label` : undefined;\r\n  const descriptionId = description ? `${id}-description` : undefined;\r\n  const errorId = error ? `${id}-error` : undefined;\r\n\r\n  const describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[layout],\r\n        classMap[spacing],\r\n        error && classMap.error,\r\n        className\r\n      )}\r\n      role=\"group\"\r\n      aria-labelledby={labelId}\r\n      aria-describedby={describedBy}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && (\r\n            <span\r\n              className={classMap.required}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-required`}\r\n            >\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      {childrenArray.map((child, index) => (\r\n        <div\r\n          key={index}\r\n          className={classMap.inputWrapper}\r\n          data-testid={`${testId}-wrapper-${index}`}\r\n        >\r\n          <div\r\n            className={classMap.inputField}\r\n            data-testid={`${testId}-input-field-${index}`}\r\n          >\r\n            {child}\r\n          </div>\r\n\r\n          {controller && index === 0 && (\r\n            <div\r\n              className={classMap.controller}\r\n              data-testid={`${testId}-controller`}\r\n            >\r\n              {controller}\r\n            </div>\r\n          )}\r\n        </div>\r\n      ))}\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={`${classMap.description}`}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={errorId}\r\n          className={classMap.errorMessage}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseFormGroup;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFormGroup from \"../FormGroupBase\";\r\nimport styles from \"./FormGroup.module.scss\";\r\nimport { FormGroupProps } from \"../FormGroup.types\";\r\n\r\nconst FormGroup: React.FC<FormGroupProps> = (props) => {\r\n  return <BaseFormGroup {...props} classMap={styles} />;\r\n};\r\n\r\nexport default FormGroup;\r\n"],"names":["label","description","error","required","controller","jsxs","combineClassNames","jsx"],"mappings":";;;;AAQA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAAC,YAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAAC;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,KAAK,GAAG,EAAE,WAAW;AACrC,QAAM,gBAAgBH,eAAc,GAAG,EAAE,iBAAiB;AAC1D,QAAM,UAAUC,SAAQ,GAAG,EAAE,WAAW;AAElC,QAAA,cACJ,CAAC,SAAS,aAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAExD,QAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;AAGnD,SAAAG,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,WAAA;AAAA,QACT,SAAS;AAAA,QACT,SAAS,MAAM;AAAA,QACf,SAAS,OAAO;AAAA,QAChBJ,UAAS,SAAS;AAAA,QAClB;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QACCF,UAAAK,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAWC,WAAAA,kBAAkB,SAAS,OAAO,aAAa,SAAS;AAAA,YACnE,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAAN;AAAA,cACAG,aACCI,2BAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAY;AAAA,kBACZ,eAAa,GAAG,MAAM;AAAA,kBACvB,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,QAEJ;AAAA,QAGD,cAAc,IAAI,CAAC,OAAO,UACzBF,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM,YAAY,KAAK;AAAA,YAEvC,UAAA;AAAA,cAAAE,2BAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM,gBAAgB,KAAK;AAAA,kBAE1C,UAAA;AAAA,gBAAA;AAAA,cACH;AAAA,cAECH,eAAc,UAAU,KACvBG,2BAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAAH;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,UAjBG;AAAA,QAAA,CAoBR;AAAA,QAEAH,gBAAe,CAACC,UACfK,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,GAAG,SAAS,WAAW;AAAA,YAClC,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAN;AAAA,UAAA;AAAA,QACH;AAAA,QAGDC,UACCK,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxGM,MAAA,YAAsC,CAAC,UAAU;AACrD,SAAQK,2BAAAA,IAAA,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;;"}

package/dist/next/FormGroup-DuBfLAMv.js

@@ -0,0 +1,165 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+const BaseFormGroup = ({
+  label: label2,
+  description: description2,
+  error: error2,
+  children,
+  id,
+  required: required2 = false,
+  className = "",
+  layout = "vertical",
+  hideLabel = false,
+  spacing = "xs",
+  controller: controller2,
+  "data-testid": testId = "form-group",
+  classMap
+}) => {
+  const labelId = id ? `${id}-label` : void 0;
+  const descriptionId = description2 ? `${id}-description` : void 0;
+  const errorId = error2 ? `${id}-error` : void 0;
+  const describedBy = [errorId, descriptionId].filter(Boolean).join(" ") || void 0;
+  const childrenArray = React.Children.toArray(children);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: combineClassNames(
+        classMap.wrapper,
+        classMap[layout],
+        classMap[spacing],
+        error2 && classMap.error,
+        className
+      ),
+      role: "group",
+      "aria-labelledby": labelId,
+      "aria-describedby": describedBy,
+      "data-testid": testId,
+      children: [
+        label2 && /* @__PURE__ */ jsxs(
+          "label",
+          {
+            id: labelId,
+            className: combineClassNames(classMap.label, hideLabel && "sr_only"),
+            "data-testid": `${testId}-label`,
+            children: [
+              label2,
+              required2 && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: classMap.required,
+                  "aria-hidden": "true",
+                  "data-testid": `${testId}-required`,
+                  children: "*"
+                }
+              )
+            ]
+          }
+        ),
+        childrenArray.map((child, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: classMap.inputWrapper,
+            "data-testid": `${testId}-wrapper-${index}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: classMap.inputField,
+                  "data-testid": `${testId}-input-field-${index}`,
+                  children: child
+                }
+              ),
+              controller2 && index === 0 && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: classMap.controller,
+                  "data-testid": `${testId}-controller`,
+                  children: controller2
+                }
+              )
+            ]
+          },
+          index
+        )),
+        description2 && !error2 && /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: descriptionId,
+            className: `${classMap.description}`,
+            "data-testid": `${testId}-description`,
+            children: description2
+          }
+        ),
+        error2 && /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: errorId,
+            className: classMap.errorMessage,
+            role: "alert",
+            "data-testid": `${testId}-error`,
+            children: error2
+          }
+        )
+      ]
+    }
+  );
+};
+const noScroll = "_noScroll_1a958_91";
+const errorMessage = "_errorMessage_1a958_92";
+const loadingContainer = "_loadingContainer_1a958_93";
+const hideScrollbar = "_hideScrollbar_1a958_85";
+const sr_only = "_sr_only_1a958_94";
+const wrapper = "_wrapper_1a958_479";
+const label = "_label_1a958_486";
+const required = "_required_1a958_492";
+const inputWrapper = "_inputWrapper_1a958_497";
+const inputField = "_inputField_1a958_509";
+const controller = "_controller_1a958_513";
+const description = "_description_1a958_525";
+const horizontal = "_horizontal_1a958_539";
+const error = "_error_1a958_92";
+const xs = "_xs_1a958_588";
+const small = "_small_1a958_592";
+const medium = "_medium_1a958_596";
+const large = "_large_1a958_600";
+const xl = "_xl_1a958_604";
+const spin = "_spin_1a958_1";
+const pulse = "_pulse_1a958_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  wrapper,
+  label,
+  required,
+  inputWrapper,
+  inputField,
+  controller,
+  description,
+  horizontal,
+  error,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  "fade-in": "_fade-in_1a958_1",
+  "slide-up": "_slide-up_1a958_1",
+  "spin-3d": "_spin-3d_1a958_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_1a958_1",
+  "progress-grow": "_progress-grow_1a958_1",
+  "indeterminate-move": "_indeterminate-move_1a958_1",
+  "skeleton-loading": "_skeleton-loading_1a958_1"
+};
+const FormGroup = (props) => {
+  return /* @__PURE__ */ jsx(BaseFormGroup, { ...props, classMap: styles });
+};
+export {
+  FormGroup as F
+};
+//# sourceMappingURL=FormGroup-DuBfLAMv.js.map

package/dist/next/FormGroup-DuBfLAMv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup-DuBfLAMv.js","sources":["../../src/components/FormGroup/FormGroupBase.tsx","../../src/components/FormGroup/next/FormGroup.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { FormGroupProps } from \"./FormGroup.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\n\r\nexport interface BaseFormGroupProps extends FormGroupProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseFormGroup: React.FC<BaseFormGroupProps> = ({\r\n  label,\r\n  description,\r\n  error,\r\n  children,\r\n  id,\r\n  required = false,\r\n  className = \"\",\r\n  layout = \"vertical\",\r\n  hideLabel = false,\r\n  spacing = \"xs\",\r\n  controller,\r\n  \"data-testid\": testId = \"form-group\",\r\n  classMap,\r\n}) => {\r\n  const labelId = id ? `${id}-label` : undefined;\r\n  const descriptionId = description ? `${id}-description` : undefined;\r\n  const errorId = error ? `${id}-error` : undefined;\r\n\r\n  const describedBy =\r\n    [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[layout],\r\n        classMap[spacing],\r\n        error && classMap.error,\r\n        className\r\n      )}\r\n      role=\"group\"\r\n      aria-labelledby={labelId}\r\n      aria-describedby={describedBy}\r\n      data-testid={testId}\r\n    >\r\n      {label && (\r\n        <label\r\n          id={labelId}\r\n          className={combineClassNames(classMap.label, hideLabel && \"sr_only\")}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && (\r\n            <span\r\n              className={classMap.required}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-required`}\r\n            >\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      {childrenArray.map((child, index) => (\r\n        <div\r\n          key={index}\r\n          className={classMap.inputWrapper}\r\n          data-testid={`${testId}-wrapper-${index}`}\r\n        >\r\n          <div\r\n            className={classMap.inputField}\r\n            data-testid={`${testId}-input-field-${index}`}\r\n          >\r\n            {child}\r\n          </div>\r\n\r\n          {controller && index === 0 && (\r\n            <div\r\n              className={classMap.controller}\r\n              data-testid={`${testId}-controller`}\r\n            >\r\n              {controller}\r\n            </div>\r\n          )}\r\n        </div>\r\n      ))}\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={descriptionId}\r\n          className={`${classMap.description}`}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={errorId}\r\n          className={classMap.errorMessage}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BaseFormGroup;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFormGroup from \"../FormGroupBase\";\r\nimport styles from \"./FormGroup.module.scss\";\r\nimport { FormGroupProps } from \"../FormGroup.types\";\r\n\r\nconst FormGroup: React.FC<FormGroupProps> = (props) => {\r\n  return <BaseFormGroup {...props} classMap={styles} />;\r\n};\r\n\r\nexport default FormGroup;\r\n"],"names":["label","description","error","required","controller"],"mappings":";;;AAQA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAAA;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAAC,YAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAAC;AAAA,EACA,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,UAAU,KAAK,GAAG,EAAE,WAAW;AACrC,QAAM,gBAAgBH,eAAc,GAAG,EAAE,iBAAiB;AAC1D,QAAM,UAAUC,SAAQ,GAAG,EAAE,WAAW;AAElC,QAAA,cACJ,CAAC,SAAS,aAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAExD,QAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;AAGnD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,SAAS;AAAA,QACT,SAAS,MAAM;AAAA,QACf,SAAS,OAAO;AAAA,QAChBA,UAAS,SAAS;AAAA,QAClB;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QACCF,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,kBAAkB,SAAS,OAAO,aAAa,SAAS;AAAA,YACnE,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,cAAAA;AAAA,cACAG,aACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAY;AAAA,kBACZ,eAAa,GAAG,MAAM;AAAA,kBACvB,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,QAEJ;AAAA,QAGD,cAAc,IAAI,CAAC,OAAO,UACzB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM,YAAY,KAAK;AAAA,YAEvC,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM,gBAAgB,KAAK;AAAA,kBAE1C,UAAA;AAAA,gBAAA;AAAA,cACH;AAAA,cAECC,eAAc,UAAU,KACvB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAa,GAAG,MAAM;AAAA,kBAErB,UAAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,UAjBG;AAAA,QAAA,CAoBR;AAAA,QAEAH,gBAAe,CAACC,UACf;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,GAAG,SAAS,WAAW;AAAA,YAClC,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAD;AAAA,UAAA;AAAA,QACH;AAAA,QAGDC,UACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,MAAK;AAAA,YACL,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxGM,MAAA,YAAsC,CAAC,UAAU;AACrD,SAAQ,oBAAA,eAAA,EAAe,GAAG,OAAO,UAAU,QAAQ;AACrD;"}

package/dist/next/FormGroup.cjs.js

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

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

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

package/dist/next/FormGroup.js

@@ -0,0 +1,5 @@
+import { F } from "./FormGroup-DuBfLAMv.js";
+export {
+  F as default
+};
+//# sourceMappingURL=FormGroup.js.map

package/dist/next/FormGroup.js.map

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

package/dist/next/IconButton-EbX_9a0k.js

@@ -0,0 +1,186 @@
+import { jsx } from "react/jsx-runtime";
+import { L as Link } from "./link-CX77u6b-.js";
+import { forwardRef, 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 iconButton = "_iconButton_1lfoc_187";
+const primary = "_primary_1lfoc_214";
+const outline = "_outline_1lfoc_221";
+const secondary = "_secondary_1lfoc_231";
+const tertiary = "_tertiary_1lfoc_248";
+const quaternary = "_quaternary_1lfoc_265";
+const clear = "_clear_1lfoc_282";
+const success = "_success_1lfoc_299";
+const error = "_error_1lfoc_316";
+const warning = "_warning_1lfoc_333";
+const xs = "_xs_1lfoc_350";
+const small = "_small_1lfoc_359";
+const medium = "_medium_1lfoc_368";
+const large = "_large_1lfoc_377";
+const xl = "_xl_1lfoc_386";
+const disabled = "_disabled_1lfoc_395";
+const loader = "_loader_1lfoc_403";
+const spin = "_spin_1lfoc_1";
+const roundNone = "_roundNone_1lfoc_412";
+const roundSmall = "_roundSmall_1lfoc_416";
+const roundMedium = "_roundMedium_1lfoc_420";
+const roundLarge = "_roundLarge_1lfoc_424";
+const roundFull = "_roundFull_1lfoc_428";
+const shadowNone = "_shadowNone_1lfoc_432";
+const shadowLight = "_shadowLight_1lfoc_436";
+const shadowMedium = "_shadowMedium_1lfoc_440";
+const shadowStrong = "_shadowStrong_1lfoc_444";
+const shadowIntense = "_shadowIntense_1lfoc_448";
+const pulse = "_pulse_1lfoc_1";
+const styles = {
+  iconButton,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  disabled,
+  loader,
+  spin,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  "fade-in": "_fade-in_1lfoc_1",
+  "slide-up": "_slide-up_1lfoc_1",
+  "spin-3d": "_spin-3d_1lfoc_1",
+  pulse,
+  "fade-in-up": "_fade-in-up_1lfoc_1",
+  "progress-grow": "_progress-grow_1lfoc_1",
+  "indeterminate-move": "_indeterminate-move_1lfoc_1",
+  "skeleton-loading": "_skeleton-loading_1lfoc_1"
+};
+const IconButtonBase = forwardRef(
+  ({
+    icon: Icon,
+    theme = getDefaultTheme(),
+    state = "",
+    href,
+    isExternal = false,
+    onClick,
+    onKeyDown,
+    className = "",
+    disabled: disabled2 = false,
+    ariaLabel,
+    title,
+    outline: outline2 = false,
+    rounding = getDefaultRounding(),
+    shadow = getDefaultShadow(),
+    size = getDefaultSize(),
+    loading = false,
+    type = "button",
+    classMap,
+    LinkComponent = "a",
+    "data-testid": testId,
+    tabIndex,
+    ...rest
+  }, ref) => {
+    const label = ariaLabel || title || "Icon button";
+    const classNames = useMemo(
+      () => combineClassNames(
+        classMap.iconButton,
+        classMap[theme],
+        classMap[state],
+        size && classMap[size],
+        shadow && classMap[`shadow${capitalize(shadow)}`],
+        rounding && classMap[`round${capitalize(rounding)}`],
+        outline2 && classMap.outline,
+        disabled2 && classMap.disabled,
+        className
+      ),
+      [theme, size, outline2, disabled2, className]
+    );
+    const sharedAria = {
+      "aria-label": label,
+      "aria-disabled": disabled2 || void 0,
+      "aria-busy": loading || void 0,
+      title,
+      tabIndex: typeof tabIndex === "number" ? tabIndex : disabled2 ? -1 : 0,
+      "data-testid": testId
+    };
+    const iconContent = /* @__PURE__ */ jsx("span", { className: classMap.buttonLabel, children: loading ? /* @__PURE__ */ jsx("div", { className: classMap.loader, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Icon, { "data-testid": "icon-button-icon", "aria-hidden": "true" }) });
+    if (href && !disabled2 && isExternal) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          role: "button",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: classNames,
+          ref,
+          ...sharedAria,
+          ...rest,
+          children: iconContent
+        }
+      );
+    }
+    if (href && !disabled2 && !isExternal) {
+      return /* @__PURE__ */ jsx(
+        LinkComponent,
+        {
+          href,
+          role: "button",
+          className: classNames,
+          ref,
+          ...sharedAria,
+          ...rest,
+          children: iconContent
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type,
+        disabled: disabled2,
+        className: classNames,
+        onClick: (e) => {
+          if (!disabled2) onClick == null ? void 0 : onClick(e);
+        },
+        onKeyDown: (e) => {
+          if (!disabled2 && (e.key === "Enter" || e.key === " ")) {
+            e.preventDefault();
+            onClick == null ? void 0 : onClick(
+              new MouseEvent("click", {
+                bubbles: true
+              })
+            );
+          }
+          onKeyDown == null ? void 0 : onKeyDown(e);
+        },
+        ref,
+        ...sharedAria,
+        ...rest,
+        children: iconContent
+      }
+    );
+  }
+);
+IconButtonBase.displayName = "IconButtonBase";
+const IconButton = (props) => /* @__PURE__ */ jsx(IconButtonBase, { ...props, classMap: styles, LinkComponent: Link });
+export {
+  IconButton as I
+};
+//# sourceMappingURL=IconButton-EbX_9a0k.js.map

package/dist/next/IconButton-EbX_9a0k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-EbX_9a0k.js","sources":["../../src/components/IconButton/IconButtonBase.tsx","../../src/components/IconButton/next/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport { IconButtonProps } from \"./IconButton.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 IconButtonBaseProps extends IconButtonProps {\r\n  classMap: Record<string, string>;\r\n  LinkComponent?: React.ElementType;\r\n}\r\n\r\nconst IconButtonBase = forwardRef<\r\n  HTMLButtonElement | HTMLAnchorElement,\r\n  IconButtonBaseProps\r\n>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      href,\r\n      isExternal = false,\r\n      onClick,\r\n      onKeyDown,\r\n      className = \"\",\r\n      disabled = false,\r\n      ariaLabel,\r\n      title,\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      size = getDefaultSize(),\r\n      loading = false,\r\n      type = \"button\",\r\n      classMap,\r\n      LinkComponent = \"a\",\r\n      \"data-testid\": testId,\r\n      tabIndex,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const label = ariaLabel || title || \"Icon button\";\r\n\r\n    const classNames = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.iconButton,\r\n          classMap[theme],\r\n          classMap[state],\r\n          size && classMap[size],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n          className\r\n        ),\r\n      [theme, size, outline, disabled, className]\r\n    );\r\n\r\n    const sharedAria = {\r\n      \"aria-label\": label,\r\n      \"aria-disabled\": disabled || undefined,\r\n      \"aria-busy\": loading || undefined,\r\n      title,\r\n      tabIndex: typeof tabIndex === \"number\" ? tabIndex : disabled ? -1 : 0,\r\n      \"data-testid\": testId,\r\n    };\r\n\r\n    const iconContent = (\r\n      <span className={classMap.buttonLabel}>\r\n        {loading ? (\r\n          <div className={classMap.loader} aria-hidden=\"true\" />\r\n        ) : (\r\n          <Icon data-testid=\"icon-button-icon\" aria-hidden=\"true\" />\r\n        )}\r\n      </span>\r\n    );\r\n\r\n    if (href && !disabled && isExternal) {\r\n      return (\r\n        <a\r\n          href={href}\r\n          role=\"button\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          className={classNames}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedAria}\r\n          {...rest}\r\n        >\r\n          {iconContent}\r\n        </a>\r\n      );\r\n    }\r\n\r\n    if (href && !disabled && !isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          href={href}\r\n          role=\"button\"\r\n          className={classNames}\r\n          ref={ref as React.Ref<HTMLAnchorElement>}\r\n          {...sharedAria}\r\n          {...rest}\r\n        >\r\n          {iconContent}\r\n        </LinkComponent>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <button\r\n        type={type}\r\n        disabled={disabled}\r\n        className={classNames}\r\n        onClick={(e) => {\r\n          if (!disabled) onClick?.(e);\r\n        }}\r\n        onKeyDown={(e) => {\r\n          if (!disabled && (e.key === \"Enter\" || e.key === \" \")) {\r\n            e.preventDefault();\r\n            onClick?.(\r\n              new MouseEvent(\"click\", {\r\n                bubbles: true,\r\n              }) as unknown as React.MouseEvent<HTMLElement>\r\n            );\r\n          }\r\n          onKeyDown?.(e);\r\n        }}\r\n        ref={ref as React.Ref<HTMLButtonElement>}\r\n        {...sharedAria}\r\n        {...rest}\r\n      >\r\n        {iconContent}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nIconButtonBase.displayName = \"IconButtonBase\";\r\n\r\nexport default IconButtonBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./IconButton.module.scss\";\r\nimport IconButtonBase from \"../IconButtonBase\";\r\nimport { IconButtonProps } from \"../IconButton.types\";\r\n\r\nconst IconButton: React.FC<IconButtonProps> = (props) => (\r\n  <IconButtonBase {...props} classMap={styles} LinkComponent={Link} />\r\n);\r\n\r\nexport default IconButton;\r\n"],"names":["disabled","outline"],"mappings":"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"}