boreal-ui 0.0.31 → 0.0.33

package/dist/next/ColorPicker-C2FmQVNl.cjs

@@ -1,158 +0,0 @@
-"use strict";
-const require$$2 = require("react/jsx-runtime");
-const React = require("react");
-const classNames = require("./classNames-BcWMx052.cjs");
-const capitalize = require("./capitalize-DoV-nOmN.cjs");
-const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const ColorPickerBase = ({
-  label = "Choose a color",
-  colors,
-  selected: selected2,
-  onChange,
-  name = "color-picker",
-  disabled = false,
-  size = borealStyleConfig.getDefaultSize(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  shape = "round",
-  allowCustom = false,
-  className = "",
-  classMap,
-  "data-testid": testId = "color-picker"
-}) => {
-  const legendId = `${testId}-legend`;
-  const labelClass = React.useMemo(
-    () => classNames.combineClassNames(classMap.swatch, classMap[size], classMap[shape]),
-    [classMap, size, shape]
-  );
-  return /* @__PURE__ */ require$$2.jsxs(
-    "fieldset",
-    {
-      className: classNames.combineClassNames(classMap.color_picker, className),
-      disabled,
-      "aria-disabled": disabled,
-      "aria-labelledby": legendId,
-      role: "radiogroup",
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ require$$2.jsx("legend", { id: legendId, className: classMap.legend, children: label }),
-        /* @__PURE__ */ require$$2.jsx("div", { className: classMap.color_picker_grid, children: colors.map((color, i) => /* @__PURE__ */ require$$2.jsxs(
-          "label",
-          {
-            className: classNames.combineClassNames(labelClass),
-            htmlFor: `${testId}-color-${i}`,
-            title: color.label,
-            "data-testid": `${testId}-option-${color.value}`,
-            children: [
-              /* @__PURE__ */ require$$2.jsx(
-                "input",
-                {
-                  type: "radio",
-                  name,
-                  id: `${testId}-color-${i}`,
-                  value: color.value,
-                  checked: selected2 === color.value,
-                  onChange: () => onChange(color.value),
-                  className: classMap.radio_input
-                }
-              ),
-              /* @__PURE__ */ require$$2.jsx("span", { className: "sr_only", children: color.label }),
-              /* @__PURE__ */ require$$2.jsx(
-                "span",
-                {
-                  className: classNames.combineClassNames(
-                    classMap.preview,
-                    classMap[shape],
-                    selected2 === color.value && classMap.selected,
-                    shadow && classMap[`shadow${capitalize.capitalize(shadow)}`]
-                  ),
-                  style: { backgroundColor: color.value },
-                  "aria-hidden": "true"
-                }
-              )
-            ]
-          },
-          color.value
-        )) }),
-        allowCustom && /* @__PURE__ */ require$$2.jsx(
-          "input",
-          {
-            type: "color",
-            className: classMap.custom_input,
-            value: selected2,
-            onChange: (e) => onChange(e.target.value),
-            "aria-label": "Custom color picker",
-            "data-testid": `${testId}-custom-input`
-          }
-        )
-      ]
-    }
-  );
-};
-const noScroll = "_noScroll_1g6vc_91";
-const errorMessage = "_errorMessage_1g6vc_92";
-const loadingContainer = "_loadingContainer_1g6vc_93";
-const hideScrollbar = "_hideScrollbar_1g6vc_85";
-const sr_only = "_sr_only_1g6vc_94";
-const color_picker = "_color_picker_1g6vc_539";
-const legend = "_legend_1g6vc_552";
-const grid = "_grid_1g6vc_558";
-const selected = "_selected_1g6vc_564";
-const swatch = "_swatch_1g6vc_570";
-const xs = "_xs_1g6vc_580";
-const small = "_small_1g6vc_584";
-const medium = "_medium_1g6vc_588";
-const large = "_large_1g6vc_592";
-const xl = "_xl_1g6vc_596";
-const radio_input = "_radio_input_1g6vc_601";
-const preview = "_preview_1g6vc_605";
-const circle = "_circle_1g6vc_612";
-const square = "_square_1g6vc_615";
-const rounded = "_rounded_1g6vc_618";
-const custom_input = "_custom_input_1g6vc_623";
-const shadowNone = "_shadowNone_1g6vc_641";
-const shadowLight = "_shadowLight_1g6vc_645";
-const shadowMedium = "_shadowMedium_1g6vc_649";
-const shadowStrong = "_shadowStrong_1g6vc_653";
-const shadowIntense = "_shadowIntense_1g6vc_657";
-const spin = "_spin_1g6vc_1";
-const pulse = "_pulse_1g6vc_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  color_picker,
-  legend,
-  grid,
-  selected,
-  swatch,
-  xs,
-  small,
-  medium,
-  large,
-  xl,
-  radio_input,
-  preview,
-  circle,
-  square,
-  rounded,
-  custom_input,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_1g6vc_1",
-  "slide-up": "_slide-up_1g6vc_1",
-  "spin-3d": "_spin-3d_1g6vc_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_1g6vc_1",
-  "progress-grow": "_progress-grow_1g6vc_1",
-  "indeterminate-move": "_indeterminate-move_1g6vc_1",
-  "skeleton-loading": "_skeleton-loading_1g6vc_1"
-};
-const ColorPicker = (props) => /* @__PURE__ */ require$$2.jsx(ColorPickerBase, { ...props, classMap: styles });
-exports.ColorPicker = ColorPicker;
-//# sourceMappingURL=ColorPicker-C2FmQVNl.cjs.map

