boreal-ui 0.0.1

package/dist/core/Stepper-BkmPckKd.cjs

@@ -0,0 +1,146 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const classNames = require("./classNames-BcWMx052.cjs");
+const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
+;/* empty css                   */
+const IconButton = require("./IconButton-BxUXK-xn.cjs");
+const StepperBase = ({
+  steps,
+  activeStep,
+  onStepClick,
+  disableBackNavigation = false,
+  orientation = "horizontal",
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  size = borealStyleConfig.getDefaultSize(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  "data-testid": testId = "stepper",
+  classMap,
+  className,
+  IconButtonComponent
+}) => {
+  const stepCount = steps.length;
+  const groupLabelId = `${testId}-label`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: classNames.combineClassNames(
+        classMap.stepper,
+        classMap[orientation],
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        className
+      ),
+      role: "list",
+      "aria-labelledby": groupLabelId,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { id: groupLabelId, className: "sr_only", children: "Progress Stepper" }),
+        steps.map((step, index) => {
+          const Icon = step.icon || (() => /* @__PURE__ */ jsxRuntime.jsx("span", { children: index + 1 }));
+          const isCompleted = index < activeStep;
+          const isActive = index === activeStep;
+          const isBefore = index < activeStep;
+          const isDisabled = disableBackNavigation && isBefore;
+          const canFocus = !!onStepClick && !isDisabled;
+          const stepId = `${testId}-step-${index}`;
+          const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              role: "listitem",
+              className: classNames.combineClassNames(
+                classMap.step,
+                isActive ? classMap.active : "",
+                isCompleted ? classMap.completed : "",
+                onStepClick ? classMap.clickable : ""
+              ),
+              "data-testid": stepId,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  IconButtonComponent,
+                  {
+                    icon: Icon,
+                    theme,
+                    state,
+                    className: classNames.combineClassNames(
+                      classMap.stepButton,
+                      isActive ? classMap.active : "",
+                      isCompleted ? classMap.completed : ""
+                    ),
+                    size,
+                    shadow,
+                    rounding,
+                    disabled: isDisabled,
+                    outline: !isActive,
+                    "aria-label": label,
+                    "aria-current": isActive ? "step" : void 0,
+                    "aria-disabled": isDisabled,
+                    "data-testid": `${stepId}-icon`,
+                    tabIndex: canFocus ? 0 : -1,
+                    onClick: () => onStepClick == null ? void 0 : onStepClick(index),
+                    onKeyDown: (e) => {
+                      if ((e.key === "Enter" || e.key === " ") && !isDisabled) {
+                        e.preventDefault();
+                        onStepClick == null ? void 0 : onStepClick(index);
+                      }
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: classMap.stepLabel,
+                    "data-testid": `${stepId}-label`,
+                    "aria-hidden": "true",
+                    children: step.label
+                  }
+                ),
+                index < steps.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: classMap.connector,
+                    "aria-hidden": "true",
+                    "data-testid": `${stepId}-connector`
+                  }
+                )
+              ]
+            },
+            index
+          );
+        })
+      ]
+    }
+  );
+};
+const classes = {
+  stepper: "stepper",
+  horizontal: "stepper_horizontal",
+  vertical: "stepper_vertical",
+  primary: "stepper_primary",
+  secondary: "stepper_secondary",
+  tertiary: "stepper_tertiary",
+  quaternary: "stepper_quaternary",
+  success: "stepper_success",
+  warning: "stepper_warning",
+  error: "stepper_error",
+  clear: "stepper_clear",
+  xs: "stepper_xs",
+  medium: "stepper_medium",
+  small: "stepper_small",
+  large: "stepper_large",
+  xl: "stepper_xl",
+  step: "stepper_step",
+  active: "stepper_active",
+  completed: "stepper_completed",
+  disabled: "stepper_disabled",
+  clickable: "stepper_clickable",
+  stepButton: "stepper_step_button",
+  stepLabel: "stepper_step_label",
+  connector: "stepper_connector"
+};
+const Stepper = (props) => /* @__PURE__ */ jsxRuntime.jsx(StepperBase, { ...props, classMap: classes, IconButtonComponent: IconButton.IconButton });
+exports.Stepper = Stepper;
+//# sourceMappingURL=Stepper-BkmPckKd.cjs.map

