boreal-ui 0.0.35 → 0.0.37

package/dist/core/DateTimePicker-D7bRXphw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-D7bRXphw.cjs","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/core/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\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    {...props}\r\n  >\r\n    <path\r\n      d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\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 10V6C3 4.89543 3.89543 4 5 4H7\"\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=\"M7 2V6\"\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=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\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 CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\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 DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  outline,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"datetime-picker\",\r\n  classMap,\r\n  error,\r\n  description,\r\n  id,\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const descriptionId = description ? `${inputId}-description` : undefined;\r\n  const errorId = error ? `${inputId}-error` : undefined;\r\n\r\n  const invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el) return;\r\n    if (typeof el.showPicker === \"function\") el.showPicker();\r\n    else el.focus();\r\n  };\r\n\r\n  const pickerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  const describedBy =\r\n    [descriptionId, errorId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label htmlFor={inputId} className={classMap.label}>\r\n          {label} {required && <span aria-hidden=\"true\">*</span>}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <input\r\n          id={inputId}\r\n          type=\"datetime-local\"\r\n          className={classMap.input}\r\n          value={value}\r\n          onChange={(e) => onChange?.(e.target.value)}\r\n          min={min}\r\n          max={max}\r\n          name={name}\r\n          ref={inputRef}\r\n          required={required}\r\n          disabled={disabled}\r\n          aria-invalid={\r\n            Boolean(error) || invalidRange || outOfBounds || undefined\r\n          }\r\n          aria-describedby={describedBy}\r\n          aria-errormessage={error ? errorId : undefined}\r\n          aria-label={label || \"Date and time\"}\r\n          data-testid={`${testId}-input`}\r\n          autoComplete=\"off\"\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled}\r\n          aria-label=\"Open date and time picker\"\r\n          data-testid={`${testId}-button`}\r\n        >\r\n          <CalendarIcon />\r\n        </button>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p id={descriptionId} className={classMap.description}>\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p id={errorId} className={classMap.error} role=\"alert\">\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\nexport default DateTimePickerBase;\r\n","import React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport \"./DateTimePicker.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"datetime_picker_wrapper\",\r\n  label: \"datetime_picker_label\",\r\n  inputWrapper: \"datetime_picker_input_wrapper\",\r\n  input: \"datetime_picker_input\",\r\n\r\n  primary: \"datetime_picker_primary\",\r\n  secondary: \"datetime_picker_secondary\",\r\n  tertiary: \"datetime_picker_tertiary\",\r\n  quaternary: \"datetime_picker_quaternary\",\r\n\r\n  success: \"datetime_picker_success\",\r\n  error: \"datetime_picker_error\",\r\n  warning: \"datetime_picker_warning\",\r\n\r\n  clear: \"datetime_picker_clear\",\r\n\r\n  xs: \"datetime_picker_xs\",\r\n  small: \"datetime_picker_small\",\r\n  medium: \"datetime_picker_medium\",\r\n  large: \"datetime_picker_large\",\r\n  xl: \"datetime_picker_xl\",\r\n\r\n  outline: \"datetime_picker_outline\",\r\n  disabled: \"datetime_picker_disabled\",\r\n  icon: \"datetime_picker_icon\",\r\n\r\n  shadowNone: \"datetime_picker_shadow-None\",\r\n  shadowLight: \"datetime_picker_shadow-Light\",\r\n  shadowMedium: \"datetime_picker_shadow-Medium\",\r\n  shadowStrong: \"datetime_picker_shadow-Strong\",\r\n  shadowIntense: \"datetime_picker_shadow-Intense\",\r\n\r\n  roundNone: \"datetime_picker_round-None\",\r\n  roundSmall: \"datetime_picker_round-Small\",\r\n  roundMedium: \"datetime_picker_round-Medium\",\r\n  roundLarge: \"datetime_picker_round-Large\",\r\n};\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={classes} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/core/DateTimePicker.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const DateTimePicker = require("./DateTimePicker-DU-vjgee.cjs");
+const DateTimePicker = require("./DateTimePicker-D7bRXphw.cjs");
 module.exports = DateTimePicker.DateTimePicker;
 //# sourceMappingURL=DateTimePicker.cjs.js.map

package/dist/core/DateTimePicker.js

@@ -1,4 +1,4 @@
-import { D } from "./DateTimePicker-Cq_QZBV5.js";
+import { D } from "./DateTimePicker-BzS1nP5J.js";
 export {
   D as default
 };

package/dist/core/{Divider-BxiplAj2.js → Divider-7akvm9JA.js}

@@ -76,8 +76,9 @@ const classes = {
   warning: "divider_warning",
   error: "divider_error"
 };
-const Divider = (props) => /* @__PURE__ */ jsx(DividerBase, { ...props, classMap: classes });
+const Divider = forwardRef((props, ref) => /* @__PURE__ */ jsx(DividerBase, { ...props, classMap: classes, ref }));
+Divider.displayName = "Divider";
 export {
   Divider as D
 };
-//# sourceMappingURL=Divider-BxiplAj2.js.map
+//# sourceMappingURL=Divider-7akvm9JA.js.map

package/dist/core/{Divider-BxiplAj2.js.map → Divider-7akvm9JA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Divider-BxiplAj2.js","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/core/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      \"aria-hidden\": ariaHidden,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n\r\n    const ComponentTag = as;\r\n\r\n    const needsExplicitRole = ComponentTag !== \"hr\" || isVertical;\r\n    const role = needsExplicitRole ? \"separator\" : undefined;\r\n\r\n    const style: React.CSSProperties =\r\n      ComponentTag === \"hr\"\r\n        ? {\r\n            border: 0,\r\n            margin: 0,\r\n            ...(isVertical\r\n              ? {\r\n                  width: 0,\r\n                  height: length,\r\n                  borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n                }\r\n              : {\r\n                  height: 0,\r\n                  width: length,\r\n                  borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n                }),\r\n          }\r\n        : {\r\n            width: isVertical ? thickness : length,\r\n            height: isVertical ? length : thickness,\r\n            backgroundColor: dashed ? \"transparent\" : undefined,\r\n          };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className\r\n        )}\r\n        {...(role && { role })}\r\n        {...(isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n        data-orientation={orientation}\r\n        style={style}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","import React from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport \"./Divider.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst classes = {\r\n  divider: \"divider\",\r\n  horizontal: \"divider_horizontal\",\r\n  vertical: \"divider_vertical\",\r\n  dashed: \"divider_dashed\",\r\n  primary: \"divider_primary\",\r\n  secondary: \"divider_secondary\",\r\n  tertiary: \"divider_tertiary\",\r\n  quaternary: \"divider_quaternary\",\r\n  clear: \"divider_clear\",\r\n  success: \"divider_success\",\r\n  warning: \"divider_warning\",\r\n  error: \"divider_error\",\r\n};\r\n\r\nconst Divider: React.FC<DividerProps> = (props) => (\r\n  <DividerBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default Divider;\r\n"],"names":[],"mappings":";;;;AAKA,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,eAAe;AAErB,UAAM,oBAAoB,iBAAiB,QAAQ;AACnD,UAAM,OAAO,oBAAoB,cAAc;AAE/C,UAAM,QACJ,iBAAiB,OACb;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACxD,IAEN;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiB,SAAS,gBAAgB;AAAA,IAAA;AAGlD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvB,UAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,cAAc,EAAE,oBAAoB,WAAA;AAAA,QACxC,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD,oBAAkB;AAAA,QAClB;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;ACvE1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,UAAkC,CAAC,UACvC,oBAAC,eAAa,GAAG,OAAO,UAAU,QAAA,CAAS;"}
+{"version":3,"file":"Divider-7akvm9JA.js","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/core/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      \"aria-hidden\": ariaHidden,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n\r\n    const ComponentTag = as;\r\n\r\n    const needsExplicitRole = ComponentTag !== \"hr\" || isVertical;\r\n    const role = needsExplicitRole ? \"separator\" : undefined;\r\n\r\n    const style: React.CSSProperties =\r\n      ComponentTag === \"hr\"\r\n        ? {\r\n            border: 0,\r\n            margin: 0,\r\n            ...(isVertical\r\n              ? {\r\n                  width: 0,\r\n                  height: length,\r\n                  borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n                }\r\n              : {\r\n                  height: 0,\r\n                  width: length,\r\n                  borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n                }),\r\n          }\r\n        : {\r\n            width: isVertical ? thickness : length,\r\n            height: isVertical ? length : thickness,\r\n            backgroundColor: dashed ? \"transparent\" : undefined,\r\n          };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className\r\n        )}\r\n        {...(role && { role })}\r\n        {...(isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n        data-orientation={orientation}\r\n        style={style}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","import { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport \"./Divider.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst classes = {\r\n  divider: \"divider\",\r\n  horizontal: \"divider_horizontal\",\r\n  vertical: \"divider_vertical\",\r\n  dashed: \"divider_dashed\",\r\n  primary: \"divider_primary\",\r\n  secondary: \"divider_secondary\",\r\n  tertiary: \"divider_tertiary\",\r\n  quaternary: \"divider_quaternary\",\r\n  clear: \"divider_clear\",\r\n  success: \"divider_success\",\r\n  warning: \"divider_warning\",\r\n  error: \"divider_error\",\r\n};\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n  <DividerBase {...props} classMap={classes} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":[],"mappings":";;;;AAKA,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,eAAe;AAErB,UAAM,oBAAoB,iBAAiB,QAAQ;AACnD,UAAM,OAAO,oBAAoB,cAAc;AAE/C,UAAM,QACJ,iBAAiB,OACb;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACxD,IAEN;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiB,SAAS,gBAAgB;AAAA,IAAA;AAGlD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvB,UAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,cAAc,EAAE,oBAAoB,WAAA;AAAA,QACxC,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD,oBAAkB;AAAA,QAClB;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;ACvE1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,UAAU,SAAS,IAAA,CAAU,CACtD;AACD,QAAQ,cAAc;"}

