boreal-ui 0.0.73 → 0.0.74

package/dist/core/{Stepper-SDJM-Jju.js.map → Stepper-CLfy0_gZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Stepper-SDJM-Jju.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/core/Stepper.tsx"],"sourcesContent":["import React from \"react\";\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\nimport { StepperBaseProps } from \"./Stepper.types\";\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  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  groupLabel = \"Progress Stepper\",\r\n  getStepAriaLabel,\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const fallbackGroupLabelId = `${testId}-label`;\r\n\r\n  const resolvedAriaLabelledBy = ariaLabelledBy\r\n    ? ariaLabelledBy\r\n    : !ariaLabel\r\n      ? fallbackGroupLabelId\r\n      : undefined;\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-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n    >\r\n      {!ariaLabel && !ariaLabelledBy && (\r\n        <span id={fallbackGroupLabelId} className=\"sr_only\">\r\n          {groupLabel}\r\n        </span>\r\n      )}\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 isInteractive = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n\r\n        const defaultStepLabel = `Step ${index + 1} of ${stepCount}: ${step.label}${\r\n          isActive ? \", current step\" : isCompleted ? \", completed\" : \"\"\r\n        }`;\r\n\r\n        const stepAriaLabel = getStepAriaLabel\r\n          ? getStepAriaLabel(step, index, stepCount, isActive, isCompleted)\r\n          : defaultStepLabel;\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={stepAriaLabel}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled ? true : undefined}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={isInteractive ? 0 : -1}\r\n              onClick={() => {\r\n                if (!isDisabled) {\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\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          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepperBase.displayName = \"StepperBase\";\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\nStepper.displayName = \"Stepper\";\r\nexport default Stepper;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Stepper-CLfy0_gZ.js","sources":["../../src/components/Stepper/StepperBase.tsx","../../src/components/Stepper/core/Stepper.tsx"],"sourcesContent":["import React from \"react\";\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\nimport { StepperBaseProps } from \"./Stepper.types\";\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  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  groupLabel = \"Progress Stepper\",\r\n  getStepAriaLabel,\r\n  classMap,\r\n  className,\r\n  IconButtonComponent,\r\n}) => {\r\n  const stepCount = steps.length;\r\n  const fallbackGroupLabelId = `${testId}-label`;\r\n\r\n  const resolvedAriaLabelledBy = ariaLabelledBy\r\n    ? ariaLabelledBy\r\n    : !ariaLabel\r\n      ? fallbackGroupLabelId\r\n      : undefined;\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-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={resolvedAriaLabelledBy}\r\n      aria-describedby={ariaDescribedBy}\r\n      data-testid={testId}\r\n    >\r\n      {!ariaLabel && !ariaLabelledBy && (\r\n        <span id={fallbackGroupLabelId} className=\"sr_only\">\r\n          {groupLabel}\r\n        </span>\r\n      )}\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 isInteractive = !!onStepClick && !isDisabled;\r\n        const stepId = `${testId}-step-${index}`;\r\n\r\n        const defaultStepLabel = `Step ${index + 1} of ${stepCount}: ${step.label}${\r\n          isActive ? \", current step\" : isCompleted ? \", completed\" : \"\"\r\n        }`;\r\n\r\n        const stepAriaLabel = getStepAriaLabel\r\n          ? getStepAriaLabel(step, index, stepCount, isActive, isCompleted)\r\n          : defaultStepLabel;\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={stepAriaLabel}\r\n              aria-current={isActive ? \"step\" : undefined}\r\n              aria-disabled={isDisabled ? true : undefined}\r\n              data-testid={`${stepId}-icon`}\r\n              tabIndex={isInteractive ? 0 : -1}\r\n              onClick={() => {\r\n                if (!isDisabled) {\r\n                  onStepClick?.(index);\r\n                }\r\n              }}\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          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepperBase.displayName = \"StepperBase\";\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\nStepper.displayName = \"Stepper\";\r\nexport default Stepper;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Stepper.js

@@ -1,4 +1,4 @@
-import { S } from "./Stepper-SDJM-Jju.js";
+import { S } from "./Stepper-CLfy0_gZ.js";
 export {
   S as default
 };

package/dist/core/{Tabs-B4HRqGuB.js → Tabs-DBqWn9j9.js}

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useId, useMemo, useState, useRef, useEffect } from "react";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { d as getDefaultTheme, c as getDefaultSize, b as getDefaultShadow, a as getDefaultRounding } from "./boreal-style-config-DsaRlxmw.js";
+import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme, c as getDefaultSize } from "./boreal-style-config-DsaRlxmw.js";
 const getClass = (classMap, keys) => {
   for (const k of keys) {
     const v = classMap[k];
@@ -233,4 +233,4 @@ Tabs.displayName = "Tabs";
 export {
   Tabs as T
 };
-//# sourceMappingURL=Tabs-B4HRqGuB.js.map
+//# sourceMappingURL=Tabs-DBqWn9j9.js.map

package/dist/core/{Tabs-B4HRqGuB.js.map → Tabs-DBqWn9j9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Tabs-B4HRqGuB.js","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/core/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState, useId } from \"react\";\r\nimport { BaseTabsProps } 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\ntype Dir = 1 | -1;\r\n\r\nconst getClass = (\r\n  classMap: Record<string, string>,\r\n  keys: string[],\r\n): string | undefined => {\r\n  for (const k of keys) {\r\n    const v = classMap[k];\r\n    if (typeof v === \"string\" && v.length > 0) return v;\r\n  }\r\n  return undefined;\r\n};\r\n\r\nconst TabsBase: React.FC<BaseTabsProps> = ({\r\n  tabs,\r\n  defaultIndex = 0,\r\n  value,\r\n  onChange,\r\n  \"aria-label\": ariaLabel = \"Tabs\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  tabListId,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  orientation = \"horizontal\",\r\n  activationMode = \"auto\",\r\n  idBase,\r\n  \"data-testid\": testId = \"tabs\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const baseId = useMemo<string>(() => {\r\n    return idBase ?? `${testId}-${uid}`;\r\n  }, [idBase, testId, uid]);\r\n\r\n  const isControlled: boolean = typeof value === \"number\";\r\n\r\n  const [uncontrolledIndex, setUncontrolledIndex] =\r\n    useState<number>(defaultIndex);\r\n\r\n  const activeIndex: number = isControlled\r\n    ? (value as number)\r\n    : uncontrolledIndex;\r\n\r\n  const [focusIndex, setFocusIndex] = useState<number>(defaultIndex);\r\n\r\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\r\n\r\n  useEffect(() => {\r\n    const current = activationMode === \"manual\" ? focusIndex : activeIndex;\r\n\r\n    tabRefs.current.forEach((el, i) => {\r\n      if (!el) return;\r\n      el.setAttribute(\"tabindex\", i === current ? \"0\" : \"-1\");\r\n    });\r\n\r\n    tabRefs.current[current]?.focus();\r\n  }, [activeIndex, focusIndex, activationMode]);\r\n\r\n  useEffect(() => {\r\n    if (isControlled) setFocusIndex(activeIndex);\r\n  }, [activeIndex, isControlled]);\r\n\r\n  const containerClassNames = useMemo(() => {\r\n    const containerClass =\r\n      getClass(classMap, [\"container\", \"tabsContainer\", \"tabs_container\"]) ??\r\n      \"\";\r\n    const themeClass = classMap[theme] ?? \"\";\r\n    const stateClass = state ? (classMap[state] ?? \"\") : \"\";\r\n    const sizeClass = classMap[size] ?? \"\";\r\n\r\n    return combineClassNames(\r\n      containerClass,\r\n      themeClass,\r\n      stateClass,\r\n      sizeClass,\r\n      className,\r\n    );\r\n  }, [classMap, theme, state, size, className]);\r\n\r\n  const tabBaseClassNames = useMemo(() => {\r\n    const tabClass = getClass(classMap, [\"tab\", \"tabs_tab\"]) ?? \"\";\r\n    const shadowClass = shadow\r\n      ? (classMap[`shadow${capitalize(shadow)}`] ??\r\n        classMap[`tabs_shadow-${capitalize(shadow)}`])\r\n      : \"\";\r\n    const roundingClass = rounding\r\n      ? (classMap[`round${capitalize(rounding)}`] ??\r\n        classMap[`tabs_round-${capitalize(rounding)}`])\r\n      : \"\";\r\n\r\n    return combineClassNames(tabClass, shadowClass, roundingClass);\r\n  }, [classMap, shadow, rounding]);\r\n\r\n  const activeClass = useMemo(() => {\r\n    return getClass(classMap, [\"active\", \"tabs_active\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const disabledClass = useMemo(() => {\r\n    return getClass(classMap, [\"disabled\", \"tabs_disabled\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const iconClass = useMemo(() => {\r\n    return getClass(classMap, [\"icon\", \"tabs_icon\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const tabListClass = useMemo(() => {\r\n    return getClass(classMap, [\"tabs\", \"tabs\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const isDisabled = (index: number): boolean => Boolean(tabs[index]?.disabled);\r\n\r\n  const nextEnabled = (start: number, dir: Dir): number => {\r\n    const len = tabs.length;\r\n    let i = start;\r\n\r\n    for (let n = 0; n < len; n++) {\r\n      i = (i + dir + len) % len;\r\n      if (!isDisabled(i)) return i;\r\n    }\r\n\r\n    return start;\r\n  };\r\n\r\n  const activate = (index: number): void => {\r\n    if (isDisabled(index)) return;\r\n\r\n    if (!isControlled) setUncontrolledIndex(index);\r\n    onChange?.(index);\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n    const horiz = orientation === \"horizontal\";\r\n    const { key } = event;\r\n\r\n    let newFocus = focusIndex;\r\n\r\n    if (horiz && key === \"ArrowRight\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (horiz && key === \"ArrowLeft\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (!horiz && key === \"ArrowDown\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (!horiz && key === \"ArrowUp\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (key === \"Home\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(-1, 1);\r\n    } else if (key === \"End\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(0, -1);\r\n    } else if (\r\n      activationMode === \"manual\" &&\r\n      (key === \"Enter\" || key === \" \")\r\n    ) {\r\n      event.preventDefault();\r\n      if (!isDisabled(focusIndex)) activate(focusIndex);\r\n      return;\r\n    } else {\r\n      return;\r\n    }\r\n\r\n    setFocusIndex(newFocus);\r\n    if (activationMode === \"auto\") activate(newFocus);\r\n  };\r\n\r\n  return (\r\n    <div className={containerClassNames} data-testid={testId}>\r\n      <div\r\n        id={tabListId}\r\n        className={tabListClass}\r\n        aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-live={ariaLive}\r\n        role=\"tablist\"\r\n        aria-orientation={orientation}\r\n        onKeyDown={onKeyDown}\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          const disabled = isDisabled(index);\r\n          const generatedTabId = `${baseId}-tab-${index}`;\r\n          const tabId = tab.id ?? generatedTabId;\r\n          return (\r\n            <button\r\n              key={`${tab.label}-${index}`}\r\n              ref={(el) => {\r\n                tabRefs.current[index] = el;\r\n              }}\r\n              className={combineClassNames(\r\n                tabBaseClassNames,\r\n                isActive && activeClass,\r\n                disabled && disabledClass,\r\n              )}\r\n              role=\"tab\"\r\n              type=\"button\"\r\n              aria-selected={isActive}\r\n              aria-label={tab[\"aria-label\"]}\r\n              aria-describedby={tab[\"aria-describedby\"]}\r\n              id={tabId}\r\n              aria-disabled={disabled || undefined}\r\n              onClick={() => {\r\n                if (disabled) return;\r\n                setFocusIndex(index);\r\n                activate(index);\r\n              }}\r\n              data-testid={`${testId}-tab-${index}`}\r\n            >\r\n              {Icon && (\r\n                <span\r\n                  className={iconClass}\r\n                  aria-hidden=\"true\"\r\n                  data-testid={`${testId}-icon-${index}`}\r\n                >\r\n                  <Icon />\r\n                </span>\r\n              )}\r\n              {tab.label}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTabsBase.displayName = \"TabsBase\";\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  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  small: \"tabs_small\",\r\n  medium: \"tabs_medium\",\r\n  large: \"tabs_large\",\r\n  xl: \"tabs_xl\",\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\nTabs.displayName = \"Tabs\";\r\nexport default Tabs;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs-DBqWn9j9.js","sources":["../../src/components/Tabs/TabsBase.tsx","../../src/components/Tabs/core/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState, useId } from \"react\";\r\nimport { BaseTabsProps } 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\ntype Dir = 1 | -1;\r\n\r\nconst getClass = (\r\n  classMap: Record<string, string>,\r\n  keys: string[],\r\n): string | undefined => {\r\n  for (const k of keys) {\r\n    const v = classMap[k];\r\n    if (typeof v === \"string\" && v.length > 0) return v;\r\n  }\r\n  return undefined;\r\n};\r\n\r\nconst TabsBase: React.FC<BaseTabsProps> = ({\r\n  tabs,\r\n  defaultIndex = 0,\r\n  value,\r\n  onChange,\r\n  \"aria-label\": ariaLabel = \"Tabs\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-live\": ariaLive,\r\n  tabListId,\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  orientation = \"horizontal\",\r\n  activationMode = \"auto\",\r\n  idBase,\r\n  \"data-testid\": testId = \"tabs\",\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n\r\n  const baseId = useMemo<string>(() => {\r\n    return idBase ?? `${testId}-${uid}`;\r\n  }, [idBase, testId, uid]);\r\n\r\n  const isControlled: boolean = typeof value === \"number\";\r\n\r\n  const [uncontrolledIndex, setUncontrolledIndex] =\r\n    useState<number>(defaultIndex);\r\n\r\n  const activeIndex: number = isControlled\r\n    ? (value as number)\r\n    : uncontrolledIndex;\r\n\r\n  const [focusIndex, setFocusIndex] = useState<number>(defaultIndex);\r\n\r\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\r\n\r\n  useEffect(() => {\r\n    const current = activationMode === \"manual\" ? focusIndex : activeIndex;\r\n\r\n    tabRefs.current.forEach((el, i) => {\r\n      if (!el) return;\r\n      el.setAttribute(\"tabindex\", i === current ? \"0\" : \"-1\");\r\n    });\r\n\r\n    tabRefs.current[current]?.focus();\r\n  }, [activeIndex, focusIndex, activationMode]);\r\n\r\n  useEffect(() => {\r\n    if (isControlled) setFocusIndex(activeIndex);\r\n  }, [activeIndex, isControlled]);\r\n\r\n  const containerClassNames = useMemo(() => {\r\n    const containerClass =\r\n      getClass(classMap, [\"container\", \"tabsContainer\", \"tabs_container\"]) ??\r\n      \"\";\r\n    const themeClass = classMap[theme] ?? \"\";\r\n    const stateClass = state ? (classMap[state] ?? \"\") : \"\";\r\n    const sizeClass = classMap[size] ?? \"\";\r\n\r\n    return combineClassNames(\r\n      containerClass,\r\n      themeClass,\r\n      stateClass,\r\n      sizeClass,\r\n      className,\r\n    );\r\n  }, [classMap, theme, state, size, className]);\r\n\r\n  const tabBaseClassNames = useMemo(() => {\r\n    const tabClass = getClass(classMap, [\"tab\", \"tabs_tab\"]) ?? \"\";\r\n    const shadowClass = shadow\r\n      ? (classMap[`shadow${capitalize(shadow)}`] ??\r\n        classMap[`tabs_shadow-${capitalize(shadow)}`])\r\n      : \"\";\r\n    const roundingClass = rounding\r\n      ? (classMap[`round${capitalize(rounding)}`] ??\r\n        classMap[`tabs_round-${capitalize(rounding)}`])\r\n      : \"\";\r\n\r\n    return combineClassNames(tabClass, shadowClass, roundingClass);\r\n  }, [classMap, shadow, rounding]);\r\n\r\n  const activeClass = useMemo(() => {\r\n    return getClass(classMap, [\"active\", \"tabs_active\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const disabledClass = useMemo(() => {\r\n    return getClass(classMap, [\"disabled\", \"tabs_disabled\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const iconClass = useMemo(() => {\r\n    return getClass(classMap, [\"icon\", \"tabs_icon\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const tabListClass = useMemo(() => {\r\n    return getClass(classMap, [\"tabs\", \"tabs\"]) ?? \"\";\r\n  }, [classMap]);\r\n\r\n  const isDisabled = (index: number): boolean => Boolean(tabs[index]?.disabled);\r\n\r\n  const nextEnabled = (start: number, dir: Dir): number => {\r\n    const len = tabs.length;\r\n    let i = start;\r\n\r\n    for (let n = 0; n < len; n++) {\r\n      i = (i + dir + len) % len;\r\n      if (!isDisabled(i)) return i;\r\n    }\r\n\r\n    return start;\r\n  };\r\n\r\n  const activate = (index: number): void => {\r\n    if (isDisabled(index)) return;\r\n\r\n    if (!isControlled) setUncontrolledIndex(index);\r\n    onChange?.(index);\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n    const horiz = orientation === \"horizontal\";\r\n    const { key } = event;\r\n\r\n    let newFocus = focusIndex;\r\n\r\n    if (horiz && key === \"ArrowRight\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (horiz && key === \"ArrowLeft\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (!horiz && key === \"ArrowDown\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, 1);\r\n    } else if (!horiz && key === \"ArrowUp\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(focusIndex, -1);\r\n    } else if (key === \"Home\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(-1, 1);\r\n    } else if (key === \"End\") {\r\n      event.preventDefault();\r\n      newFocus = nextEnabled(0, -1);\r\n    } else if (\r\n      activationMode === \"manual\" &&\r\n      (key === \"Enter\" || key === \" \")\r\n    ) {\r\n      event.preventDefault();\r\n      if (!isDisabled(focusIndex)) activate(focusIndex);\r\n      return;\r\n    } else {\r\n      return;\r\n    }\r\n\r\n    setFocusIndex(newFocus);\r\n    if (activationMode === \"auto\") activate(newFocus);\r\n  };\r\n\r\n  return (\r\n    <div className={containerClassNames} data-testid={testId}>\r\n      <div\r\n        id={tabListId}\r\n        className={tabListClass}\r\n        aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-live={ariaLive}\r\n        role=\"tablist\"\r\n        aria-orientation={orientation}\r\n        onKeyDown={onKeyDown}\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          const disabled = isDisabled(index);\r\n          const generatedTabId = `${baseId}-tab-${index}`;\r\n          const tabId = tab.id ?? generatedTabId;\r\n          return (\r\n            <button\r\n              key={`${tab.label}-${index}`}\r\n              ref={(el) => {\r\n                tabRefs.current[index] = el;\r\n              }}\r\n              className={combineClassNames(\r\n                tabBaseClassNames,\r\n                isActive && activeClass,\r\n                disabled && disabledClass,\r\n              )}\r\n              role=\"tab\"\r\n              type=\"button\"\r\n              aria-selected={isActive}\r\n              aria-label={tab[\"aria-label\"]}\r\n              aria-describedby={tab[\"aria-describedby\"]}\r\n              id={tabId}\r\n              aria-disabled={disabled || undefined}\r\n              onClick={() => {\r\n                if (disabled) return;\r\n                setFocusIndex(index);\r\n                activate(index);\r\n              }}\r\n              data-testid={`${testId}-tab-${index}`}\r\n            >\r\n              {Icon && (\r\n                <span\r\n                  className={iconClass}\r\n                  aria-hidden=\"true\"\r\n                  data-testid={`${testId}-icon-${index}`}\r\n                >\r\n                  <Icon />\r\n                </span>\r\n              )}\r\n              {tab.label}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTabsBase.displayName = \"TabsBase\";\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  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  small: \"tabs_small\",\r\n  medium: \"tabs_medium\",\r\n  large: \"tabs_large\",\r\n  xl: \"tabs_xl\",\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\nTabs.displayName = \"Tabs\";\r\nexport default Tabs;\r\n"],"names":[],"mappings":"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"}

package/dist/core/Tabs.js

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

package/dist/core/{TagInput-CcuMIlmi.js → TagInput-YieWARAt.js}

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "./IconButton-ChJJCB4O.js";
-import { T as TextInput } from "./TextInput-BaiDGrKw.js";
+import { I as IconButton } from "./IconButton-By8zuXrs.js";
+import { T as TextInput } from "./TextInput-Bc2YpcvM.js";
 import { useId, useState, useRef, useEffect, useMemo } from "react";
 import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 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-DsaRlxmw.js";
+import { d as getDefaultTheme, c as getDefaultSize, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 const EMPTY_TAGS = [];
 const TagInputBase = ({
   tags = EMPTY_TAGS,
@@ -334,4 +334,4 @@ TagInput.displayName = "TagInput";
 export {
   TagInput as T
 };
-//# sourceMappingURL=TagInput-CcuMIlmi.js.map
+//# sourceMappingURL=TagInput-YieWARAt.js.map

package/dist/core/{TagInput-CcuMIlmi.js.map → TagInput-YieWARAt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TagInput-CcuMIlmi.js","sources":["../../src/components/TagInput/TagInputBase.tsx","../../src/components/TagInput/core/TagInput.tsx"],"sourcesContent":["import React, {\r\n  useId,\r\n  useState,\r\n  KeyboardEvent,\r\n  useMemo,\r\n  useEffect,\r\n  useRef,\r\n} from \"react\";\r\nimport { TagInputBaseProps } from \"./TagInput.types\";\r\nimport { CloseIcon } from \"../../Icons\";\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 EMPTY_TAGS: string[] = [];\r\n\r\nconst TagInputBase: React.FC<TagInputBaseProps> = ({\r\n  tags = EMPTY_TAGS,\r\n  \"aria-label\": ariaLabel = \"Tag Input\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-description\":\r\n    ariaDescription = \"Type a tag and press Enter or comma to add. Use arrow keys to navigate suggestions; Enter to select; Escape to close. Backspace removes the last tag when the field is empty.\",\r\n  inputAriaLabel = \"Add new tag\",\r\n  inputAriaLabelledBy,\r\n  inputAriaDescribedBy,\r\n  suggestionsAriaLabel = \"Tag suggestions\",\r\n  removeTagButtonLabel = \"Remove tag\",\r\n  onChange,\r\n  fetchSuggestions,\r\n  debounceMs = 300,\r\n  placeholder = \"Add a tag...\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  idBase,\r\n  \"data-testid\": testId = \"tag-input\",\r\n  classMap,\r\n  IconButton,\r\n  TextInput,\r\n}) => {\r\n  const uid = useId();\r\n  const baseId = idBase || testId || `tag-input-${uid}`;\r\n\r\n  const inputId = `${baseId}-input`;\r\n  const descId = `${baseId}-desc`;\r\n  const labelId = `${baseId}-label`;\r\n  const listboxId = `${baseId}-listbox`;\r\n  const statusId = `${baseId}-status`;\r\n\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const [internalTags, setInternalTags] = useState<string[]>(tags);\r\n  const [lastAction, setLastAction] = useState<string>(\"\");\r\n  const [suggestions, setSuggestions] = useState<string[]>([]);\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  useEffect(() => {\r\n    setInternalTags((prev) => {\r\n      if (\r\n        prev.length === tags.length &&\r\n        prev.every((tag, index) => tag === tags[index])\r\n      ) {\r\n        return prev;\r\n      }\r\n\r\n      return tags;\r\n    });\r\n  }, [tags]);\r\n\r\n  const tagList = internalTags;\r\n\r\n  const hasTag = (val: string) =>\r\n    tagList.some((t) => t.toLowerCase() === val.toLowerCase());\r\n\r\n  useEffect(() => {\r\n    if (!fetchSuggestions) {\r\n      setSuggestions([]);\r\n      setOpen(false);\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const query = inputValue.trim();\r\n    if (!query) {\r\n      setSuggestions([]);\r\n      setOpen(false);\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    debounceRef.current = setTimeout(async () => {\r\n      try {\r\n        const result = await fetchSuggestions(query);\r\n        setSuggestions(result || []);\r\n        setOpen((result?.length ?? 0) > 0);\r\n        setActiveIndex((result?.length ?? 0) > 0 ? 0 : -1);\r\n      } catch {\r\n        setSuggestions([]);\r\n        setOpen(false);\r\n        setActiveIndex(-1);\r\n      }\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [inputValue, fetchSuggestions, debounceMs]);\r\n\r\n  const emitChange = (updated: string[]): void => {\r\n    setInternalTags(updated);\r\n    onChange?.(updated);\r\n  };\r\n\r\n  const addTag = (raw: string) => {\r\n    const newTag = raw.trim();\r\n    if (!newTag || hasTag(newTag)) return false;\r\n\r\n    const updated = [...tagList, newTag];\r\n    emitChange(updated);\r\n    setLastAction(`Added tag ${newTag}.`);\r\n    return true;\r\n  };\r\n\r\n  const removeTag = (tag: string) => {\r\n    const updated = tagList.filter((t) => t !== tag);\r\n    emitChange(updated);\r\n    setLastAction(`Removed tag ${tag}.`);\r\n  };\r\n\r\n  const clearSuggestions = (): void => {\r\n    setSuggestions([]);\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n  };\r\n\r\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n    const { key } = event;\r\n\r\n    if (open && suggestions.length > 0) {\r\n      if (key === \"ArrowDown\") {\r\n        event.preventDefault();\r\n        setActiveIndex((i) => (i + 1) % suggestions.length);\r\n        return;\r\n      }\r\n\r\n      if (key === \"ArrowUp\") {\r\n        event.preventDefault();\r\n        setActiveIndex(\r\n          (i) => (i - 1 + suggestions.length) % suggestions.length,\r\n        );\r\n        return;\r\n      }\r\n\r\n      if (key === \"Enter\") {\r\n        event.preventDefault();\r\n        const choice = suggestions[activeIndex];\r\n        if (choice && addTag(choice)) {\r\n          setInputValue(\"\");\r\n        }\r\n        clearSuggestions();\r\n        return;\r\n      }\r\n\r\n      if (key === \"Escape\") {\r\n        event.preventDefault();\r\n        clearSuggestions();\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (key === \"Enter\" || key === \",\") {\r\n      event.preventDefault();\r\n      if (addTag(inputValue)) setInputValue(\"\");\r\n      clearSuggestions();\r\n      return;\r\n    }\r\n\r\n    if (key === \"Backspace\" && inputValue === \"\" && tagList.length > 0) {\r\n      const last = tagList[tagList.length - 1];\r\n      removeTag(last);\r\n    }\r\n  };\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tagInput,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n      ),\r\n    [classMap, theme, state, size],\r\n  );\r\n\r\n  const tagClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tag,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  const handleSuggestionClick = (suggestion: string): void => {\r\n    if (addTag(suggestion)) setInputValue(\"\");\r\n    clearSuggestions();\r\n  };\r\n\r\n  const activeOptionId =\r\n    open && activeIndex >= 0 ? `${listboxId}-opt-${activeIndex}` : undefined;\r\n\r\n  const groupDescribedBy = [descId, statusId, ariaDescribedBy]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  const inputDescribedBy = [descId, statusId, inputAriaDescribedBy]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"group\"\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy || labelId}\r\n      aria-describedby={groupDescribedBy || undefined}\r\n      data-testid={testId}\r\n    >\r\n      {!ariaLabelledBy && (\r\n        <label id={labelId} className=\"sr_only\">\r\n          {ariaLabel}\r\n        </label>\r\n      )}\r\n\r\n      <div\r\n        id={descId}\r\n        className=\"sr_only\"\r\n        data-testid={`${testId}-description`}\r\n      >\r\n        {ariaDescription}\r\n      </div>\r\n\r\n      <ul className={classMap.tagContainer} data-testid={`${testId}-list`}>\r\n        {tagList.map((tag, index) => (\r\n          <li\r\n            key={`${tag}-${index}`}\r\n            className={tagClass}\r\n            role=\"listitem\"\r\n            data-testid={`${testId}-tag-${index}`}\r\n          >\r\n            <span className={classMap.tagLabel}>{tag}</span>\r\n            <IconButton\r\n              type=\"button\"\r\n              aria-label={`${removeTagButtonLabel} ${tag}`}\r\n              className={classMap.removeButton}\r\n              onClick={() => removeTag(tag)}\r\n              data-testid={`${testId}-remove-${index}`}\r\n              icon={CloseIcon}\r\n              size=\"small\"\r\n              theme=\"clear\"\r\n              shadow=\"none\"\r\n              iconClassName={classMap.removeButtonIcon}\r\n              disabled={false}\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <TextInput\r\n          id={inputId}\r\n          type=\"text\"\r\n          theme={theme}\r\n          state={state}\r\n          rounding={rounding}\r\n          shadow={shadow}\r\n          className={classMap.input}\r\n          value={inputValue}\r\n          placeholder={tagList.length === 0 ? placeholder : \"\"}\r\n          onChange={(val: string) => setInputValue(val)}\r\n          onKeyDown={handleKeyDown}\r\n          autoComplete=\"off\"\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-expanded={open}\r\n          aria-controls={listboxId}\r\n          aria-activedescendant={activeOptionId}\r\n          aria-label={inputAriaLabelledBy ? undefined : inputAriaLabel}\r\n          aria-labelledby={inputAriaLabelledBy}\r\n          aria-describedby={inputDescribedBy || undefined}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n      </div>\r\n\r\n      {open && suggestions.length > 0 && (\r\n        <ul\r\n          className={classMap.suggestionList}\r\n          role=\"listbox\"\r\n          id={listboxId}\r\n          aria-label={suggestionsAriaLabel}\r\n          data-testid={`${testId}-suggestions`}\r\n        >\r\n          {suggestions.map((suggestion, index) => (\r\n            <li\r\n              key={`${suggestion}-${index}`}\r\n              id={`${listboxId}-opt-${index}`}\r\n              className={combineClassNames(\r\n                classMap.suggestionItem,\r\n                index === activeIndex && (classMap.active || \"\"),\r\n              )}\r\n              role=\"option\"\r\n              aria-selected={index === activeIndex}\r\n              onMouseDown={(e) => e.preventDefault()}\r\n              onClick={() => handleSuggestionClick(suggestion)}\r\n              data-testid={`${testId}-suggestion-${index}`}\r\n            >\r\n              {suggestion}\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      )}\r\n\r\n      <div id={statusId} aria-live=\"polite\" className=\"sr_only\">\r\n        {open && suggestions.length > 0\r\n          ? `${suggestions.length} suggestion${suggestions.length === 1 ? \"\" : \"s\"} available.`\r\n          : \"\"}\r\n        {lastAction}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTagInputBase.displayName = \"TagInputBase\";\r\nexport default TagInputBase;\r\n","import React from \"react\";\r\nimport \"./TagInput.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport TagInputBase from \"../TagInputBase\";\r\nimport { TagInputProps } from \"../TagInput.types\";\r\n\r\nconst classes = {\r\n  tagInput: \"tag_input\",\r\n  tagContainer: \"tag_input_tag_container\",\r\n  tag: \"tag_input_tag\",\r\n  tagLabel: \"tag_input_tag_label\",\r\n  removeButton: \"tag_input_remove_button\",\r\n  removeButtonIcon: \"tag_input_remove_button_icon\",\r\n  inputWrapper: \"tag_input_input_wrapper\",\r\n  input: \"tag_input_input\",\r\n  suggestionList: \"tag_input_suggestion_list\",\r\n  suggestionItem: \"tag_input_suggestion_item\",\r\n\r\n  primary: \"tag_input_primary\",\r\n  secondary: \"tag_input_secondary\",\r\n  tertiary: \"tag_input_tertiary\",\r\n  quaternary: \"tag_input_quaternary\",\r\n\r\n  success: \"tag_input_success\",\r\n  warning: \"tag_input_warning\",\r\n  error: \"tag_input_error\",\r\n\r\n  clear: \"tag_input_clear\",\r\n\r\n  xs: \"tag_input_xs\",\r\n  small: \"tag_input_small\",\r\n  medium: \"tag_input_medium\",\r\n  large: \"tag_input_large\",\r\n  xl: \"tag_input_xl\",\r\n\r\n  shadowNone: \"tag_shadow-None\",\r\n  shadowLight: \"tag_shadow-Light\",\r\n  shadowMedium: \"tag_shadow-Medium\",\r\n  shadowStrong: \"tag_shadow-Strong\",\r\n  shadowIntense: \"tag_shadow-Intense\",\r\n\r\n  roundNone: \"tag_round-None\",\r\n  roundSmall: \"tag_round-Small\",\r\n  roundMedium: \"tag_round-Medium\",\r\n  roundLarge: \"tag_round-Large\",\r\n};\r\n\r\nconst TagInput: React.FC<TagInputProps> = (props) => {\r\n  return (\r\n    <TagInputBase\r\n      {...props}\r\n      classMap={classes}\r\n      IconButton={IconButton}\r\n      TextInput={TextInput}\r\n    />\r\n  );\r\n};\r\nTagInput.displayName = \"TagInput\";\r\nexport default TagInput;\r\n"],"names":["IconButton","TextInput"],"mappings":"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"}
+{"version":3,"file":"TagInput-YieWARAt.js","sources":["../../src/components/TagInput/TagInputBase.tsx","../../src/components/TagInput/core/TagInput.tsx"],"sourcesContent":["import React, {\r\n  useId,\r\n  useState,\r\n  KeyboardEvent,\r\n  useMemo,\r\n  useEffect,\r\n  useRef,\r\n} from \"react\";\r\nimport { TagInputBaseProps } from \"./TagInput.types\";\r\nimport { CloseIcon } from \"../../Icons\";\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 EMPTY_TAGS: string[] = [];\r\n\r\nconst TagInputBase: React.FC<TagInputBaseProps> = ({\r\n  tags = EMPTY_TAGS,\r\n  \"aria-label\": ariaLabel = \"Tag Input\",\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-description\":\r\n    ariaDescription = \"Type a tag and press Enter or comma to add. Use arrow keys to navigate suggestions; Enter to select; Escape to close. Backspace removes the last tag when the field is empty.\",\r\n  inputAriaLabel = \"Add new tag\",\r\n  inputAriaLabelledBy,\r\n  inputAriaDescribedBy,\r\n  suggestionsAriaLabel = \"Tag suggestions\",\r\n  removeTagButtonLabel = \"Remove tag\",\r\n  onChange,\r\n  fetchSuggestions,\r\n  debounceMs = 300,\r\n  placeholder = \"Add a tag...\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  idBase,\r\n  \"data-testid\": testId = \"tag-input\",\r\n  classMap,\r\n  IconButton,\r\n  TextInput,\r\n}) => {\r\n  const uid = useId();\r\n  const baseId = idBase || testId || `tag-input-${uid}`;\r\n\r\n  const inputId = `${baseId}-input`;\r\n  const descId = `${baseId}-desc`;\r\n  const labelId = `${baseId}-label`;\r\n  const listboxId = `${baseId}-listbox`;\r\n  const statusId = `${baseId}-status`;\r\n\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const [internalTags, setInternalTags] = useState<string[]>(tags);\r\n  const [lastAction, setLastAction] = useState<string>(\"\");\r\n  const [suggestions, setSuggestions] = useState<string[]>([]);\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  useEffect(() => {\r\n    setInternalTags((prev) => {\r\n      if (\r\n        prev.length === tags.length &&\r\n        prev.every((tag, index) => tag === tags[index])\r\n      ) {\r\n        return prev;\r\n      }\r\n\r\n      return tags;\r\n    });\r\n  }, [tags]);\r\n\r\n  const tagList = internalTags;\r\n\r\n  const hasTag = (val: string) =>\r\n    tagList.some((t) => t.toLowerCase() === val.toLowerCase());\r\n\r\n  useEffect(() => {\r\n    if (!fetchSuggestions) {\r\n      setSuggestions([]);\r\n      setOpen(false);\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const query = inputValue.trim();\r\n    if (!query) {\r\n      setSuggestions([]);\r\n      setOpen(false);\r\n      setActiveIndex(-1);\r\n      return;\r\n    }\r\n\r\n    debounceRef.current = setTimeout(async () => {\r\n      try {\r\n        const result = await fetchSuggestions(query);\r\n        setSuggestions(result || []);\r\n        setOpen((result?.length ?? 0) > 0);\r\n        setActiveIndex((result?.length ?? 0) > 0 ? 0 : -1);\r\n      } catch {\r\n        setSuggestions([]);\r\n        setOpen(false);\r\n        setActiveIndex(-1);\r\n      }\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [inputValue, fetchSuggestions, debounceMs]);\r\n\r\n  const emitChange = (updated: string[]): void => {\r\n    setInternalTags(updated);\r\n    onChange?.(updated);\r\n  };\r\n\r\n  const addTag = (raw: string) => {\r\n    const newTag = raw.trim();\r\n    if (!newTag || hasTag(newTag)) return false;\r\n\r\n    const updated = [...tagList, newTag];\r\n    emitChange(updated);\r\n    setLastAction(`Added tag ${newTag}.`);\r\n    return true;\r\n  };\r\n\r\n  const removeTag = (tag: string) => {\r\n    const updated = tagList.filter((t) => t !== tag);\r\n    emitChange(updated);\r\n    setLastAction(`Removed tag ${tag}.`);\r\n  };\r\n\r\n  const clearSuggestions = (): void => {\r\n    setSuggestions([]);\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n  };\r\n\r\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n    const { key } = event;\r\n\r\n    if (open && suggestions.length > 0) {\r\n      if (key === \"ArrowDown\") {\r\n        event.preventDefault();\r\n        setActiveIndex((i) => (i + 1) % suggestions.length);\r\n        return;\r\n      }\r\n\r\n      if (key === \"ArrowUp\") {\r\n        event.preventDefault();\r\n        setActiveIndex(\r\n          (i) => (i - 1 + suggestions.length) % suggestions.length,\r\n        );\r\n        return;\r\n      }\r\n\r\n      if (key === \"Enter\") {\r\n        event.preventDefault();\r\n        const choice = suggestions[activeIndex];\r\n        if (choice && addTag(choice)) {\r\n          setInputValue(\"\");\r\n        }\r\n        clearSuggestions();\r\n        return;\r\n      }\r\n\r\n      if (key === \"Escape\") {\r\n        event.preventDefault();\r\n        clearSuggestions();\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (key === \"Enter\" || key === \",\") {\r\n      event.preventDefault();\r\n      if (addTag(inputValue)) setInputValue(\"\");\r\n      clearSuggestions();\r\n      return;\r\n    }\r\n\r\n    if (key === \"Backspace\" && inputValue === \"\" && tagList.length > 0) {\r\n      const last = tagList[tagList.length - 1];\r\n      removeTag(last);\r\n    }\r\n  };\r\n\r\n  const wrapperClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tagInput,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n      ),\r\n    [classMap, theme, state, size],\r\n  );\r\n\r\n  const tagClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.tag,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n      ),\r\n    [classMap, shadow, rounding],\r\n  );\r\n\r\n  const handleSuggestionClick = (suggestion: string): void => {\r\n    if (addTag(suggestion)) setInputValue(\"\");\r\n    clearSuggestions();\r\n  };\r\n\r\n  const activeOptionId =\r\n    open && activeIndex >= 0 ? `${listboxId}-opt-${activeIndex}` : undefined;\r\n\r\n  const groupDescribedBy = [descId, statusId, ariaDescribedBy]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  const inputDescribedBy = [descId, statusId, inputAriaDescribedBy]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"group\"\r\n      aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n      aria-labelledby={ariaLabelledBy || labelId}\r\n      aria-describedby={groupDescribedBy || undefined}\r\n      data-testid={testId}\r\n    >\r\n      {!ariaLabelledBy && (\r\n        <label id={labelId} className=\"sr_only\">\r\n          {ariaLabel}\r\n        </label>\r\n      )}\r\n\r\n      <div\r\n        id={descId}\r\n        className=\"sr_only\"\r\n        data-testid={`${testId}-description`}\r\n      >\r\n        {ariaDescription}\r\n      </div>\r\n\r\n      <ul className={classMap.tagContainer} data-testid={`${testId}-list`}>\r\n        {tagList.map((tag, index) => (\r\n          <li\r\n            key={`${tag}-${index}`}\r\n            className={tagClass}\r\n            role=\"listitem\"\r\n            data-testid={`${testId}-tag-${index}`}\r\n          >\r\n            <span className={classMap.tagLabel}>{tag}</span>\r\n            <IconButton\r\n              type=\"button\"\r\n              aria-label={`${removeTagButtonLabel} ${tag}`}\r\n              className={classMap.removeButton}\r\n              onClick={() => removeTag(tag)}\r\n              data-testid={`${testId}-remove-${index}`}\r\n              icon={CloseIcon}\r\n              size=\"small\"\r\n              theme=\"clear\"\r\n              shadow=\"none\"\r\n              iconClassName={classMap.removeButtonIcon}\r\n              disabled={false}\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <TextInput\r\n          id={inputId}\r\n          type=\"text\"\r\n          theme={theme}\r\n          state={state}\r\n          rounding={rounding}\r\n          shadow={shadow}\r\n          className={classMap.input}\r\n          value={inputValue}\r\n          placeholder={tagList.length === 0 ? placeholder : \"\"}\r\n          onChange={(val: string) => setInputValue(val)}\r\n          onKeyDown={handleKeyDown}\r\n          autoComplete=\"off\"\r\n          role=\"combobox\"\r\n          aria-autocomplete=\"list\"\r\n          aria-expanded={open}\r\n          aria-controls={listboxId}\r\n          aria-activedescendant={activeOptionId}\r\n          aria-label={inputAriaLabelledBy ? undefined : inputAriaLabel}\r\n          aria-labelledby={inputAriaLabelledBy}\r\n          aria-describedby={inputDescribedBy || undefined}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n      </div>\r\n\r\n      {open && suggestions.length > 0 && (\r\n        <ul\r\n          className={classMap.suggestionList}\r\n          role=\"listbox\"\r\n          id={listboxId}\r\n          aria-label={suggestionsAriaLabel}\r\n          data-testid={`${testId}-suggestions`}\r\n        >\r\n          {suggestions.map((suggestion, index) => (\r\n            <li\r\n              key={`${suggestion}-${index}`}\r\n              id={`${listboxId}-opt-${index}`}\r\n              className={combineClassNames(\r\n                classMap.suggestionItem,\r\n                index === activeIndex && (classMap.active || \"\"),\r\n              )}\r\n              role=\"option\"\r\n              aria-selected={index === activeIndex}\r\n              onMouseDown={(e) => e.preventDefault()}\r\n              onClick={() => handleSuggestionClick(suggestion)}\r\n              data-testid={`${testId}-suggestion-${index}`}\r\n            >\r\n              {suggestion}\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      )}\r\n\r\n      <div id={statusId} aria-live=\"polite\" className=\"sr_only\">\r\n        {open && suggestions.length > 0\r\n          ? `${suggestions.length} suggestion${suggestions.length === 1 ? \"\" : \"s\"} available.`\r\n          : \"\"}\r\n        {lastAction}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nTagInputBase.displayName = \"TagInputBase\";\r\nexport default TagInputBase;\r\n","import React from \"react\";\r\nimport \"./TagInput.scss\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport TextInput from \"../../TextInput/core/TextInput\";\r\nimport TagInputBase from \"../TagInputBase\";\r\nimport { TagInputProps } from \"../TagInput.types\";\r\n\r\nconst classes = {\r\n  tagInput: \"tag_input\",\r\n  tagContainer: \"tag_input_tag_container\",\r\n  tag: \"tag_input_tag\",\r\n  tagLabel: \"tag_input_tag_label\",\r\n  removeButton: \"tag_input_remove_button\",\r\n  removeButtonIcon: \"tag_input_remove_button_icon\",\r\n  inputWrapper: \"tag_input_input_wrapper\",\r\n  input: \"tag_input_input\",\r\n  suggestionList: \"tag_input_suggestion_list\",\r\n  suggestionItem: \"tag_input_suggestion_item\",\r\n\r\n  primary: \"tag_input_primary\",\r\n  secondary: \"tag_input_secondary\",\r\n  tertiary: \"tag_input_tertiary\",\r\n  quaternary: \"tag_input_quaternary\",\r\n\r\n  success: \"tag_input_success\",\r\n  warning: \"tag_input_warning\",\r\n  error: \"tag_input_error\",\r\n\r\n  clear: \"tag_input_clear\",\r\n\r\n  xs: \"tag_input_xs\",\r\n  small: \"tag_input_small\",\r\n  medium: \"tag_input_medium\",\r\n  large: \"tag_input_large\",\r\n  xl: \"tag_input_xl\",\r\n\r\n  shadowNone: \"tag_shadow-None\",\r\n  shadowLight: \"tag_shadow-Light\",\r\n  shadowMedium: \"tag_shadow-Medium\",\r\n  shadowStrong: \"tag_shadow-Strong\",\r\n  shadowIntense: \"tag_shadow-Intense\",\r\n\r\n  roundNone: \"tag_round-None\",\r\n  roundSmall: \"tag_round-Small\",\r\n  roundMedium: \"tag_round-Medium\",\r\n  roundLarge: \"tag_round-Large\",\r\n};\r\n\r\nconst TagInput: React.FC<TagInputProps> = (props) => {\r\n  return (\r\n    <TagInputBase\r\n      {...props}\r\n      classMap={classes}\r\n      IconButton={IconButton}\r\n      TextInput={TextInput}\r\n    />\r\n  );\r\n};\r\nTagInput.displayName = \"TagInput\";\r\nexport default TagInput;\r\n"],"names":["IconButton","TextInput"],"mappings":"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"}

package/dist/core/TagInput.js

@@ -1,4 +1,4 @@
-import { T } from "./TagInput-CcuMIlmi.js";
+import { T } from "./TagInput-YieWARAt.js";
 export {
   T as default
 };

package/dist/core/{TextArea-Ufou1zw1.js → TextArea-CLLK5k18.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useId, 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, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 const TextAreaBase = forwardRef(
   ({
     label,
@@ -208,4 +208,4 @@ TextArea.displayName = "TextArea";
 export {
   TextArea as T
 };
-//# sourceMappingURL=TextArea-Ufou1zw1.js.map
+//# sourceMappingURL=TextArea-CLLK5k18.js.map

package/dist/core/{TextArea-Ufou1zw1.js.map → TextArea-CLLK5k18.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextArea-Ufou1zw1.js","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/core/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextAreaBase = forwardRef<\r\n  HTMLTextAreaElement,\r\n  TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n  (\r\n    {\r\n      label,\r\n      labelPosition = \"top\",\r\n      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      readOnly = false,\r\n      outline = false,\r\n      autocomplete = false,\r\n      onChange,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      resizable = true,\r\n\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-description\": ariaDescription,\r\n      helperText,\r\n      errorMessage,\r\n      describedBy,\r\n      disabled = false,\r\n      height,\r\n      classMap,\r\n      className = \"\",\r\n      \"data-testid\": testId = \"text-area\",\r\n      id: idProp,\r\n      required,\r\n\r\n      // Native accessibility props\r\n      \"aria-label\": ariaLabelProp,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedByProp,\r\n      \"aria-errormessage\": ariaErrorMessageProp,\r\n\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const autoId = useId();\r\n    const id = idProp || autoId;\r\n\r\n    const labelId = label ? `${id}-label` : undefined;\r\n    const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n    const helperTextId = helperText ? `${id}-helper-text` : undefined;\r\n    const internalErrorId = errorMessage ? `${id}-error-message` : undefined;\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.textArea,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className,\r\n        ),\r\n      [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n    );\r\n\r\n    const isError = state === \"error\";\r\n\r\n    const computedAriaLabel =\r\n      !ariaLabelledBy && !label\r\n        ? ariaLabelProp || ariaLabel || placeholder\r\n        : undefined;\r\n\r\n    const describedByIds =\r\n      [\r\n        ariaDescribedByProp,\r\n        describedBy,\r\n        descriptionId,\r\n        helperTextId,\r\n        isError ? internalErrorId : undefined,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(\" \") || undefined;\r\n\r\n    const errorMessageId =\r\n      isError && (ariaErrorMessageProp || internalErrorId)\r\n        ? ariaErrorMessageProp || internalErrorId\r\n        : undefined;\r\n\r\n    return (\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.container,\r\n          classMap[`label${capitalize(labelPosition)}`],\r\n        )}\r\n        data-testid={testId}\r\n      >\r\n        {label && (\r\n          <label\r\n            id={labelId}\r\n            htmlFor={id}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </label>\r\n        )}\r\n\r\n        <div className={wrapperClass} data-testid={`${testId}-wrapper`}>\r\n          {Icon && (\r\n            <div\r\n              className={classMap.iconContainer}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-icon`}\r\n            >\r\n              <Icon aria-hidden={true} />\r\n            </div>\r\n          )}\r\n\r\n          <textarea\r\n            ref={ref}\r\n            id={id}\r\n            placeholder={placeholder}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={\r\n              ariaLabelledBy || (!ariaLabelledBy && label ? labelId : undefined)\r\n            }\r\n            aria-describedby={describedByIds}\r\n            aria-errormessage={errorMessageId}\r\n            aria-invalid={isError || undefined}\r\n            aria-required={required || undefined}\r\n            aria-readonly={readOnly || undefined}\r\n            aria-disabled={disabled || undefined}\r\n            autoComplete={autocomplete ? \"on\" : \"off\"}\r\n            onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n            readOnly={readOnly}\r\n            disabled={disabled}\r\n            required={required}\r\n            style={{\r\n              height,\r\n              resize: resizable ? undefined : \"none\",\r\n            }}\r\n            className={classMap.textInput}\r\n            data-testid={`${testId}-input`}\r\n            {...props}\r\n          />\r\n\r\n          <div\r\n            className={classMap.customResizeHandle}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-resize-handle`}\r\n          />\r\n\r\n          {ariaDescription && (\r\n            <span\r\n              id={descriptionId}\r\n              className=\"sr_only\"\r\n              data-testid={`${testId}-description`}\r\n            >\r\n              {ariaDescription}\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {helperText && (\r\n          <div\r\n            id={helperTextId}\r\n            className={classMap.helperText}\r\n            data-testid={`${testId}-helper-text`}\r\n          >\r\n            {helperText}\r\n          </div>\r\n        )}\r\n\r\n        {errorMessage && (\r\n          <div\r\n            id={internalErrorId}\r\n            className={classMap.errorMessage}\r\n            role={isError ? \"alert\" : undefined}\r\n            data-testid={`${testId}-error-message`}\r\n          >\r\n            {errorMessage}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","import { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport \"./TextArea.scss\";\r\n\r\nconst classes = {\r\n  container: \"container\",\r\n  textArea: \"textArea\",\r\n  textInput: \"textArea_text_input\",\r\n  icon: \"textArea_icon\",\r\n\r\n  label: \"label\",\r\n  labelTop: \"labelTop\",\r\n  labelBottom: \"labelBottom\",\r\n  labelLeft: \"labelLeft\",\r\n  labelRight: \"labelRight\",\r\n\r\n  primary: \"textArea_primary\",\r\n  secondary: \"textArea_secondary\",\r\n  tertiary: \"textArea_tertiary\",\r\n  quaternary: \"textArea_quaternary\",\r\n\r\n  success: \"textArea_success\",\r\n  error: \"textArea_error\",\r\n  warning: \"textArea_warning\",\r\n\r\n  clear: \"textArea_clear\",\r\n\r\n  outline: \"textArea_outline\",\r\n\r\n  disabled: \"textArea_disabled\",\r\n\r\n  errorMessage: \"textArea_errorMessage\",\r\n  iconContainer: \"textArea_iconContainer\",\r\n  errorMessageContainer: \"textArea_errorMessageContainer\",\r\n\r\n  shadowNone: \"textArea_shadow-None\",\r\n  shadowLight: \"textArea_shadow-Light\",\r\n  shadowMedium: \"textArea_shadow-Medium\",\r\n  shadowStrong: \"textArea_shadow-Strong\",\r\n  shadowIntense: \"textArea_shadow-Intense\",\r\n\r\n  roundNone: \"textArea_round-None\",\r\n  roundSmall: \"textArea_round-Small\",\r\n  roundMedium: \"textArea_round-Medium\",\r\n  roundLarge: \"textArea_round-Large\",\r\n};\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n  (props, ref) => {\r\n    return <TextAreaBase {...props} ref={ref} classMap={classes} />;\r\n  },\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextArea-CLLK5k18.js","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/core/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextAreaBase = forwardRef<\r\n  HTMLTextAreaElement,\r\n  TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n  (\r\n    {\r\n      label,\r\n      labelPosition = \"top\",\r\n      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      readOnly = false,\r\n      outline = false,\r\n      autocomplete = false,\r\n      onChange,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      resizable = true,\r\n\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-description\": ariaDescription,\r\n      helperText,\r\n      errorMessage,\r\n      describedBy,\r\n      disabled = false,\r\n      height,\r\n      classMap,\r\n      className = \"\",\r\n      \"data-testid\": testId = \"text-area\",\r\n      id: idProp,\r\n      required,\r\n\r\n      // Native accessibility props\r\n      \"aria-label\": ariaLabelProp,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedByProp,\r\n      \"aria-errormessage\": ariaErrorMessageProp,\r\n\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const autoId = useId();\r\n    const id = idProp || autoId;\r\n\r\n    const labelId = label ? `${id}-label` : undefined;\r\n    const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n    const helperTextId = helperText ? `${id}-helper-text` : undefined;\r\n    const internalErrorId = errorMessage ? `${id}-error-message` : undefined;\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.textArea,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className,\r\n        ),\r\n      [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n    );\r\n\r\n    const isError = state === \"error\";\r\n\r\n    const computedAriaLabel =\r\n      !ariaLabelledBy && !label\r\n        ? ariaLabelProp || ariaLabel || placeholder\r\n        : undefined;\r\n\r\n    const describedByIds =\r\n      [\r\n        ariaDescribedByProp,\r\n        describedBy,\r\n        descriptionId,\r\n        helperTextId,\r\n        isError ? internalErrorId : undefined,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(\" \") || undefined;\r\n\r\n    const errorMessageId =\r\n      isError && (ariaErrorMessageProp || internalErrorId)\r\n        ? ariaErrorMessageProp || internalErrorId\r\n        : undefined;\r\n\r\n    return (\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.container,\r\n          classMap[`label${capitalize(labelPosition)}`],\r\n        )}\r\n        data-testid={testId}\r\n      >\r\n        {label && (\r\n          <label\r\n            id={labelId}\r\n            htmlFor={id}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </label>\r\n        )}\r\n\r\n        <div className={wrapperClass} data-testid={`${testId}-wrapper`}>\r\n          {Icon && (\r\n            <div\r\n              className={classMap.iconContainer}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-icon`}\r\n            >\r\n              <Icon aria-hidden={true} />\r\n            </div>\r\n          )}\r\n\r\n          <textarea\r\n            ref={ref}\r\n            id={id}\r\n            placeholder={placeholder}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={\r\n              ariaLabelledBy || (!ariaLabelledBy && label ? labelId : undefined)\r\n            }\r\n            aria-describedby={describedByIds}\r\n            aria-errormessage={errorMessageId}\r\n            aria-invalid={isError || undefined}\r\n            aria-required={required || undefined}\r\n            aria-readonly={readOnly || undefined}\r\n            aria-disabled={disabled || undefined}\r\n            autoComplete={autocomplete ? \"on\" : \"off\"}\r\n            onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n            readOnly={readOnly}\r\n            disabled={disabled}\r\n            required={required}\r\n            style={{\r\n              height,\r\n              resize: resizable ? undefined : \"none\",\r\n            }}\r\n            className={classMap.textInput}\r\n            data-testid={`${testId}-input`}\r\n            {...props}\r\n          />\r\n\r\n          <div\r\n            className={classMap.customResizeHandle}\r\n            aria-hidden=\"true\"\r\n            data-testid={`${testId}-resize-handle`}\r\n          />\r\n\r\n          {ariaDescription && (\r\n            <span\r\n              id={descriptionId}\r\n              className=\"sr_only\"\r\n              data-testid={`${testId}-description`}\r\n            >\r\n              {ariaDescription}\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {helperText && (\r\n          <div\r\n            id={helperTextId}\r\n            className={classMap.helperText}\r\n            data-testid={`${testId}-helper-text`}\r\n          >\r\n            {helperText}\r\n          </div>\r\n        )}\r\n\r\n        {errorMessage && (\r\n          <div\r\n            id={internalErrorId}\r\n            className={classMap.errorMessage}\r\n            role={isError ? \"alert\" : undefined}\r\n            data-testid={`${testId}-error-message`}\r\n          >\r\n            {errorMessage}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","import { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport \"./TextArea.scss\";\r\n\r\nconst classes = {\r\n  container: \"container\",\r\n  textArea: \"textArea\",\r\n  textInput: \"textArea_text_input\",\r\n  icon: \"textArea_icon\",\r\n\r\n  label: \"label\",\r\n  labelTop: \"labelTop\",\r\n  labelBottom: \"labelBottom\",\r\n  labelLeft: \"labelLeft\",\r\n  labelRight: \"labelRight\",\r\n\r\n  primary: \"textArea_primary\",\r\n  secondary: \"textArea_secondary\",\r\n  tertiary: \"textArea_tertiary\",\r\n  quaternary: \"textArea_quaternary\",\r\n\r\n  success: \"textArea_success\",\r\n  error: \"textArea_error\",\r\n  warning: \"textArea_warning\",\r\n\r\n  clear: \"textArea_clear\",\r\n\r\n  outline: \"textArea_outline\",\r\n\r\n  disabled: \"textArea_disabled\",\r\n\r\n  errorMessage: \"textArea_errorMessage\",\r\n  iconContainer: \"textArea_iconContainer\",\r\n  errorMessageContainer: \"textArea_errorMessageContainer\",\r\n\r\n  shadowNone: \"textArea_shadow-None\",\r\n  shadowLight: \"textArea_shadow-Light\",\r\n  shadowMedium: \"textArea_shadow-Medium\",\r\n  shadowStrong: \"textArea_shadow-Strong\",\r\n  shadowIntense: \"textArea_shadow-Intense\",\r\n\r\n  roundNone: \"textArea_round-None\",\r\n  roundSmall: \"textArea_round-Small\",\r\n  roundMedium: \"textArea_round-Medium\",\r\n  roundLarge: \"textArea_round-Large\",\r\n};\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n  (props, ref) => {\r\n    return <TextAreaBase {...props} ref={ref} classMap={classes} />;\r\n  },\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":[],"mappings":"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"}

package/dist/core/TextArea.js

@@ -1,4 +1,4 @@
-import { T } from "./TextArea-Ufou1zw1.js";
+import { T } from "./TextArea-CLLK5k18.js";
 export {
   T as default
 };

package/dist/core/{TextInput-BaiDGrKw.js → TextInput-Bc2YpcvM.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useId, 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, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
+import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
 /* empty css                 */
-import { I as IconButton } from "./IconButton-ChJJCB4O.js";
+import { I as IconButton } from "./IconButton-By8zuXrs.js";
 const EyeIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -328,4 +328,4 @@ TextInput.displayName = "TextInput";
 export {
   TextInput as T
 };
-//# sourceMappingURL=TextInput-BaiDGrKw.js.map
+//# sourceMappingURL=TextInput-Bc2YpcvM.js.map

package/dist/core/{TextInput-BaiDGrKw.js.map → TextInput-Bc2YpcvM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextInput-BaiDGrKw.js","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/core/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    strokeWidth=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n      fill=\"currentColor\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M19.5 16L17.0248 12.6038\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17.5V14\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M4.5 16L6.96895 12.6124\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n  forwardRef,\r\n  useState,\r\n  useId,\r\n  InputHTMLAttributes,\r\n  useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputBaseProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<HTMLInputElement, TextInputBaseProps>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      label,\r\n      labelPosition = \"top\",\r\n      placeholder = \"Enter text\",\r\n      password = false,\r\n      readOnly = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      onChange,\r\n      state = \"\",\r\n      disabled = false,\r\n      autocomplete = false,\r\n      outline = false,\r\n      classMap,\r\n      IconButton,\r\n      className = \"\",\r\n      srOnlyText,\r\n      \"data-testid\": testId = \"text-input\",\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const [showPassword, setShowPassword] = useState(false);\r\n\r\n    const autoId = useId();\r\n\r\n    const {\r\n      id: idProp,\r\n      required,\r\n      autoComplete: autoCompleteProp,\r\n      type: typeProp,\r\n      role,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      \"aria-readonly\": ariaReadOnly,\r\n      \"aria-disabled\": ariaDisabled,\r\n      \"aria-description\": ariaDescription,\r\n      \"aria-activedescendant\": ariaActiveDescendant,\r\n      \"aria-haspopup\": ariaHasPopup,\r\n      \"aria-expanded\": ariaExpanded,\r\n      \"aria-controls\": ariaControls,\r\n      ...restInput\r\n    } = rest as InputHTMLAttributes<HTMLInputElement> & {\r\n      role?: React.AriaRole;\r\n      \"aria-label\"?: string;\r\n      \"aria-labelledby\"?: string;\r\n      \"aria-describedby\"?: string;\r\n      \"aria-invalid\"?: boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\";\r\n      \"aria-required\"?: boolean;\r\n      \"aria-readonly\"?: boolean;\r\n      \"aria-disabled\"?: boolean;\r\n      \"aria-description\"?: string;\r\n      \"aria-activedescendant\"?: string;\r\n      \"aria-haspopup\"?:\r\n        | boolean\r\n        | \"false\"\r\n        | \"true\"\r\n        | \"menu\"\r\n        | \"listbox\"\r\n        | \"tree\"\r\n        | \"grid\"\r\n        | \"dialog\";\r\n      \"aria-expanded\"?: boolean;\r\n      \"aria-controls\"?: string;\r\n    };\r\n\r\n    const inputId = idProp || autoId;\r\n    const hasLabel = Boolean(label);\r\n\r\n    const generatedDescriptionId = srOnlyText\r\n      ? `${inputId}-sr-description`\r\n      : undefined;\r\n\r\n    const computedAriaDescribedBy =\r\n      [ariaDescribedBy, generatedDescriptionId].filter(Boolean).join(\" \") ||\r\n      undefined;\r\n\r\n    const computedAriaLabel = hasLabel\r\n      ? undefined\r\n      : ariaLabel || placeholder || \"Text input\";\r\n\r\n    const computedPlaceholder = hasLabel ? \" \" : placeholder;\r\n\r\n    const inputType = password\r\n      ? showPassword\r\n        ? \"text\"\r\n        : \"password\"\r\n      : typeProp || \"text\";\r\n\r\n    const isError = state === \"error\";\r\n\r\n    const computedAutoComplete =\r\n      autoCompleteProp ??\r\n      (autocomplete ? (password ? \"current-password\" : \"on\") : \"off\");\r\n\r\n    const computedAriaInvalid = ariaInvalid ?? (isError || undefined);\r\n    const computedAriaRequired = ariaRequired ?? (required || undefined);\r\n    const computedAriaReadOnly = ariaReadOnly ?? (readOnly || undefined);\r\n    const computedAriaDisabled = ariaDisabled ?? (disabled || undefined);\r\n\r\n    const togglePasswordVisibility = () => {\r\n      setShowPassword((prev) => !prev);\r\n    };\r\n\r\n    const containerClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.container,\r\n          classMap[`label${capitalize(labelPosition)}`],\r\n        ),\r\n      [classMap, labelPosition],\r\n    );\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.textInput,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className,\r\n        ),\r\n      [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n    );\r\n\r\n    const inputClasses = useMemo(\r\n      () => combineClassNames(classMap.textInput, outline && classMap.outline),\r\n      [classMap, outline],\r\n    );\r\n\r\n    const iconClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.iconContainer,\r\n          classMap[theme],\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, disabled],\r\n    );\r\n\r\n    return (\r\n      <div className={containerClass} data-testid={testId}>\r\n        {label && (\r\n          <label\r\n            htmlFor={inputId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </label>\r\n        )}\r\n\r\n        <div className={wrapperClass} data-testid={`${testId}-wrapper`}>\r\n          {Icon && (\r\n            <div\r\n              className={iconClasses}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-icon`}\r\n            >\r\n              <Icon aria-hidden={true} />\r\n            </div>\r\n          )}\r\n          <input\r\n            ref={ref}\r\n            id={inputId}\r\n            type={inputType}\r\n            className={inputClasses}\r\n            placeholder={computedPlaceholder}\r\n            role={role}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={ariaLabelledBy}\r\n            aria-describedby={computedAriaDescribedBy}\r\n            aria-invalid={computedAriaInvalid}\r\n            aria-required={computedAriaRequired}\r\n            aria-readonly={computedAriaReadOnly}\r\n            aria-disabled={computedAriaDisabled}\r\n            aria-description={ariaDescription}\r\n            aria-activedescendant={ariaActiveDescendant}\r\n            aria-haspopup={ariaHasPopup}\r\n            aria-expanded={ariaExpanded}\r\n            aria-controls={ariaControls}\r\n            autoComplete={computedAutoComplete}\r\n            onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n            readOnly={readOnly}\r\n            disabled={disabled}\r\n            required={required}\r\n            data-testid={`${testId}-input`}\r\n            {...restInput}\r\n          />\r\n\r\n          {password && (\r\n            <IconButton\r\n              type=\"button\"\r\n              className={classMap.togglePassword}\r\n              onClick={togglePasswordVisibility}\r\n              theme=\"clear\"\r\n              shadow=\"none\"\r\n              aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n              aria-pressed={showPassword}\r\n              data-testid={`${testId}-password-toggle`}\r\n              icon={showPassword ? EyeSlashIcon : EyeIcon}\r\n            />\r\n          )}\r\n\r\n          {srOnlyText && (\r\n            <span\r\n              id={generatedDescriptionId}\r\n              className={classMap.srOnly || \"sr_only\"}\r\n              data-testid={`${testId}-sr-only-text`}\r\n            >\r\n              {srOnlyText}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\n\r\nexport default TextInputBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./TextInput.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  container: \"container\",\r\n  label: \"label\",\r\n  labelTop: \"labelTop\",\r\n  labelBottom: \"labelBottom\",\r\n  labelLeft: \"labelLeft\",\r\n  labelRight: \"labelRight\",\r\n\r\n  textInput: \"textInput\",\r\n  iconContainer: \"textInput_icon_container\",\r\n  togglePassword: \"textInput_togglePassword\",\r\n  inputRow: \"textInput_inputRow\",\r\n  inputWrapper: \"textInput_inputWrapper\",\r\n\r\n  hasTitle: \"textInput_hasTitle\",\r\n  title: \"textInput_title\",\r\n  titleInline: \"textInput_titleInline\",\r\n  titleOverlay: \"textInput_titleOverlay\",\r\n\r\n  titlePosTop: \"textInput_titlePosTop\",\r\n  titlePosBottom: \"textInput_titlePosBottom\",\r\n  titlePosLeft: \"textInput_titlePosLeft\",\r\n  titlePosRight: \"textInput_titlePosRight\",\r\n  titlePosOverlay: \"textInput_titlePosOverlay\",\r\n\r\n  primary: \"textInput_primary\",\r\n  secondary: \"textInput_secondary\",\r\n  tertiary: \"textInput_tertiary\",\r\n  quaternary: \"textInput_quaternary\",\r\n\r\n  success: \"textInput_success\",\r\n  warning: \"textInput_warning\",\r\n  error: \"textInput_error\",\r\n\r\n  clear: \"textInput_clear\",\r\n\r\n  xs: \"textInput_xs\",\r\n  xl: \"textInput_xl\",\r\n  small: \"textInput_small\",\r\n  medium: \"textInput_medium\",\r\n  large: \"textInput_large\",\r\n\r\n  outline: \"textInput_outline\",\r\n  disabled: \"textInput_disabled\",\r\n\r\n  shadowNone: \"textInput_shadow-None\",\r\n  shadowLight: \"textInput_shadow-Light\",\r\n  shadowMedium: \"textInput_shadow-Medium\",\r\n  shadowStrong: \"textInput_shadow-Strong\",\r\n  shadowIntense: \"textInput_shadow-Intense\",\r\n\r\n  roundNone: \"textInput_round-None\",\r\n  roundSmall: \"textInput_round-Small\",\r\n  roundMedium: \"textInput_round-Medium\",\r\n  roundLarge: \"textInput_round-Large\",\r\n};\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n  return (\r\n    <TextInputBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ref={ref}\r\n      classMap={classes}\r\n    />\r\n  );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["IconButton"],"mappings":"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"}
+{"version":3,"file":"TextInput-Bc2YpcvM.js","sources":["../../src/Icons/EyeIcon.tsx","../../src/Icons/EyeSlashIcon.tsx","../../src/components/TextInput/TextInputBase.tsx","../../src/components/TextInput/core/TextInput.tsx"],"sourcesContent":["const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    strokeWidth=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 13C6.6 5 17.4 5 21 13\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14C15 15.6569 13.6569 17 12 17Z\"\r\n      fill=\"currentColor\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeIcon;\r\n","const EyeSlashIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    viewBox=\"0 0 24 24\"\r\n    strokeWidth=\"1.5\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M19.5 16L17.0248 12.6038\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M12 17.5V14\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M4.5 16L6.96895 12.6124\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 8C6.6 16 17.4 16 21 8\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default EyeSlashIcon;\r\n","import {\r\n  forwardRef,\r\n  useState,\r\n  useId,\r\n  InputHTMLAttributes,\r\n  useMemo,\r\n} from \"react\";\r\nimport { EyeIcon, EyeSlashIcon } from \"../../Icons\";\r\nimport { TextInputBaseProps } from \"./TextInput.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextInputBase = forwardRef<HTMLInputElement, TextInputBaseProps>(\r\n  (\r\n    {\r\n      icon: Icon,\r\n      label,\r\n      labelPosition = \"top\",\r\n      placeholder = \"Enter text\",\r\n      password = false,\r\n      readOnly = false,\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      onChange,\r\n      state = \"\",\r\n      disabled = false,\r\n      autocomplete = false,\r\n      outline = false,\r\n      classMap,\r\n      IconButton,\r\n      className = \"\",\r\n      srOnlyText,\r\n      \"data-testid\": testId = \"text-input\",\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const [showPassword, setShowPassword] = useState(false);\r\n\r\n    const autoId = useId();\r\n\r\n    const {\r\n      id: idProp,\r\n      required,\r\n      autoComplete: autoCompleteProp,\r\n      type: typeProp,\r\n      role,\r\n      \"aria-label\": ariaLabel,\r\n      \"aria-labelledby\": ariaLabelledBy,\r\n      \"aria-describedby\": ariaDescribedBy,\r\n      \"aria-invalid\": ariaInvalid,\r\n      \"aria-required\": ariaRequired,\r\n      \"aria-readonly\": ariaReadOnly,\r\n      \"aria-disabled\": ariaDisabled,\r\n      \"aria-description\": ariaDescription,\r\n      \"aria-activedescendant\": ariaActiveDescendant,\r\n      \"aria-haspopup\": ariaHasPopup,\r\n      \"aria-expanded\": ariaExpanded,\r\n      \"aria-controls\": ariaControls,\r\n      ...restInput\r\n    } = rest as InputHTMLAttributes<HTMLInputElement> & {\r\n      role?: React.AriaRole;\r\n      \"aria-label\"?: string;\r\n      \"aria-labelledby\"?: string;\r\n      \"aria-describedby\"?: string;\r\n      \"aria-invalid\"?: boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\";\r\n      \"aria-required\"?: boolean;\r\n      \"aria-readonly\"?: boolean;\r\n      \"aria-disabled\"?: boolean;\r\n      \"aria-description\"?: string;\r\n      \"aria-activedescendant\"?: string;\r\n      \"aria-haspopup\"?:\r\n        | boolean\r\n        | \"false\"\r\n        | \"true\"\r\n        | \"menu\"\r\n        | \"listbox\"\r\n        | \"tree\"\r\n        | \"grid\"\r\n        | \"dialog\";\r\n      \"aria-expanded\"?: boolean;\r\n      \"aria-controls\"?: string;\r\n    };\r\n\r\n    const inputId = idProp || autoId;\r\n    const hasLabel = Boolean(label);\r\n\r\n    const generatedDescriptionId = srOnlyText\r\n      ? `${inputId}-sr-description`\r\n      : undefined;\r\n\r\n    const computedAriaDescribedBy =\r\n      [ariaDescribedBy, generatedDescriptionId].filter(Boolean).join(\" \") ||\r\n      undefined;\r\n\r\n    const computedAriaLabel = hasLabel\r\n      ? undefined\r\n      : ariaLabel || placeholder || \"Text input\";\r\n\r\n    const computedPlaceholder = hasLabel ? \" \" : placeholder;\r\n\r\n    const inputType = password\r\n      ? showPassword\r\n        ? \"text\"\r\n        : \"password\"\r\n      : typeProp || \"text\";\r\n\r\n    const isError = state === \"error\";\r\n\r\n    const computedAutoComplete =\r\n      autoCompleteProp ??\r\n      (autocomplete ? (password ? \"current-password\" : \"on\") : \"off\");\r\n\r\n    const computedAriaInvalid = ariaInvalid ?? (isError || undefined);\r\n    const computedAriaRequired = ariaRequired ?? (required || undefined);\r\n    const computedAriaReadOnly = ariaReadOnly ?? (readOnly || undefined);\r\n    const computedAriaDisabled = ariaDisabled ?? (disabled || undefined);\r\n\r\n    const togglePasswordVisibility = () => {\r\n      setShowPassword((prev) => !prev);\r\n    };\r\n\r\n    const containerClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.container,\r\n          classMap[`label${capitalize(labelPosition)}`],\r\n        ),\r\n      [classMap, labelPosition],\r\n    );\r\n\r\n    const wrapperClass = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.textInput,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n          disabled && classMap.disabled,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className,\r\n        ),\r\n      [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n    );\r\n\r\n    const inputClasses = useMemo(\r\n      () => combineClassNames(classMap.textInput, outline && classMap.outline),\r\n      [classMap, outline],\r\n    );\r\n\r\n    const iconClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.iconContainer,\r\n          classMap[theme],\r\n          disabled && classMap.disabled,\r\n        ),\r\n      [classMap, theme, disabled],\r\n    );\r\n\r\n    return (\r\n      <div className={containerClass} data-testid={testId}>\r\n        {label && (\r\n          <label\r\n            htmlFor={inputId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-label`}\r\n          >\r\n            {label}\r\n          </label>\r\n        )}\r\n\r\n        <div className={wrapperClass} data-testid={`${testId}-wrapper`}>\r\n          {Icon && (\r\n            <div\r\n              className={iconClasses}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-icon`}\r\n            >\r\n              <Icon aria-hidden={true} />\r\n            </div>\r\n          )}\r\n          <input\r\n            ref={ref}\r\n            id={inputId}\r\n            type={inputType}\r\n            className={inputClasses}\r\n            placeholder={computedPlaceholder}\r\n            role={role}\r\n            aria-label={computedAriaLabel}\r\n            aria-labelledby={ariaLabelledBy}\r\n            aria-describedby={computedAriaDescribedBy}\r\n            aria-invalid={computedAriaInvalid}\r\n            aria-required={computedAriaRequired}\r\n            aria-readonly={computedAriaReadOnly}\r\n            aria-disabled={computedAriaDisabled}\r\n            aria-description={ariaDescription}\r\n            aria-activedescendant={ariaActiveDescendant}\r\n            aria-haspopup={ariaHasPopup}\r\n            aria-expanded={ariaExpanded}\r\n            aria-controls={ariaControls}\r\n            autoComplete={computedAutoComplete}\r\n            onChange={(e) => onChange?.(e.currentTarget.value, e)}\r\n            readOnly={readOnly}\r\n            disabled={disabled}\r\n            required={required}\r\n            data-testid={`${testId}-input`}\r\n            {...restInput}\r\n          />\r\n\r\n          {password && (\r\n            <IconButton\r\n              type=\"button\"\r\n              className={classMap.togglePassword}\r\n              onClick={togglePasswordVisibility}\r\n              theme=\"clear\"\r\n              shadow=\"none\"\r\n              aria-label={showPassword ? \"Hide password\" : \"Show password\"}\r\n              aria-pressed={showPassword}\r\n              data-testid={`${testId}-password-toggle`}\r\n              icon={showPassword ? EyeSlashIcon : EyeIcon}\r\n            />\r\n          )}\r\n\r\n          {srOnlyText && (\r\n            <span\r\n              id={generatedDescriptionId}\r\n              className={classMap.srOnly || \"sr_only\"}\r\n              data-testid={`${testId}-sr-only-text`}\r\n            >\r\n              {srOnlyText}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nTextInputBase.displayName = \"TextInputBase\";\r\n\r\nexport default TextInputBase;\r\n","import { forwardRef } from \"react\";\r\nimport \"./TextInput.scss\";\r\nimport { TextInputProps } from \"../TextInput.types\";\r\nimport TextInputBase from \"../TextInputBase\";\r\nimport { IconButton } from \"@/index.core\";\r\n\r\nconst classes = {\r\n  container: \"container\",\r\n  label: \"label\",\r\n  labelTop: \"labelTop\",\r\n  labelBottom: \"labelBottom\",\r\n  labelLeft: \"labelLeft\",\r\n  labelRight: \"labelRight\",\r\n\r\n  textInput: \"textInput\",\r\n  iconContainer: \"textInput_icon_container\",\r\n  togglePassword: \"textInput_togglePassword\",\r\n  inputRow: \"textInput_inputRow\",\r\n  inputWrapper: \"textInput_inputWrapper\",\r\n\r\n  hasTitle: \"textInput_hasTitle\",\r\n  title: \"textInput_title\",\r\n  titleInline: \"textInput_titleInline\",\r\n  titleOverlay: \"textInput_titleOverlay\",\r\n\r\n  titlePosTop: \"textInput_titlePosTop\",\r\n  titlePosBottom: \"textInput_titlePosBottom\",\r\n  titlePosLeft: \"textInput_titlePosLeft\",\r\n  titlePosRight: \"textInput_titlePosRight\",\r\n  titlePosOverlay: \"textInput_titlePosOverlay\",\r\n\r\n  primary: \"textInput_primary\",\r\n  secondary: \"textInput_secondary\",\r\n  tertiary: \"textInput_tertiary\",\r\n  quaternary: \"textInput_quaternary\",\r\n\r\n  success: \"textInput_success\",\r\n  warning: \"textInput_warning\",\r\n  error: \"textInput_error\",\r\n\r\n  clear: \"textInput_clear\",\r\n\r\n  xs: \"textInput_xs\",\r\n  xl: \"textInput_xl\",\r\n  small: \"textInput_small\",\r\n  medium: \"textInput_medium\",\r\n  large: \"textInput_large\",\r\n\r\n  outline: \"textInput_outline\",\r\n  disabled: \"textInput_disabled\",\r\n\r\n  shadowNone: \"textInput_shadow-None\",\r\n  shadowLight: \"textInput_shadow-Light\",\r\n  shadowMedium: \"textInput_shadow-Medium\",\r\n  shadowStrong: \"textInput_shadow-Strong\",\r\n  shadowIntense: \"textInput_shadow-Intense\",\r\n\r\n  roundNone: \"textInput_round-None\",\r\n  roundSmall: \"textInput_round-Small\",\r\n  roundMedium: \"textInput_round-Medium\",\r\n  roundLarge: \"textInput_round-Large\",\r\n};\r\n\r\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\r\n  return (\r\n    <TextInputBase\r\n      {...props}\r\n      IconButton={IconButton}\r\n      ref={ref}\r\n      classMap={classes}\r\n    />\r\n  );\r\n});\r\n\r\nTextInput.displayName = \"TextInput\";\r\nexport default TextInput;\r\n"],"names":["IconButton"],"mappings":"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"}

package/dist/core/TextInput.js

@@ -1,4 +1,4 @@
-import { T } from "./TextInput-BaiDGrKw.js";
+import { T } from "./TextInput-Bc2YpcvM.js";
 export {
   T as default
 };

package/dist/core/{ThemeContext-nYSJ_G6L.js → ThemeContext-zE_shsx6.js}

@@ -193,7 +193,7 @@ const ThemeProvider = ({ children, customSchemes = [], initialScheme }) => {
   );
 };
 export {
-  ThemeProvider as T,
-  ThemeContext as a
+  ThemeContext as T,
+  ThemeProvider as a
 };
-//# sourceMappingURL=ThemeContext-nYSJ_G6L.js.map
+//# sourceMappingURL=ThemeContext-zE_shsx6.js.map

package/dist/{next/ThemeContext-nYSJ_G6L.js.map → core/ThemeContext-zE_shsx6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext-nYSJ_G6L.js","sources":["../../src/context/ThemeContext.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/**\r\n * ---------------------------------------------------------------------\r\n * ThemeProvider.tsx\r\n * ---------------------------------------------------------------------\r\n * Provides a React context for managing and applying color schemes\r\n * dynamically across the Boreal UI system.\r\n *\r\n * Responsibilities:\r\n * - Registers any custom color schemes at runtime\r\n * - Sets the active color scheme based on `localStorage` or fallback default\r\n * - Dynamically updates CSS custom properties (`--*`) on the `:root`\r\n *   to reflect the selected theme's color values\r\n * - Ensures text color contrast by calculating luminance and WCAG ratios\r\n *\r\n * Includes:\r\n * - Lightness adjustment utilities for generating `*-light` and `*-hover` variants\r\n * - Contrast checking and accessible text color fallbacks\r\n * - `ThemeContext` with `selectedScheme` index and setter\r\n *\r\n * Hooks:\r\n * - `useEffect` to register schemes and sync saved theme index\r\n * - `useEffect` to apply all computed color variables to `document.documentElement`\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ThemeProvider customSchemes={[customTheme]}>\r\n *   <App />\r\n * </ThemeProvider>\r\n * ```\r\n *\r\n * Access via context:\r\n * ```ts\r\n * const { selectedScheme, setSelectedScheme } = useContext(ThemeContext);\r\n * ```\r\n */\r\n\r\nimport React, {\r\n  createContext,\r\n  useState,\r\n  useEffect,\r\n  useLayoutEffect,\r\n  useMemo,\r\n} from \"react\";\r\nimport {\r\n  getAllColorSchemes,\r\n  registerColorScheme,\r\n} from \"../styles/colorSchemeRegistry\";\r\nimport { getDefaultColorSchemeName } from \"../config/boreal-style-config\";\r\nimport { colorSchemes } from \"../styles/Themes\";\r\nimport { ThemeContextType, ThemeProviderProps } from \"./ThemeContext.types\";\r\n\r\nexport const ThemeContext = createContext<ThemeContextType | undefined>(\r\n  undefined,\r\n);\r\n\r\nconst fallbackIndex = colorSchemes.findIndex(\r\n  (scheme) => scheme.name === getDefaultColorSchemeName(),\r\n);\r\nconst defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;\r\n\r\nconst STORAGE_KEY = \"boreal:selectedScheme\";\r\n\r\nfunction shallowEqualByName(a: { name: string }[], b: { name: string }[]) {\r\n  if (a === b) return true;\r\n  if (a.length !== b.length) return false;\r\n  for (let i = 0; i < a.length; i++) {\r\n    if (a[i].name !== b[i].name) return false;\r\n  }\r\n  return true;\r\n}\r\n\r\nconst ThemeProvider: React.FC<\r\n  ThemeProviderProps & { initialScheme?: number }\r\n> = ({ children, customSchemes = [], initialScheme }) => {\r\n  if (fallbackIndex === -1 && process.env.NODE_ENV === \"development\") {\r\n    console.warn(\r\n      `Default color scheme \"${getDefaultColorSchemeName()}\" not found. Falling back to index 0.`,\r\n    );\r\n  }\r\n\r\n  const [selectedScheme, setSelectedScheme] = useState<number>(() => {\r\n    if (typeof initialScheme === \"number\") return initialScheme;\r\n\r\n    if (typeof window !== \"undefined\") {\r\n      try {\r\n        const saved = localStorage.getItem(STORAGE_KEY);\r\n        if (saved != null) return parseInt(saved, 10);\r\n      } catch {\r\n        console.error(\"Failed to load saved theme index\");\r\n      }\r\n    }\r\n    return defaultIndex;\r\n  });\r\n\r\n  const [schemes, setSchemes] = useState(() => getAllColorSchemes());\r\n\r\n  const customSchemesKey = useMemo(\r\n    () => JSON.stringify(customSchemes ?? []),\r\n    [customSchemes],\r\n  );\r\n\r\n  useEffect(() => {\r\n    try {\r\n      const parsed = JSON.parse(customSchemesKey);\r\n      if (Array.isArray(parsed) && parsed.length > 0) {\r\n        registerColorScheme(parsed);\r\n      }\r\n    } catch {\r\n      console.error(\"Failed to parse custom schemes\");\r\n    }\r\n\r\n    const next = getAllColorSchemes();\r\n    setSchemes((prev) => (shallowEqualByName(prev, next) ? prev : next));\r\n  }, [customSchemesKey]);\r\n\r\n  useLayoutEffect(() => {\r\n    const allSchemes = getAllColorSchemes();\r\n    const scheme = allSchemes[selectedScheme] ?? allSchemes[defaultIndex];\r\n\r\n    const {\r\n      primaryColor,\r\n      secondaryColor,\r\n      tertiaryColor,\r\n      quaternaryColor,\r\n      backgroundColor,\r\n      forceTextColor,\r\n    } = scheme;\r\n\r\n    const hexToHSL = (hex: string) => {\r\n      const r = parseInt(hex.slice(1, 3), 16) / 255;\r\n      const g = parseInt(hex.slice(3, 5), 16) / 255;\r\n      const b = parseInt(hex.slice(5, 7), 16) / 255;\r\n      const max = Math.max(r, g, b),\r\n        min = Math.min(r, g, b);\r\n      let h = 0,\r\n        s = 0;\r\n      const l = (max + min) / 2;\r\n      if (max !== min) {\r\n        const d = max - min;\r\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n        switch (max) {\r\n          case r:\r\n            h = (g - b) / d + (g < b ? 6 : 0);\r\n            break;\r\n          case g:\r\n            h = (b - r) / d + 2;\r\n            break;\r\n          case b:\r\n            h = (r - g) / d + 4;\r\n            break;\r\n        }\r\n        h /= 6;\r\n      }\r\n      return {\r\n        h: Math.round(h * 360),\r\n        s: Math.round(s * 100),\r\n        l: Math.round(l * 100),\r\n      };\r\n    };\r\n\r\n    const hslToHex = (h: number, s: number, l: number): string => {\r\n      s /= 100;\r\n      l /= 100;\r\n      const k = (n: number) => (n + h / 30) % 12;\r\n      const a = s * Math.min(l, 1 - l);\r\n      const f = (n: number) =>\r\n        Math.round(\r\n          255 *\r\n            (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)))),\r\n        );\r\n      return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\")}`;\r\n    };\r\n\r\n    const adjustLightness = (hex: string, percent: number): string => {\r\n      const { h, s, l } = hexToHSL(hex);\r\n      return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));\r\n    };\r\n\r\n    const relativeLuminance = (hex: string): number => {\r\n      const rgb = [1, 3, 5].map((i) => {\r\n        const c = parseInt(hex.slice(i, i + 2), 16) / 255;\r\n        return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\r\n      });\r\n      return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];\r\n    };\r\n\r\n    const contrastRatio = (a: string, b: string): number => {\r\n      const lum1 = relativeLuminance(a);\r\n      const lum2 = relativeLuminance(b);\r\n      const lighter = Math.max(lum1, lum2);\r\n      const darker = Math.min(lum1, lum2);\r\n      return (lighter + 0.05) / (darker + 0.05);\r\n    };\r\n\r\n    const getAccessibleTextColor = (bg: string): string =>\r\n      contrastRatio(bg, \"#000000\") >= 4.5 ? \"#000000\" : \"#FFFFFF\";\r\n\r\n    const getAdaptiveBorderColor = (\r\n      backgroundHex: string,\r\n      amountLight = 14,\r\n      amountDark = 14,\r\n    ): string => {\r\n      const { h, s, l } = hexToHSL(backgroundHex);\r\n\r\n      const nextLightness =\r\n        l >= 50 ? Math.max(0, l - amountDark) : Math.min(100, l + amountLight);\r\n\r\n      const nextSaturation = s > 8 ? Math.max(0, s - 8) : s;\r\n\r\n      return hslToHex(h, nextSaturation, nextLightness);\r\n    };\r\n\r\n    const vars = {\r\n      \"--primary-color\": primaryColor,\r\n      \"--primary-color-light\": adjustLightness(primaryColor, 10),\r\n      \"--primary-color-hover\": adjustLightness(primaryColor, -10),\r\n      \"--text-color-primary\":\r\n        forceTextColor ?? getAccessibleTextColor(primaryColor),\r\n      \"--text-color-primary-contrast\":\r\n        forceTextColor ?? getAccessibleTextColor(backgroundColor),\r\n      \"--text-color\": getAccessibleTextColor(backgroundColor),\r\n      \"--text-color-light\": adjustLightness(\r\n        getAccessibleTextColor(backgroundColor),\r\n        20,\r\n      ),\r\n      \"--text-color-lighter\": adjustLightness(\r\n        getAccessibleTextColor(backgroundColor),\r\n        40,\r\n      ),\r\n      \"--secondary-color\": secondaryColor,\r\n      \"--secondary-color-light\": adjustLightness(secondaryColor, 10),\r\n      \"--secondary-color-hover\": adjustLightness(secondaryColor, -10),\r\n      \"--text-color-secondary\": getAccessibleTextColor(secondaryColor),\r\n\r\n      \"--tertiary-color\": tertiaryColor,\r\n      \"--tertiary-color-light\": adjustLightness(tertiaryColor, 10),\r\n      \"--tertiary-color-hover\": adjustLightness(tertiaryColor, -10),\r\n      \"--text-color-tertiary\": getAccessibleTextColor(tertiaryColor),\r\n\r\n      \"--quaternary-color\": quaternaryColor,\r\n      \"--quaternary-color-light\": adjustLightness(quaternaryColor, 10),\r\n      \"--quaternary-color-hover\": adjustLightness(quaternaryColor, -10),\r\n      \"--text-color-quaternary\": getAccessibleTextColor(quaternaryColor),\r\n\r\n      \"--background-color\": backgroundColor,\r\n      \"--background-color-dark\": adjustLightness(backgroundColor, -10),\r\n      \"--background-color-darker\": adjustLightness(backgroundColor, -25),\r\n      \"--background-color-light\": adjustLightness(backgroundColor, 10),\r\n      \"--background-color-lighter\": adjustLightness(backgroundColor, 20),\r\n\r\n      \"--link-color\": getAccessibleTextColor(backgroundColor),\r\n      \"--link-hover-color\": adjustLightness(\r\n        getAccessibleTextColor(backgroundColor),\r\n        -20,\r\n      ),\r\n      \"--link-hover-color-primary\": adjustLightness(primaryColor, -10),\r\n      \"--link-hover-color-secondary\": adjustLightness(secondaryColor, -10),\r\n      \"--link-hover-color-tertiary\": adjustLightness(tertiaryColor, -10),\r\n      \"--link-hover-color-quaternary\": adjustLightness(quaternaryColor, -10),\r\n\r\n      \"--focus-outline-color\": getAccessibleTextColor(backgroundColor),\r\n      \"--divider-color\": getAdaptiveBorderColor(backgroundColor),\r\n      \"--border-color\": getAdaptiveBorderColor(backgroundColor),\r\n      \"--border-color-subtle\": getAdaptiveBorderColor(backgroundColor, 10, 10),\r\n      \"--border-color-strong\": getAdaptiveBorderColor(backgroundColor, 20, 20),\r\n    } as const;\r\n\r\n    const rootStyle = document.documentElement.style;\r\n    for (const [k, v] of Object.entries(vars)) rootStyle.setProperty(k, v);\r\n\r\n    try {\r\n      localStorage.setItem(STORAGE_KEY, String(selectedScheme));\r\n    } catch {\r\n      console.error(\"Failed to save theme index\");\r\n    }\r\n  }, [selectedScheme]);\r\n\r\n  return (\r\n    <ThemeContext.Provider\r\n      value={{ selectedScheme, setSelectedScheme, schemes }}\r\n    >\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n\r\nexport default ThemeProvider;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThemeContext-zE_shsx6.js","sources":["../../src/context/ThemeContext.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/**\r\n * ---------------------------------------------------------------------\r\n * ThemeProvider.tsx\r\n * ---------------------------------------------------------------------\r\n * Provides a React context for managing and applying color schemes\r\n * dynamically across the Boreal UI system.\r\n *\r\n * Responsibilities:\r\n * - Registers any custom color schemes at runtime\r\n * - Sets the active color scheme based on `localStorage` or fallback default\r\n * - Dynamically updates CSS custom properties (`--*`) on the `:root`\r\n *   to reflect the selected theme's color values\r\n * - Ensures text color contrast by calculating luminance and WCAG ratios\r\n *\r\n * Includes:\r\n * - Lightness adjustment utilities for generating `*-light` and `*-hover` variants\r\n * - Contrast checking and accessible text color fallbacks\r\n * - `ThemeContext` with `selectedScheme` index and setter\r\n *\r\n * Hooks:\r\n * - `useEffect` to register schemes and sync saved theme index\r\n * - `useEffect` to apply all computed color variables to `document.documentElement`\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ThemeProvider customSchemes={[customTheme]}>\r\n *   <App />\r\n * </ThemeProvider>\r\n * ```\r\n *\r\n * Access via context:\r\n * ```ts\r\n * const { selectedScheme, setSelectedScheme } = useContext(ThemeContext);\r\n * ```\r\n */\r\n\r\nimport React, {\r\n  createContext,\r\n  useState,\r\n  useEffect,\r\n  useLayoutEffect,\r\n  useMemo,\r\n} from \"react\";\r\nimport {\r\n  getAllColorSchemes,\r\n  registerColorScheme,\r\n} from \"../styles/colorSchemeRegistry\";\r\nimport { getDefaultColorSchemeName } from \"../config/boreal-style-config\";\r\nimport { colorSchemes } from \"../styles/Themes\";\r\nimport { ThemeContextType, ThemeProviderProps } from \"./ThemeContext.types\";\r\n\r\nexport const ThemeContext = createContext<ThemeContextType | undefined>(\r\n  undefined,\r\n);\r\n\r\nconst fallbackIndex = colorSchemes.findIndex(\r\n  (scheme) => scheme.name === getDefaultColorSchemeName(),\r\n);\r\nconst defaultIndex = fallbackIndex !== -1 ? fallbackIndex : 0;\r\n\r\nconst STORAGE_KEY = \"boreal:selectedScheme\";\r\n\r\nfunction shallowEqualByName(a: { name: string }[], b: { name: string }[]) {\r\n  if (a === b) return true;\r\n  if (a.length !== b.length) return false;\r\n  for (let i = 0; i < a.length; i++) {\r\n    if (a[i].name !== b[i].name) return false;\r\n  }\r\n  return true;\r\n}\r\n\r\nconst ThemeProvider: React.FC<\r\n  ThemeProviderProps & { initialScheme?: number }\r\n> = ({ children, customSchemes = [], initialScheme }) => {\r\n  if (fallbackIndex === -1 && process.env.NODE_ENV === \"development\") {\r\n    console.warn(\r\n      `Default color scheme \"${getDefaultColorSchemeName()}\" not found. Falling back to index 0.`,\r\n    );\r\n  }\r\n\r\n  const [selectedScheme, setSelectedScheme] = useState<number>(() => {\r\n    if (typeof initialScheme === \"number\") return initialScheme;\r\n\r\n    if (typeof window !== \"undefined\") {\r\n      try {\r\n        const saved = localStorage.getItem(STORAGE_KEY);\r\n        if (saved != null) return parseInt(saved, 10);\r\n      } catch {\r\n        console.error(\"Failed to load saved theme index\");\r\n      }\r\n    }\r\n    return defaultIndex;\r\n  });\r\n\r\n  const [schemes, setSchemes] = useState(() => getAllColorSchemes());\r\n\r\n  const customSchemesKey = useMemo(\r\n    () => JSON.stringify(customSchemes ?? []),\r\n    [customSchemes],\r\n  );\r\n\r\n  useEffect(() => {\r\n    try {\r\n      const parsed = JSON.parse(customSchemesKey);\r\n      if (Array.isArray(parsed) && parsed.length > 0) {\r\n        registerColorScheme(parsed);\r\n      }\r\n    } catch {\r\n      console.error(\"Failed to parse custom schemes\");\r\n    }\r\n\r\n    const next = getAllColorSchemes();\r\n    setSchemes((prev) => (shallowEqualByName(prev, next) ? prev : next));\r\n  }, [customSchemesKey]);\r\n\r\n  useLayoutEffect(() => {\r\n    const allSchemes = getAllColorSchemes();\r\n    const scheme = allSchemes[selectedScheme] ?? allSchemes[defaultIndex];\r\n\r\n    const {\r\n      primaryColor,\r\n      secondaryColor,\r\n      tertiaryColor,\r\n      quaternaryColor,\r\n      backgroundColor,\r\n      forceTextColor,\r\n    } = scheme;\r\n\r\n    const hexToHSL = (hex: string) => {\r\n      const r = parseInt(hex.slice(1, 3), 16) / 255;\r\n      const g = parseInt(hex.slice(3, 5), 16) / 255;\r\n      const b = parseInt(hex.slice(5, 7), 16) / 255;\r\n      const max = Math.max(r, g, b),\r\n        min = Math.min(r, g, b);\r\n      let h = 0,\r\n        s = 0;\r\n      const l = (max + min) / 2;\r\n      if (max !== min) {\r\n        const d = max - min;\r\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\r\n        switch (max) {\r\n          case r:\r\n            h = (g - b) / d + (g < b ? 6 : 0);\r\n            break;\r\n          case g:\r\n            h = (b - r) / d + 2;\r\n            break;\r\n          case b:\r\n            h = (r - g) / d + 4;\r\n            break;\r\n        }\r\n        h /= 6;\r\n      }\r\n      return {\r\n        h: Math.round(h * 360),\r\n        s: Math.round(s * 100),\r\n        l: Math.round(l * 100),\r\n      };\r\n    };\r\n\r\n    const hslToHex = (h: number, s: number, l: number): string => {\r\n      s /= 100;\r\n      l /= 100;\r\n      const k = (n: number) => (n + h / 30) % 12;\r\n      const a = s * Math.min(l, 1 - l);\r\n      const f = (n: number) =>\r\n        Math.round(\r\n          255 *\r\n            (l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)))),\r\n        );\r\n      return `#${[f(0), f(8), f(4)].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\")}`;\r\n    };\r\n\r\n    const adjustLightness = (hex: string, percent: number): string => {\r\n      const { h, s, l } = hexToHSL(hex);\r\n      return hslToHex(h, s, Math.min(100, Math.max(0, l + percent)));\r\n    };\r\n\r\n    const relativeLuminance = (hex: string): number => {\r\n      const rgb = [1, 3, 5].map((i) => {\r\n        const c = parseInt(hex.slice(i, i + 2), 16) / 255;\r\n        return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\r\n      });\r\n      return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];\r\n    };\r\n\r\n    const contrastRatio = (a: string, b: string): number => {\r\n      const lum1 = relativeLuminance(a);\r\n      const lum2 = relativeLuminance(b);\r\n      const lighter = Math.max(lum1, lum2);\r\n      const darker = Math.min(lum1, lum2);\r\n      return (lighter + 0.05) / (darker + 0.05);\r\n    };\r\n\r\n    const getAccessibleTextColor = (bg: string): string =>\r\n      contrastRatio(bg, \"#000000\") >= 4.5 ? \"#000000\" : \"#FFFFFF\";\r\n\r\n    const getAdaptiveBorderColor = (\r\n      backgroundHex: string,\r\n      amountLight = 14,\r\n      amountDark = 14,\r\n    ): string => {\r\n      const { h, s, l } = hexToHSL(backgroundHex);\r\n\r\n      const nextLightness =\r\n        l >= 50 ? Math.max(0, l - amountDark) : Math.min(100, l + amountLight);\r\n\r\n      const nextSaturation = s > 8 ? Math.max(0, s - 8) : s;\r\n\r\n      return hslToHex(h, nextSaturation, nextLightness);\r\n    };\r\n\r\n    const vars = {\r\n      \"--primary-color\": primaryColor,\r\n      \"--primary-color-light\": adjustLightness(primaryColor, 10),\r\n      \"--primary-color-hover\": adjustLightness(primaryColor, -10),\r\n      \"--text-color-primary\":\r\n        forceTextColor ?? getAccessibleTextColor(primaryColor),\r\n      \"--text-color-primary-contrast\":\r\n        forceTextColor ?? getAccessibleTextColor(backgroundColor),\r\n      \"--text-color\": getAccessibleTextColor(backgroundColor),\r\n      \"--text-color-light\": adjustLightness(\r\n        getAccessibleTextColor(backgroundColor),\r\n        20,\r\n      ),\r\n      \"--text-color-lighter\": adjustLightness(\r\n        getAccessibleTextColor(backgroundColor),\r\n        40,\r\n      ),\r\n      \"--secondary-color\": secondaryColor,\r\n      \"--secondary-color-light\": adjustLightness(secondaryColor, 10),\r\n      \"--secondary-color-hover\": adjustLightness(secondaryColor, -10),\r\n      \"--text-color-secondary\": getAccessibleTextColor(secondaryColor),\r\n\r\n      \"--tertiary-color\": tertiaryColor,\r\n      \"--tertiary-color-light\": adjustLightness(tertiaryColor, 10),\r\n      \"--tertiary-color-hover\": adjustLightness(tertiaryColor, -10),\r\n      \"--text-color-tertiary\": getAccessibleTextColor(tertiaryColor),\r\n\r\n      \"--quaternary-color\": quaternaryColor,\r\n      \"--quaternary-color-light\": adjustLightness(quaternaryColor, 10),\r\n      \"--quaternary-color-hover\": adjustLightness(quaternaryColor, -10),\r\n      \"--text-color-quaternary\": getAccessibleTextColor(quaternaryColor),\r\n\r\n      \"--background-color\": backgroundColor,\r\n      \"--background-color-dark\": adjustLightness(backgroundColor, -10),\r\n      \"--background-color-darker\": adjustLightness(backgroundColor, -25),\r\n      \"--background-color-light\": adjustLightness(backgroundColor, 10),\r\n      \"--background-color-lighter\": adjustLightness(backgroundColor, 20),\r\n\r\n      \"--link-color\": getAccessibleTextColor(backgroundColor),\r\n      \"--link-hover-color\": adjustLightness(\r\n        getAccessibleTextColor(backgroundColor),\r\n        -20,\r\n      ),\r\n      \"--link-hover-color-primary\": adjustLightness(primaryColor, -10),\r\n      \"--link-hover-color-secondary\": adjustLightness(secondaryColor, -10),\r\n      \"--link-hover-color-tertiary\": adjustLightness(tertiaryColor, -10),\r\n      \"--link-hover-color-quaternary\": adjustLightness(quaternaryColor, -10),\r\n\r\n      \"--focus-outline-color\": getAccessibleTextColor(backgroundColor),\r\n      \"--divider-color\": getAdaptiveBorderColor(backgroundColor),\r\n      \"--border-color\": getAdaptiveBorderColor(backgroundColor),\r\n      \"--border-color-subtle\": getAdaptiveBorderColor(backgroundColor, 10, 10),\r\n      \"--border-color-strong\": getAdaptiveBorderColor(backgroundColor, 20, 20),\r\n    } as const;\r\n\r\n    const rootStyle = document.documentElement.style;\r\n    for (const [k, v] of Object.entries(vars)) rootStyle.setProperty(k, v);\r\n\r\n    try {\r\n      localStorage.setItem(STORAGE_KEY, String(selectedScheme));\r\n    } catch {\r\n      console.error(\"Failed to save theme index\");\r\n    }\r\n  }, [selectedScheme]);\r\n\r\n  return (\r\n    <ThemeContext.Provider\r\n      value={{ selectedScheme, setSelectedScheme, schemes }}\r\n    >\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n\r\nexport default ThemeProvider;\r\n"],"names":[],"mappings":"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"}

package/dist/core/ThemeProvider.js

@@ -1,6 +1,6 @@
-import { a, T } from "./ThemeContext-nYSJ_G6L.js";
+import { T, a } from "./ThemeContext-zE_shsx6.js";
 export {
-  a as ThemeContext,
-  T as ThemeProvider
+  T as ThemeContext,
+  a as ThemeProvider
 };
 //# sourceMappingURL=ThemeProvider.js.map