package/dist/core/Stepper-BkmPckKd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-BkmPckKd.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/core/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { StepperProps } from \"./Stepper.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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 StepperBaseProps extends StepperProps {\r\n  classMap: Record<string, string>;\r\n  IconButtonComponent: React.FC<any>;\r\n}\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n  steps,\r\n  activeStep,\r\n  onStepClick,\r\n  disableBackNavigation = false,\r\n  orientation = \"horizontal\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  \"data-testid\": testId = \"stepper\",\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const groupLabelId = `${testId}-label`;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.stepper,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      )}\r\n      role=\"list\"\r\n      aria-labelledby={groupLabelId}\r\n      data-testid={testId}\r\n    >\r\n      <span id={groupLabelId} className=\"sr_only\">\r\n        Progress Stepper\r\n      </span>\r\n\r\n      {steps.map((step, index) => {\r\n        const Icon = step.icon || (() => <span>{index + 1}</span>);\r\n        const isCompleted = index < activeStep;\r\n        const isActive = index === activeStep;\r\n        const isBefore = index < activeStep;\r\n        const isDisabled = disableBackNavigation && isBefore;\r\n        const canFocus = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n        const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={combineClassNames(\r\n              classMap.step,\r\n              isActive ? classMap.active : \"\",\r\n              isCompleted ? classMap.completed : \"\",\r\n              onStepClick ? classMap.clickable : \"\"\r\n            )}\r\n            data-testid={stepId}\r\n          >\r\n            <IconButtonComponent\r\n              icon={Icon}\r\n              theme={theme}\r\n              state={state}\r\n              className={combineClassNames(\r\n                classMap.stepButton,\r\n                isActive ? classMap.active : \"\",\r\n                isCompleted ? classMap.completed : \"\"\r\n              )}\r\n              size={size}\r\n              shadow={shadow}\r\n              rounding={rounding}\r\n              disabled={isDisabled}\r\n              outline={!isActive}\r\n              aria-label={label}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={canFocus ? 0 : -1}\r\n              onClick={() => onStepClick?.(index)}\r\n              onKeyDown={(e: React.KeyboardEvent) => {\r\n                if ((e.key === \"Enter\" || e.key === \" \") && !isDisabled) {\r\n                  e.preventDefault();\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\r\n            />\r\n\r\n            <span\r\n              className={classMap.stepLabel}\r\n              data-testid={`${stepId}-label`}\r\n              aria-hidden=\"true\"\r\n            >\r\n              {step.label}\r\n            </span>\r\n\r\n            {index < steps.length - 1 && (\r\n              <div\r\n                className={classMap.connector}\r\n                aria-hidden=\"true\"\r\n                data-testid={`${stepId}-connector`}\r\n              />\r\n            )}\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default StepperBase;\r\n","import React from \"react\";\r\nimport \"./Stepper.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  stepper: \"stepper\",\r\n  horizontal: \"stepper_horizontal\",\r\n  vertical: \"stepper_vertical\",\r\n  primary: \"stepper_primary\",\r\n  secondary: \"stepper_secondary\",\r\n  tertiary: \"stepper_tertiary\",\r\n  quaternary: \"stepper_quaternary\",\r\n  success: \"stepper_success\",\r\n  warning: \"stepper_warning\",\r\n  error: \"stepper_error\",\r\n  clear: \"stepper_clear\",\r\n  xs: \"stepper_xs\",\r\n  medium: \"stepper_medium\",\r\n  small: \"stepper_small\",\r\n  large: \"stepper_large\",\r\n  xl: \"stepper_xl\",\r\n  step: \"stepper_step\",\r\n  active: \"stepper_active\",\r\n  completed: \"stepper_completed\",\r\n  disabled: \"stepper_disabled\",\r\n  clickable: \"stepper_clickable\",\r\n  stepButton: \"stepper_step_button\",\r\n  stepLabel: \"stepper_step_label\",\r\n  connector: \"stepper_connector\",\r\n};\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={classes} IconButtonComponent={IconButton} />\r\n);\r\n\r\nexport default Stepper;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultShadow","getDefaultRounding","jsxs","combineClassNames","jsx","IconButton"],"mappings":"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"}

package/dist/core/Stepper-PjUFCUBG.js