package/dist/core/{Divider-Bn7ghdiP.cjs → Divider-CaSuFc3G.cjs}

@@ -77,6 +77,7 @@ const classes = {
   warning: "divider_warning",
   error: "divider_error"
 };
-const Divider = (props) => /* @__PURE__ */ jsxRuntime.jsx(DividerBase, { ...props, classMap: classes });
+const Divider = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(DividerBase, { ...props, classMap: classes, ref }));
+Divider.displayName = "Divider";
 exports.Divider = Divider;
-//# sourceMappingURL=Divider-Bn7ghdiP.cjs.map
+//# sourceMappingURL=Divider-CaSuFc3G.cjs.map

package/dist/core/{Divider-Bn7ghdiP.cjs.map → Divider-CaSuFc3G.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Divider-Bn7ghdiP.cjs","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/core/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      \"aria-hidden\": ariaHidden,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n\r\n    const ComponentTag = as;\r\n\r\n    const needsExplicitRole = ComponentTag !== \"hr\" || isVertical;\r\n    const role = needsExplicitRole ? \"separator\" : undefined;\r\n\r\n    const style: React.CSSProperties =\r\n      ComponentTag === \"hr\"\r\n        ? {\r\n            border: 0,\r\n            margin: 0,\r\n            ...(isVertical\r\n              ? {\r\n                  width: 0,\r\n                  height: length,\r\n                  borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n                }\r\n              : {\r\n                  height: 0,\r\n                  width: length,\r\n                  borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n                }),\r\n          }\r\n        : {\r\n            width: isVertical ? thickness : length,\r\n            height: isVertical ? length : thickness,\r\n            backgroundColor: dashed ? \"transparent\" : undefined,\r\n          };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className\r\n        )}\r\n        {...(role && { role })}\r\n        {...(isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n        data-orientation={orientation}\r\n        style={style}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","import React from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport \"./Divider.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst classes = {\r\n  divider: \"divider\",\r\n  horizontal: \"divider_horizontal\",\r\n  vertical: \"divider_vertical\",\r\n  dashed: \"divider_dashed\",\r\n  primary: \"divider_primary\",\r\n  secondary: \"divider_secondary\",\r\n  tertiary: \"divider_tertiary\",\r\n  quaternary: \"divider_quaternary\",\r\n  clear: \"divider_clear\",\r\n  success: \"divider_success\",\r\n  warning: \"divider_warning\",\r\n  error: \"divider_error\",\r\n};\r\n\r\nconst Divider: React.FC<DividerProps> = (props) => (\r\n  <DividerBase {...props} classMap={classes} />\r\n);\r\n\r\nexport default Divider;\r\n"],"names":["forwardRef","getDefaultTheme","jsx","combineClassNames"],"mappings":";;;;;AAKA,MAAM,cAAcA,MAAAA;AAAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQC,kBAAAA,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,eAAe;AAErB,UAAM,oBAAoB,iBAAiB,QAAQ;AACnD,UAAM,OAAO,oBAAoB,cAAc;AAE/C,UAAM,QACJ,iBAAiB,OACb;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACxD,IAEN;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiB,SAAS,gBAAgB;AAAA,IAAA;AAGlD,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,WAAAA;AAAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvB,UAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,cAAc,EAAE,oBAAoB,WAAA;AAAA,QACxC,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD,oBAAkB;AAAA,QAClB;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;ACvE1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,UAAkC,CAAC,UACvCD,+BAAC,eAAa,GAAG,OAAO,UAAU,QAAA,CAAS;;"}
+{"version":3,"file":"Divider-CaSuFc3G.cjs","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/core/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      \"aria-hidden\": ariaHidden,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n\r\n    const ComponentTag = as;\r\n\r\n    const needsExplicitRole = ComponentTag !== \"hr\" || isVertical;\r\n    const role = needsExplicitRole ? \"separator\" : undefined;\r\n\r\n    const style: React.CSSProperties =\r\n      ComponentTag === \"hr\"\r\n        ? {\r\n            border: 0,\r\n            margin: 0,\r\n            ...(isVertical\r\n              ? {\r\n                  width: 0,\r\n                  height: length,\r\n                  borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n                }\r\n              : {\r\n                  height: 0,\r\n                  width: length,\r\n                  borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n                }),\r\n          }\r\n        : {\r\n            width: isVertical ? thickness : length,\r\n            height: isVertical ? length : thickness,\r\n            backgroundColor: dashed ? \"transparent\" : undefined,\r\n          };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className\r\n        )}\r\n        {...(role && { role })}\r\n        {...(isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\r\n        data-orientation={orientation}\r\n        style={style}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","import { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport \"./Divider.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst classes = {\r\n  divider: \"divider\",\r\n  horizontal: \"divider_horizontal\",\r\n  vertical: \"divider_vertical\",\r\n  dashed: \"divider_dashed\",\r\n  primary: \"divider_primary\",\r\n  secondary: \"divider_secondary\",\r\n  tertiary: \"divider_tertiary\",\r\n  quaternary: \"divider_quaternary\",\r\n  clear: \"divider_clear\",\r\n  success: \"divider_success\",\r\n  warning: \"divider_warning\",\r\n  error: \"divider_error\",\r\n};\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n  <DividerBase {...props} classMap={classes} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":["forwardRef","getDefaultTheme","jsx","combineClassNames"],"mappings":";;;;;AAKA,MAAM,cAAcA,MAAAA;AAAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQC,kBAAAA,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL;AAAA,IACA,eAAe,SAAS;AAAA,IACxB,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AAEnC,UAAM,eAAe;AAErB,UAAM,oBAAoB,iBAAiB,QAAQ;AACnD,UAAM,OAAO,oBAAoB,cAAc;AAE/C,UAAM,QACJ,iBAAiB,OACb;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACxD,IAEN;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiB,SAAS,gBAAgB;AAAA,IAAA;AAGlD,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,WAAAA;AAAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvB,UAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,cAAc,EAAE,oBAAoB,WAAA;AAAA,QACxC,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD,oBAAkB;AAAA,QAClB;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;ACvE1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,UAAUH,MAAAA,WAAyC,CAAC,OAAO,QAC/DE,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,SAAS,IAAA,CAAU,CACtD;AACD,QAAQ,cAAc;;"}