package/dist/next/ColorPicker-C2FmQVNl.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker-C2FmQVNl.cjs","sources":["../../src/components/ColorPicker/ColorPickerBase.tsx","../../src/components/ColorPicker/next/ColorPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { ColorPickerProps } from \"./ColorPicker.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface ColorPickerBaseProps extends ColorPickerProps {\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ColorPickerBase: React.FC<ColorPickerBaseProps> = ({\r\n  label = \"Choose a color\",\r\n  colors,\r\n  selected,\r\n  onChange,\r\n  name = \"color-picker\",\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  shadow = getDefaultShadow(),\r\n  shape = \"round\",\r\n  allowCustom = false,\r\n  className = \"\",\r\n  classMap,\r\n  \"data-testid\": testId = \"color-picker\",\r\n}) => {\r\n  const legendId = `${testId}-legend`;\r\n\r\n  const labelClass = useMemo(\r\n    () => combineClassNames(classMap.swatch, classMap[size], classMap[shape]),\r\n    [classMap, size, shape]\r\n  );\r\n\r\n  return (\r\n    <fieldset\r\n      className={combineClassNames(classMap.color_picker, className)}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-labelledby={legendId}\r\n      role=\"radiogroup\"\r\n      data-testid={testId}\r\n    >\r\n      <legend id={legendId} className={classMap.legend}>\r\n        {label}\r\n      </legend>\r\n\r\n      <div className={classMap.color_picker_grid}>\r\n        {colors.map((color, i) => (\r\n          <label\r\n            key={color.value}\r\n            className={combineClassNames(labelClass)}\r\n            htmlFor={`${testId}-color-${i}`}\r\n            title={color.label}\r\n            data-testid={`${testId}-option-${color.value}`}\r\n          >\r\n            <input\r\n              type=\"radio\"\r\n              name={name}\r\n              id={`${testId}-color-${i}`}\r\n              value={color.value}\r\n              checked={selected === color.value}\r\n              onChange={() => onChange(color.value)}\r\n              className={classMap.radio_input}\r\n            />\r\n            <span className=\"sr_only\">{color.label}</span>\r\n            <span\r\n              className={combineClassNames(\r\n                classMap.preview,\r\n                classMap[shape],\r\n                selected === color.value && classMap.selected,\r\n                shadow && classMap[`shadow${capitalize(shadow)}`]\r\n              )}\r\n              style={{ backgroundColor: color.value }}\r\n              aria-hidden=\"true\"\r\n            />\r\n          </label>\r\n        ))}\r\n      </div>\r\n\r\n      {allowCustom && (\r\n        <input\r\n          type=\"color\"\r\n          className={classMap.custom_input}\r\n          value={selected}\r\n          onChange={(e) => onChange(e.target.value)}\r\n          aria-label=\"Custom color picker\"\r\n          data-testid={`${testId}-custom-input`}\r\n        />\r\n      )}\r\n    </fieldset>\r\n  );\r\n};\r\n\r\nexport default ColorPickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ColorPickerBase from \"../ColorPickerBase\";\r\nimport styles from \"./ColorPicker.module.scss\";\r\nimport { ColorPickerProps } from \"../ColorPicker.types\";\r\n\r\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => (\r\n  <ColorPickerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default ColorPicker;\r\n"],"names":["selected","getDefaultSize","getDefaultShadow","useMemo","combineClassNames","jsxs","jsx","capitalize"],"mappings":";;;;;;AAaA,MAAM,kBAAkD,CAAC;AAAA,EACvD,QAAQ;AAAA,EACR;AAAA,EACA,UAAAA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAOC,kBAAAA,eAAA;AAAA,EACP,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,WAAW,GAAG,MAAM;AAE1B,QAAM,aAAaC,MAAAA;AAAAA,IACjB,MAAMC,WAAAA,kBAAkB,SAAS,QAAQ,SAAS,IAAI,GAAG,SAAS,KAAK,CAAC;AAAA,IACxE,CAAC,UAAU,MAAM,KAAK;AAAA,EAAA;AAGxB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,WAAAA,kBAAkB,SAAS,cAAc,SAAS;AAAA,MAC7D;AAAA,MACA,iBAAe;AAAA,MACf,mBAAiB;AAAA,MACjB,MAAK;AAAA,MACL,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAE,+BAAC,YAAO,IAAI,UAAU,WAAW,SAAS,QACvC,UAAA,OACH;AAAA,QAEAA,2BAAAA,IAAC,SAAI,WAAW,SAAS,mBACtB,UAAA,OAAO,IAAI,CAAC,OAAO,MAClBD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWD,WAAAA,kBAAkB,UAAU;AAAA,YACvC,SAAS,GAAG,MAAM,UAAU,CAAC;AAAA,YAC7B,OAAO,MAAM;AAAA,YACb,eAAa,GAAG,MAAM,WAAW,MAAM,KAAK;AAAA,YAE5C,UAAA;AAAA,cAAAE,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL;AAAA,kBACA,IAAI,GAAG,MAAM,UAAU,CAAC;AAAA,kBACxB,OAAO,MAAM;AAAA,kBACb,SAASN,cAAa,MAAM;AAAA,kBAC5B,UAAU,MAAM,SAAS,MAAM,KAAK;AAAA,kBACpC,WAAW,SAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEtBM,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,cACvCA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWF,WAAAA;AAAAA,oBACT,SAAS;AAAA,oBACT,SAAS,KAAK;AAAA,oBACdJ,cAAa,MAAM,SAAS,SAAS;AAAA,oBACrC,UAAU,SAAS,SAASO,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,kBAAA;AAAA,kBAElD,OAAO,EAAE,iBAAiB,MAAM,MAAA;AAAA,kBAChC,eAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,UAzBK,MAAM;AAAA,QAAA,CA2Bd,GACH;AAAA,QAEC,eACCD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,SAAS;AAAA,YACpB,OAAON;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,cAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAIR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtFA,MAAM,cAA0C,CAAC,UAC/CM,+BAAC,mBAAiB,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}

package/dist/next/CommandPalette-BaJ9KSob.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPalette-BaJ9KSob.js","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    if (!query.trim()) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(query)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(0);\r\n      setMounted(false);\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\" && filtered[activeIndex]) {\r\n        filtered[activeIndex].action();\r\n        onClose();\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded=\"true\"\r\n          aria-controls=\"command-list\"\r\n          aria-activedescendant={\r\n            filtered.length > 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id=\"command-list\"\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n        >\r\n          {isLoading ? (\r\n            <div className={combineClassNames(classMap.item, classMap.empty)}>\r\n              Searching...\r\n            </div>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={cmd.label}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":[],"mappings":"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"}