@@ -0,0 +1,147 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
+import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
+/* empty css                 */
+import { I as IconButton } from "./IconButton-B6cAP2hY.js";
+const StepperBase = ({
+  steps,
+  activeStep,
+  onStepClick,
+  disableBackNavigation = false,
+  orientation = "horizontal",
+  theme = getDefaultTheme(),
+  state = "",
+  size = getDefaultSize(),
+  shadow = getDefaultShadow(),
+  rounding = getDefaultRounding(),
+  "data-testid": testId = "stepper",
+  classMap,
+  className,
+  IconButtonComponent
+}) => {
+  const stepCount = steps.length;
+  const groupLabelId = `${testId}-label`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: combineClassNames(
+        classMap.stepper,
+        classMap[orientation],
+        classMap[theme],
+        classMap[state],
+        classMap[size],
+        className
+      ),
+      role: "list",
+      "aria-labelledby": groupLabelId,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx("span", { id: groupLabelId, className: "sr_only", children: "Progress Stepper" }),
+        steps.map((step, index) => {
+          const Icon = step.icon || (() => /* @__PURE__ */ jsx("span", { children: index + 1 }));
+          const isCompleted = index < activeStep;
+          const isActive = index === activeStep;
+          const isBefore = index < activeStep;
+          const isDisabled = disableBackNavigation && isBefore;
+          const canFocus = !!onStepClick && !isDisabled;
+          const stepId = `${testId}-step-${index}`;
+          const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "listitem",
+              className: combineClassNames(
+                classMap.step,
+                isActive ? classMap.active : "",
+                isCompleted ? classMap.completed : "",
+                onStepClick ? classMap.clickable : ""
+              ),
+              "data-testid": stepId,
+              children: [
+                /* @__PURE__ */ jsx(
+                  IconButtonComponent,
+                  {
+                    icon: Icon,
+                    theme,
+                    state,
+                    className: combineClassNames(
+                      classMap.stepButton,
+                      isActive ? classMap.active : "",
+                      isCompleted ? classMap.completed : ""
+                    ),
+                    size,
+                    shadow,
+                    rounding,
+                    disabled: isDisabled,
+                    outline: !isActive,
+                    "aria-label": label,
+                    "aria-current": isActive ? "step" : void 0,
+                    "aria-disabled": isDisabled,
+                    "data-testid": `${stepId}-icon`,
+                    tabIndex: canFocus ? 0 : -1,
+                    onClick: () => onStepClick == null ? void 0 : onStepClick(index),
+                    onKeyDown: (e) => {
+                      if ((e.key === "Enter" || e.key === " ") && !isDisabled) {
+                        e.preventDefault();
+                        onStepClick == null ? void 0 : onStepClick(index);
+                      }
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: classMap.stepLabel,
+                    "data-testid": `${stepId}-label`,
+                    "aria-hidden": "true",
+                    children: step.label
+                  }
+                ),
+                index < steps.length - 1 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: classMap.connector,
+                    "aria-hidden": "true",
+                    "data-testid": `${stepId}-connector`
+                  }
+                )
+              ]
+            },
+            index
+          );
+        })
+      ]
+    }
+  );
+};
+const classes = {
+  stepper: "stepper",
+  horizontal: "stepper_horizontal",
+  vertical: "stepper_vertical",
+  primary: "stepper_primary",
+  secondary: "stepper_secondary",
+  tertiary: "stepper_tertiary",
+  quaternary: "stepper_quaternary",
+  success: "stepper_success",
+  warning: "stepper_warning",
+  error: "stepper_error",
+  clear: "stepper_clear",
+  xs: "stepper_xs",
+  medium: "stepper_medium",
+  small: "stepper_small",
+  large: "stepper_large",
+  xl: "stepper_xl",
+  step: "stepper_step",
+  active: "stepper_active",
+  completed: "stepper_completed",
+  disabled: "stepper_disabled",
+  clickable: "stepper_clickable",
+  stepButton: "stepper_step_button",
+  stepLabel: "stepper_step_label",
+  connector: "stepper_connector"
+};
+const Stepper = (props) => /* @__PURE__ */ jsx(StepperBase, { ...props, classMap: classes, IconButtonComponent: IconButton });
+export {
+  Stepper as S
+};
+//# sourceMappingURL=Stepper-PjUFCUBG.js.map