package/dist/core/Divider.cjs.js

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

package/dist/core/Divider.js

@@ -1,4 +1,4 @@
-import { D } from "./Divider-BxiplAj2.js";
+import { D } from "./Divider-7akvm9JA.js";
 export {
   D as default
 };

package/dist/core/{Dropdown-GA_yvFVS.js → Dropdown-CwofYHjq.js}

@@ -4,7 +4,7 @@ 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-BILmxkZG.js";
 /* empty css                 */
-import { I as IconButton } from "./IconButton-DgfUCfo9.js";
+import { I as IconButton } from "./IconButton-_lxTppua.js";
 const MenuIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -274,7 +274,8 @@ const classes = {
 const Dropdown = (props) => {
   return /* @__PURE__ */ jsx(BaseDropdown, { ...props, IconButton, classMap: classes });
 };
+Dropdown.displayName = "Dropdown";
 export {
   Dropdown as D
 };
-//# sourceMappingURL=Dropdown-GA_yvFVS.js.map
+//# sourceMappingURL=Dropdown-CwofYHjq.js.map

package/dist/core/Dropdown-CwofYHjq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-CwofYHjq.js","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/core/Dropdown.tsx"],"sourcesContent":["const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\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    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 5H21\"\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 12H21\"\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 19H21\"\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 MenuIcon;\r\n","import React, {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, IconButtonLikeRef } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\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 BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n  triggerIcon,\r\n  items,\r\n  align = \"right\",\r\n  className = \"\",\r\n  menuClassName = \"\",\r\n  ariaLabel = \"Dropdown menu\",\r\n  theme = getDefaultTheme(),\r\n  toggleRounding = getDefaultRounding(),\r\n  menuRounding = getDefaultRounding(),\r\n  toggleShadow = getDefaultShadow(),\r\n  menuShadow = getDefaultShadow(),\r\n  toggleOutline = false,\r\n  state = \"\",\r\n  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<IconButtonLikeRef | null>(null);\r\n  const menuId = useId();\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const toggleDropdown = () => setOpen((prev) => !prev);\r\n  const closeDropdown = () => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n    triggerRef.current?.focus?.();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (menuItems && menuItems.length > 0) {\r\n      setActiveIndex(0);\r\n    } else {\r\n      setActiveIndex(-1);\r\n    }\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || activeIndex < 0) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    menuItems?.[activeIndex]?.focus();\r\n  }, [activeIndex, open]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(e.target as Node)\r\n      ) {\r\n        closeDropdown();\r\n      }\r\n    };\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const right = rect.right > window.innerWidth;\r\n      const left = rect.left < 0;\r\n      if (right) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (left) {\r\n        menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n      } else {\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      }\r\n    }\r\n\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!open) return;\r\n\r\n      const len = items.length;\r\n      const hasItems = len > 0;\r\n\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        closeDropdown();\r\n        return;\r\n      }\r\n      if (e.key === \"Tab\") {\r\n        closeDropdown();\r\n        return;\r\n      }\r\n\r\n      if (!hasItems) return;\r\n\r\n      if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? 0 : (prev + 1) % len));\r\n      } else if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? len - 1 : (prev - 1 + len) % len));\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        setActiveIndex(0);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        setActiveIndex(len - 1);\r\n      } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n        const item = items[activeIndex];\r\n        if (item) {\r\n          item.onClick?.();\r\n          closeDropdown();\r\n        }\r\n      }\r\n    },\r\n    [open, items, activeIndex]\r\n  );\r\n\r\n  const menuClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.menu,\r\n        align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n        menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n        menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n        menuClassName\r\n      ),\r\n    [classMap, align, menuShadow, menuRounding, menuClassName]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      onKeyDown={handleKeyDown}\r\n      data-testid={testId}\r\n    >\r\n      <IconButton\r\n        ref={triggerRef}\r\n        icon={Icon}\r\n        ariaLabel={ariaLabel}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={menuId}\r\n        rounding={toggleRounding}\r\n        shadow={toggleShadow}\r\n        outline={toggleOutline}\r\n        theme={theme}\r\n        state={state}\r\n        onClick={toggleDropdown}\r\n        data-testid={`${testId}-trigger`}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={menuId}\r\n          ref={menuRef}\r\n          role=\"menu\"\r\n          aria-label={ariaLabel}\r\n          aria-orientation=\"vertical\"\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n        >\r\n          {items.map((item, index) =>\r\n            item.href ? (\r\n              <a\r\n                key={index}\r\n                href={item.href}\r\n                className={classMap.item}\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {item.icon}\r\n                  </span>\r\n                )}\r\n                {item.label}\r\n              </a>\r\n            ) : (\r\n              <button\r\n                key={index}\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                className={classMap.item}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {item.icon}\r\n                  </span>\r\n                )}\r\n                {item.label}\r\n              </button>\r\n            )\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\nBaseDropdown.displayName = \"BaseDropdown\";\r\nexport default BaseDropdown;\r\n","import React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.core\";\r\nimport \"./Dropdown.scss\";\r\n\r\nconst classes = {\r\n  wrapper: \"dropdown\",\r\n  menu: \"dropdown_menu\",\r\n  item: \"dropdown_item\",\r\n  icon: \"dropdown_icon\",\r\n\r\n  alignRight: \"dropdown_menu_right\",\r\n  alignLeft: \"dropdown_menu_left\",\r\n\r\n  shadowNone: \"menu_shadow-None\",\r\n  shadowLight: \"menu_shadow-Light\",\r\n  shadowMedium: \"menu_shadow-Medium\",\r\n  shadowStrong: \"menu_shadow-Strong\",\r\n  shadowIntense: \"menu_shadow-Intense\",\r\n\r\n  roundNone: \"menu_round-None\",\r\n  roundSmall: \"menu_round-Small\",\r\n  roundMedium: \"menu_round-Medium\",\r\n  roundLarge: \"menu_round-Large\",\r\n};\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={classes} />;\r\n};\r\nDropdown.displayName = \"Dropdown\";\r\nexport default Dropdown;\r\n"],"names":["IconButton"],"mappings":"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"}

package/dist/core/{Dropdown-Dlo--tIl.cjs → Dropdown-DvwHouyC.cjs}

@@ -5,7 +5,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 ;/* empty css                   */
-const IconButton = require("./IconButton-Bjjlbqiq.cjs");
+const IconButton = require("./IconButton-CR9bTZoJ.cjs");
 const MenuIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -275,5 +275,6 @@ const classes = {
 const Dropdown = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown, { ...props, IconButton: IconButton.IconButton, classMap: classes });
 };
+Dropdown.displayName = "Dropdown";
 exports.Dropdown = Dropdown;
-//# sourceMappingURL=Dropdown-Dlo--tIl.cjs.map
+//# sourceMappingURL=Dropdown-DvwHouyC.cjs.map