package/dist/next/CommandPalette-DjR2pE5m.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPalette-DjR2pE5m.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport type { CommandPaletteProps } from \"./CommandPalette.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface CommandPaletteBaseProps extends CommandPaletteProps {\r\n  classMap: Record<string, string>;\r\n  TextInputComponent: React.ElementType;\r\n}\r\n\r\nconst CommandPaletteBase: React.FC<CommandPaletteBaseProps> = ({\r\n  commands,\r\n  placeholder = \"Search...\",\r\n  isOpen,\r\n  onClose,\r\n  asyncSearch,\r\n  debounceMs = 300,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  classMap,\r\n  TextInputComponent,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n}) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<typeof commands>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) =>\r\n        cmd.label.toLowerCase().includes(query.toLowerCase())\r\n      );\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    if (!query.trim()) {\r\n      setAsyncResults([]);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n    debounceRef.current = setTimeout(() => {\r\n      asyncSearch(query)\r\n        .then((results) => {\r\n          setAsyncResults(results);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(() => {\r\n          setAsyncResults([]);\r\n          setIsLoading(false);\r\n        });\r\n    }, debounceMs);\r\n\r\n    return () => {\r\n      if (debounceRef.current) clearTimeout(debounceRef.current);\r\n    };\r\n  }, [query, asyncSearch, debounceMs]);\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) return;\r\n\r\n    setMounted(true);\r\n    const portal =\r\n      document.getElementById(\"widget-portal\") ||\r\n      (() => {\r\n        const el = document.createElement(\"div\");\r\n        el.id = \"widget-portal\";\r\n        document.body.appendChild(el);\r\n        return el;\r\n      })();\r\n\r\n    setPortalElement(portal);\r\n    document.body.classList.add(\"noScroll\");\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"noScroll\");\r\n      setQuery(\"\");\r\n      setActiveIndex(0);\r\n      setMounted(false);\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && inputRef.current) inputRef.current.focus();\r\n  }, [isOpen]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        setActiveIndex((prev) => (prev + 1) % filtered.length);\r\n      } else if (e.key === \"ArrowUp\") {\r\n        setActiveIndex(\r\n          (prev) => (prev - 1 + filtered.length) % filtered.length\r\n        );\r\n      } else if (e.key === \"Enter\" && filtered[activeIndex]) {\r\n        filtered[activeIndex].action();\r\n        onClose();\r\n      } else if (e.key === \"Escape\") {\r\n        onClose();\r\n      }\r\n    },\r\n    [filtered, activeIndex, onClose]\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  return ReactDOM.createPortal(\r\n    <div\r\n      className={classMap.overlay}\r\n      onClick={onClose}\r\n      data-testid={`${testId}-overlay`}\r\n    >\r\n      <div\r\n        className={combineClassNames(\r\n          classMap.command_palette,\r\n          classMap[theme],\r\n          classMap[state],\r\n          shadow && classMap[`shadow${capitalize(shadow)}`],\r\n          rounding && classMap[`round${capitalize(rounding)}`],\r\n          className\r\n        )}\r\n        onClick={(e) => e.stopPropagation()}\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-label=\"Command palette\"\r\n        data-testid={testId}\r\n      >\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n            setQuery(e.target.value)\r\n          }\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          theme={theme}\r\n          state={state}\r\n          shadow={\"none\"}\r\n          rounding={rounding}\r\n          className={classMap.input}\r\n          data-testid={`${testId}-input`}\r\n          role=\"combobox\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded=\"true\"\r\n          aria-controls=\"command-list\"\r\n          aria-activedescendant={\r\n            filtered.length > 0 ? `cmd-${activeIndex}` : undefined\r\n          }\r\n        />\r\n\r\n        <ul\r\n          id=\"command-list\"\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label=\"Command suggestions\"\r\n        >\r\n          {isLoading ? (\r\n            <div className={combineClassNames(classMap.item, classMap.empty)}>\r\n              Searching...\r\n            </div>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => (\r\n              <li\r\n                key={cmd.label}\r\n                id={`cmd-${index}`}\r\n                role=\"option\"\r\n                aria-selected={index === activeIndex}\r\n                className={combineClassNames(\r\n                  classMap.item,\r\n                  classMap[theme],\r\n                  index === activeIndex && classMap.active\r\n                )}\r\n                onClick={() => {\r\n                  cmd.action();\r\n                  onClose();\r\n                }}\r\n              >\r\n                {cmd.icon && (\r\n                  <span className={classMap.icon} aria-hidden=\"true\">\r\n                    {cmd.icon}\r\n                  </span>\r\n                )}\r\n                {cmd.label}\r\n              </li>\r\n            ))\r\n          ) : (\r\n            <li\r\n              role=\"option\"\r\n              aria-selected=\"false\"\r\n              aria-disabled=\"true\"\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n            >\r\n              No matching results\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement\r\n  );\r\n};\r\n\r\nexport default CommandPaletteBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport CommandPaletteBase from \"../CommandPaletteBase\";\r\nimport styles from \"./CommandPalette.module.scss\";\r\nimport { TextInput } from \"@/index.next\";\r\nimport { CommandPaletteProps } from \"../CommandPalette.types\";\r\n\r\nconst CommandPalette: React.FC<CommandPaletteProps> = (props) => (\r\n  <CommandPaletteBase\r\n    {...props}\r\n    classMap={styles}\r\n    TextInputComponent={TextInput}\r\n  />\r\n);\r\n\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useEffect","useCallback","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}