package/dist/core/Stepper-PjUFCUBG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-PjUFCUBG.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/core/Stepper.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { StepperProps } from \"./Stepper.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\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 StepperBaseProps extends StepperProps {\r\n  classMap: Record<string, string>;\r\n  IconButtonComponent: React.FC<any>;\r\n}\r\n\r\nconst StepperBase: React.FC<StepperBaseProps> = ({\r\n  steps,\r\n  activeStep,\r\n  onStepClick,\r\n  disableBackNavigation = false,\r\n  orientation = \"horizontal\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  rounding = getDefaultRounding(),\r\n  \"data-testid\": testId = \"stepper\",\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const groupLabelId = `${testId}-label`;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.stepper,\r\n        classMap[orientation],\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      )}\r\n      role=\"list\"\r\n      aria-labelledby={groupLabelId}\r\n      data-testid={testId}\r\n    >\r\n      <span id={groupLabelId} className=\"sr_only\">\r\n        Progress Stepper\r\n      </span>\r\n\r\n      {steps.map((step, index) => {\r\n        const Icon = step.icon || (() => <span>{index + 1}</span>);\r\n        const isCompleted = index < activeStep;\r\n        const isActive = index === activeStep;\r\n        const isBefore = index < activeStep;\r\n        const isDisabled = disableBackNavigation && isBefore;\r\n        const canFocus = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n        const label = `Step ${index + 1} of ${stepCount}: ${step.label}`;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            role=\"listitem\"\r\n            className={combineClassNames(\r\n              classMap.step,\r\n              isActive ? classMap.active : \"\",\r\n              isCompleted ? classMap.completed : \"\",\r\n              onStepClick ? classMap.clickable : \"\"\r\n            )}\r\n            data-testid={stepId}\r\n          >\r\n            <IconButtonComponent\r\n              icon={Icon}\r\n              theme={theme}\r\n              state={state}\r\n              className={combineClassNames(\r\n                classMap.stepButton,\r\n                isActive ? classMap.active : \"\",\r\n                isCompleted ? classMap.completed : \"\"\r\n              )}\r\n              size={size}\r\n              shadow={shadow}\r\n              rounding={rounding}\r\n              disabled={isDisabled}\r\n              outline={!isActive}\r\n              aria-label={label}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={canFocus ? 0 : -1}\r\n              onClick={() => onStepClick?.(index)}\r\n              onKeyDown={(e: React.KeyboardEvent) => {\r\n                if ((e.key === \"Enter\" || e.key === \" \") && !isDisabled) {\r\n                  e.preventDefault();\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\r\n            />\r\n\r\n            <span\r\n              className={classMap.stepLabel}\r\n              data-testid={`${stepId}-label`}\r\n              aria-hidden=\"true\"\r\n            >\r\n              {step.label}\r\n            </span>\r\n\r\n            {index < steps.length - 1 && (\r\n              <div\r\n                className={classMap.connector}\r\n                aria-hidden=\"true\"\r\n                data-testid={`${stepId}-connector`}\r\n              />\r\n            )}\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default StepperBase;\r\n","import React from \"react\";\r\nimport \"./Stepper.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  stepper: \"stepper\",\r\n  horizontal: \"stepper_horizontal\",\r\n  vertical: \"stepper_vertical\",\r\n  primary: \"stepper_primary\",\r\n  secondary: \"stepper_secondary\",\r\n  tertiary: \"stepper_tertiary\",\r\n  quaternary: \"stepper_quaternary\",\r\n  success: \"stepper_success\",\r\n  warning: \"stepper_warning\",\r\n  error: \"stepper_error\",\r\n  clear: \"stepper_clear\",\r\n  xs: \"stepper_xs\",\r\n  medium: \"stepper_medium\",\r\n  small: \"stepper_small\",\r\n  large: \"stepper_large\",\r\n  xl: \"stepper_xl\",\r\n  step: \"stepper_step\",\r\n  active: \"stepper_active\",\r\n  completed: \"stepper_completed\",\r\n  disabled: \"stepper_disabled\",\r\n  clickable: \"stepper_clickable\",\r\n  stepButton: \"stepper_step_button\",\r\n  stepLabel: \"stepper_step_label\",\r\n  connector: \"stepper_connector\",\r\n};\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={classes} IconButtonComponent={IconButton} />\r\n);\r\n\r\nexport default Stepper;\r\n"],"names":[],"mappings":";;;;;AAeA,MAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,QAAQ,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAO,eAAe;AAAA,EACtB,SAAS,iBAAiB;AAAA,EAC1B,WAAW,mBAAmB;AAAA,EAC9B,eAAe,SAAS;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,MAAM;AAClB,QAAA,eAAe,GAAG,MAAM;AAG5B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,SAAS;AAAA,QACT,SAAS,WAAW;AAAA,QACpB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,SAAS,IAAI;AAAA,QACb;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA,oBAAC,QAAK,EAAA,IAAI,cAAc,WAAU,WAAU,UAE5C,oBAAA;AAAA,QAEC,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,gBAAM,OAAO,KAAK,SAAS,MAAO,oBAAA,QAAA,EAAM,kBAAQ,EAAE,CAAA;AAClD,gBAAM,cAAc,QAAQ;AAC5B,gBAAM,WAAW,UAAU;AAC3B,gBAAM,WAAW,QAAQ;AACzB,gBAAM,aAAa,yBAAyB;AAC5C,gBAAM,WAAW,CAAC,CAAC,eAAe,CAAC;AACnC,gBAAM,SAAS,GAAG,MAAM,SAAS,KAAK;AAChC,gBAAA,QAAQ,QAAQ,QAAQ,CAAC,OAAO,SAAS,KAAK,KAAK,KAAK;AAG5D,iBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,WAAW;AAAA,gBACT,SAAS;AAAA,gBACT,WAAW,SAAS,SAAS;AAAA,gBAC7B,cAAc,SAAS,YAAY;AAAA,gBACnC,cAAc,SAAS,YAAY;AAAA,cACrC;AAAA,cACA,eAAa;AAAA,cAEb,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAM;AAAA,oBACN;AAAA,oBACA;AAAA,oBACA,WAAW;AAAA,sBACT,SAAS;AAAA,sBACT,WAAW,SAAS,SAAS;AAAA,sBAC7B,cAAc,SAAS,YAAY;AAAA,oBACrC;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,UAAU;AAAA,oBACV,SAAS,CAAC;AAAA,oBACV,cAAY;AAAA,oBACZ,gBAAc,WAAW,SAAS;AAAA,oBAClC,iBAAe;AAAA,oBACf,eAAa,GAAG,MAAM;AAAA,oBACtB,UAAU,WAAW,IAAI;AAAA,oBACzB,SAAS,MAAM,2CAAc;AAAA,oBAC7B,WAAW,CAAC,MAA2B;AACrC,2BAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,CAAC,YAAY;AACvD,0BAAE,eAAe;AACjB,mEAAc;AAAA,sBAAK;AAAA,oBACrB;AAAA,kBACF;AAAA,gBACF;AAAA,gBAEA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAa,GAAG,MAAM;AAAA,oBACtB,eAAY;AAAA,oBAEX,UAAK,KAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,gBAEC,QAAQ,MAAM,SAAS,KACtB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAY;AAAA,oBACZ,eAAa,GAAG,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxB;AAAA,YAAA;AAAA,YAnDG;AAAA,UAqDP;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;ACpHA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AACb;AAEM,MAAA,UAAkC,CAAC,UACtC,oBAAA,aAAA,EAAa,GAAG,OAAO,UAAU,SAAS,qBAAqB,WAAY,CAAA;"}