package/dist/core/Dropdown-DvwHouyC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-DvwHouyC.cjs","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/core/Dropdown.tsx"],"sourcesContent":["const MenuIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\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    {...props}\r\n  >\r\n    <path\r\n      d=\"M3 5H21\"\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 12H21\"\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 19H21\"\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 MenuIcon;\r\n","import React, {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  useMemo,\r\n} from \"react\";\r\nimport { BaseDropdownProps, IconButtonLikeRef } from \"./Dropdown.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport MenuIcon from \"../../Icons/MenuIcon\";\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 BaseDropdown: React.FC<BaseDropdownProps> = ({\r\n  triggerIcon,\r\n  items,\r\n  align = \"right\",\r\n  className = \"\",\r\n  menuClassName = \"\",\r\n  ariaLabel = \"Dropdown menu\",\r\n  theme = getDefaultTheme(),\r\n  toggleRounding = getDefaultRounding(),\r\n  menuRounding = getDefaultRounding(),\r\n  toggleShadow = getDefaultShadow(),\r\n  menuShadow = getDefaultShadow(),\r\n  toggleOutline = false,\r\n  state = \"\",\r\n  \"data-testid\": testId = \"dropdown\",\r\n  IconButton,\r\n  classMap,\r\n}: BaseDropdownProps): JSX.Element => {\r\n  const [open, setOpen] = useState(false);\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const menuRef = useRef<HTMLDivElement>(null);\r\n  const triggerRef = useRef<IconButtonLikeRef | null>(null);\r\n  const menuId = useId();\r\n\r\n  const Icon = triggerIcon ?? MenuIcon;\r\n\r\n  const toggleDropdown = () => setOpen((prev) => !prev);\r\n  const closeDropdown = () => {\r\n    setOpen(false);\r\n    setActiveIndex(-1);\r\n    triggerRef.current?.focus?.();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (menuItems && menuItems.length > 0) {\r\n      setActiveIndex(0);\r\n    } else {\r\n      setActiveIndex(-1);\r\n    }\r\n  }, [open]);\r\n\r\n  useEffect(() => {\r\n    if (!open || activeIndex < 0) return;\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    menuItems?.[activeIndex]?.focus();\r\n  }, [activeIndex, open]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (e: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(e.target as Node)\r\n      ) {\r\n        closeDropdown();\r\n      }\r\n    };\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const right = rect.right > window.innerWidth;\r\n      const left = rect.left < 0;\r\n      if (right) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (left) {\r\n        menuRef.current.setAttribute(\"data-overflow-left\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n      } else {\r\n        menuRef.current.removeAttribute(\"data-overflow-right\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      }\r\n    }\r\n\r\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n  }, [open]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (!open) return;\r\n\r\n      const len = items.length;\r\n      const hasItems = len > 0;\r\n\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        closeDropdown();\r\n        return;\r\n      }\r\n      if (e.key === \"Tab\") {\r\n        closeDropdown();\r\n        return;\r\n      }\r\n\r\n      if (!hasItems) return;\r\n\r\n      if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? 0 : (prev + 1) % len));\r\n      } else if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => (prev < 0 ? len - 1 : (prev - 1 + len) % len));\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        setActiveIndex(0);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        setActiveIndex(len - 1);\r\n      } else if ((e.key === \"Enter\" || e.key === \" \") && activeIndex >= 0) {\r\n        const item = items[activeIndex];\r\n        if (item) {\r\n          item.onClick?.();\r\n          closeDropdown();\r\n        }\r\n      }\r\n    },\r\n    [open, items, activeIndex]\r\n  );\r\n\r\n  const menuClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.menu,\r\n        align === \"right\" ? classMap.alignRight : classMap.alignLeft,\r\n        menuShadow && classMap[`shadow${capitalize(menuShadow)}`],\r\n        menuRounding && classMap[`round${capitalize(menuRounding)}`],\r\n        menuClassName\r\n      ),\r\n    [classMap, align, menuShadow, menuRounding, menuClassName]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={combineClassNames(classMap.wrapper, className)}\r\n      onKeyDown={handleKeyDown}\r\n      data-testid={testId}\r\n    >\r\n      <IconButton\r\n        ref={triggerRef}\r\n        icon={Icon}\r\n        ariaLabel={ariaLabel}\r\n        aria-haspopup=\"menu\"\r\n        aria-expanded={open}\r\n        aria-controls={menuId}\r\n        rounding={toggleRounding}\r\n        shadow={toggleShadow}\r\n        outline={toggleOutline}\r\n        theme={theme}\r\n        state={state}\r\n        onClick={toggleDropdown}\r\n        data-testid={`${testId}-trigger`}\r\n      />\r\n\r\n      {open && (\r\n        <div\r\n          id={menuId}\r\n          ref={menuRef}\r\n          role=\"menu\"\r\n          aria-label={ariaLabel}\r\n          aria-orientation=\"vertical\"\r\n          className={menuClassNames}\r\n          data-testid={`${testId}-menu`}\r\n        >\r\n          {items.map((item, index) =>\r\n            item.href ? (\r\n              <a\r\n                key={index}\r\n                href={item.href}\r\n                className={classMap.item}\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {item.icon}\r\n                  </span>\r\n                )}\r\n                {item.label}\r\n              </a>\r\n            ) : (\r\n              <button\r\n                key={index}\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                tabIndex={-1}\r\n                className={classMap.item}\r\n                onClick={() => {\r\n                  item.onClick?.();\r\n                  closeDropdown();\r\n                }}\r\n                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {item.icon}\r\n                  </span>\r\n                )}\r\n                {item.label}\r\n              </button>\r\n            )\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\nBaseDropdown.displayName = \"BaseDropdown\";\r\nexport default BaseDropdown;\r\n","import React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.core\";\r\nimport \"./Dropdown.scss\";\r\n\r\nconst classes = {\r\n  wrapper: \"dropdown\",\r\n  menu: \"dropdown_menu\",\r\n  item: \"dropdown_item\",\r\n  icon: \"dropdown_icon\",\r\n\r\n  alignRight: \"dropdown_menu_right\",\r\n  alignLeft: \"dropdown_menu_left\",\r\n\r\n  shadowNone: \"menu_shadow-None\",\r\n  shadowLight: \"menu_shadow-Light\",\r\n  shadowMedium: \"menu_shadow-Medium\",\r\n  shadowStrong: \"menu_shadow-Strong\",\r\n  shadowIntense: \"menu_shadow-Intense\",\r\n\r\n  roundNone: \"menu_round-None\",\r\n  roundSmall: \"menu_round-Small\",\r\n  roundMedium: \"menu_round-Medium\",\r\n  roundLarge: \"menu_round-Large\",\r\n};\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={classes} />;\r\n};\r\nDropdown.displayName = \"Dropdown\";\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","useEffect","useCallback","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/core/Dropdown.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const Dropdown = require("./Dropdown-Dlo--tIl.cjs");
+const Dropdown = require("./Dropdown-DvwHouyC.cjs");
 module.exports = Dropdown.Dropdown;
 //# sourceMappingURL=Dropdown.cjs.js.map

package/dist/core/Dropdown.js

@@ -1,4 +1,4 @@
-import { D } from "./Dropdown-GA_yvFVS.js";
+import { D } from "./Dropdown-CwofYHjq.js";
 export {
   D as default
 };

package/dist/core/{EmptyState-CSnwsLvV.js → EmptyState-Cp3ocTQX.js}

@@ -4,7 +4,7 @@ import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
 /* empty css                 */