package/dist/next/DataTable-BxpVeU6-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable-BxpVeU6-.js","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/next/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction DataTableBase<T extends object>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  outline = false,\r\n  className = \"\",\r\n  striped = true,\r\n  defaultSortKey,\r\n  defaultSortOrder = \"asc\",\r\n  serverSort = false,\r\n  onSortChange,\r\n  rowKey,\r\n  \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n  const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n  const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n  const sortedData = useMemo(() => {\r\n    if (serverSort || !sortKey) return data;\r\n    if (!sortKey) return data;\r\n    return [...data].sort((a, b) => {\r\n      const valA = a[sortKey];\r\n      const valB = b[sortKey];\r\n      if (valA === valB) return 0;\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n      const isNumA = !isNaN(Number(valA));\r\n      const isNumB = !isNaN(Number(valB));\r\n      if (isNumA && isNumB)\r\n        return sortOrder === \"asc\" ? +valA - +valB : +valB - +valA;\r\n      return sortOrder === \"asc\"\r\n        ? String(valA).localeCompare(String(valB))\r\n        : String(valB).localeCompare(String(valA));\r\n    });\r\n  }, [data, sortKey, sortOrder]);\r\n\r\n  const handleSort = (key: keyof T) => {\r\n    const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n    setSortKey(key);\r\n    setSortOrder(newOrder);\r\n    if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n  };\r\n\r\n  const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      handleSort(key);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        striped && classMap.striped,\r\n        className\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      <table\r\n        className={combineClassNames(\r\n          classMap.table,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline\r\n        )}\r\n        role=\"table\"\r\n      >\r\n        <caption className=\"sr_only\">Sortable data table</caption>\r\n        <thead>\r\n          <tr role=\"row\">\r\n            {columns.map((col) => {\r\n              const isActive = sortKey === col.key;\r\n              return (\r\n                <th\r\n                  key={String(col.key)}\r\n                  scope=\"col\"\r\n                  role=\"columnheader\"\r\n                  tabIndex={col.sortable ? 0 : undefined}\r\n                  aria-sort={\r\n                    col.sortable\r\n                      ? isActive\r\n                        ? sortOrder === \"asc\"\r\n                          ? \"ascending\"\r\n                          : \"descending\"\r\n                        : \"none\"\r\n                      : undefined\r\n                  }\r\n                  onClick={() => col.sortable && handleSort(col.key)}\r\n                  onKeyDown={(e) =>\r\n                    col.sortable && handleSortKeyDown(e, col.key)\r\n                  }\r\n                  className={combineClassNames(\r\n                    col.sortable && classMap.sortable,\r\n                    classMap.headerCell\r\n                  )}\r\n                >\r\n                  <span>{col.label}</span>\r\n                  {col.sortable && (\r\n                    <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n                      {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n                    </span>\r\n                  )}\r\n                </th>\r\n              );\r\n            })}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {sortedData.map((row, idx) => {\r\n            const key = rowKey ? rowKey(row) : idx;\r\n            return (\r\n              <tr\r\n                key={key}\r\n                role=\"row\"\r\n                className={combineClassNames(\r\n                  onRowClick && classMap.clickable,\r\n                  striped && idx % 2 === 1 && classMap.striped\r\n                )}\r\n                onClick={() => onRowClick?.(row)}\r\n                tabIndex={onRowClick ? 0 : undefined}\r\n                aria-label={onRowClick ? \"Selectable row\" : undefined}\r\n              >\r\n                {columns.map((col) => (\r\n                  <td\r\n                    key={String(col.key)}\r\n                    role=\"cell\"\r\n                    data-label={col.label}\r\n                    className={classMap.cell}\r\n                  >\r\n                    {col.render\r\n                      ? col.render(row[col.key], row)\r\n                      : typeof row[col.key] === \"object\"\r\n                        ? JSON.stringify(row[col.key])\r\n                        : String(row[col.key] ?? \"\")}\r\n                  </td>\r\n                ))}\r\n              </tr>\r\n            );\r\n          })}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default DataTableBase;\r\n","\"use client\";\r\n\r\nimport styles from \"./DataTable.module.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n  return <DataTableBase {...props} classMap={styles} />;\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":["outline","striped"],"mappings":"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"}

package/dist/next/DataTable-C5OyGLWn.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable-C5OyGLWn.cjs","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/next/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction DataTableBase<T extends object>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  outline = false,\r\n  className = \"\",\r\n  striped = true,\r\n  defaultSortKey,\r\n  defaultSortOrder = \"asc\",\r\n  serverSort = false,\r\n  onSortChange,\r\n  rowKey,\r\n  \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n  const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n  const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n  const sortedData = useMemo(() => {\r\n    if (serverSort || !sortKey) return data;\r\n    if (!sortKey) return data;\r\n    return [...data].sort((a, b) => {\r\n      const valA = a[sortKey];\r\n      const valB = b[sortKey];\r\n      if (valA === valB) return 0;\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n      const isNumA = !isNaN(Number(valA));\r\n      const isNumB = !isNaN(Number(valB));\r\n      if (isNumA && isNumB)\r\n        return sortOrder === \"asc\" ? +valA - +valB : +valB - +valA;\r\n      return sortOrder === \"asc\"\r\n        ? String(valA).localeCompare(String(valB))\r\n        : String(valB).localeCompare(String(valA));\r\n    });\r\n  }, [data, sortKey, sortOrder]);\r\n\r\n  const handleSort = (key: keyof T) => {\r\n    const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n    setSortKey(key);\r\n    setSortOrder(newOrder);\r\n    if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n  };\r\n\r\n  const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      handleSort(key);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        striped && classMap.striped,\r\n        className\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      <table\r\n        className={combineClassNames(\r\n          classMap.table,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline\r\n        )}\r\n        role=\"table\"\r\n      >\r\n        <caption className=\"sr_only\">Sortable data table</caption>\r\n        <thead>\r\n          <tr role=\"row\">\r\n            {columns.map((col) => {\r\n              const isActive = sortKey === col.key;\r\n              return (\r\n                <th\r\n                  key={String(col.key)}\r\n                  scope=\"col\"\r\n                  role=\"columnheader\"\r\n                  tabIndex={col.sortable ? 0 : undefined}\r\n                  aria-sort={\r\n                    col.sortable\r\n                      ? isActive\r\n                        ? sortOrder === \"asc\"\r\n                          ? \"ascending\"\r\n                          : \"descending\"\r\n                        : \"none\"\r\n                      : undefined\r\n                  }\r\n                  onClick={() => col.sortable && handleSort(col.key)}\r\n                  onKeyDown={(e) =>\r\n                    col.sortable && handleSortKeyDown(e, col.key)\r\n                  }\r\n                  className={combineClassNames(\r\n                    col.sortable && classMap.sortable,\r\n                    classMap.headerCell\r\n                  )}\r\n                >\r\n                  <span>{col.label}</span>\r\n                  {col.sortable && (\r\n                    <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n                      {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n                    </span>\r\n                  )}\r\n                </th>\r\n              );\r\n            })}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {sortedData.map((row, idx) => {\r\n            const key = rowKey ? rowKey(row) : idx;\r\n            return (\r\n              <tr\r\n                key={key}\r\n                role=\"row\"\r\n                className={combineClassNames(\r\n                  onRowClick && classMap.clickable,\r\n                  striped && idx % 2 === 1 && classMap.striped\r\n                )}\r\n                onClick={() => onRowClick?.(row)}\r\n                tabIndex={onRowClick ? 0 : undefined}\r\n                aria-label={onRowClick ? \"Selectable row\" : undefined}\r\n              >\r\n                {columns.map((col) => (\r\n                  <td\r\n                    key={String(col.key)}\r\n                    role=\"cell\"\r\n                    data-label={col.label}\r\n                    className={classMap.cell}\r\n                  >\r\n                    {col.render\r\n                      ? col.render(row[col.key], row)\r\n                      : typeof row[col.key] === \"object\"\r\n                        ? JSON.stringify(row[col.key])\r\n                        : String(row[col.key] ?? \"\")}\r\n                  </td>\r\n                ))}\r\n              </tr>\r\n            );\r\n          })}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default DataTableBase;\r\n","\"use client\";\r\n\r\nimport styles from \"./DataTable.module.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n  return <DataTableBase {...props} classMap={styles} />;\r\n}\r\n\r\nexport default DataTable;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","outline","striped","useState","useMemo","jsx","combineClassNames","capitalize","jsxs"],"mappings":"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"}