package/dist/core/Stepper.cjs.js

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

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

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

package/dist/core/Stepper.js

@@ -0,0 +1,5 @@
+import { S } from "./Stepper-PjUFCUBG.js";
+export {
+  S as default
+};
+//# sourceMappingURL=Stepper.js.map

package/dist/core/Stepper.js.map

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

package/dist/core/Tabs-DptKFvPK.cjs

@@ -0,0 +1,163 @@
+"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 TabsBase = ({
+  tabs,
+  defaultIndex = 0,
+  onChange,
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  className = "",
+  theme = borealStyleConfig.getDefaultTheme(),
+  state = "",
+  size = borealStyleConfig.getDefaultSize(),
+  "data-testid": testId = "tabs",
+  classMap
+}) => {
+  const [activeIndex, setActiveIndex] = React.useState(defaultIndex);
+  const tabRefs = React.useRef([]);
+  React.useEffect(() => {
+    var _a;
+    (_a = tabRefs.current[activeIndex]) == null ? void 0 : _a.focus();
+  }, [activeIndex]);
+  const handleTabClick = (index) => {
+    setActiveIndex(index);
+    onChange == null ? void 0 : onChange(index);
+  };
+  const handleKeyDown = (event) => {
+    const { key } = event;
+    const lastIndex = tabs.length - 1;
+    let newIndex = activeIndex;
+    if (key === "ArrowRight") {
+      newIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;
+    } else if (key === "ArrowLeft") {
+      newIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;
+    } else if (key === "Home") {
+      newIndex = 0;
+    } else if (key === "End") {
+      newIndex = lastIndex;
+    }
+    if (newIndex !== activeIndex) {
+      event.preventDefault();
+      setActiveIndex(newIndex);
+      onChange == null ? void 0 : onChange(newIndex);
+    }
+  };
+  const containerClassNames = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.container,
+      classMap[theme],
+      classMap[state],
+      classMap[size],
+      className
+    ),
+    [classMap, theme, state, size, className]
+  );
+  const tabClassNames = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.tab,
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
+    ),
+    [classMap]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClassNames, "data-testid": testId, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: classMap.tabs,
+        role: "tablist",
+        "aria-label": "Tabs",
+        onKeyDown: handleKeyDown,
+        "data-testid": `${testId}-tablist`,
+        children: tabs.map((tab, index) => {
+          const Icon = tab.icon;
+          const isActive = index === activeIndex;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              ref: (el) => {
+                tabRefs.current[index] = el;
+              },
+              className: classNames.combineClassNames(
+                tabClassNames,
+                isActive ? classMap.active : ""
+              ),
+              onClick: () => handleTabClick(index),
+              role: "tab",
+              type: "button",
+              tabIndex: isActive ? 0 : -1,
+              "aria-selected": isActive,
+              "aria-controls": `${testId}-panel-${index}`,
+              id: `${testId}-tab-${index}`,
+              "data-testid": `${testId}-tab-${index}`,
+              children: [
+                Icon && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: classMap.icon,
+                    "aria-hidden": "true",
+                    "data-testid": `${testId}-icon-${index}`,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {})
+                  }
+                ),
+                tab.label
+              ]
+            },
+            index
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: classMap.content,
+        role: "tabpanel",
+        id: `${testId}-panel-${activeIndex}`,
+        "aria-labelledby": `${testId}-tab-${activeIndex}`,
+        tabIndex: 0,
+        "data-testid": `${testId}-panel`,
+        children: tabs[activeIndex].content
+      }
+    )
+  ] });
+};
+const classes = {
+  tabsContainer: "tabs_container",
+  tabs: "tabs",
+  tab: "tabs_tab",
+  active: "tabs_active",
+  content: "tabs_content",
+  icon: "tabs_icon",
+  primary: "tabs_primary",
+  secondary: "tabs_secondary",
+  tertiary: "tabs_tertiary",
+  quaternary: "tabs_quaternary",
+  success: "tabs_success",
+  error: "tabs_error",
+  warning: "tabs_warning",
+  clear: "tabs_clear",
+  xs: "tabs_xs",
+  xl: "tabs_xl",
+  small: "tabs_small",
+  medium: "tabs_medium",
+  large: "tabs_large",
+  shadowNone: "tabs_shadow-None",
+  shadowLight: "tabs_shadow-Light",
+  shadowMedium: "tabs_shadow-Medium",
+  shadowStrong: "tabs_shadow-Strong",
+  shadowIntense: "tabs_shadow-Intense",
+  roundNone: "tabs_round-None",
+  roundSmall: "tabs_round-Small",
+  roundMedium: "tabs_round-Medium",
+  roundLarge: "tabs_round-Large"
+};
+const Tabs = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsBase, { ...props, classMap: classes });
+};
+exports.Tabs = Tabs;
+//# sourceMappingURL=Tabs-DptKFvPK.cjs.map