-import { B as Button } from "./Button-sz60qyTn.js";
+import { B as Button } from "./Button-CC0Q_XPy.js";
 const BaseEmptyState = ({
   icon: Icon,
   title = "Nothing Here Yet",
@@ -146,7 +146,8 @@ const classes = {
 const EmptyState = (props) => {
   return /* @__PURE__ */ jsx(BaseEmptyState, { ...props, Button, classMap: classes });
 };
+EmptyState.displayName = "EmptyState";
 export {
   EmptyState as E
 };
-//# sourceMappingURL=EmptyState-CSnwsLvV.js.map
+//# sourceMappingURL=EmptyState-Cp3ocTQX.js.map

package/dist/core/{EmptyState-CSnwsLvV.js.map → EmptyState-Cp3ocTQX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-CSnwsLvV.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/core/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const titleId = `${testId}-title-${uid}`;\r\n  const descId = message ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className]\r\n  );\r\n\r\n  const buttonAriaLabel =\r\n    typeof actionLabel === \"string\" ? undefined : \"Perform action\";\r\n\r\n  return title ? (\r\n    <section\r\n      className={sectionClassNames}\r\n      role=\"region\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      <h2\r\n        id={titleId}\r\n        className={classMap.title}\r\n        data-testid={`${testId}-title`}\r\n      >\r\n        {title}\r\n      </h2>\r\n\r\n      {message && (\r\n        <p\r\n          id={descId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={buttonAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  ) : (\r\n    <section\r\n      className={sectionClassNames}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={descId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={buttonAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","import React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.core\";\r\nimport \"./EmptyState.scss\";\r\n\r\nconst classes = {\r\n  empty_state: \"empty_state\",\r\n  title: \"empty_state_title\",\r\n  message: \"empty_state_message\",\r\n  icon: \"empty_state_icon\",\r\n\r\n  outline: \"empty_state_outline\",\r\n  disabled: \"empty_state_disabled\",\r\n\r\n  primary: \"empty_state_primary\",\r\n  secondary: \"empty_state_secondary\",\r\n  tertiary: \"empty_state_tertiary\",\r\n  quaternary: \"empty_state_quaternary\",\r\n\r\n  success: \"empty_state_success\",\r\n  error: \"empty_state_error\",\r\n  warning: \"empty_state_warning\",\r\n\r\n  clear: \"empty_state_clear\",\r\n\r\n  small: \"empty_state_small\",\r\n  medium: \"empty_state_medium\",\r\n  large: \"empty_state_large\",\r\n  xs: \"empty_state_xs\",\r\n  xl: \"empty_state_xl\",\r\n\r\n  shadowNone: \"empty_state_shadow-None\",\r\n  shadowLight: \"empty_state_shadow-Light\",\r\n  shadowMedium: \"empty_state_shadow-Medium\",\r\n  shadowStrong: \"empty_state_shadow-Strong\",\r\n  shadowIntense: \"empty_state_shadow-Intense\",\r\n\r\n  roundNone: \"empty_state_round-None\",\r\n  roundSmall: \"empty_state_round-Small\",\r\n  roundMedium: \"empty_state_round-Medium\",\r\n  roundLarge: \"empty_state_round-Large\",\r\n};\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={classes} />;\r\n};\r\n\r\nexport default EmptyState;\r\n"],"names":["Button"],"mappings":"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"}
+{"version":3,"file":"EmptyState-Cp3ocTQX.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/core/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const titleId = `${testId}-title-${uid}`;\r\n  const descId = message ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className]\r\n  );\r\n\r\n  const buttonAriaLabel =\r\n    typeof actionLabel === \"string\" ? undefined : \"Perform action\";\r\n\r\n  return title ? (\r\n    <section\r\n      className={sectionClassNames}\r\n      role=\"region\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      <h2\r\n        id={titleId}\r\n        className={classMap.title}\r\n        data-testid={`${testId}-title`}\r\n      >\r\n        {title}\r\n      </h2>\r\n\r\n      {message && (\r\n        <p\r\n          id={descId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={buttonAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  ) : (\r\n    <section\r\n      className={sectionClassNames}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={descId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={buttonAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","import React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.core\";\r\nimport \"./EmptyState.scss\";\r\n\r\nconst classes = {\r\n  empty_state: \"empty_state\",\r\n  title: \"empty_state_title\",\r\n  message: \"empty_state_message\",\r\n  icon: \"empty_state_icon\",\r\n\r\n  outline: \"empty_state_outline\",\r\n  disabled: \"empty_state_disabled\",\r\n\r\n  primary: \"empty_state_primary\",\r\n  secondary: \"empty_state_secondary\",\r\n  tertiary: \"empty_state_tertiary\",\r\n  quaternary: \"empty_state_quaternary\",\r\n\r\n  success: \"empty_state_success\",\r\n  error: \"empty_state_error\",\r\n  warning: \"empty_state_warning\",\r\n\r\n  clear: \"empty_state_clear\",\r\n\r\n  small: \"empty_state_small\",\r\n  medium: \"empty_state_medium\",\r\n  large: \"empty_state_large\",\r\n  xs: \"empty_state_xs\",\r\n  xl: \"empty_state_xl\",\r\n\r\n  shadowNone: \"empty_state_shadow-None\",\r\n  shadowLight: \"empty_state_shadow-Light\",\r\n  shadowMedium: \"empty_state_shadow-Medium\",\r\n  shadowStrong: \"empty_state_shadow-Strong\",\r\n  shadowIntense: \"empty_state_shadow-Intense\",\r\n\r\n  roundNone: \"empty_state_round-None\",\r\n  roundSmall: \"empty_state_round-Small\",\r\n  roundMedium: \"empty_state_round-Medium\",\r\n  roundLarge: \"empty_state_round-Large\",\r\n};\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={classes} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["Button"],"mappings":"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"}

package/dist/core/{EmptyState-1ZbzRKLl.cjs → EmptyState-P-MSItCX.cjs}

@@ -5,7 +5,7 @@ const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
 ;/* empty css                   */
-const Button = require("./Button-CD1ETVvS.cjs");
+const Button = require("./Button-zvElXSem.cjs");
 const BaseEmptyState = ({
   icon: Icon,
   title = "Nothing Here Yet",
@@ -147,5 +147,6 @@ const classes = {
 const EmptyState = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(BaseEmptyState, { ...props, Button: Button.Button, classMap: classes });
 };
+EmptyState.displayName = "EmptyState";
 exports.EmptyState = EmptyState;
-//# sourceMappingURL=EmptyState-1ZbzRKLl.cjs.map
+//# sourceMappingURL=EmptyState-P-MSItCX.cjs.map

package/dist/core/{EmptyState-1ZbzRKLl.cjs.map → EmptyState-P-MSItCX.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-1ZbzRKLl.cjs","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/core/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const titleId = `${testId}-title-${uid}`;\r\n  const descId = message ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className]\r\n  );\r\n\r\n  const buttonAriaLabel =\r\n    typeof actionLabel === \"string\" ? undefined : \"Perform action\";\r\n\r\n  return title ? (\r\n    <section\r\n      className={sectionClassNames}\r\n      role=\"region\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      <h2\r\n        id={titleId}\r\n        className={classMap.title}\r\n        data-testid={`${testId}-title`}\r\n      >\r\n        {title}\r\n      </h2>\r\n\r\n      {message && (\r\n        <p\r\n          id={descId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={buttonAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  ) : (\r\n    <section\r\n      className={sectionClassNames}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={descId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={buttonAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","import React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.core\";\r\nimport \"./EmptyState.scss\";\r\n\r\nconst classes = {\r\n  empty_state: \"empty_state\",\r\n  title: \"empty_state_title\",\r\n  message: \"empty_state_message\",\r\n  icon: \"empty_state_icon\",\r\n\r\n  outline: \"empty_state_outline\",\r\n  disabled: \"empty_state_disabled\",\r\n\r\n  primary: \"empty_state_primary\",\r\n  secondary: \"empty_state_secondary\",\r\n  tertiary: \"empty_state_tertiary\",\r\n  quaternary: \"empty_state_quaternary\",\r\n\r\n  success: \"empty_state_success\",\r\n  error: \"empty_state_error\",\r\n  warning: \"empty_state_warning\",\r\n\r\n  clear: \"empty_state_clear\",\r\n\r\n  small: \"empty_state_small\",\r\n  medium: \"empty_state_medium\",\r\n  large: \"empty_state_large\",\r\n  xs: \"empty_state_xs\",\r\n  xl: \"empty_state_xl\",\r\n\r\n  shadowNone: \"empty_state_shadow-None\",\r\n  shadowLight: \"empty_state_shadow-Light\",\r\n  shadowMedium: \"empty_state_shadow-Medium\",\r\n  shadowStrong: \"empty_state_shadow-Strong\",\r\n  shadowIntense: \"empty_state_shadow-Intense\",\r\n\r\n  roundNone: \"empty_state_round-None\",\r\n  roundSmall: \"empty_state_round-Small\",\r\n  roundMedium: \"empty_state_round-Medium\",\r\n  roundLarge: \"empty_state_round-Large\",\r\n};\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={classes} />;\r\n};\r\n\r\nexport default EmptyState;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","Button","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;;AAWA,MAAM,iBAAgD,CAAC;AAAA,EACrD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQA,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,UAAU,GAAG,MAAM,UAAU,GAAG;AACtC,QAAM,SAAS,UAAU,GAAG,MAAM,YAAY,GAAG,KAAK;AAEtD,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD,WAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,QAAQ,MAAM,OAAO,OAAO,SAAS,SAAS;AAAA,EAAA;AAGrE,QAAM,kBACJ,OAAO,gBAAgB,WAAW,SAAY;AAEhD,SAAO,QACLC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACCC,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,yCAAC,MAAA,EAAK,eAAY,QAAO,WAAW,OAAO,GAC7C;AAAA,QAGFA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,WACCA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,eAAe,iBACdA,2BAAAA;AAAAA,UAACN;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN;AAAA,YACA,SAAS;AAAA,YACT,cAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,IAIJK,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACCC,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,yCAAC,MAAA,EAAK,eAAY,QAAO,WAAW,OAAO,GAC7C;AAAA,QAGD,WACCA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,eAAe,iBACdA,2BAAAA;AAAAA,UAACN;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN;AAAA,YACA,SAAS;AAAA,YACT,cAAY;AAAA,YACZ,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,eAAe,cAAc;AC7H7B,MAAM,UAAU;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EAEN,SAAS;AAAA,EACT,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EAEZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EAET,OAAO;AAAA,EAEP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EAEJ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AACd;AAEA,MAAM,aAAwC,CAAC,UAAU;AACvD,wCAAQ,gBAAA,EAAgB,GAAG,OAAA,QAAOA,eAAgB,UAAU,SAAS;AACvE;;"}
+{"version":3,"file":"EmptyState-P-MSItCX.cjs","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/core/EmptyState.tsx"],"sourcesContent":["import React, { useMemo, useId } from \"react\";\r\nimport type { BaseEmptyStateProps } from \"./EmptyState.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BaseEmptyState: React.FC<BaseEmptyStateProps> = ({\r\n  icon: Icon,\r\n  title = \"Nothing Here Yet\",\r\n  message = \"There’s no content to display.\",\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  size = getDefaultSize(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  outline = false,\r\n  actionLabel,\r\n  onActionClick,\r\n  className = \"\",\r\n  \"data-testid\": testId = \"empty-state\",\r\n  Button,\r\n  classMap,\r\n}) => {\r\n  const uid = useId();\r\n  const titleId = `${testId}-title-${uid}`;\r\n  const descId = message ? `${testId}-message-${uid}` : undefined;\r\n\r\n  const sectionClassNames = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.empty_state,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        className\r\n      ),\r\n    [classMap, rounding, shadow, size, state, theme, outline, className]\r\n  );\r\n\r\n  const buttonAriaLabel =\r\n    typeof actionLabel === \"string\" ? undefined : \"Perform action\";\r\n\r\n  return title ? (\r\n    <section\r\n      className={sectionClassNames}\r\n      role=\"region\"\r\n      aria-labelledby={titleId}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      <h2\r\n        id={titleId}\r\n        className={classMap.title}\r\n        data-testid={`${testId}-title`}\r\n      >\r\n        {title}\r\n      </h2>\r\n\r\n      {message && (\r\n        <p\r\n          id={descId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={buttonAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  ) : (\r\n    <section\r\n      className={sectionClassNames}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      {Icon && (\r\n        <div className={classMap.icon} data-testid={`${testId}-icon`}>\r\n          <Icon aria-hidden=\"true\" focusable={false} />\r\n        </div>\r\n      )}\r\n\r\n      {message && (\r\n        <p\r\n          id={descId}\r\n          className={classMap.message}\r\n          data-testid={`${testId}-message`}\r\n        >\r\n          {message}\r\n        </p>\r\n      )}\r\n\r\n      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={buttonAriaLabel}\r\n          data-testid={`${testId}-action`}\r\n        >\r\n          {actionLabel}\r\n        </Button>\r\n      )}\r\n    </section>\r\n  );\r\n};\r\n\r\nBaseEmptyState.displayName = \"BaseEmptyState\";\r\nexport default BaseEmptyState;\r\n","import React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.core\";\r\nimport \"./EmptyState.scss\";\r\n\r\nconst classes = {\r\n  empty_state: \"empty_state\",\r\n  title: \"empty_state_title\",\r\n  message: \"empty_state_message\",\r\n  icon: \"empty_state_icon\",\r\n\r\n  outline: \"empty_state_outline\",\r\n  disabled: \"empty_state_disabled\",\r\n\r\n  primary: \"empty_state_primary\",\r\n  secondary: \"empty_state_secondary\",\r\n  tertiary: \"empty_state_tertiary\",\r\n  quaternary: \"empty_state_quaternary\",\r\n\r\n  success: \"empty_state_success\",\r\n  error: \"empty_state_error\",\r\n  warning: \"empty_state_warning\",\r\n\r\n  clear: \"empty_state_clear\",\r\n\r\n  small: \"empty_state_small\",\r\n  medium: \"empty_state_medium\",\r\n  large: \"empty_state_large\",\r\n  xs: \"empty_state_xs\",\r\n  xl: \"empty_state_xl\",\r\n\r\n  shadowNone: \"empty_state_shadow-None\",\r\n  shadowLight: \"empty_state_shadow-Light\",\r\n  shadowMedium: \"empty_state_shadow-Medium\",\r\n  shadowStrong: \"empty_state_shadow-Strong\",\r\n  shadowIntense: \"empty_state_shadow-Intense\",\r\n\r\n  roundNone: \"empty_state_round-None\",\r\n  roundSmall: \"empty_state_round-Small\",\r\n  roundMedium: \"empty_state_round-Medium\",\r\n  roundLarge: \"empty_state_round-Large\",\r\n};\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={classes} />;\r\n};\r\nEmptyState.displayName = \"EmptyState\";\r\nexport default EmptyState;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","Button","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/core/EmptyState.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const EmptyState = require("./EmptyState-1ZbzRKLl.cjs");
+const EmptyState = require("./EmptyState-P-MSItCX.cjs");
 module.exports = EmptyState.EmptyState;
 //# sourceMappingURL=EmptyState.cjs.js.map

package/dist/core/EmptyState.js

@@ -1,4 +1,4 @@
-import { E } from "./EmptyState-CSnwsLvV.js";
+import { E } from "./EmptyState-Cp3ocTQX.js";
 export {
   E as default
 };

package/dist/core/{FileUpload-aqWEEHIW.cjs → FileUpload-Du7vDDdf.cjs}

@@ -4,10 +4,10 @@ const React = require("react");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-CD1ETVvS.cjs");
-const IconButton = require("./IconButton-Bjjlbqiq.cjs");
-const ProgressBar = require("./ProgressBar-QkROTKv6.cjs");
-const FormGroup = require("./FormGroup-B5kG6FR4.cjs");
+const Button = require("./Button-zvElXSem.cjs");
+const IconButton = require("./IconButton-CR9bTZoJ.cjs");
+const ProgressBar = require("./ProgressBar-BwjYOqoE.cjs");
+const FormGroup = require("./FormGroup-C2TWC17P.cjs");
 const FileIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -317,8 +317,8 @@ const BaseFileUpload = ({
                       IconButton2,
                       {
                         icon: TrashIcon,
-                        theme: "error",
-                        size: "xsmall",
+                        state: "error",
+                        size: "small",
                         type: "button",
                         outline: true,
                         "aria-label": `Remove ${name}`,
@@ -416,5 +416,6 @@ const FileUpload = (props) => {
     }
   );
 };
+FileUpload.displayName = "FileUpload";
 exports.FileUpload = FileUpload;
-//# sourceMappingURL=FileUpload-aqWEEHIW.cjs.map
+//# sourceMappingURL=FileUpload-Du7vDDdf.cjs.map

package/dist/core/FileUpload-Du7vDDdf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload-Du7vDDdf.cjs","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/core/FileUpload.tsx"],"sourcesContent":["const FileIcon: 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=\"M3 20.5V6.5C3 5.67157 3.67157 5 4.5 5H14.2515C14.4106 5 14.5632 5.06321 14.6757 5.17574L17.8243 8.32426C17.9368 8.43679 18 8.5894 18 8.74853V20.5C18 21.3284 17.3284 22 16.5 22H4.5C3.67157 22 3 21.3284 3 20.5Z\"\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=\"M14 5V8.4C14 8.73137 14.2686 9 14.6 9H18\"\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 FileIcon;\r\n","const TrashIcon: 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    stroke-width=\"1.5\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9\"\r\n      fill=\"currentColor\"\r\n    ></path>\r\n    <path\r\n      d=\"M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9H20Z\"\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=\"M21 6H15.375M3 6H8.625M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6H15.375\"\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 TrashIcon;\r\n","import React, { useMemo, useRef, useState, useEffect } from \"react\";\r\nimport { BaseFileUploadProps } from \"./FileUpload.types\";\r\nimport { FileIcon, TrashIcon } 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\nconst BaseFileUpload: React.FC<BaseFileUploadProps> = ({\r\n  label = \"Upload File\",\r\n  description,\r\n  error,\r\n  required = false,\r\n  theme = getDefaultTheme(),\r\n  controlRounding = getDefaultRounding(),\r\n  controlShadow = getDefaultShadow(),\r\n  outline = false,\r\n  outlineRounding = getDefaultRounding(),\r\n  outlineShadow = getDefaultShadow(),\r\n  state = \"\",\r\n  multiple = false,\r\n  maxFileSizeBytes = Infinity,\r\n  allowedFileTypes = [],\r\n  onSubmit,\r\n  uploadProgress,\r\n  \"data-testid\": testId = \"file-upload\",\r\n  FormGroup,\r\n  disabled = false,\r\n  Button,\r\n  IconButton,\r\n  ProgressBar,\r\n  classMap,\r\n}) => {\r\n  const [fileNames, setFileNames] = useState<string[]>([]);\r\n  const [files, setFiles] = useState<File[]>([]);\r\n  const [rejectedFiles, setRejectedFiles] = useState<\r\n    { name: string; reason: string }[]\r\n  >([]);\r\n  const [internalProgress, setInternalProgress] = useState<number>(0);\r\n  const [uploading, setUploading] = useState(false);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [uploadMessage, setUploadMessage] = useState<string | null>(null);\r\n  const fileInput = useRef<HTMLInputElement | null>(null);\r\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\r\n\r\n  const accept = useMemo(() => {\r\n    if (!allowedFileTypes || allowedFileTypes.length === 0) return undefined;\r\n    return allowedFileTypes.join(\",\");\r\n  }, [allowedFileTypes]);\r\n\r\n  const validateFiles = (newFiles: File[]) => {\r\n    const valid: File[] = [];\r\n    const rejected: { name: string; reason: string }[] = [];\r\n\r\n    newFiles.forEach((file) => {\r\n      const isSizeOk = file.size <= maxFileSizeBytes;\r\n      const ext = file.name.includes(\".\")\r\n        ? \".\" + file.name.split(\".\").pop()!.toLowerCase()\r\n        : \"\";\r\n      const typeAllowed =\r\n        allowedFileTypes.length === 0 ||\r\n        allowedFileTypes.includes(file.type) ||\r\n        (ext && allowedFileTypes.map((t) => t.toLowerCase()).includes(ext));\r\n\r\n      if (isSizeOk && typeAllowed) {\r\n        valid.push(file);\r\n      } else {\r\n        rejected.push({\r\n          name: file.name,\r\n          reason: !isSizeOk\r\n            ? `Exceeds size limit (${(file.size / 1024 / 1024).toFixed(2)}MB)`\r\n            : `Invalid type (${file.type || ext || \"unknown\"})`,\r\n        });\r\n      }\r\n    });\r\n\r\n    return { valid, rejected };\r\n  };\r\n\r\n  const truncate = (s: string) => (s.length > 30 ? s.slice(0, 27) + \"...\" : s);\r\n\r\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const selected = e.target.files;\r\n    if (!selected || selected.length === 0) return;\r\n\r\n    const { valid, rejected } = validateFiles(Array.from(selected));\r\n    const updatedFiles = multiple ? [...files, ...valid] : valid;\r\n\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n    setRejectedFiles(rejected);\r\n\r\n    if (fileInput.current) fileInput.current.value = \"\";\r\n  };\r\n\r\n  const removeFile = (index: number) => {\r\n    const updatedFiles = files.filter((_, i) => i !== index);\r\n    setFiles(updatedFiles);\r\n    setFileNames(updatedFiles.map((f) => truncate(f.name)));\r\n  };\r\n\r\n  const getButtonLabel = () => {\r\n    if (fileNames.length > 0) return multiple ? \"Add Files\" : \"Select New\";\r\n    return \"Choose File\";\r\n  };\r\n\r\n  const handleDragOver = (e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    setIsDragging(true);\r\n  };\r\n\r\n  const handleDragLeave = () => {\r\n    setIsDragging(false);\r\n  };\r\n\r\n  const handleDrop = (e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    setIsDragging(false);\r\n    const droppedFiles = e.dataTransfer.files;\r\n    if (droppedFiles.length > 0) {\r\n      handleFileChange({\r\n        target: { files: droppedFiles },\r\n      } as React.ChangeEvent<HTMLInputElement>);\r\n    }\r\n  };\r\n\r\n  const handleUpload = async () => {\r\n    if (!files.length || uploading) return;\r\n    setUploading(true);\r\n    setInternalProgress(0);\r\n    setUploadMessage(null);\r\n\r\n    try {\r\n      if (uploadProgress === undefined) {\r\n        intervalRef.current = setInterval(() => {\r\n          setInternalProgress((prev) => {\r\n            if (prev >= 100) {\r\n              if (intervalRef.current) clearInterval(intervalRef.current);\r\n              return 100;\r\n            }\r\n            return prev + 10;\r\n          });\r\n        }, 100);\r\n      }\r\n\r\n      await Promise.resolve(onSubmit?.(files));\r\n      setUploadMessage(\"Upload successful.\");\r\n    } catch {\r\n      setUploadMessage(\"Upload failed. Please try again.\");\r\n    } finally {\r\n      if (intervalRef.current) {\r\n        if (uploadProgress === undefined) setInternalProgress(100);\r\n        clearInterval(intervalRef.current);\r\n        intervalRef.current = null;\r\n      }\r\n      setTimeout(() => setUploading(false), 300);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (intervalRef.current) clearInterval(intervalRef.current);\r\n    };\r\n  }, []);\r\n\r\n  const containerClassName = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.fileUpload,\r\n        classMap[state],\r\n        classMap[theme],\r\n        outlineShadow && classMap[`shadow${capitalize(outlineShadow)}`],\r\n        outlineRounding && classMap[`round${capitalize(outlineRounding)}`],\r\n        error && classMap.error,\r\n        isDragging && classMap.dragging,\r\n        disabled && classMap.disabled\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      outlineShadow,\r\n      outlineRounding,\r\n      error,\r\n      isDragging,\r\n      disabled,\r\n    ]\r\n  );\r\n\r\n  const describedBy =\r\n    [\r\n      description ? `${testId}-description` : undefined,\r\n      error ? `${testId}-error` : undefined,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  return (\r\n    <FormGroup\r\n      label={label}\r\n      description={description}\r\n      error={error}\r\n      required={required}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        className={containerClassName}\r\n        onDragOver={handleDragOver}\r\n        onDragLeave={handleDragLeave}\r\n        onDrop={handleDrop}\r\n        aria-busy={uploading || undefined}\r\n        data-testid={testId ? `${testId}-wrapper` : undefined}\r\n      >\r\n        <input\r\n          ref={fileInput}\r\n          id={`${testId}-input`}\r\n          type=\"file\"\r\n          multiple={multiple}\r\n          accept={accept}\r\n          onChange={handleFileChange}\r\n          className={classMap.hiddenInput}\r\n          required={required}\r\n          aria-label={label}\r\n          aria-describedby={describedBy}\r\n          data-testid={testId ? `${testId}-input` : undefined}\r\n        />\r\n\r\n        <div className={classMap.uploadActions}>\r\n          <Button\r\n            icon={FileIcon}\r\n            size=\"small\"\r\n            theme={theme}\r\n            state={error ? \"error\" : state}\r\n            className={classMap.fileInput}\r\n            disabled={uploading || disabled}\r\n            outline={outline}\r\n            rounding={controlRounding}\r\n            shadow={controlShadow}\r\n            onClick={() => fileInput.current?.click()}\r\n            aria-label={\r\n              fileNames.length > 0 ? fileNames.join(\", \") : \"Choose File\"\r\n            }\r\n            data-testid={testId ? `${testId}-file-button` : undefined}\r\n          >\r\n            {getButtonLabel()}\r\n          </Button>\r\n        </div>\r\n\r\n        {rejectedFiles.length > 0 && (\r\n          <div className={classMap.rejectedFiles}>\r\n            <p className={classMap.rejectedLabel}>Rejected Files:</p>\r\n            <ul className={classMap.rejectedList}>\r\n              {rejectedFiles.map((file, index) => (\r\n                <li key={index} className={classMap.rejectedItem}>\r\n                  <span>{file.name}</span>\r\n                  <span className={classMap.rejectedReason}>\r\n                    {\" \"}\r\n                    – {file.reason}\r\n                  </span>\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        )}\r\n\r\n        {fileNames.length > 0 && (\r\n          <div\r\n            className={classMap.uploadControls}\r\n            data-testid={testId ? `${testId}-controls` : undefined}\r\n          >\r\n            <ul className={classMap.fileList}>\r\n              {fileNames.map((name, index) => (\r\n                <li key={index} className={classMap.fileListItem}>\r\n                  <span>{name}</span>\r\n                  <IconButton\r\n                    icon={TrashIcon}\r\n                    state=\"error\"\r\n                    size=\"small\"\r\n                    type=\"button\"\r\n                    outline\r\n                    aria-label={`Remove ${name}`}\r\n                    onClick={() => removeFile(index)}\r\n                    className={classMap.removeButton}\r\n                  />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n            {uploading && (\r\n              <ProgressBar\r\n                theme={theme}\r\n                className={classMap.uploadProgress}\r\n                progress={uploadProgress ?? internalProgress}\r\n                indeterminate={uploadProgress === undefined}\r\n                data-testid={testId ? `${testId}-progress` : undefined}\r\n              />\r\n            )}\r\n            {!uploading && (\r\n              <Button\r\n                theme={theme}\r\n                state={error ? \"error\" : state}\r\n                disabled={disabled || files.length === 0}\r\n                onClick={handleUpload}\r\n                loading={uploading}\r\n                size=\"small\"\r\n                className={classMap.uploadButton}\r\n                data-testid={testId ? `${testId}-upload-button` : undefined}\r\n              >\r\n                Upload\r\n              </Button>\r\n            )}\r\n          </div>\r\n        )}\r\n        <div\r\n          className=\"sr_only\"\r\n          aria-live=\"polite\"\r\n          aria-atomic=\"true\"\r\n          data-testid={testId ? `${testId}-upload-message` : undefined}\r\n        >\r\n          {uploadMessage}\r\n        </div>\r\n      </div>\r\n    </FormGroup>\r\n  );\r\n};\r\nBaseFileUpload.displayName = \"BaseFileUpload\";\r\nexport default BaseFileUpload;\r\n","import React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport Button from \"../../Button/core/Button\";\r\nimport IconButton from \"../../IconButton/core/IconButton\";\r\nimport ProgressBar from \"../../ProgressBar/core/ProgressBar\";\r\nimport FormGroup from \"../../FormGroup/core/FormGroup\";\r\nimport \"./FileUpload.scss\";\r\n\r\nconst classes = {\r\n  fileUpload: \"file_upload\",\r\n  hiddenInput: \"file_upload_hidden_input\",\r\n  uploadActions: \"file_upload_upload_actions\",\r\n  fileInput: \"file_upload_file_input\",\r\n  removeButton: \"file_upload_remove_button\",\r\n  uploadControls: \"file_upload_upload_controls\",\r\n  uploadProgress: \"file_upload_upload_progress\",\r\n  uploadButton: \"file_upload_upload_button\",\r\n  fileList: \"file_upload_file_list\",\r\n  fileListItem: \"file_upload_file_list_item\",\r\n  fileListFileName: \"file_upload_file_list_file_name\",\r\n  fileListRemoveButton: \"file_upload_file_list_remove_button\",\r\n\r\n  primary: \"file_upload_primary\",\r\n  secondary: \"file_upload_secondary\",\r\n  tertiary: \"file_upload_tertiary\",\r\n  quaternary: \"file_upload_quaternary\",\r\n  clear: \"file_upload_clear\",\r\n\r\n  disabled: \"file_upload_disabled\",\r\n  error: \"file_upload_error\",\r\n  success: \"file_upload_success\",\r\n  warning: \"file_upload_warning\",\r\n\r\n  shadowNone: \"file_upload_shadow-None\",\r\n  shadowLight: \"file_upload_shadow-Light\",\r\n  shadowMedium: \"file_upload_shadow-Medium\",\r\n  shadowStrong: \"file_upload_shadow-Strong\",\r\n  shadowIntense: \"file_upload_shadow-Intense\",\r\n\r\n  roundNone: \"file_upload_round-None\",\r\n  roundSmall: \"file_upload_round-Small\",\r\n  roundMedium: \"file_upload_round-Medium\",\r\n  roundLarge: \"file_upload_round-Large\",\r\n};\r\n\r\nconst FileUpload: React.FC<FileUploadProps> = (props) => {\r\n  return (\r\n    <BaseFileUpload\r\n      {...props}\r\n      FormGroup={FormGroup}\r\n      Button={Button}\r\n      IconButton={IconButton}\r\n      ProgressBar={ProgressBar}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\nFileUpload.displayName = \"FileUpload\";\r\nexport default FileUpload;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","FormGroup","Button","IconButton","ProgressBar","useState","useRef","useMemo","useEffect","combineClassNames","capitalize"],"mappings":"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"}

package/dist/core/{FileUpload-DJ1wI_Bm.js → FileUpload-Q8aDsaFs.js}

@@ -3,10 +3,10 @@ import { useState, useRef, useMemo, useEffect } 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-BILmxkZG.js";
-import { B as Button } from "./Button-sz60qyTn.js";
-import { I as IconButton } from "./IconButton-DgfUCfo9.js";
-import { P as ProgressBar } from "./ProgressBar-BAbEjBvm.js";
-import { F as FormGroup } from "./FormGroup-CAJwxFcs.js";
+import { B as Button } from "./Button-CC0Q_XPy.js";
+import { I as IconButton } from "./IconButton-_lxTppua.js";
+import { P as ProgressBar } from "./ProgressBar-DaA5vvnq.js";
+import { F as FormGroup } from "./FormGroup-tSK_NN0-.js";
 const FileIcon = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -316,8 +316,8 @@ const BaseFileUpload = ({
                       IconButton2,
                       {
                         icon: TrashIcon,
-                        theme: "error",
-                        size: "xsmall",
+                        state: "error",
+                        size: "small",
                         type: "button",
                         outline: true,
                         "aria-label": `Remove ${name}`,
@@ -415,7 +415,8 @@ const FileUpload = (props) => {
     }
   );
 };
+FileUpload.displayName = "FileUpload";
 export {
   FileUpload as F
 };
-//# sourceMappingURL=FileUpload-DJ1wI_Bm.js.map
+//# sourceMappingURL=FileUpload-Q8aDsaFs.js.map