package/dist/next/DateTimePicker-CnHSl0jQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker-CnHSl0jQ.cjs","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/next/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 { DateTimePickerProps } 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\nexport interface DateTimePickerBaseProps extends DateTimePickerProps {\r\n  classMap: Record<string, string>;\r\n  error?: string;\r\n  description?: string;\r\n  id?: string;\r\n}\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 openPicker = () => {\r\n    inputRef.current?.showPicker?.();\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    [classMap, theme, state, size, outline, disabled, className]\r\n  );\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-required={required}\r\n          aria-disabled={disabled}\r\n          aria-invalid={!!error}\r\n          aria-describedby={\r\n            [descriptionId, errorId].filter(Boolean).join(\" \") || undefined\r\n          }\r\n          aria-errormessage={errorId || undefined}\r\n          aria-label={label || \"Date and time\"}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n        <span\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          onKeyDown={(e) =>\r\n            (e.key === \"Enter\" || e.key === \" \") && openPicker()\r\n          }\r\n          aria-hidden=\"true\"\r\n          role=\"button\"\r\n          tabIndex={0}\r\n        >\r\n          <CalendarIcon />\r\n        </span>\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\n\r\nexport default DateTimePickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport styles from \"./DateTimePicker.module.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","label","disabled","getDefaultSize","outline","getDefaultTheme","getDefaultRounding","getDefaultShadow","error","description","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/next/DateTimePicker-HNGW6xNG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker-HNGW6xNG.js","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/next/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 { DateTimePickerProps } 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\nexport interface DateTimePickerBaseProps extends DateTimePickerProps {\r\n  classMap: Record<string, string>;\r\n  error?: string;\r\n  description?: string;\r\n  id?: string;\r\n}\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 openPicker = () => {\r\n    inputRef.current?.showPicker?.();\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    [classMap, theme, state, size, outline, disabled, className]\r\n  );\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-required={required}\r\n          aria-disabled={disabled}\r\n          aria-invalid={!!error}\r\n          aria-describedby={\r\n            [descriptionId, errorId].filter(Boolean).join(\" \") || undefined\r\n          }\r\n          aria-errormessage={errorId || undefined}\r\n          aria-label={label || \"Date and time\"}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n        <span\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          onKeyDown={(e) =>\r\n            (e.key === \"Enter\" || e.key === \" \") && openPicker()\r\n          }\r\n          aria-hidden=\"true\"\r\n          role=\"button\"\r\n          tabIndex={0}\r\n        >\r\n          <CalendarIcon />\r\n        </span>\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\n\r\nexport default DateTimePickerBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport styles from \"./DateTimePicker.module.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default DateTimePicker;\r\n"],"names":["label","disabled","outline","error","description"],"mappings":"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"}

package/dist/next/Divider-Fpf7-0z3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider-Fpf7-0z3.cjs","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nexport interface DividerBaseProps extends DividerProps {\r\n  classMap: Record<string, string>;\r\n}\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 style: React.CSSProperties = {\r\n      width: isVertical ? thickness : length,\r\n      height: isVertical ? length : thickness,\r\n      backgroundColor: dashed ? \"transparent\" : undefined,\r\n    };\r\n\r\n    const ComponentTag = as;\r\n\r\n    const role = ComponentTag === \"hr\" ? undefined : \"separator\";\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        {...(role && isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider: React.FC<DividerProps> = (props) => (\r\n  <DividerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default Divider;\r\n"],"names":["forwardRef","dashed","getDefaultTheme","jsx","combineClassNames"],"mappings":";;;;;AASA,MAAM,cAAcA,MAAAA;AAAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAC,UAAS;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,QAA6B;AAAA,MACjC,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBD,UAAS,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB,OAAO,SAAY;AAEjD,WACEE,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,UACvBH,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,QAAQ,cAAc,EAAE,oBAAoB,WAAA;AAAA,QAChD,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtD1B,MAAM,UAAkC,CAAC,UACvCE,+BAAC,eAAa,GAAG,OAAO,UAAU,OAAA,CAAQ;;"}

package/dist/next/Divider-PQO6alS3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider-PQO6alS3.js","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/next/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nexport interface DividerBaseProps extends DividerProps {\r\n  classMap: Record<string, string>;\r\n}\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 style: React.CSSProperties = {\r\n      width: isVertical ? thickness : length,\r\n      height: isVertical ? length : thickness,\r\n      backgroundColor: dashed ? \"transparent\" : undefined,\r\n    };\r\n\r\n    const ComponentTag = as;\r\n\r\n    const role = ComponentTag === \"hr\" ? undefined : \"separator\";\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        {...(role && isVertical && { \"aria-orientation\": \"vertical\" })}\r\n        {...(ariaHidden !== undefined && { \"aria-hidden\": ariaHidden })}\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport styles from \"./Divider.module.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst Divider: React.FC<DividerProps> = (props) => (\r\n  <DividerBase {...props} classMap={styles} />\r\n);\r\n\r\nexport default Divider;\r\n"],"names":["dashed"],"mappings":";;;;AASA,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAAA,UAAS;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,QAA6B;AAAA,MACjC,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiBA,UAAS,gBAAgB;AAAA,IAAA;AAG5C,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB,OAAO,SAAY;AAEjD,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,UACvBA,WAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAED,GAAI,QAAQ,EAAE,KAAA;AAAA,QACd,GAAI,QAAQ,cAAc,EAAE,oBAAoB,WAAA;AAAA,QAChD,GAAI,eAAe,UAAa,EAAE,eAAe,WAAA;AAAA,QAClD;AAAA,QACA,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtD1B,MAAM,UAAkC,CAAC,UACvC,oBAAC,eAAa,GAAG,OAAO,UAAU,OAAA,CAAQ;"}