package/dist/core/Tabs-DptKFvPK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs-DptKFvPK.cjs","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/core/Tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\r\nimport { TabsProps } from \"./Tabs.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 TabsBase: React.FC<TabsProps & { classMap: Record<string, string> }> = ({\r\n  tabs,\r\n  defaultIndex = 0,\r\n  onChange,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  \"data-testid\": testId = \"tabs\",\r\n  classMap,\r\n}) => {\r\n  const [activeIndex, setActiveIndex] = useState(defaultIndex);\r\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\r\n\r\n  useEffect(() => {\r\n    tabRefs.current[activeIndex]?.focus();\r\n  }, [activeIndex]);\r\n\r\n  const handleTabClick = (index: number) => {\r\n    setActiveIndex(index);\r\n    onChange?.(index);\r\n  };\r\n\r\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    const { key } = event;\r\n\r\n    const lastIndex = tabs.length - 1;\r\n    let newIndex = activeIndex;\r\n\r\n    if (key === \"ArrowRight\") {\r\n      newIndex = activeIndex === lastIndex ? 0 : activeIndex + 1;\r\n    } else if (key === \"ArrowLeft\") {\r\n      newIndex = activeIndex === 0 ? lastIndex : activeIndex - 1;\r\n    } else if (key === \"Home\") {\r\n      newIndex = 0;\r\n    } else if (key === \"End\") {\r\n      newIndex = lastIndex;\r\n    }\r\n\r\n    if (newIndex !== activeIndex) {\r\n      event.preventDefault();\r\n      setActiveIndex(newIndex);\r\n      onChange?.(newIndex);\r\n    }\r\n  };\r\n\r\n  const containerClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.container,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        className\r\n      ),\r\n    [classMap, theme, state, size, className]\r\n  );\r\n\r\n  const tabClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tab,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap]\r\n  );\r\n\r\n  return (\r\n    <div className={containerClassNames} data-testid={testId}>\r\n      <div\r\n        className={classMap.tabs}\r\n        role=\"tablist\"\r\n        aria-label=\"Tabs\"\r\n        onKeyDown={handleKeyDown}\r\n        data-testid={`${testId}-tablist`}\r\n      >\r\n        {tabs.map((tab, index) => {\r\n          const Icon = tab.icon;\r\n          const isActive = index === activeIndex;\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              ref={(el): void => {\r\n                tabRefs.current[index] = el;\r\n              }}\r\n              className={combineClassNames(\r\n                tabClassNames,\r\n                isActive ? classMap.active : \"\"\r\n              )}\r\n              onClick={() => handleTabClick(index)}\r\n              role=\"tab\"\r\n              type=\"button\"\r\n              tabIndex={isActive ? 0 : -1}\r\n              aria-selected={isActive}\r\n              aria-controls={`${testId}-panel-${index}`}\r\n              id={`${testId}-tab-${index}`}\r\n              data-testid={`${testId}-tab-${index}`}\r\n            >\r\n              {Icon && (\r\n                <div\r\n                  className={classMap.icon}\r\n                  aria-hidden=\"true\"\r\n                  data-testid={`${testId}-icon-${index}`}\r\n                >\r\n                  <Icon />\r\n                </div>\r\n              )}\r\n              {tab.label}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      <div\r\n        className={classMap.content}\r\n        role=\"tabpanel\"\r\n        id={`${testId}-panel-${activeIndex}`}\r\n        aria-labelledby={`${testId}-tab-${activeIndex}`}\r\n        tabIndex={0}\r\n        data-testid={`${testId}-panel`}\r\n      >\r\n        {tabs[activeIndex].content}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TabsBase;\r\n","import React from \"react\";\r\nimport \"./Tabs.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst classes = {\r\n  tabsContainer: \"tabs_container\",\r\n  tabs: \"tabs\",\r\n  tab: \"tabs_tab\",\r\n  active: \"tabs_active\",\r\n  content: \"tabs_content\",\r\n  icon: \"tabs_icon\",\r\n\r\n  primary: \"tabs_primary\",\r\n  secondary: \"tabs_secondary\",\r\n  tertiary: \"tabs_tertiary\",\r\n  quaternary: \"tabs_quaternary\",\r\n\r\n  success: \"tabs_success\",\r\n  error: \"tabs_error\",\r\n  warning: \"tabs_warning\",\r\n\r\n  clear: \"tabs_clear\",\r\n\r\n  xs: \"tabs_xs\",\r\n  xl: \"tabs_xl\",\r\n  small: \"tabs_small\",\r\n  medium: \"tabs_medium\",\r\n  large: \"tabs_large\",\r\n\r\n  shadowNone: \"tabs_shadow-None\",\r\n  shadowLight: \"tabs_shadow-Light\",\r\n  shadowMedium: \"tabs_shadow-Medium\",\r\n  shadowStrong: \"tabs_shadow-Strong\",\r\n  shadowIntense: \"tabs_shadow-Intense\",\r\n\r\n  roundNone: \"tabs_round-None\",\r\n  roundSmall: \"tabs_round-Small\",\r\n  roundMedium: \"tabs_round-Medium\",\r\n  roundLarge: \"tabs_round-Large\",\r\n};\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={classes} />;\r\n};\r\n\r\nexport default Tabs;\r\n"],"names":["getDefaultRounding","getDefaultShadow","getDefaultTheme","getDefaultSize","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAWA,MAAM,WAAuE,CAAC;AAAA,EAC5E;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,WAAWA,kBAAAA,mBAAmB;AAAA,EAC9B,SAASC,kBAAAA,iBAAiB;AAAA,EAC1B,YAAY;AAAA,EACZ,QAAQC,kBAAAA,gBAAgB;AAAA,EACxB,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAe;AAAA,EACtB,eAAe,SAAS;AAAA,EACxB;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAIC,MAAAA,SAAS,YAAY;AACrD,QAAA,UAAUC,MAAqC,OAAA,EAAE;AAEvDC,QAAAA,UAAU,MAAM;;AACN,kBAAA,QAAQ,WAAW,MAAnB,mBAAsB;AAAA,EAAM,GACnC,CAAC,WAAW,CAAC;AAEV,QAAA,iBAAiB,CAAC,UAAkB;AACxC,mBAAe,KAAK;AACpB,yCAAW;AAAA,EACb;AAEM,QAAA,gBAAgB,CAAC,UAA+C;AAC9D,UAAA,EAAE,QAAQ;AAEV,UAAA,YAAY,KAAK,SAAS;AAChC,QAAI,WAAW;AAEf,QAAI,QAAQ,cAAc;AACb,iBAAA,gBAAgB,YAAY,IAAI,cAAc;AAAA,IAAA,WAChD,QAAQ,aAAa;AACnB,iBAAA,gBAAgB,IAAI,YAAY,cAAc;AAAA,IAAA,WAChD,QAAQ,QAAQ;AACd,iBAAA;AAAA,IAAA,WACF,QAAQ,OAAO;AACb,iBAAA;AAAA,IAAA;AAGb,QAAI,aAAa,aAAa;AAC5B,YAAM,eAAe;AACrB,qBAAe,QAAQ;AACvB,2CAAW;AAAA,IAAQ;AAAA,EAEvB;AAEA,QAAM,sBAAsBC,MAAA;AAAA,IAC1B,MACEC,WAAA;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb;AAAA,IACF;AAAA,IACF,CAAC,UAAU,OAAO,OAAO,MAAM,SAAS;AAAA,EAC1C;AAEA,QAAM,gBAAgBD,MAAA;AAAA,IACpB,MACEC,WAAA;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IACrD;AAAA,IACF,CAAC,QAAQ;AAAA,EACX;AAEA,SACGC,2BAAAA,KAAA,OAAA,EAAI,WAAW,qBAAqB,eAAa,QAChD,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAErB,UAAK,KAAA,IAAI,CAAC,KAAK,UAAU;AACxB,gBAAM,OAAO,IAAI;AACjB,gBAAM,WAAW,UAAU;AAGzB,iBAAAD,2BAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,KAAK,CAAC,OAAa;AACT,wBAAA,QAAQ,KAAK,IAAI;AAAA,cAC3B;AAAA,cACA,WAAWF,WAAA;AAAA,gBACT;AAAA,gBACA,WAAW,SAAS,SAAS;AAAA,cAC/B;AAAA,cACA,SAAS,MAAM,eAAe,KAAK;AAAA,cACnC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAU,WAAW,IAAI;AAAA,cACzB,iBAAe;AAAA,cACf,iBAAe,GAAG,MAAM,UAAU,KAAK;AAAA,cACvC,IAAI,GAAG,MAAM,QAAQ,KAAK;AAAA,cAC1B,eAAa,GAAG,MAAM,QAAQ,KAAK;AAAA,cAElC,UAAA;AAAA,gBACC,QAAAG,2BAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,SAAS;AAAA,oBACpB,eAAY;AAAA,oBACZ,eAAa,GAAG,MAAM,SAAS,KAAK;AAAA,oBAEpC,yCAAC,MAAK,CAAA,CAAA;AAAA,kBAAA;AAAA,gBACR;AAAA,gBAED,IAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YA1BA;AAAA,UA2BP;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAEAA,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,MAAK;AAAA,QACL,IAAI,GAAG,MAAM,UAAU,WAAW;AAAA,QAClC,mBAAiB,GAAG,MAAM,QAAQ,WAAW;AAAA,QAC7C,UAAU;AAAA,QACV,eAAa,GAAG,MAAM;AAAA,QAErB,UAAA,KAAK,WAAW,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACF;AAEJ;ACvIA,MAAM,UAAU;AAAA,EACd,eAAe;AAAA,EACf,MAAM;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EAEN,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,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,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,OAA4B,CAAC,UAAU;AAC3C,SAAQA,2BAAAA,IAAA,UAAA,EAAU,GAAG,OAAO,UAAU,SAAS;AACjD;;"}