boreal-ui 0.0.9 → 0.0.11

package/dist/next/NavBar.cjs.js

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

package/dist/next/NavBar.js

@@ -1,4 +1,4 @@
-import { N } from "./NavBar-DzRWv8W0.js";
+import { N } from "./NavBar-CLfsYv5E.js";
 export {
   N as default
 };

package/dist/next/{Select-_f1aZuKO.cjs → Select-BKprqV3i.cjs}

@@ -225,5 +225,6 @@ const Select = React.forwardRef(
   }
 );
 Select.displayName = "Select";
+exports.ChevronDownIcon = ChevronDownIcon;
 exports.Select = Select;
-//# sourceMappingURL=Select-_f1aZuKO.cjs.map
+//# sourceMappingURL=Select-BKprqV3i.cjs.map

package/dist/next/{Select-_f1aZuKO.cjs.map → Select-BKprqV3i.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-_f1aZuKO.cjs","sources":["../../src/Icons/CheveronDownIcon.tsx","../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["const ChevronDownIcon: 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      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M5.30711 8.71299C5.4232 8.43273 5.69668 8.25 6.00002 8.25H18C18.3034 8.25 18.5768 8.43273 18.6929 8.71299C18.809 8.99324 18.7449 9.31583 18.5304 9.53033L12.5304 15.5303C12.2375 15.8232 11.7626 15.8232 11.4697 15.5303L5.46969 9.53033C5.25519 9.31583 5.19103 8.99324 5.30711 8.71299Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ChevronDownIcon;\r\n","import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { SelectProps } from \"./Select.types\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\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\ninterface BaseSelectProps extends SelectProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      ariaLabel,\r\n      ariaDescription,\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref\r\n  ) => {\r\n    const id = useId();\r\n    const selectId = `${id}-select`;\r\n    const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline ? classMap.outline : \"\",\r\n          disabled ? classMap.disabled : \"\"\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled]\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.select,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline ? classMap.outline : \"\"\r\n        ),\r\n      [classMap, theme, state, outline]\r\n    );\r\n\r\n    return (\r\n      <div className={wrapperClasses} data-testid={testId}>\r\n        <select\r\n          ref={ref}\r\n          id={selectId}\r\n          value={value}\r\n          onChange={handleChange}\r\n          className={selectClasses}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={descId}\r\n          aria-disabled={disabled}\r\n          disabled={disabled}\r\n          data-testid={`${testId}-input`}\r\n        >\r\n          <option value=\"\" disabled hidden>\r\n            {placeholder}\r\n          </option>\r\n          {(asyncOptions ? internalOptions : options).map((option) => (\r\n            <option\r\n              key={option.value}\r\n              value={option.value}\r\n              data-testid={`${testId}-option-${option.value}`}\r\n            >\r\n              {option.label}\r\n            </option>\r\n          ))}\r\n        </select>\r\n\r\n        <div\r\n          className={`${classMap.icon} ${classMap[theme]} ${\r\n            disabled && classMap.disabled ? classMap.disabled : \"\"\r\n          }`}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <ChevronDownIcon />\r\n        </div>\r\n\r\n        {ariaDescription && (\r\n          <span\r\n            id={descId}\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  }\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport styles from \"./Select.module.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n  (props, ref) => {\r\n    return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n  }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["jsx","forwardRef","getDefaultTheme","outline","getDefaultRounding","getDefaultShadow","disabled","useId","useState","useEffect","useMemo","combineClassNames","capitalize","jsxs"],"mappings":"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"}
+{"version":3,"file":"Select-BKprqV3i.cjs","sources":["../../src/Icons/CheveronDownIcon.tsx","../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["const ChevronDownIcon: 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      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M5.30711 8.71299C5.4232 8.43273 5.69668 8.25 6.00002 8.25H18C18.3034 8.25 18.5768 8.43273 18.6929 8.71299C18.809 8.99324 18.7449 9.31583 18.5304 9.53033L12.5304 15.5303C12.2375 15.8232 11.7626 15.8232 11.4697 15.5303L5.46969 9.53033C5.25519 9.31583 5.19103 8.99324 5.30711 8.71299Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ChevronDownIcon;\r\n","import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { SelectProps } from \"./Select.types\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\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\ninterface BaseSelectProps extends SelectProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      ariaLabel,\r\n      ariaDescription,\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref\r\n  ) => {\r\n    const id = useId();\r\n    const selectId = `${id}-select`;\r\n    const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline ? classMap.outline : \"\",\r\n          disabled ? classMap.disabled : \"\"\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled]\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.select,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline ? classMap.outline : \"\"\r\n        ),\r\n      [classMap, theme, state, outline]\r\n    );\r\n\r\n    return (\r\n      <div className={wrapperClasses} data-testid={testId}>\r\n        <select\r\n          ref={ref}\r\n          id={selectId}\r\n          value={value}\r\n          onChange={handleChange}\r\n          className={selectClasses}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={descId}\r\n          aria-disabled={disabled}\r\n          disabled={disabled}\r\n          data-testid={`${testId}-input`}\r\n        >\r\n          <option value=\"\" disabled hidden>\r\n            {placeholder}\r\n          </option>\r\n          {(asyncOptions ? internalOptions : options).map((option) => (\r\n            <option\r\n              key={option.value}\r\n              value={option.value}\r\n              data-testid={`${testId}-option-${option.value}`}\r\n            >\r\n              {option.label}\r\n            </option>\r\n          ))}\r\n        </select>\r\n\r\n        <div\r\n          className={`${classMap.icon} ${classMap[theme]} ${\r\n            disabled && classMap.disabled ? classMap.disabled : \"\"\r\n          }`}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <ChevronDownIcon />\r\n        </div>\r\n\r\n        {ariaDescription && (\r\n          <span\r\n            id={descId}\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  }\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport styles from \"./Select.module.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n  (props, ref) => {\r\n    return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n  }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["jsx","forwardRef","getDefaultTheme","outline","getDefaultRounding","getDefaultShadow","disabled","useId","useState","useEffect","useMemo","combineClassNames","capitalize","jsxs"],"mappings":"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"}

package/dist/next/{Select-DwWTQcCU.js → Select-_C8mTVb1.js}

@@ -225,6 +225,7 @@ const Select = React.forwardRef(
 );
 Select.displayName = "Select";
 export {
+  ChevronDownIcon as C,
   Select as S
 };
-//# sourceMappingURL=Select-DwWTQcCU.js.map
+//# sourceMappingURL=Select-_C8mTVb1.js.map

package/dist/next/{Select-DwWTQcCU.js.map → Select-_C8mTVb1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Select-DwWTQcCU.js","sources":["../../src/Icons/CheveronDownIcon.tsx","../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["const ChevronDownIcon: 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      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M5.30711 8.71299C5.4232 8.43273 5.69668 8.25 6.00002 8.25H18C18.3034 8.25 18.5768 8.43273 18.6929 8.71299C18.809 8.99324 18.7449 9.31583 18.5304 9.53033L12.5304 15.5303C12.2375 15.8232 11.7626 15.8232 11.4697 15.5303L5.46969 9.53033C5.25519 9.31583 5.19103 8.99324 5.30711 8.71299Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ChevronDownIcon;\r\n","import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { SelectProps } from \"./Select.types\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\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\ninterface BaseSelectProps extends SelectProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      ariaLabel,\r\n      ariaDescription,\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref\r\n  ) => {\r\n    const id = useId();\r\n    const selectId = `${id}-select`;\r\n    const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline ? classMap.outline : \"\",\r\n          disabled ? classMap.disabled : \"\"\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled]\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.select,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline ? classMap.outline : \"\"\r\n        ),\r\n      [classMap, theme, state, outline]\r\n    );\r\n\r\n    return (\r\n      <div className={wrapperClasses} data-testid={testId}>\r\n        <select\r\n          ref={ref}\r\n          id={selectId}\r\n          value={value}\r\n          onChange={handleChange}\r\n          className={selectClasses}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={descId}\r\n          aria-disabled={disabled}\r\n          disabled={disabled}\r\n          data-testid={`${testId}-input`}\r\n        >\r\n          <option value=\"\" disabled hidden>\r\n            {placeholder}\r\n          </option>\r\n          {(asyncOptions ? internalOptions : options).map((option) => (\r\n            <option\r\n              key={option.value}\r\n              value={option.value}\r\n              data-testid={`${testId}-option-${option.value}`}\r\n            >\r\n              {option.label}\r\n            </option>\r\n          ))}\r\n        </select>\r\n\r\n        <div\r\n          className={`${classMap.icon} ${classMap[theme]} ${\r\n            disabled && classMap.disabled ? classMap.disabled : \"\"\r\n          }`}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <ChevronDownIcon />\r\n        </div>\r\n\r\n        {ariaDescription && (\r\n          <span\r\n            id={descId}\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  }\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport styles from \"./Select.module.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n  (props, ref) => {\r\n    return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n  }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["outline","disabled"],"mappings":"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"}
+{"version":3,"file":"Select-_C8mTVb1.js","sources":["../../src/Icons/CheveronDownIcon.tsx","../../src/components/Select/SelectBase.tsx","../../src/components/Select/next/Select.tsx"],"sourcesContent":["const ChevronDownIcon: 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      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M5.30711 8.71299C5.4232 8.43273 5.69668 8.25 6.00002 8.25H18C18.3034 8.25 18.5768 8.43273 18.6929 8.71299C18.809 8.99324 18.7449 9.31583 18.5304 9.53033L12.5304 15.5303C12.2375 15.8232 11.7626 15.8232 11.4697 15.5303L5.46969 9.53033C5.25519 9.31583 5.19103 8.99324 5.30711 8.71299Z\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default ChevronDownIcon;\r\n","import {\r\n  forwardRef,\r\n  ChangeEvent,\r\n  useId,\r\n  useMemo,\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\nimport { SelectProps } from \"./Select.types\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\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\ninterface BaseSelectProps extends SelectProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n  (\r\n    {\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      outline = false,\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      options,\r\n      value,\r\n      onChange,\r\n      placeholder = \"Select an option\",\r\n      ariaLabel,\r\n      ariaDescription,\r\n      disabled = false,\r\n      className = \"\",\r\n      classMap,\r\n      asyncOptions,\r\n      pollInterval = 0,\r\n      \"data-testid\": testId = \"select\",\r\n    },\r\n    ref\r\n  ) => {\r\n    const id = useId();\r\n    const selectId = `${id}-select`;\r\n    const descId = ariaDescription ? `${id}-desc` : undefined;\r\n\r\n    const [internalOptions, setInternalOptions] = useState(options);\r\n\r\n    useEffect(() => {\r\n      if (!asyncOptions) return;\r\n\r\n      let isMounted = true;\r\n\r\n      const load = async () => {\r\n        try {\r\n          const fetched = await asyncOptions(\"\");\r\n          if (isMounted) setInternalOptions(fetched);\r\n        } catch (err) {\r\n          console.error(\"Failed to load options:\", err);\r\n        }\r\n      };\r\n\r\n      load();\r\n\r\n      if (pollInterval > 0) {\r\n        const intervalId = setInterval(load, pollInterval);\r\n        return () => {\r\n          clearInterval(intervalId);\r\n          isMounted = false;\r\n        };\r\n      }\r\n\r\n      return () => {\r\n        isMounted = false;\r\n      };\r\n    }, [asyncOptions, pollInterval]);\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n      onChange(event.target.value);\r\n    };\r\n\r\n    const wrapperClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.wrapper,\r\n          classMap[theme],\r\n          classMap[state],\r\n          className,\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline ? classMap.outline : \"\",\r\n          disabled ? classMap.disabled : \"\"\r\n        ),\r\n      [classMap, theme, state, className, shadow, rounding, outline, disabled]\r\n    );\r\n\r\n    const selectClasses = useMemo(\r\n      () =>\r\n        combineClassNames(\r\n          classMap.select,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          outline ? classMap.outline : \"\"\r\n        ),\r\n      [classMap, theme, state, outline]\r\n    );\r\n\r\n    return (\r\n      <div className={wrapperClasses} data-testid={testId}>\r\n        <select\r\n          ref={ref}\r\n          id={selectId}\r\n          value={value}\r\n          onChange={handleChange}\r\n          className={selectClasses}\r\n          aria-label={ariaLabel || placeholder}\r\n          aria-describedby={descId}\r\n          aria-disabled={disabled}\r\n          disabled={disabled}\r\n          data-testid={`${testId}-input`}\r\n        >\r\n          <option value=\"\" disabled hidden>\r\n            {placeholder}\r\n          </option>\r\n          {(asyncOptions ? internalOptions : options).map((option) => (\r\n            <option\r\n              key={option.value}\r\n              value={option.value}\r\n              data-testid={`${testId}-option-${option.value}`}\r\n            >\r\n              {option.label}\r\n            </option>\r\n          ))}\r\n        </select>\r\n\r\n        <div\r\n          className={`${classMap.icon} ${classMap[theme]} ${\r\n            disabled && classMap.disabled ? classMap.disabled : \"\"\r\n          }`}\r\n          aria-hidden=\"true\"\r\n          data-testid={`${testId}-icon`}\r\n        >\r\n          <ChevronDownIcon />\r\n        </div>\r\n\r\n        {ariaDescription && (\r\n          <span\r\n            id={descId}\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  }\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport styles from \"./Select.module.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(\r\n  (props, ref) => {\r\n    return <BaseSelect {...props} ref={ref} classMap={styles} />;\r\n  }\r\n);\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":["outline","disabled"],"mappings":"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"}

package/dist/next/Select.cjs.js

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

package/dist/next/Select.js

@@ -1,4 +1,4 @@
-import { S } from "./Select-DwWTQcCU.js";
+import { S } from "./Select-_C8mTVb1.js";
 export {
   S as default
 };

package/dist/next/{TextArea-CRo_5ZL_.cjs → TextArea-BfVBd3wl.cjs}

@@ -15,6 +15,7 @@ const TextAreaBase = React.forwardRef(
     rounding = borealStyleConfig.getDefaultRounding(),
     shadow = borealStyleConfig.getDefaultShadow(),
     state = "",
+    resizable = true,
     ariaLabel,
     ariaDescription,
     disabled: disabled2 = false,
@@ -60,7 +61,10 @@ const TextAreaBase = React.forwardRef(
           autoComplete,
           readOnly,
           disabled: disabled2,
-          style: { height },
+          style: {
+            height,
+            resize: resizable ? void 0 : "none"
+          },
           className: classMap.textInput,
           "data-testid": `${testId}-input`,
           ...props
@@ -144,4 +148,4 @@ const TextArea = React.forwardRef(
 );
 TextArea.displayName = "TextArea";
 exports.TextArea = TextArea;
-//# sourceMappingURL=TextArea-CRo_5ZL_.cjs.map
+//# sourceMappingURL=TextArea-BfVBd3wl.cjs.map

package/dist/next/TextArea-BfVBd3wl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea-BfVBd3wl.cjs","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/next/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      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      readOnly = false,\r\n      outline = false,\r\n      autoComplete = \"off\",\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      resizable = true,\r\n      ariaLabel,\r\n      ariaDescription,\r\n      disabled = false,\r\n      height,\r\n      classMap,\r\n      className = \"\",\r\n      \"data-testid\": testId = \"text-area\",\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const id = useId();\r\n    const descriptionId = ariaDescription ? `${id}-description` : 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, outline, disabled, rounding, shadow, className]\r\n    );\r\n\r\n    return (\r\n      <div className={wrapperClass} data-testid={testId}>\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 />\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={ariaLabel || placeholder}\r\n          aria-describedby={descriptionId}\r\n          autoComplete={autoComplete}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\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  }\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport styles from \"./TextArea.module.scss\";\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n  (props, ref) => {\r\n    return <TextAreaBase {...props} ref={ref} classMap={styles} />;\r\n  }\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":["forwardRef","outline","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAUA,MAAM,eAAeA,MAAAA;AAAAA,EAInB,CACE;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAAC,WAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,KAAKC,MAAAA,MAAA;AACX,UAAM,gBAAgB,kBAAkB,GAAG,EAAE,iBAAiB;AAE9D,UAAM,eAAeC,MAAAA;AAAAA,MACnB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdP,YAAW,SAAS;AAAA,QACpBI,aAAY,SAAS;AAAA,QACrB,UAAU,SAAS,SAASI,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAUR,UAASI,WAAU,UAAU,QAAQ,SAAS;AAAA,IAAA;AAG3D,WACEK,2BAAAA,KAAC,OAAA,EAAI,WAAW,cAAc,eAAa,QACxC,UAAA;AAAA,MAAA,QACCC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,UAEtB,yCAAC,MAAA,CAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAIVA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAY,aAAa;AAAA,UACzB,oBAAkB;AAAA,UAClB;AAAA,UACA;AAAA,UACA,UAAAN;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,QAAQ,YAAY,SAAY;AAAA,UAAA;AAAA,UAElC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UACrB,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAGNM,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,mBACCA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClG3B,MAAM,WAAWX,MAAAA;AAAAA,EACf,CAAC,OAAO,QAAQ;AACd,0CAAQ,cAAA,EAAc,GAAG,OAAO,KAAU,UAAU,QAAQ;AAAA,EAC9D;AACF;AAEA,SAAS,cAAc;;"}

package/dist/next/{TextArea-W9ekr3ij.js → TextArea-CwR4vrML.js}

@@ -14,6 +14,7 @@ const TextAreaBase = forwardRef(
     rounding = getDefaultRounding(),
     shadow = getDefaultShadow(),
     state = "",
+    resizable = true,
     ariaLabel,
     ariaDescription,
     disabled: disabled2 = false,
@@ -59,7 +60,10 @@ const TextAreaBase = forwardRef(
           autoComplete,
           readOnly,
           disabled: disabled2,
-          style: { height },
+          style: {
+            height,
+            resize: resizable ? void 0 : "none"
+          },
           className: classMap.textInput,
           "data-testid": `${testId}-input`,
           ...props
@@ -145,4 +149,4 @@ TextArea.displayName = "TextArea";
 export {
   TextArea as T
 };
-//# sourceMappingURL=TextArea-W9ekr3ij.js.map
+//# sourceMappingURL=TextArea-CwR4vrML.js.map

package/dist/next/TextArea-CwR4vrML.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea-CwR4vrML.js","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/next/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      icon: Icon,\r\n      placeholder = \"Enter text\",\r\n      readOnly = false,\r\n      outline = false,\r\n      autoComplete = \"off\",\r\n      theme = getDefaultTheme(),\r\n      rounding = getDefaultRounding(),\r\n      shadow = getDefaultShadow(),\r\n      state = \"\",\r\n      resizable = true,\r\n      ariaLabel,\r\n      ariaDescription,\r\n      disabled = false,\r\n      height,\r\n      classMap,\r\n      className = \"\",\r\n      \"data-testid\": testId = \"text-area\",\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const id = useId();\r\n    const descriptionId = ariaDescription ? `${id}-description` : 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, outline, disabled, rounding, shadow, className]\r\n    );\r\n\r\n    return (\r\n      <div className={wrapperClass} data-testid={testId}>\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 />\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={ariaLabel || placeholder}\r\n          aria-describedby={descriptionId}\r\n          autoComplete={autoComplete}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\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  }\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport styles from \"./TextArea.module.scss\";\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n  (props, ref) => {\r\n    return <TextAreaBase {...props} ref={ref} classMap={styles} />;\r\n  }\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":["outline","disabled"],"mappings":";;;;;AAUA,MAAM,eAAe;AAAA,EAInB,CACE;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAAA,WAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,KAAK,MAAA;AACX,UAAM,gBAAgB,kBAAkB,GAAG,EAAE,iBAAiB;AAE9D,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdD,YAAW,SAAS;AAAA,QACpBC,aAAY,SAAS;AAAA,QACrB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAUD,UAASC,WAAU,UAAU,QAAQ,SAAS;AAAA,IAAA;AAG3D,WACE,qBAAC,OAAA,EAAI,WAAW,cAAc,eAAa,QACxC,UAAA;AAAA,MAAA,QACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,UAEtB,8BAAC,MAAA,CAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAIV;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAY,aAAa;AAAA,UACzB,oBAAkB;AAAA,UAClB;AAAA,UACA;AAAA,UACA,UAAAA;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,QAAQ,YAAY,SAAY;AAAA,UAAA;AAAA,UAElC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UACrB,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAGN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,mBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClG3B,MAAM,WAAW;AAAA,EACf,CAAC,OAAO,QAAQ;AACd,+BAAQ,cAAA,EAAc,GAAG,OAAO,KAAU,UAAU,QAAQ;AAAA,EAC9D;AACF;AAEA,SAAS,cAAc;"}

package/dist/next/TextArea.cjs.js

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

package/dist/next/TextArea.js

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

package/dist/next/index.cjs.js

@@ -8,16 +8,16 @@ const Button = require("./Button-WSFdkLsa.cjs");
 const IconButton = require("./IconButton-CNzF48hu.cjs");
 const STT = require("./STT-C0q3yqiJ.cjs");
 const TextInput = require("./TextInput-iQT-2lPj.cjs");
-const TextArea = require("./TextArea-CRo_5ZL_.cjs");
-const Select = require("./Select-_f1aZuKO.cjs");
-const Footer = require("./Footer-D2veQTa-.cjs");
-const FileUpload = require("./FileUpload-jh5iTgY-.cjs");
+const TextArea = require("./TextArea-BfVBd3wl.cjs");
+const Select = require("./Select-BKprqV3i.cjs");
+const Footer = require("./Footer-C6gSCcdC.cjs");
+const FileUpload = require("./FileUpload-427ZyzCY.cjs");
 const Taginput = require("./Taginput-BcNgwFOj.cjs");
 const RadioButton = require("./RadioButton-cXdUfJD2.cjs");
 const Slider = require("./Slider-DbxNKdGq.cjs");
 const Checkbox = require("./Checkbox-COcqcXOD.cjs");
 const ColorPicker = require("./ColorPicker-C-klUf3G.cjs");
-const FormGroup = require("./FormGroup-BAtifQGH.cjs");
+const FormGroup = require("./FormGroup-Bstsn_US.cjs");
 const DataTable = require("./DataTable-9JLEi0CK.cjs");
 const DateTimePicker = require("./DateTimePicker-CoTQNBzD.cjs");
 const MarkdownRenderer = require("./MarkdownRenderer-B-WThNR7.cjs");
@@ -35,7 +35,7 @@ const Spinner = require("./Spinner-Doh4Uft1.cjs");
 const Tooltip = require("./Tooltip-DHhLeygn.cjs");
 const MessagePopup = require("./MessagePopup-C-7N3vB0.cjs");
 const PopOver = require("./PopOver-CHs0s9rp.cjs");
-const NavBar = require("./NavBar-CZtNDAdX.cjs");
+const NavBar = require("./NavBar-COPlmHzy.cjs");
 const Breadcrumbs = require("./Breadcrumbs-0cJD4s9s.cjs");
 const Tabs = require("./Tabs-DuZPFjen.cjs");
 const Stepper = require("./Stepper-D2UYDRwT.cjs");
@@ -51,6 +51,8 @@ const MetricBox = require("./MetricBox-Dtkrwrtw.cjs");
 const EmptyState = require("./EmptyState-DUZQ2Qmn.cjs");
 const CommandPalette = require("./CommandPalette-Dp2pT5ot.cjs");
 const NotificationCenter = require("./NotificationCenter-DmcHIkOp.cjs");
+const link$1 = require("./link-hxAaLm0Q.cjs");
+const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const Card = require("./Card-BCYMEFyT.cjs");
 const Avatar = require("./Avatar-DjuHvrMV.cjs");
 const ChipGroupBase = React.forwardRef(
@@ -131,11 +133,11 @@ const ChipGroupBase = React.forwardRef(
   }
 );
 ChipGroupBase.displayName = "ChipGroupBase";
-const noScroll = "_noScroll_vcv6u_91";
-const errorMessage = "_errorMessage_vcv6u_92";
-const loadingContainer = "_loadingContainer_vcv6u_93";
-const hideScrollbar = "_hideScrollbar_vcv6u_85";
-const sr_only = "_sr_only_vcv6u_94";
+const noScroll$1 = "_noScroll_vcv6u_91";
+const errorMessage$1 = "_errorMessage_vcv6u_92";
+const loadingContainer$1 = "_loadingContainer_vcv6u_93";
+const hideScrollbar$1 = "_hideScrollbar_vcv6u_85";
+const sr_only$1 = "_sr_only_vcv6u_94";
 const container = "_container_vcv6u_479";
 const topLeft = "_topLeft_vcv6u_488";
 const topCenter = "_topCenter_vcv6u_493";
@@ -143,16 +145,16 @@ const topRight = "_topRight_vcv6u_499";
 const bottomLeft = "_bottomLeft_vcv6u_504";
 const bottomCenter = "_bottomCenter_vcv6u_509";
 const bottomRight = "_bottomRight_vcv6u_515";
-const list = "_list_vcv6u_521";
+const list$1 = "_list_vcv6u_521";
 const chip = "_chip_vcv6u_530";
-const spin = "_spin_vcv6u_1";
-const pulse = "_pulse_vcv6u_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
+const spin$1 = "_spin_vcv6u_1";
+const pulse$1 = "_pulse_vcv6u_1";
+const styles$1 = {
+  noScroll: noScroll$1,
+  errorMessage: errorMessage$1,
+  loadingContainer: loadingContainer$1,
+  hideScrollbar: hideScrollbar$1,
+  sr_only: sr_only$1,
   container,
   topLeft,
   topCenter,
@@ -160,13 +162,13 @@ const styles = {
   bottomLeft,
   bottomCenter,
   bottomRight,
-  list,
+  list: list$1,
   chip,
   "fade-in": "_fade-in_vcv6u_1",
   "slide-up": "_slide-up_vcv6u_1",
   "spin-3d": "_spin-3d_vcv6u_1",
-  spin,
-  pulse,
+  spin: spin$1,
+  pulse: pulse$1,
   "fade-in-up": "_fade-in-up_vcv6u_1",
   "progress-grow": "_progress-grow_vcv6u_1",
   "indeterminate-move": "_indeterminate-move_vcv6u_1",
@@ -179,10 +181,283 @@ const ChipGroup = React.forwardRef(
       ...props,
       ref,
       ChipComponent: Chip.Chip,
-      classMap: styles
+      classMap: styles$1
     }
   )
 );
+const SidebarBase = ({
+  links,
+  classMap,
+  currentPath,
+  LinkComponent = "a",
+  theme = borealStyleConfig.getDefaultTheme(),
+  rounding = borealStyleConfig.getDefaultRounding(),
+  shadow = borealStyleConfig.getDefaultShadow(),
+  state = "",
+  showFooter = false,
+  footerLinks,
+  footerVersion: footerVersion2,
+  outline: outline2 = false,
+  className = "",
+  "data-testid": testId = "sidebar",
+  ariaLabel = "Sidebar navigation",
+  ...rest
+}) => {
+  const [openItems, setOpenItems] = React.useState({});
+  const toggleItem = (key) => {
+    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));
+  };
+  const submenuRefs = React.useRef({});
+  const setSubmenuRef = (key, el) => {
+    submenuRefs.current[key] = el;
+  };
+  const getSubmenuHeight = (key) => {
+    const el = submenuRefs.current[key];
+    return el ? `${el.scrollHeight}px` : "0px";
+  };
+  const containerClasses = React.useMemo(
+    () => classNames.combineClassNames(
+      classMap.wrapper,
+      className,
+      classMap[theme],
+      classMap[state],
+      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
+      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
+      outline2 ? classMap.outline : ""
+    ),
+    [className, theme, state, outline2, rounding, shadow]
+  );
+  const renderLinks = (items, isChild = false) => /* @__PURE__ */ require$$2.jsx(
+    "ul",
+    {
+      className: classNames.combineClassNames(
+        classMap.list,
+        isChild ? classMap.childList : ""
+      ),
+      "data-testid": `${testId}-list`,
+      children: items.map(({ label, href, children, icon }) => {
+        const isActive = href && currentPath === href;
+        const isOpen = openItems[label] || false;
+        return /* @__PURE__ */ require$$2.jsx(
+          "li",
+          {
+            className: classMap.item,
+            "data-testid": `${testId}-listItems`,
+            children: children && children.length > 0 ? /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
+              /* @__PURE__ */ require$$2.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: classNames.combineClassNames(
+                    classMap.link,
+                    isOpen ? classMap.active : ""
+                  ),
+                  onClick: () => toggleItem(label),
+                  "aria-expanded": isOpen,
+                  "data-testid": `${testId}-exapndItemButton`,
+                  children: [
+                    icon && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, children: icon }),
+                    /* @__PURE__ */ require$$2.jsx("span", { "data-testid": `${testId}-exapndItemLabel`, children: label }),
+                    /* @__PURE__ */ require$$2.jsx(
+                      Select.ChevronDownIcon,
+                      {
+                        className: classNames.combineClassNames(
+                          classMap.chevron,
+                          isOpen ? classMap.chevronOpen : ""
+                        ),
+                        "data-testid": `${testId}-exapndIcon`
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ require$$2.jsx(
+                "div",
+                {
+                  ref: (el) => setSubmenuRef(label, el),
+                  className: classNames.combineClassNames(
+                    classMap.submenu,
+                    isOpen ? classMap.submenuOpen : ""
+                  ),
+                  style: {
+                    maxHeight: isOpen ? getSubmenuHeight(label) : "0px"
+                  },
+                  "data-testid": `${testId}-subMenu`,
+                  children: renderLinks(children, true)
+                }
+              )
+            ] }) : href ? /* @__PURE__ */ require$$2.jsxs(
+              LinkComponent,
+              {
+                href,
+                className: classNames.combineClassNames(
+                  classMap.link,
+                  isChild ? classMap.childLink : "",
+                  isActive ? classMap.active : ""
+                ),
+                "aria-current": isActive ? "page" : void 0,
+                "data-testid": `${testId}-sidebarLink`,
+                children: [
+                  icon && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, children: icon }),
+                  label
+                ]
+              }
+            ) : /* @__PURE__ */ require$$2.jsxs(
+              "span",
+              {
+                className: classNames.combineClassNames(
+                  classMap.link,
+                  isChild ? classMap.childLink : ""
+                ),
+                "data-testid": `${testId}-sidebarLabel`,
+                children: [
+                  icon && /* @__PURE__ */ require$$2.jsx("span", { className: classMap.icon, children: icon }),
+                  label
+                ]
+              }
+            )
+          },
+          label
+        );
+      })
+    }
+  );
+  return /* @__PURE__ */ require$$2.jsxs(
+    "nav",
+    {
+      className: containerClasses,
+      "aria-label": ariaLabel,
+      ...rest,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ require$$2.jsx("nav", { className: classMap.nav, children: renderLinks(links) }),
+        showFooter && /* @__PURE__ */ require$$2.jsxs("footer", { className: classMap.footer, "data-testid": `${testId}-footer`, children: [
+          footerLinks == null ? void 0 : footerLinks.map(({ label, href }) => /* @__PURE__ */ require$$2.jsx(
+            LinkComponent,
+            {
+              href,
+              className: classMap.footerLink,
+              "data-testid": `${testId}-footerLink`,
+              children: label
+            },
+            label
+          )),
+          footerVersion2 && /* @__PURE__ */ require$$2.jsx(
+            "span",
+            {
+              className: classMap.footerVersion,
+              "data-testid": `${testId}-footerVersion`,
+              children: footerVersion2
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+SidebarBase.displayName = "SidebarBase";
+const noScroll = "_noScroll_y1c07_91";
+const errorMessage = "_errorMessage_y1c07_92";
+const loadingContainer = "_loadingContainer_y1c07_93";
+const hideScrollbar = "_hideScrollbar_y1c07_85";
+const sr_only = "_sr_only_y1c07_94";
+const wrapper = "_wrapper_y1c07_479";
+const roundNone = "_roundNone_y1c07_490";
+const roundSmall = "_roundSmall_y1c07_493";
+const roundMedium = "_roundMedium_y1c07_496";
+const roundLarge = "_roundLarge_y1c07_499";
+const roundFull = "_roundFull_y1c07_502";
+const shadowNone = "_shadowNone_y1c07_505";
+const shadowLight = "_shadowLight_y1c07_508";
+const shadowMedium = "_shadowMedium_y1c07_511";
+const shadowStrong = "_shadowStrong_y1c07_514";
+const shadowIntense = "_shadowIntense_y1c07_517";
+const primary = "_primary_y1c07_521";
+const active = "_active_y1c07_521";
+const outline = "_outline_y1c07_525";
+const clear = "_clear_y1c07_530";
+const secondary = "_secondary_y1c07_534";
+const tertiary = "_tertiary_y1c07_547";
+const quaternary = "_quaternary_y1c07_560";
+const success = "_success_y1c07_588";
+const error = "_error_y1c07_92";
+const warning = "_warning_y1c07_602";
+const nav = "_nav_y1c07_609";
+const list = "_list_y1c07_614";
+const link = "_link_y1c07_620";
+const childLink = "_childLink_y1c07_650";
+const chevron = "_chevron_y1c07_654";
+const chevronOpen = "_chevronOpen_y1c07_658";
+const submenu = "_submenu_y1c07_662";
+const childList = "_childList_y1c07_668";
+const footer = "_footer_y1c07_673";
+const footerLink = "_footerLink_y1c07_685";
+const footerVersion = "_footerVersion_y1c07_693";
+const spin = "_spin_y1c07_1";
+const pulse = "_pulse_y1c07_1";
+const styles = {
+  noScroll,
+  errorMessage,
+  loadingContainer,
+  hideScrollbar,
+  sr_only,
+  wrapper,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  primary,
+  active,
+  outline,
+  clear,
+  secondary,
+  tertiary,
+  quaternary,
+  success,
+  error,
+  warning,
+  nav,
+  list,
+  link,
+  childLink,
+  chevron,
+  chevronOpen,
+  submenu,
+  childList,
+  footer,
+  footerLink,
+  footerVersion,
+  "fade-in": "_fade-in_y1c07_1",
+  "slide-up": "_slide-up_y1c07_1",
+  "spin-3d": "_spin-3d_y1c07_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_y1c07_1",
+  "progress-grow": "_progress-grow_y1c07_1",
+  "indeterminate-move": "_indeterminate-move_y1c07_1",
+  "skeleton-loading": "_skeleton-loading_y1c07_1"
+};
+const Sidebar = ({ links, ...rest }) => {
+  const currentPath = NavBar.navigation.usePathname();
+  const { classMap, currentPath: _ignored, ...safeRest } = rest;
+  return /* @__PURE__ */ require$$2.jsx(
+    SidebarBase,
+    {
+      links,
+      classMap: styles,
+      currentPath,
+      LinkComponent: link$1.Link,
+      ...safeRest
+    },
+    currentPath
+  );
+};
 function ClientFooterWrapper(props) {
   return /* @__PURE__ */ require$$2.jsx(Footer.Footer, { ...props });
 }
@@ -239,4 +514,5 @@ exports.Card = Card.Card;
 exports.Avatar = Avatar.Avatar;
 exports.ChipGroup = ChipGroup;
 exports.ClientFooterWrapper = ClientFooterWrapper;
+exports.Sidebar = Sidebar;
 //# sourceMappingURL=index.cjs.js.map