package/dist/next/Dropdown-BHd5BuCB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown-BHd5BuCB.cjs","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/next/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  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  ComponentType,\r\n  useMemo,\r\n} from \"react\";\r\nimport { DropdownProps } 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\nexport interface BaseDropdownProps extends DropdownProps {\r\n  IconButton: ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\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 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  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (!open) return;\r\n\r\n    if (e.key === \"Escape\") {\r\n      e.preventDefault();\r\n      closeDropdown();\r\n    } else if (e.key === \"ArrowDown\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev + 1) % items.length);\r\n    } else if (e.key === \"ArrowUp\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev - 1 + items.length) % items.length);\r\n    } else if (e.key === \"Enter\" || e.key === \" \") {\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\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\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const isOverflowingRight = rect.right > window.innerWidth;\r\n      const isOverflowingLeft = rect.left < 0;\r\n\r\n      if (isOverflowingRight) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (isOverflowingLeft) {\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, menuRef]);\r\n\r\n  useEffect(() => {\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (open && menuItems && activeIndex >= 0) {\r\n      menuItems[activeIndex]?.focus();\r\n    }\r\n  }, [activeIndex, open]);\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        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          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                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon}>{item.icon}</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}>{item.icon}</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\n\r\nexport default BaseDropdown;\r\n","\"use client\";\r\nimport React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Dropdown.module.scss\";\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\n\r\nexport default Dropdown;\r\n"],"names":["jsxs","jsx","getDefaultTheme","getDefaultRounding","getDefaultShadow","IconButton","useState","useRef","useId","item","useEffect","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/next/Dropdown-CzQhdSD7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown-CzQhdSD7.js","sources":["../../src/Icons/MenuIcon.tsx","../../src/components/Dropdown/DropdownBase.tsx","../../src/components/Dropdown/next/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  KeyboardEvent,\r\n  useId,\r\n  JSX,\r\n  ComponentType,\r\n  useMemo,\r\n} from \"react\";\r\nimport { DropdownProps } 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\nexport interface BaseDropdownProps extends DropdownProps {\r\n  IconButton: ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\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 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  };\r\n\r\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n    if (!open) return;\r\n\r\n    if (e.key === \"Escape\") {\r\n      e.preventDefault();\r\n      closeDropdown();\r\n    } else if (e.key === \"ArrowDown\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev + 1) % items.length);\r\n    } else if (e.key === \"ArrowUp\") {\r\n      e.preventDefault();\r\n      setActiveIndex((prev) => (prev - 1 + items.length) % items.length);\r\n    } else if (e.key === \"Enter\" || e.key === \" \") {\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\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\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    if (open && menuRef.current) {\r\n      const rect = menuRef.current.getBoundingClientRect();\r\n      const isOverflowingRight = rect.right > window.innerWidth;\r\n      const isOverflowingLeft = rect.left < 0;\r\n\r\n      if (isOverflowingRight) {\r\n        menuRef.current.setAttribute(\"data-overflow-right\", \"true\");\r\n        menuRef.current.removeAttribute(\"data-overflow-left\");\r\n      } else if (isOverflowingLeft) {\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, menuRef]);\r\n\r\n  useEffect(() => {\r\n    const menuItems =\r\n      menuRef.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]');\r\n    if (open && menuItems && activeIndex >= 0) {\r\n      menuItems[activeIndex]?.focus();\r\n    }\r\n  }, [activeIndex, open]);\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        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          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                data-testid={item[\"data-testid\"]}\r\n              >\r\n                {item.icon && (\r\n                  <span className={classMap.icon}>{item.icon}</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}>{item.icon}</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\n\r\nexport default BaseDropdown;\r\n","\"use client\";\r\nimport React from \"react\";\r\nimport BaseDropdown from \"../DropdownBase\";\r\nimport { DropdownProps } from \"../Dropdown.types\";\r\nimport { IconButton } from \"@/index.next\";\r\nimport styles from \"./Dropdown.module.scss\";\r\n\r\nconst Dropdown: React.FC<DropdownProps> = (props) => {\r\n  return <BaseDropdown {...props} IconButton={IconButton} classMap={styles} />;\r\n};\r\n\r\nexport default Dropdown;\r\n"],"names":["IconButton","item"],"mappings":";;;;;;AAAA,MAAM,WAAoD,CAAC,UACzD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AACH;ACPF,MAAM,eAA4C,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ,gBAAA;AAAA,EACR,iBAAiB,mBAAA;AAAA,EACjB,eAAe,mBAAA;AAAA,EACf,eAAe,iBAAA;AAAA,EACf,aAAa,iBAAA;AAAA,EACb,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB,YAAAA;AAAA,EACA;AACF,MAAsC;AACpC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,EAAE;AACzD,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,SAAS,MAAA;AAEf,QAAM,OAAO,eAAe;AAE5B,QAAM,iBAAiB,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI;AACpD,QAAM,gBAAgB,MAAM;AAC1B,YAAQ,KAAK;AACb,mBAAe,EAAE;AAAA,EACnB;AAEA,QAAM,gBAAgB,CAAC,MAAqC;;AAC1D,QAAI,CAAC,KAAM;AAEX,QAAI,EAAE,QAAQ,UAAU;AACtB,QAAE,eAAA;AACF,oBAAA;AAAA,IACF,WAAW,EAAE,QAAQ,aAAa;AAChC,QAAE,eAAA;AACF,qBAAe,CAAC,UAAU,OAAO,KAAK,MAAM,MAAM;AAAA,IACpD,WAAW,EAAE,QAAQ,WAAW;AAC9B,QAAE,eAAA;AACF,qBAAe,CAAC,UAAU,OAAO,IAAI,MAAM,UAAU,MAAM,MAAM;AAAA,IACnE,WAAW,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AAC7C,YAAMC,QAAO,MAAM,WAAW;AAC9B,UAAIA,OAAM;AACR,cAAAA,MAAK,YAAL,wBAAAA;AACA,sBAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,YAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,MAAkB;AAC5C,UACE,YAAY,WACZ,CAAC,YAAY,QAAQ,SAAS,EAAE,MAAc,GAC9C;AACA,sBAAA;AAAA,MACF;AAAA,IACF;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,QAAI,QAAQ,QAAQ,SAAS;AAC3B,YAAM,OAAO,QAAQ,QAAQ,sBAAA;AAC7B,YAAM,qBAAqB,KAAK,QAAQ,OAAO;AAC/C,YAAM,oBAAoB,KAAK,OAAO;AAEtC,UAAI,oBAAoB;AACtB,gBAAQ,QAAQ,aAAa,uBAAuB,MAAM;AAC1D,gBAAQ,QAAQ,gBAAgB,oBAAoB;AAAA,MACtD,WAAW,mBAAmB;AAC5B,gBAAQ,QAAQ,aAAa,sBAAsB,MAAM;AACzD,gBAAQ,QAAQ,gBAAgB,qBAAqB;AAAA,MACvD,OAAO;AACL,gBAAQ,QAAQ,gBAAgB,qBAAqB;AACrD,gBAAQ,QAAQ,gBAAgB,oBAAoB;AAAA,MACtD;AAAA,IACF;AAEA,WAAO,MAAM,SAAS,oBAAoB,aAAa,kBAAkB;AAAA,EAC3E,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,YAAU,MAAM;;AACd,UAAM,aACJ,aAAQ,YAAR,mBAAiB,iBAA8B;AACjD,QAAI,QAAQ,aAAa,eAAe,GAAG;AACzC,sBAAU,WAAW,MAArB,mBAAwB;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,aAAa,IAAI,CAAC;AAEtB,QAAM,iBAAiB;AAAA,IACrB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,UAAU,SAAS,aAAa,SAAS;AAAA,MACnD,cAAc,SAAS,SAAS,WAAW,UAAU,CAAC,EAAE;AAAA,MACxD,gBAAgB,SAAS,QAAQ,WAAW,YAAY,CAAC,EAAE;AAAA,MAC3D;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,YAAY,cAAc,aAAa;AAAA,EAAA;AAG3D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,kBAAkB,SAAS,SAAS,SAAS;AAAA,MACxD,WAAW;AAAA,MACX,eAAa;AAAA,MAEb,UAAA;AAAA,QAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA,iBAAc;AAAA,YACd,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,SAAS;AAAA,YACT,eAAa,GAAG,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvB,QACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,KAAK;AAAA,YACL,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA,MAAM;AAAA,cAAI,CAACC,OAAM,UAChBA,MAAK,OACH;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,MAAMA,MAAK;AAAA,kBACX,WAAW,SAAS;AAAA,kBACpB,MAAK;AAAA,kBACL,UAAU;AAAA,kBACV,eAAaA,MAAK,aAAa;AAAA,kBAE9B,UAAA;AAAA,oBAAAA,MAAK,QACJ,oBAAC,QAAA,EAAK,WAAW,SAAS,MAAO,gBAAK,KAAA,CAAK;AAAA,oBAE5CA,MAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAVD;AAAA,cAAA,IAaP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,UAAU;AAAA,kBACV,WAAW,SAAS;AAAA,kBACpB,SAAS,MAAM;;AACb,0BAAAA,MAAK,YAAL,wBAAAA;AACA,kCAAA;AAAA,kBACF;AAAA,kBACA,eAAaA,MAAK,aAAa;AAAA,kBAE9B,UAAA;AAAA,oBAAAA,MAAK,QACJ,oBAAC,QAAA,EAAK,WAAW,SAAS,MAAO,gBAAK,KAAA,CAAK;AAAA,oBAE5CA,MAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAdD;AAAA,cAAA;AAAA,YAeP;AAAA,UAEJ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjMA,MAAM,WAAoC,CAAC,UAAU;AACnD,6BAAQ,cAAA,EAAc,GAAG,OAAO,YAAwB,UAAU,QAAQ;AAC5E;"}

