boreal-ui 0.0.20 → 0.0.22

package/dist/next/{Stepper-D2UYDRwT.cjs → Stepper-JSC7kNUK.cjs}

@@ -2,41 +2,41 @@
 const require$$2 = require("react/jsx-runtime");
 const classNames = require("./classNames-BcWMx052.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const IconButton = require("./IconButton-CNzF48hu.cjs");
-const noScroll = "_noScroll_tubgw_91";
-const errorMessage = "_errorMessage_tubgw_92";
-const loadingContainer = "_loadingContainer_tubgw_93";
-const hideScrollbar = "_hideScrollbar_tubgw_85";
-const sr_only = "_sr_only_tubgw_94";
-const stepper = "_stepper_tubgw_479";
-const vertical = "_vertical_tubgw_487";
-const xs = "_xs_tubgw_493";
-const small = "_small_tubgw_496";
-const medium = "_medium_tubgw_499";
-const large = "_large_tubgw_502";
-const xl = "_xl_tubgw_505";
-const step = "_step_tubgw_479";
-const clickable = "_clickable_tubgw_515";
-const stepper_disabled = "_stepper_disabled_tubgw_518";
-const stepper_step_button = "_stepper_step_button_tubgw_518";
-const disabled = "_disabled_tubgw_521";
-const icon = "_icon_tubgw_526";
-const label = "_label_tubgw_532";
-const stepLabel = "_stepLabel_tubgw_547";
-const connector = "_connector_tubgw_551";
-const primary = "_primary_tubgw_557";
-const active = "_active_tubgw_557";
-const stepButton = "_stepButton_tubgw_557";
-const secondary = "_secondary_tubgw_560";
-const tertiary = "_tertiary_tubgw_563";
-const quaternary = "_quaternary_tubgw_566";
-const clear = "_clear_tubgw_569";
-const success = "_success_tubgw_572";
-const error = "_error_tubgw_92";
-const warning = "_warning_tubgw_578";
-const completed = "_completed_tubgw_585";
-const spin = "_spin_tubgw_1";
-const pulse = "_pulse_tubgw_1";
+const IconButton = require("./IconButton-1BW390eT.cjs");
+const noScroll = "_noScroll_8ukpj_91";
+const errorMessage = "_errorMessage_8ukpj_92";
+const loadingContainer = "_loadingContainer_8ukpj_93";
+const hideScrollbar = "_hideScrollbar_8ukpj_85";
+const sr_only = "_sr_only_8ukpj_94";
+const stepper = "_stepper_8ukpj_539";
+const vertical = "_vertical_8ukpj_547";
+const xs = "_xs_8ukpj_553";
+const small = "_small_8ukpj_556";
+const medium = "_medium_8ukpj_559";
+const large = "_large_8ukpj_562";
+const xl = "_xl_8ukpj_565";
+const step = "_step_8ukpj_539";
+const clickable = "_clickable_8ukpj_575";
+const stepper_disabled = "_stepper_disabled_8ukpj_578";
+const stepper_step_button = "_stepper_step_button_8ukpj_578";
+const disabled = "_disabled_8ukpj_581";
+const icon = "_icon_8ukpj_586";
+const label = "_label_8ukpj_592";
+const stepLabel = "_stepLabel_8ukpj_607";
+const connector = "_connector_8ukpj_611";
+const primary = "_primary_8ukpj_617";
+const active = "_active_8ukpj_617";
+const stepButton = "_stepButton_8ukpj_617";
+const secondary = "_secondary_8ukpj_620";
+const tertiary = "_tertiary_8ukpj_623";
+const quaternary = "_quaternary_8ukpj_626";
+const clear = "_clear_8ukpj_629";
+const success = "_success_8ukpj_632";
+const error = "_error_8ukpj_92";
+const warning = "_warning_8ukpj_638";
+const completed = "_completed_8ukpj_645";
+const spin = "_spin_8ukpj_1";
+const pulse = "_pulse_8ukpj_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -70,15 +70,15 @@ const styles = {
   error,
   warning,
   completed,
-  "fade-in": "_fade-in_tubgw_1",
-  "slide-up": "_slide-up_tubgw_1",
-  "spin-3d": "_spin-3d_tubgw_1",
+  "fade-in": "_fade-in_8ukpj_1",
+  "slide-up": "_slide-up_8ukpj_1",
+  "spin-3d": "_spin-3d_8ukpj_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_tubgw_1",
-  "progress-grow": "_progress-grow_tubgw_1",
-  "indeterminate-move": "_indeterminate-move_tubgw_1",
-  "skeleton-loading": "_skeleton-loading_tubgw_1"
+  "fade-in-up": "_fade-in-up_8ukpj_1",
+  "progress-grow": "_progress-grow_8ukpj_1",
+  "indeterminate-move": "_indeterminate-move_8ukpj_1",
+  "skeleton-loading": "_skeleton-loading_8ukpj_1"
 };
 const StepperBase = ({
   steps,
@@ -193,4 +193,4 @@ const StepperBase = ({
 };
 const Stepper = (props) => /* @__PURE__ */ require$$2.jsx(StepperBase, { ...props, classMap: styles, IconButtonComponent: IconButton.IconButton });
 exports.Stepper = Stepper;
-//# sourceMappingURL=Stepper-D2UYDRwT.cjs.map
+//# sourceMappingURL=Stepper-JSC7kNUK.cjs.map

package/dist/next/{Stepper-D2UYDRwT.cjs.map → Stepper-JSC7kNUK.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Stepper-D2UYDRwT.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Stepper.module.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={styles} IconButtonComponent={IconButton} />\r\n);\r\n\r\nexport default Stepper;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultShadow","getDefaultRounding","jsxs","combineClassNames","jsx","step","label","IconButton"],"mappings":"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"}
+{"version":3,"file":"Stepper-JSC7kNUK.cjs","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/next/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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Stepper.module.scss\";\r\nimport StepperBase from \"../StepperBase\";\r\nimport { StepperProps } from \"../Stepper.types\";\r\nimport { IconButton } from \"@/index.next\";\r\n\r\nconst Stepper: React.FC<StepperProps> = (props) => (\r\n  <StepperBase {...props} classMap={styles} IconButtonComponent={IconButton} />\r\n);\r\n\r\nexport default Stepper;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultShadow","getDefaultRounding","jsxs","combineClassNames","jsx","step","label","IconButton"],"mappings":"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"}

package/dist/next/Stepper.cjs.js

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

package/dist/next/Stepper.js

@@ -1,4 +1,4 @@
-import { S } from "./Stepper-5FojeYPE.js";
+import { S } from "./Stepper-DPIt2hlL.js";
 export {
   S as default
 };

package/dist/next/{Tabs-DuZPFjen.cjs → Tabs-CEFKDLm1.cjs}

@@ -4,42 +4,42 @@ 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 noScroll = "_noScroll_q5x6p_91";
-const errorMessage = "_errorMessage_q5x6p_92";
-const loadingContainer = "_loadingContainer_q5x6p_93";
-const hideScrollbar = "_hideScrollbar_q5x6p_85";
-const sr_only = "_sr_only_q5x6p_94";
-const tabs_container = "_tabs_container_q5x6p_479";
-const tabs = "_tabs_q5x6p_479";
-const icon = "_icon_q5x6p_499";
-const tab = "_tab_q5x6p_479";
-const xs = "_xs_q5x6p_551";
-const small = "_small_q5x6p_556";
-const medium = "_medium_q5x6p_561";
-const large = "_large_q5x6p_566";
-const xl = "_xl_q5x6p_571";
-const content = "_content_q5x6p_576";
-const primary = "_primary_q5x6p_597";
-const active = "_active_q5x6p_597";
-const secondary = "_secondary_q5x6p_606";
-const tertiary = "_tertiary_q5x6p_615";
-const quaternary = "_quaternary_q5x6p_624";
-const clear = "_clear_q5x6p_633";
-const success = "_success_q5x6p_642";
-const error = "_error_q5x6p_92";
-const warning = "_warning_q5x6p_660";
-const roundNone = "_roundNone_q5x6p_673";
-const roundSmall = "_roundSmall_q5x6p_683";
-const roundMedium = "_roundMedium_q5x6p_693";
-const roundLarge = "_roundLarge_q5x6p_703";
-const roundFull = "_roundFull_q5x6p_713";
-const shadowNone = "_shadowNone_q5x6p_723";
-const shadowLight = "_shadowLight_q5x6p_727";
-const shadowMedium = "_shadowMedium_q5x6p_731";
-const shadowStrong = "_shadowStrong_q5x6p_735";
-const shadowIntense = "_shadowIntense_q5x6p_739";
-const spin = "_spin_q5x6p_1";
-const pulse = "_pulse_q5x6p_1";
+const noScroll = "_noScroll_16pjs_91";
+const errorMessage = "_errorMessage_16pjs_92";
+const loadingContainer = "_loadingContainer_16pjs_93";
+const hideScrollbar = "_hideScrollbar_16pjs_85";
+const sr_only = "_sr_only_16pjs_94";
+const tabs_container = "_tabs_container_16pjs_539";
+const tabs = "_tabs_16pjs_539";
+const icon = "_icon_16pjs_559";
+const tab = "_tab_16pjs_539";
+const xs = "_xs_16pjs_611";
+const small = "_small_16pjs_616";
+const medium = "_medium_16pjs_621";
+const large = "_large_16pjs_626";
+const xl = "_xl_16pjs_631";
+const content = "_content_16pjs_636";
+const primary = "_primary_16pjs_657";
+const active = "_active_16pjs_657";
+const secondary = "_secondary_16pjs_666";
+const tertiary = "_tertiary_16pjs_675";
+const quaternary = "_quaternary_16pjs_684";
+const clear = "_clear_16pjs_693";
+const success = "_success_16pjs_702";
+const error = "_error_16pjs_92";
+const warning = "_warning_16pjs_720";
+const roundNone = "_roundNone_16pjs_733";
+const roundSmall = "_roundSmall_16pjs_743";
+const roundMedium = "_roundMedium_16pjs_753";
+const roundLarge = "_roundLarge_16pjs_763";
+const roundFull = "_roundFull_16pjs_773";
+const shadowNone = "_shadowNone_16pjs_783";
+const shadowLight = "_shadowLight_16pjs_787";
+const shadowMedium = "_shadowMedium_16pjs_791";
+const shadowStrong = "_shadowStrong_16pjs_795";
+const shadowIntense = "_shadowIntense_16pjs_799";
+const spin = "_spin_16pjs_1";
+const pulse = "_pulse_16pjs_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -75,15 +75,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_q5x6p_1",
-  "slide-up": "_slide-up_q5x6p_1",
-  "spin-3d": "_spin-3d_q5x6p_1",
+  "fade-in": "_fade-in_16pjs_1",
+  "slide-up": "_slide-up_16pjs_1",
+  "spin-3d": "_spin-3d_16pjs_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_q5x6p_1",
-  "progress-grow": "_progress-grow_q5x6p_1",
-  "indeterminate-move": "_indeterminate-move_q5x6p_1",
-  "skeleton-loading": "_skeleton-loading_q5x6p_1"
+  "fade-in-up": "_fade-in-up_16pjs_1",
+  "progress-grow": "_progress-grow_16pjs_1",
+  "indeterminate-move": "_indeterminate-move_16pjs_1",
+  "skeleton-loading": "_skeleton-loading_16pjs_1"
 };
 const TabsBase = ({
   tabs: tabs2,
@@ -211,4 +211,4 @@ const Tabs = (props) => {
   return /* @__PURE__ */ require$$2.jsx(TabsBase, { ...props, classMap: styles });
 };
 exports.Tabs = Tabs;
-//# sourceMappingURL=Tabs-DuZPFjen.cjs.map
+//# sourceMappingURL=Tabs-CEFKDLm1.cjs.map

package/dist/next/{Tabs-DuZPFjen.cjs.map → Tabs-CEFKDLm1.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Tabs-DuZPFjen.cjs","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Tabs;\r\n"],"names":["tabs","getDefaultRounding","getDefaultShadow","getDefaultTheme","getDefaultSize","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx","tab"],"mappings":"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"}
+{"version":3,"file":"Tabs-CEFKDLm1.cjs","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Tabs;\r\n"],"names":["tabs","getDefaultRounding","getDefaultShadow","getDefaultTheme","getDefaultSize","useState","useRef","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx","tab"],"mappings":"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"}

package/dist/next/{Tabs-CNU0A_YY.js → Tabs-Dk0OQfLb.js}

@@ -3,42 +3,42 @@ import { useState, useRef, useEffect, useMemo } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { c as getDefaultSize, d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-const noScroll = "_noScroll_q5x6p_91";
-const errorMessage = "_errorMessage_q5x6p_92";
-const loadingContainer = "_loadingContainer_q5x6p_93";
-const hideScrollbar = "_hideScrollbar_q5x6p_85";
-const sr_only = "_sr_only_q5x6p_94";
-const tabs_container = "_tabs_container_q5x6p_479";
-const tabs = "_tabs_q5x6p_479";
-const icon = "_icon_q5x6p_499";
-const tab = "_tab_q5x6p_479";
-const xs = "_xs_q5x6p_551";
-const small = "_small_q5x6p_556";
-const medium = "_medium_q5x6p_561";
-const large = "_large_q5x6p_566";
-const xl = "_xl_q5x6p_571";
-const content = "_content_q5x6p_576";
-const primary = "_primary_q5x6p_597";
-const active = "_active_q5x6p_597";
-const secondary = "_secondary_q5x6p_606";
-const tertiary = "_tertiary_q5x6p_615";
-const quaternary = "_quaternary_q5x6p_624";
-const clear = "_clear_q5x6p_633";
-const success = "_success_q5x6p_642";
-const error = "_error_q5x6p_92";
-const warning = "_warning_q5x6p_660";
-const roundNone = "_roundNone_q5x6p_673";
-const roundSmall = "_roundSmall_q5x6p_683";
-const roundMedium = "_roundMedium_q5x6p_693";
-const roundLarge = "_roundLarge_q5x6p_703";
-const roundFull = "_roundFull_q5x6p_713";
-const shadowNone = "_shadowNone_q5x6p_723";
-const shadowLight = "_shadowLight_q5x6p_727";
-const shadowMedium = "_shadowMedium_q5x6p_731";
-const shadowStrong = "_shadowStrong_q5x6p_735";
-const shadowIntense = "_shadowIntense_q5x6p_739";
-const spin = "_spin_q5x6p_1";
-const pulse = "_pulse_q5x6p_1";
+const noScroll = "_noScroll_16pjs_91";
+const errorMessage = "_errorMessage_16pjs_92";
+const loadingContainer = "_loadingContainer_16pjs_93";
+const hideScrollbar = "_hideScrollbar_16pjs_85";
+const sr_only = "_sr_only_16pjs_94";
+const tabs_container = "_tabs_container_16pjs_539";
+const tabs = "_tabs_16pjs_539";
+const icon = "_icon_16pjs_559";
+const tab = "_tab_16pjs_539";
+const xs = "_xs_16pjs_611";
+const small = "_small_16pjs_616";
+const medium = "_medium_16pjs_621";
+const large = "_large_16pjs_626";
+const xl = "_xl_16pjs_631";
+const content = "_content_16pjs_636";
+const primary = "_primary_16pjs_657";
+const active = "_active_16pjs_657";
+const secondary = "_secondary_16pjs_666";
+const tertiary = "_tertiary_16pjs_675";
+const quaternary = "_quaternary_16pjs_684";
+const clear = "_clear_16pjs_693";
+const success = "_success_16pjs_702";
+const error = "_error_16pjs_92";
+const warning = "_warning_16pjs_720";
+const roundNone = "_roundNone_16pjs_733";
+const roundSmall = "_roundSmall_16pjs_743";
+const roundMedium = "_roundMedium_16pjs_753";
+const roundLarge = "_roundLarge_16pjs_763";
+const roundFull = "_roundFull_16pjs_773";
+const shadowNone = "_shadowNone_16pjs_783";
+const shadowLight = "_shadowLight_16pjs_787";
+const shadowMedium = "_shadowMedium_16pjs_791";
+const shadowStrong = "_shadowStrong_16pjs_795";
+const shadowIntense = "_shadowIntense_16pjs_799";
+const spin = "_spin_16pjs_1";
+const pulse = "_pulse_16pjs_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -74,15 +74,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_q5x6p_1",
-  "slide-up": "_slide-up_q5x6p_1",
-  "spin-3d": "_spin-3d_q5x6p_1",
+  "fade-in": "_fade-in_16pjs_1",
+  "slide-up": "_slide-up_16pjs_1",
+  "spin-3d": "_spin-3d_16pjs_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_q5x6p_1",
-  "progress-grow": "_progress-grow_q5x6p_1",
-  "indeterminate-move": "_indeterminate-move_q5x6p_1",
-  "skeleton-loading": "_skeleton-loading_q5x6p_1"
+  "fade-in-up": "_fade-in-up_16pjs_1",
+  "progress-grow": "_progress-grow_16pjs_1",
+  "indeterminate-move": "_indeterminate-move_16pjs_1",
+  "skeleton-loading": "_skeleton-loading_16pjs_1"
 };
 const TabsBase = ({
   tabs: tabs2,
@@ -212,4 +212,4 @@ const Tabs = (props) => {
 export {
   Tabs as T
 };
-//# sourceMappingURL=Tabs-CNU0A_YY.js.map
+//# sourceMappingURL=Tabs-Dk0OQfLb.js.map

package/dist/next/{Tabs-CNU0A_YY.js.map → Tabs-Dk0OQfLb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Tabs-CNU0A_YY.js","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Tabs;\r\n"],"names":["tabs","tab"],"mappings":"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"}
+{"version":3,"file":"Tabs-Dk0OQfLb.js","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/next/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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport styles from \"./Tabs.module.scss\";\r\nimport TabsBase from \"../TabsBase\";\r\nimport { TabsProps } from \"../Tabs.types\";\r\n\r\nconst Tabs: React.FC<TabsProps> = (props) => {\r\n  return <TabsBase {...props} classMap={styles} />;\r\n};\r\n\r\nexport default Tabs;\r\n"],"names":["tabs","tab"],"mappings":"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"}

package/dist/next/Tabs.cjs.js

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

package/dist/next/Tabs.js

@@ -1,4 +1,4 @@
-import { T } from "./Tabs-CNU0A_YY.js";
+import { T } from "./Tabs-Dk0OQfLb.js";
 export {
   T as default
 };

package/dist/next/{TagInput-BcNgwFOj.cjs → TagInput-BwoUWtRR.cjs}

@@ -1,50 +1,50 @@
 "use strict";
 const require$$2 = require("react/jsx-runtime");
-const IconButton = require("./IconButton-CNzF48hu.cjs");
-const TextInput = require("./TextInput-iQT-2lPj.cjs");
+const IconButton = require("./IconButton-1BW390eT.cjs");
+const TextInput = require("./TextInput--th5kygP.cjs");
 const React = require("react");
 const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const noScroll = "_noScroll_1njy1_91";
-const errorMessage = "_errorMessage_1njy1_92";
-const loadingContainer = "_loadingContainer_1njy1_93";
-const hideScrollbar = "_hideScrollbar_1njy1_85";
-const sr_only = "_sr_only_1njy1_94";
-const tagInput = "_tagInput_1njy1_479";
-const inputWrapper = "_inputWrapper_1njy1_495";
-const tagContainer = "_tagContainer_1njy1_502";
-const removeButton = "_removeButton_1njy1_513";
-const tag = "_tag_1njy1_479";
-const tagLabel = "_tagLabel_1njy1_529";
-const suggestionList = "_suggestionList_1njy1_533";
-const suggestionItem = "_suggestionItem_1njy1_550";
-const primary = "_primary_1njy1_562";
-const secondary = "_secondary_1njy1_566";
-const tertiary = "_tertiary_1njy1_570";
-const quaternary = "_quaternary_1njy1_574";
-const clear = "_clear_1njy1_578";
-const success = "_success_1njy1_582";
-const error = "_error_1njy1_92";
-const warning = "_warning_1njy1_590";
-const xs = "_xs_1njy1_594";
-const small = "_small_1njy1_599";
-const medium = "_medium_1njy1_604";
-const large = "_large_1njy1_609";
-const xl = "_xl_1njy1_614";
-const roundNone = "_roundNone_1njy1_619";
-const roundSmall = "_roundSmall_1njy1_623";
-const roundMedium = "_roundMedium_1njy1_627";
-const roundLarge = "_roundLarge_1njy1_631";
-const roundFull = "_roundFull_1njy1_635";
-const shadowNone = "_shadowNone_1njy1_639";
-const shadowLight = "_shadowLight_1njy1_643";
-const shadowMedium = "_shadowMedium_1njy1_647";
-const shadowStrong = "_shadowStrong_1njy1_651";
-const shadowIntense = "_shadowIntense_1njy1_655";
-const spin = "_spin_1njy1_1";
-const pulse = "_pulse_1njy1_1";
+const noScroll = "_noScroll_1et36_91";
+const errorMessage = "_errorMessage_1et36_92";
+const loadingContainer = "_loadingContainer_1et36_93";
+const hideScrollbar = "_hideScrollbar_1et36_85";
+const sr_only = "_sr_only_1et36_94";
+const tagInput = "_tagInput_1et36_539";
+const inputWrapper = "_inputWrapper_1et36_555";
+const tagContainer = "_tagContainer_1et36_562";
+const removeButton = "_removeButton_1et36_573";
+const tag = "_tag_1et36_539";
+const tagLabel = "_tagLabel_1et36_589";
+const suggestionList = "_suggestionList_1et36_593";
+const suggestionItem = "_suggestionItem_1et36_610";
+const primary = "_primary_1et36_622";
+const secondary = "_secondary_1et36_626";
+const tertiary = "_tertiary_1et36_630";
+const quaternary = "_quaternary_1et36_634";
+const clear = "_clear_1et36_638";
+const success = "_success_1et36_642";
+const error = "_error_1et36_92";
+const warning = "_warning_1et36_650";
+const xs = "_xs_1et36_654";
+const small = "_small_1et36_659";
+const medium = "_medium_1et36_664";
+const large = "_large_1et36_669";
+const xl = "_xl_1et36_674";
+const roundNone = "_roundNone_1et36_679";
+const roundSmall = "_roundSmall_1et36_683";
+const roundMedium = "_roundMedium_1et36_687";
+const roundLarge = "_roundLarge_1et36_691";
+const roundFull = "_roundFull_1et36_695";
+const shadowNone = "_shadowNone_1et36_699";
+const shadowLight = "_shadowLight_1et36_703";
+const shadowMedium = "_shadowMedium_1et36_707";
+const shadowStrong = "_shadowStrong_1et36_711";
+const shadowIntense = "_shadowIntense_1et36_715";
+const spin = "_spin_1et36_1";
+const pulse = "_pulse_1et36_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -82,15 +82,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_1njy1_1",
-  "slide-up": "_slide-up_1njy1_1",
-  "spin-3d": "_spin-3d_1njy1_1",
+  "fade-in": "_fade-in_1et36_1",
+  "slide-up": "_slide-up_1et36_1",
+  "spin-3d": "_spin-3d_1et36_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1njy1_1",
-  "progress-grow": "_progress-grow_1njy1_1",
-  "indeterminate-move": "_indeterminate-move_1njy1_1",
-  "skeleton-loading": "_skeleton-loading_1njy1_1"
+  "fade-in-up": "_fade-in-up_1et36_1",
+  "progress-grow": "_progress-grow_1et36_1",
+  "indeterminate-move": "_indeterminate-move_1et36_1",
+  "skeleton-loading": "_skeleton-loading_1et36_1"
 };
 const TagInputBase = ({
   tags = [],
@@ -293,4 +293,4 @@ const TagInput = (props) => {
   );
 };
 exports.TagInput = TagInput;
-//# sourceMappingURL=TagInput-BcNgwFOj.cjs.map
+//# sourceMappingURL=TagInput-BwoUWtRR.cjs.map