package/dist/next/EmptyState-BbuuFZCb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState-BbuuFZCb.js","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { EmptyStateProps } 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\nexport interface BaseEmptyStateProps extends EmptyStateProps {\r\n  Button: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\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 titleId = `${testId}-title`;\r\n  const descId = `${testId}-message`;\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  return (\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\" />\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      <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      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={\r\n            typeof actionLabel === \"string\" ? actionLabel : \"Perform action\"\r\n          }\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\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\n\r\nexport default EmptyState;\r\n"],"names":["title","message","outline","Button"],"mappings":";;;;;;AAgBA,MAAM,iBAAgD,CAAC;AAAA,EACrD,MAAM;AAAA,EACN,OAAAA,SAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQ,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAO,eAAA;AAAA,EACP,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,SAAAC,WAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,SAAS,GAAG,MAAM;AAExB,QAAM,oBAAoB;AAAA,IACxB,MACE;AAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,SAAS,IAAI;AAAA,MACb,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnDD,YAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,QAAQ,MAAM,OAAO,OAAOA,UAAS,SAAS;AAAA,EAAA;AAGrE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MAEZ,UAAA;AAAA,QAAA,QACC,oBAAC,OAAA,EAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SACnD,UAAA,oBAAC,MAAA,EAAK,eAAY,QAAO,GAC3B;AAAA,QAGF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,eAAe,iBACd;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAAD;AAAA,YACA,SAAS;AAAA,YACT,cACE,OAAO,gBAAgB,WAAW,cAAc;AAAA,YAElD,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxFA,MAAM,aAAwC,CAAC,UAAU;AACvD,6BAAQ,gBAAA,EAAgB,GAAG,OAAO,QAAgB,UAAU,QAAQ;AACtE;"}

package/dist/next/EmptyState-edgOQ6GW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState-edgOQ6GW.cjs","sources":["../../src/components/EmptyState/EmptyStateBase.tsx","../../src/components/EmptyState/next/EmptyState.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { EmptyStateProps } 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\nexport interface BaseEmptyStateProps extends EmptyStateProps {\r\n  Button: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\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 titleId = `${testId}-title`;\r\n  const descId = `${testId}-message`;\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  return (\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\" />\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      <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      {actionLabel && onActionClick && (\r\n        <Button\r\n          theme=\"clear\"\r\n          outline={outline}\r\n          onClick={onActionClick}\r\n          aria-label={\r\n            typeof actionLabel === \"string\" ? actionLabel : \"Perform action\"\r\n          }\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\nexport default BaseEmptyState;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseEmptyState from \"../EmptyStateBase\";\r\nimport { EmptyStateProps } from \"../EmptyState.types\";\r\nimport { Button } from \"../../../index.next\";\r\nimport styles from \"./EmptyState.module.scss\";\r\n\r\nconst EmptyState: React.FC<EmptyStateProps> = (props) => {\r\n  return <BaseEmptyState {...props} Button={Button} classMap={styles} />;\r\n};\r\n\r\nexport default EmptyState;\r\n"],"names":["title","message","getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","outline","Button","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;;AAgBA,MAAM,iBAAgD,CAAC;AAAA,EACrD,MAAM;AAAA,EACN,OAAAA,SAAQ;AAAA,EACR,SAAAC,WAAU;AAAA,EACV,QAAQC,kBAAAA,gBAAA;AAAA,EACR,QAAQ;AAAA,EACR,OAAOC,kBAAAA,eAAA;AAAA,EACP,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,SAAAC,WAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,SAAS,GAAG,MAAM;AAExB,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,MACnDJ,YAAW,SAAS;AAAA,MACpB;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,QAAQ,MAAM,OAAO,OAAOA,UAAS,SAAS;AAAA,EAAA;AAGrE,SACEK,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,UAAAA,+BAAC,MAAA,EAAK,eAAY,QAAO,GAC3B;AAAA,QAGFA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAZ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHY,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,SAAS;AAAA,YACpB,eAAa,GAAG,MAAM;AAAA,YAErB,UAAAX;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,eAAe,iBACdW,2BAAAA;AAAAA,UAACL;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAAD;AAAA,YACA,SAAS;AAAA,YACT,cACE,OAAO,gBAAgB,WAAW,cAAc;AAAA,YAElD,eAAa,GAAG,MAAM;AAAA,YAErB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxFA,MAAM,aAAwC,CAAC,UAAU;AACvD,wCAAQ,gBAAA,EAAgB,GAAG,OAAA,QAAOC,eAAgB,UAAU,QAAQ;AACtE;;"}

package/dist/next/FileUpload-BeTvsLw-.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUpload-BeTvsLw-.cjs","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/next/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 } from \"react\";\r\nimport { FileUploadProps } 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\nexport interface BaseFileUploadProps extends FileUploadProps {\r\n  FormGroup: React.ComponentType<any>;\r\n  Button: React.ComponentType<any>;\r\n  IconButton: React.ComponentType<any>;\r\n  ProgressBar: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\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\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 isTypeOk =\r\n        allowedFileTypes.length === 0 || allowedFileTypes.includes(file.type);\r\n\r\n      if (isSizeOk && isTypeOk) {\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 || \"unknown\"})`,\r\n        });\r\n      }\r\n    });\r\n\r\n    return { valid, rejected };\r\n  };\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(\r\n      updatedFiles.map((file) =>\r\n        file.name.length > 30 ? file.name.slice(0, 27) + \"...\" : file.name\r\n      )\r\n    );\r\n    setRejectedFiles(rejected);\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(\r\n      updatedFiles.map((file) =>\r\n        file.name.length > 30 ? file.name.slice(0, 27) + \"...\" : file.name\r\n      )\r\n    );\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 = () => {\r\n    if (!files || uploading) return;\r\n    setUploading(true);\r\n    setInternalProgress(0);\r\n    setUploadMessage(null);\r\n\r\n    const interval = setInterval(() => {\r\n      setInternalProgress((prev) => {\r\n        if (prev >= 100) {\r\n          clearInterval(interval);\r\n          setTimeout(() => {\r\n            setUploading(false);\r\n            try {\r\n              onSubmit(files);\r\n              setUploadMessage(\"Upload successful.\");\r\n            } catch {\r\n              setUploadMessage(\"Upload failed. Please try again.\");\r\n            }\r\n          }, 500);\r\n          return 100;\r\n        }\r\n        return prev + 10;\r\n      });\r\n    }, 100);\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 ? \"dragging\" : \"\",\r\n        disabled && classMap.disabled\r\n      ),\r\n    [classMap, isDragging, theme, state, disabled]\r\n  );\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        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          onChange={handleFileChange}\r\n          className={classMap.hiddenInput}\r\n          aria-required={required}\r\n          aria-label={label}\r\n          aria-describedby={`${testId}-description ${testId}-error`}\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 && classMap.error}\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                    theme=\"error\"\r\n                    size=\"xsmall\"\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 && classMap.error) || state}\r\n                disabled={uploading}\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\n\r\nexport default BaseFileUpload;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport { Button, IconButton, Progressbar, FormGroup } from \"@/index.next\";\r\nimport styles from \"./FileUpload.module.scss\";\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={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default FileUpload;\r\n"],"names":["jsxs","jsx","error","getDefaultTheme","getDefaultRounding","getDefaultShadow","uploadProgress","FormGroup","disabled","Button","IconButton","ProgressBar","useState","rejectedFiles","useRef","useMemo","combineClassNames","capitalize","Progressbar"],"mappings":"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"}

package/dist/next/FileUpload-D7qdf0y5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUpload-D7qdf0y5.js","sources":["../../src/Icons/FileIcon.tsx","../../src/Icons/TrashIcon.tsx","../../src/components/FileUpload/FileUploadBase.tsx","../../src/components/FileUpload/next/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 } from \"react\";\r\nimport { FileUploadProps } 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\nexport interface BaseFileUploadProps extends FileUploadProps {\r\n  FormGroup: React.ComponentType<any>;\r\n  Button: React.ComponentType<any>;\r\n  IconButton: React.ComponentType<any>;\r\n  ProgressBar: React.ComponentType<any>;\r\n  classMap: Record<string, string>;\r\n}\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\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 isTypeOk =\r\n        allowedFileTypes.length === 0 || allowedFileTypes.includes(file.type);\r\n\r\n      if (isSizeOk && isTypeOk) {\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 || \"unknown\"})`,\r\n        });\r\n      }\r\n    });\r\n\r\n    return { valid, rejected };\r\n  };\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(\r\n      updatedFiles.map((file) =>\r\n        file.name.length > 30 ? file.name.slice(0, 27) + \"...\" : file.name\r\n      )\r\n    );\r\n    setRejectedFiles(rejected);\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(\r\n      updatedFiles.map((file) =>\r\n        file.name.length > 30 ? file.name.slice(0, 27) + \"...\" : file.name\r\n      )\r\n    );\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 = () => {\r\n    if (!files || uploading) return;\r\n    setUploading(true);\r\n    setInternalProgress(0);\r\n    setUploadMessage(null);\r\n\r\n    const interval = setInterval(() => {\r\n      setInternalProgress((prev) => {\r\n        if (prev >= 100) {\r\n          clearInterval(interval);\r\n          setTimeout(() => {\r\n            setUploading(false);\r\n            try {\r\n              onSubmit(files);\r\n              setUploadMessage(\"Upload successful.\");\r\n            } catch {\r\n              setUploadMessage(\"Upload failed. Please try again.\");\r\n            }\r\n          }, 500);\r\n          return 100;\r\n        }\r\n        return prev + 10;\r\n      });\r\n    }, 100);\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 ? \"dragging\" : \"\",\r\n        disabled && classMap.disabled\r\n      ),\r\n    [classMap, isDragging, theme, state, disabled]\r\n  );\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        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          onChange={handleFileChange}\r\n          className={classMap.hiddenInput}\r\n          aria-required={required}\r\n          aria-label={label}\r\n          aria-describedby={`${testId}-description ${testId}-error`}\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 && classMap.error}\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                    theme=\"error\"\r\n                    size=\"xsmall\"\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 && classMap.error) || state}\r\n                disabled={uploading}\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\n\r\nexport default BaseFileUpload;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseFileUpload from \"../FileUploadBase\";\r\nimport { FileUploadProps } from \"../FileUpload.types\";\r\nimport { Button, IconButton, Progressbar, FormGroup } from \"@/index.next\";\r\nimport styles from \"./FileUpload.module.scss\";\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={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default FileUpload;\r\n"],"names":["error","uploadProgress","FormGroup","disabled","Button","IconButton","ProgressBar","rejectedFiles"],"mappings":"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"}