boreal-ui 0.0.78 → 0.0.80

package/dist/next/{CommandPalette-_Lpb0UOI.cjs → CommandPalette-CNs6UpbZ.cjs}

@@ -1,12 +1,76 @@
 "use strict";
-require('./globals.css');require('./CommandPalette.css');const require$$2 = require("react/jsx-runtime");
+require('./CommandPalette.css');const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const classNames = require("./classNames-BcWMx052.cjs");
 const capitalize = require("./capitalize-DoV-nOmN.cjs");
 const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-;/* empty css                   */
-const TextInput = require("./TextInput-BRl37zMW.cjs");
+const TextInput = require("./TextInput-SqTFFVZ8.cjs");
+const overlay = "_overlay_qhoec_204";
+const command_palette = "_command_palette_qhoec_225";
+const roundNone = "_roundNone_qhoec_261";
+const item = "_item_qhoec_265";
+const roundSmall = "_roundSmall_qhoec_269";
+const roundMedium = "_roundMedium_qhoec_277";
+const roundLarge = "_roundLarge_qhoec_285";
+const roundFull = "_roundFull_qhoec_293";
+const shadowNone = "_shadowNone_qhoec_301";
+const shadowLight = "_shadowLight_qhoec_305";
+const shadowMedium = "_shadowMedium_qhoec_309";
+const shadowStrong = "_shadowStrong_qhoec_313";
+const shadowIntense = "_shadowIntense_qhoec_317";
+const input = "_input_qhoec_321";
+const list = "_list_qhoec_349";
+const icon = "_icon_qhoec_415";
+const empty = "_empty_qhoec_419";
+const active = "_active_qhoec_441";
+const primary = "_primary_qhoec_446";
+const secondary = "_secondary_qhoec_464";
+const tertiary = "_tertiary_qhoec_482";
+const quaternary = "_quaternary_qhoec_500";
+const clear = "_clear_qhoec_518";
+const success = "_success_qhoec_536";
+const error = "_error_qhoec_554";
+const warning = "_warning_qhoec_572";
+const spin = "_spin_qhoec_1";
+const pulse = "_pulse_qhoec_1";
+const styles = {
+  overlay,
+  command_palette,
+  roundNone,
+  item,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense,
+  input,
+  list,
+  icon,
+  empty,
+  active,
+  primary,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  "fade-in": "_fade-in_qhoec_1",
+  "slide-up": "_slide-up_qhoec_1",
+  "spin-3d": "_spin-3d_qhoec_1",
+  spin,
+  pulse,
+  "fade-in-up": "_fade-in-up_qhoec_1",
+  "progress-grow": "_progress-grow_qhoec_1",
+  "indeterminate-move": "_indeterminate-move_qhoec_1",
+  "skeleton-loading": "_skeleton-loading_qhoec_1"
+};
 const CommandPaletteBase = ({
   commands,
   placeholder = "Search...",
@@ -407,71 +471,6 @@ const CommandPaletteBase = ({
   );
 };
 CommandPaletteBase.displayName = "CommandPaletteBase";
-const overlay = "_overlay_qhoec_204";
-const command_palette = "_command_palette_qhoec_225";
-const roundNone = "_roundNone_qhoec_261";
-const item = "_item_qhoec_265";
-const roundSmall = "_roundSmall_qhoec_269";
-const roundMedium = "_roundMedium_qhoec_277";
-const roundLarge = "_roundLarge_qhoec_285";
-const roundFull = "_roundFull_qhoec_293";
-const shadowNone = "_shadowNone_qhoec_301";
-const shadowLight = "_shadowLight_qhoec_305";
-const shadowMedium = "_shadowMedium_qhoec_309";
-const shadowStrong = "_shadowStrong_qhoec_313";
-const shadowIntense = "_shadowIntense_qhoec_317";
-const input = "_input_qhoec_321";
-const list = "_list_qhoec_349";
-const icon = "_icon_qhoec_415";
-const empty = "_empty_qhoec_419";
-const active = "_active_qhoec_441";
-const primary = "_primary_qhoec_446";
-const secondary = "_secondary_qhoec_464";
-const tertiary = "_tertiary_qhoec_482";
-const quaternary = "_quaternary_qhoec_500";
-const clear = "_clear_qhoec_518";
-const success = "_success_qhoec_536";
-const error = "_error_qhoec_554";
-const warning = "_warning_qhoec_572";
-const spin = "_spin_qhoec_1";
-const pulse = "_pulse_qhoec_1";
-const styles = {
-  overlay,
-  command_palette,
-  roundNone,
-  item,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  input,
-  list,
-  icon,
-  empty,
-  active,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  "fade-in": "_fade-in_qhoec_1",
-  "slide-up": "_slide-up_qhoec_1",
-  "spin-3d": "_spin-3d_qhoec_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_qhoec_1",
-  "progress-grow": "_progress-grow_qhoec_1",
-  "indeterminate-move": "_indeterminate-move_qhoec_1",
-  "skeleton-loading": "_skeleton-loading_qhoec_1"
-};
 const CommandPalette = (props) => /* @__PURE__ */ require$$2.jsx(
   CommandPaletteBase,
   {
@@ -482,4 +481,4 @@ const CommandPalette = (props) => /* @__PURE__ */ require$$2.jsx(
 );
 CommandPalette.displayName = "CommandPalette";
 exports.CommandPalette = CommandPalette;
-//# sourceMappingURL=CommandPalette-_Lpb0UOI.cjs.map
+//# sourceMappingURL=CommandPalette-CNs6UpbZ.cjs.map

package/dist/next/{CommandPalette-_Lpb0UOI.cjs.map → CommandPalette-CNs6UpbZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette-_Lpb0UOI.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useId,\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 {\r\n  CommandPaletteBaseProps,\r\n  CommandItem,\r\n} 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\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  inputAriaLabel,\r\n  inputAriaLabelledBy,\r\n  inputAriaDescribedBy,\r\n  inputLabel,\r\n  inputId,\r\n  listboxId,\r\n  paletteId,\r\n  listAriaLabel = \"Command suggestions\",\r\n  emptyMessage = \"No matching results\",\r\n  resultsAnnouncement = \"results available\",\r\n  modal = true,\r\n  trapFocus = false,\r\n  restoreFocusOnClose = true,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-controls\": ariaControls,\r\n  \"aria-expanded\": ariaExpanded,\r\n  \"aria-activedescendant\": ariaActiveDescendant,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const reactId = useId();\r\n  const resolvedPaletteId = paletteId ?? `${testId}-${reactId}-dialog`;\r\n  const resolvedInputId = inputId ?? `${testId}-${reactId}-input`;\r\n  const resolvedListboxId = listboxId ?? `${testId}-${reactId}-listbox`;\r\n  const resolvedLabelId = `${resolvedInputId}-label`;\r\n  const resolvedStatusId = `${resolvedPaletteId}-status`;\r\n\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<CommandItem[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) => {\r\n        const q = query.toLowerCase();\r\n        if (!q) return true;\r\n\r\n        const labelMatch = cmd.label.toLowerCase().includes(q);\r\n        const keywordMatch = cmd.keywords?.some((keyword) =>\r\n          keyword.toLowerCase().includes(q),\r\n        );\r\n\r\n        return labelMatch || Boolean(keywordMatch);\r\n      });\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (\r\n      activeIndex < 0 ||\r\n      activeIndex >= filtered.length ||\r\n      filtered[activeIndex]?.disabled\r\n    ) {\r\n      const firstEnabledIndex = filtered.findIndex((item) => !item.disabled);\r\n      setActiveIndex(firstEnabledIndex);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\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(q)\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    prevFocusRef.current = document.activeElement as HTMLElement | null;\r\n\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(-1);\r\n      setMounted(false);\r\n\r\n      if (restoreFocusOnClose) {\r\n        prevFocusRef.current?.focus?.();\r\n      }\r\n    };\r\n  }, [isOpen, restoreFocusOnClose]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && mounted && portalElement && inputRef.current) {\r\n      inputRef.current.focus();\r\n    }\r\n  }, [isOpen, mounted, portalElement]);\r\n\r\n  const getItemId = useCallback(\r\n    (cmd: CommandItem, index: number) =>\r\n      cmd.id\r\n        ? `${resolvedListboxId}-option-${cmd.id}`\r\n        : `${resolvedListboxId}-option-${index}`,\r\n    [resolvedListboxId],\r\n  );\r\n\r\n  const getNextEnabledIndex = useCallback(\r\n    (startIndex: number, direction: 1 | -1) => {\r\n      if (filtered.length === 0) return -1;\r\n\r\n      let nextIndex = startIndex;\r\n\r\n      for (let i = 0; i < filtered.length; i += 1) {\r\n        nextIndex = (nextIndex + direction + filtered.length) % filtered.length;\r\n        if (!filtered[nextIndex]?.disabled) {\r\n          return nextIndex;\r\n        }\r\n      }\r\n\r\n      return -1;\r\n    },\r\n    [filtered],\r\n  );\r\n\r\n  const activateCommand = useCallback(\r\n    (cmd: CommandItem | undefined) => {\r\n      if (!cmd || cmd.disabled) return;\r\n      cmd.action();\r\n      onClose();\r\n    },\r\n    [onClose],\r\n  );\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => getNextEnabledIndex(prev < 0 ? -1 : prev, 1));\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => getNextEnabledIndex(prev < 0 ? 0 : prev, -1));\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0) {\r\n          e.preventDefault();\r\n          activateCommand(filtered[activeIndex]);\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        onClose();\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        const firstEnabledIndex = filtered.findIndex((item) => !item.disabled);\r\n        setActiveIndex(firstEnabledIndex);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        const reversedIndex = [...filtered]\r\n          .reverse()\r\n          .findIndex((item) => !item.disabled);\r\n\r\n        if (reversedIndex >= 0) {\r\n          setActiveIndex(filtered.length - 1 - reversedIndex);\r\n        }\r\n      }\r\n    },\r\n    [filtered, activeIndex, getNextEnabledIndex, activateCommand, onClose],\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        onClose();\r\n        return;\r\n      }\r\n\r\n      if (trapFocus && e.key === \"Tab\") {\r\n        const container = containerRef.current;\r\n        if (!container) return;\r\n\r\n        const focusable = container.querySelectorAll<HTMLElement>(\r\n          [\r\n            \"a[href]\",\r\n            \"button:not([disabled])\",\r\n            \"input:not([disabled])\",\r\n            \"select:not([disabled])\",\r\n            \"textarea:not([disabled])\",\r\n            '[tabindex]:not([tabindex=\"-1\"])',\r\n          ].join(\",\"),\r\n        );\r\n\r\n        if (focusable.length === 0) {\r\n          e.preventDefault();\r\n          return;\r\n        }\r\n\r\n        const first = focusable[0];\r\n        const last = focusable[focusable.length - 1];\r\n        const active = document.activeElement as HTMLElement | null;\r\n\r\n        if (!e.shiftKey && active === last) {\r\n          e.preventDefault();\r\n          first.focus();\r\n        } else if (e.shiftKey && active === first) {\r\n          e.preventDefault();\r\n          last.focus();\r\n        }\r\n      }\r\n    },\r\n    [onClose, trapFocus],\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const activeItem =\r\n    activeIndex >= 0 && filtered[activeIndex]\r\n      ? filtered[activeIndex]\r\n      : undefined;\r\n\r\n  const computedActiveDescendant =\r\n    ariaActiveDescendant ??\r\n    (activeItem ? getItemId(activeItem, activeIndex) : undefined);\r\n\r\n  const computedAriaExpanded =\r\n    typeof ariaExpanded === \"boolean\" ? ariaExpanded : isOpen;\r\n\r\n  const dialogRole = modal ? \"dialog\" : \"region\";\r\n\r\n  const liveMessage = isLoading\r\n    ? \"Searching commands\"\r\n    : filtered.length === 0\r\n      ? emptyMessage\r\n      : `${filtered.length} ${resultsAnnouncement}`;\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        {...rest}\r\n        id={resolvedPaletteId}\r\n        ref={containerRef}\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        onKeyDown={handleContainerKeyDown}\r\n        role={dialogRole}\r\n        aria-modal={modal ? true : undefined}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-controls={ariaControls}\r\n        data-testid={testId}\r\n      >\r\n        {inputLabel && (\r\n          <label\r\n            id={resolvedLabelId}\r\n            htmlFor={resolvedInputId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-input-label`}\r\n          >\r\n            {inputLabel}\r\n          </label>\r\n        )}\r\n\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          id={resolvedInputId}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(\r\n            valueOrEvent: string | React.ChangeEvent<HTMLInputElement>,\r\n            event?: React.ChangeEvent<HTMLInputElement>,\r\n          ) => {\r\n            if (typeof valueOrEvent === \"string\") {\r\n              setQuery(valueOrEvent);\r\n              return;\r\n            }\r\n\r\n            setQuery(valueOrEvent.target.value ?? event?.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-label={inputAriaLabel}\r\n          aria-labelledby={\r\n            inputAriaLabelledBy ??\r\n            (!inputAriaLabel && inputLabel ? resolvedLabelId : undefined)\r\n          }\r\n          aria-describedby={inputAriaDescribedBy}\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={computedAriaExpanded}\r\n          aria-controls={resolvedListboxId}\r\n          aria-activedescendant={computedActiveDescendant}\r\n        />\r\n\r\n        <div\r\n          id={resolvedStatusId}\r\n          className={classMap.srOnly}\r\n          aria-live=\"polite\"\r\n          aria-atomic=\"true\"\r\n          data-testid={`${testId}-live-region`}\r\n        >\r\n          {liveMessage}\r\n        </div>\r\n\r\n        <ul\r\n          id={resolvedListboxId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label={!ariaLabelledBy ? listAriaLabel : undefined}\r\n          aria-labelledby={ariaLabelledBy}\r\n          aria-busy={isLoading || undefined}\r\n          data-testid={`${testId}-listbox`}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n              data-testid={`${testId}-loading`}\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => {\r\n              const isActive = index === activeIndex;\r\n              const isDisabled = Boolean(cmd.disabled);\r\n              const itemId = getItemId(cmd, index);\r\n              const descriptionId = cmd[\"aria-description\"]\r\n                ? `${itemId}-description`\r\n                : undefined;\r\n\r\n              return (\r\n                <li\r\n                  key={cmd.id ?? `${cmd.label}-${index}`}\r\n                  id={itemId}\r\n                  role=\"option\"\r\n                  aria-label={cmd[\"aria-label\"]}\r\n                  aria-describedby={descriptionId}\r\n                  aria-disabled={isDisabled || undefined}\r\n                  aria-selected={isActive}\r\n                  className={combineClassNames(\r\n                    classMap.item,\r\n                    classMap[theme],\r\n                    isActive && classMap.active,\r\n                    isDisabled && classMap.disabled,\r\n                  )}\r\n                  onClick={() => activateCommand(cmd)}\r\n                  onMouseEnter={() => {\r\n                    if (!isDisabled) setActiveIndex(index);\r\n                  }}\r\n                  data-testid={`${testId}-option-${index}`}\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\r\n                  <span\r\n                    className={classMap.itemLabel}\r\n                    data-testid={`${testId}-option-label-${index}`}\r\n                  >\r\n                    {cmd.label}\r\n                  </span>\r\n\r\n                  {cmd[\"aria-description\"] && (\r\n                    <span\r\n                      id={descriptionId}\r\n                      className={classMap.srOnly}\r\n                      data-testid={`${testId}-option-description-${index}`}\r\n                    >\r\n                      {cmd[\"aria-description\"]}\r\n                    </span>\r\n                  )}\r\n                </li>\r\n              );\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              data-testid={`${testId}-empty`}\r\n            >\r\n              {emptyMessage}\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement,\r\n  );\r\n};\r\n\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\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\nCommandPalette.displayName = \"CommandPalette\";\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useRef","useEffect","item","useCallback","active","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}
+{"version":3,"file":"CommandPalette-CNs6UpbZ.cjs","sources":["../../src/components/CommandPalette/CommandPaletteBase.tsx","../../src/components/CommandPalette/next/CommandPalette.tsx"],"sourcesContent":["import React, {\r\n  useEffect,\r\n  useId,\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 {\r\n  CommandPaletteBaseProps,\r\n  CommandItem,\r\n} 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\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  inputAriaLabel,\r\n  inputAriaLabelledBy,\r\n  inputAriaDescribedBy,\r\n  inputLabel,\r\n  inputId,\r\n  listboxId,\r\n  paletteId,\r\n  listAriaLabel = \"Command suggestions\",\r\n  emptyMessage = \"No matching results\",\r\n  resultsAnnouncement = \"results available\",\r\n  modal = true,\r\n  trapFocus = false,\r\n  restoreFocusOnClose = true,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-controls\": ariaControls,\r\n  \"aria-expanded\": ariaExpanded,\r\n  \"aria-activedescendant\": ariaActiveDescendant,\r\n  \"data-testid\": testId = \"command-palette\",\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const reactId = useId();\r\n  const resolvedPaletteId = paletteId ?? `${testId}-${reactId}-dialog`;\r\n  const resolvedInputId = inputId ?? `${testId}-${reactId}-input`;\r\n  const resolvedListboxId = listboxId ?? `${testId}-${reactId}-listbox`;\r\n  const resolvedLabelId = `${resolvedInputId}-label`;\r\n  const resolvedStatusId = `${resolvedPaletteId}-status`;\r\n\r\n  const [query, setQuery] = useState(\"\");\r\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [mounted, setMounted] = useState(false);\r\n  const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);\r\n  const [asyncResults, setAsyncResults] = useState<CommandItem[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const prevFocusRef = useRef<HTMLElement | null>(null);\r\n\r\n  const filtered = asyncSearch\r\n    ? asyncResults\r\n    : commands.filter((cmd) => {\r\n        const q = query.toLowerCase();\r\n        if (!q) return true;\r\n\r\n        const labelMatch = cmd.label.toLowerCase().includes(q);\r\n        const keywordMatch = cmd.keywords?.some((keyword) =>\r\n          keyword.toLowerCase().includes(q),\r\n        );\r\n\r\n        return labelMatch || Boolean(keywordMatch);\r\n      });\r\n\r\n  useEffect(() => {\r\n    if (filtered.length === 0) {\r\n      setActiveIndex(-1);\r\n    } else if (\r\n      activeIndex < 0 ||\r\n      activeIndex >= filtered.length ||\r\n      filtered[activeIndex]?.disabled\r\n    ) {\r\n      const firstEnabledIndex = filtered.findIndex((item) => !item.disabled);\r\n      setActiveIndex(firstEnabledIndex);\r\n    }\r\n  }, [filtered, activeIndex]);\r\n\r\n  useEffect(() => {\r\n    if (!asyncSearch) return;\r\n\r\n    if (debounceRef.current) clearTimeout(debounceRef.current);\r\n\r\n    const q = query.trim();\r\n    if (!q) {\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(q)\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    prevFocusRef.current = document.activeElement as HTMLElement | null;\r\n\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(-1);\r\n      setMounted(false);\r\n\r\n      if (restoreFocusOnClose) {\r\n        prevFocusRef.current?.focus?.();\r\n      }\r\n    };\r\n  }, [isOpen, restoreFocusOnClose]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && mounted && portalElement && inputRef.current) {\r\n      inputRef.current.focus();\r\n    }\r\n  }, [isOpen, mounted, portalElement]);\r\n\r\n  const getItemId = useCallback(\r\n    (cmd: CommandItem, index: number) =>\r\n      cmd.id\r\n        ? `${resolvedListboxId}-option-${cmd.id}`\r\n        : `${resolvedListboxId}-option-${index}`,\r\n    [resolvedListboxId],\r\n  );\r\n\r\n  const getNextEnabledIndex = useCallback(\r\n    (startIndex: number, direction: 1 | -1) => {\r\n      if (filtered.length === 0) return -1;\r\n\r\n      let nextIndex = startIndex;\r\n\r\n      for (let i = 0; i < filtered.length; i += 1) {\r\n        nextIndex = (nextIndex + direction + filtered.length) % filtered.length;\r\n        if (!filtered[nextIndex]?.disabled) {\r\n          return nextIndex;\r\n        }\r\n      }\r\n\r\n      return -1;\r\n    },\r\n    [filtered],\r\n  );\r\n\r\n  const activateCommand = useCallback(\r\n    (cmd: CommandItem | undefined) => {\r\n      if (!cmd || cmd.disabled) return;\r\n      cmd.action();\r\n      onClose();\r\n    },\r\n    [onClose],\r\n  );\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLInputElement>) => {\r\n      if (e.key === \"ArrowDown\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => getNextEnabledIndex(prev < 0 ? -1 : prev, 1));\r\n      } else if (e.key === \"ArrowUp\") {\r\n        if (filtered.length === 0) return;\r\n        e.preventDefault();\r\n        setActiveIndex((prev) => getNextEnabledIndex(prev < 0 ? 0 : prev, -1));\r\n      } else if (e.key === \"Enter\") {\r\n        if (activeIndex >= 0) {\r\n          e.preventDefault();\r\n          activateCommand(filtered[activeIndex]);\r\n        }\r\n      } else if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        onClose();\r\n      } else if (e.key === \"Home\") {\r\n        e.preventDefault();\r\n        const firstEnabledIndex = filtered.findIndex((item) => !item.disabled);\r\n        setActiveIndex(firstEnabledIndex);\r\n      } else if (e.key === \"End\") {\r\n        e.preventDefault();\r\n        const reversedIndex = [...filtered]\r\n          .reverse()\r\n          .findIndex((item) => !item.disabled);\r\n\r\n        if (reversedIndex >= 0) {\r\n          setActiveIndex(filtered.length - 1 - reversedIndex);\r\n        }\r\n      }\r\n    },\r\n    [filtered, activeIndex, getNextEnabledIndex, activateCommand, onClose],\r\n  );\r\n\r\n  const handleContainerKeyDown = useCallback(\r\n    (e: KeyboardEvent<HTMLDivElement>) => {\r\n      if (e.key === \"Escape\") {\r\n        e.preventDefault();\r\n        onClose();\r\n        return;\r\n      }\r\n\r\n      if (trapFocus && e.key === \"Tab\") {\r\n        const container = containerRef.current;\r\n        if (!container) return;\r\n\r\n        const focusable = container.querySelectorAll<HTMLElement>(\r\n          [\r\n            \"a[href]\",\r\n            \"button:not([disabled])\",\r\n            \"input:not([disabled])\",\r\n            \"select:not([disabled])\",\r\n            \"textarea:not([disabled])\",\r\n            '[tabindex]:not([tabindex=\"-1\"])',\r\n          ].join(\",\"),\r\n        );\r\n\r\n        if (focusable.length === 0) {\r\n          e.preventDefault();\r\n          return;\r\n        }\r\n\r\n        const first = focusable[0];\r\n        const last = focusable[focusable.length - 1];\r\n        const active = document.activeElement as HTMLElement | null;\r\n\r\n        if (!e.shiftKey && active === last) {\r\n          e.preventDefault();\r\n          first.focus();\r\n        } else if (e.shiftKey && active === first) {\r\n          e.preventDefault();\r\n          last.focus();\r\n        }\r\n      }\r\n    },\r\n    [onClose, trapFocus],\r\n  );\r\n\r\n  if (!isOpen || !mounted || !portalElement) return null;\r\n\r\n  const activeItem =\r\n    activeIndex >= 0 && filtered[activeIndex]\r\n      ? filtered[activeIndex]\r\n      : undefined;\r\n\r\n  const computedActiveDescendant =\r\n    ariaActiveDescendant ??\r\n    (activeItem ? getItemId(activeItem, activeIndex) : undefined);\r\n\r\n  const computedAriaExpanded =\r\n    typeof ariaExpanded === \"boolean\" ? ariaExpanded : isOpen;\r\n\r\n  const dialogRole = modal ? \"dialog\" : \"region\";\r\n\r\n  const liveMessage = isLoading\r\n    ? \"Searching commands\"\r\n    : filtered.length === 0\r\n      ? emptyMessage\r\n      : `${filtered.length} ${resultsAnnouncement}`;\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        {...rest}\r\n        id={resolvedPaletteId}\r\n        ref={containerRef}\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        onKeyDown={handleContainerKeyDown}\r\n        role={dialogRole}\r\n        aria-modal={modal ? true : undefined}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-controls={ariaControls}\r\n        data-testid={testId}\r\n      >\r\n        {inputLabel && (\r\n          <label\r\n            id={resolvedLabelId}\r\n            htmlFor={resolvedInputId}\r\n            className={classMap.label}\r\n            data-testid={`${testId}-input-label`}\r\n          >\r\n            {inputLabel}\r\n          </label>\r\n        )}\r\n\r\n        <TextInputComponent\r\n          ref={inputRef}\r\n          id={resolvedInputId}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={(\r\n            valueOrEvent: string | React.ChangeEvent<HTMLInputElement>,\r\n            event?: React.ChangeEvent<HTMLInputElement>,\r\n          ) => {\r\n            if (typeof valueOrEvent === \"string\") {\r\n              setQuery(valueOrEvent);\r\n              return;\r\n            }\r\n\r\n            setQuery(valueOrEvent.target.value ?? event?.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-label={inputAriaLabel}\r\n          aria-labelledby={\r\n            inputAriaLabelledBy ??\r\n            (!inputAriaLabel && inputLabel ? resolvedLabelId : undefined)\r\n          }\r\n          aria-describedby={inputAriaDescribedBy}\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={computedAriaExpanded}\r\n          aria-controls={resolvedListboxId}\r\n          aria-activedescendant={computedActiveDescendant}\r\n        />\r\n\r\n        <div\r\n          id={resolvedStatusId}\r\n          className={classMap.srOnly}\r\n          aria-live=\"polite\"\r\n          aria-atomic=\"true\"\r\n          data-testid={`${testId}-live-region`}\r\n        >\r\n          {liveMessage}\r\n        </div>\r\n\r\n        <ul\r\n          id={resolvedListboxId}\r\n          className={classMap.list}\r\n          role=\"listbox\"\r\n          aria-label={!ariaLabelledBy ? listAriaLabel : undefined}\r\n          aria-labelledby={ariaLabelledBy}\r\n          aria-busy={isLoading || undefined}\r\n          data-testid={`${testId}-listbox`}\r\n        >\r\n          {isLoading ? (\r\n            <li\r\n              className={combineClassNames(classMap.item, classMap.empty)}\r\n              role=\"option\"\r\n              aria-disabled=\"true\"\r\n              aria-selected=\"false\"\r\n              data-testid={`${testId}-loading`}\r\n            >\r\n              Searching…\r\n            </li>\r\n          ) : filtered.length > 0 ? (\r\n            filtered.map((cmd, index) => {\r\n              const isActive = index === activeIndex;\r\n              const isDisabled = Boolean(cmd.disabled);\r\n              const itemId = getItemId(cmd, index);\r\n              const descriptionId = cmd[\"aria-description\"]\r\n                ? `${itemId}-description`\r\n                : undefined;\r\n\r\n              return (\r\n                <li\r\n                  key={cmd.id ?? `${cmd.label}-${index}`}\r\n                  id={itemId}\r\n                  role=\"option\"\r\n                  aria-label={cmd[\"aria-label\"]}\r\n                  aria-describedby={descriptionId}\r\n                  aria-disabled={isDisabled || undefined}\r\n                  aria-selected={isActive}\r\n                  className={combineClassNames(\r\n                    classMap.item,\r\n                    classMap[theme],\r\n                    isActive && classMap.active,\r\n                    isDisabled && classMap.disabled,\r\n                  )}\r\n                  onClick={() => activateCommand(cmd)}\r\n                  onMouseEnter={() => {\r\n                    if (!isDisabled) setActiveIndex(index);\r\n                  }}\r\n                  data-testid={`${testId}-option-${index}`}\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\r\n                  <span\r\n                    className={classMap.itemLabel}\r\n                    data-testid={`${testId}-option-label-${index}`}\r\n                  >\r\n                    {cmd.label}\r\n                  </span>\r\n\r\n                  {cmd[\"aria-description\"] && (\r\n                    <span\r\n                      id={descriptionId}\r\n                      className={classMap.srOnly}\r\n                      data-testid={`${testId}-option-description-${index}`}\r\n                    >\r\n                      {cmd[\"aria-description\"]}\r\n                    </span>\r\n                  )}\r\n                </li>\r\n              );\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              data-testid={`${testId}-empty`}\r\n            >\r\n              {emptyMessage}\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    </div>,\r\n    portalElement,\r\n  );\r\n};\r\n\r\nCommandPaletteBase.displayName = \"CommandPaletteBase\";\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 \"../../TextInput/next/TextInput\";\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\nCommandPalette.displayName = \"CommandPalette\";\r\nexport default CommandPalette;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useState","useRef","useEffect","item","useCallback","active","jsx","jsxs","combineClassNames","capitalize","TextInput"],"mappings":"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"}

package/dist/next/CommandPalette.cjs.js

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

package/dist/next/CommandPalette.js

@@ -1,4 +1,4 @@
-import { C } from "./CommandPalette-CNaU5jTY.js";
+import { C } from "./CommandPalette-BAgsEdVA.js";
 export {
   C as default
 };

package/dist/next/{DateTimePicker-WVVLqcd9.js → DateTimePicker-D2thRuf1.js}

@@ -58,6 +58,70 @@ import './DateTimePicker.css';const CalendarIcon = (props) => /* @__PURE__ */ js
     ]
   }
 );
+const wrapper = "_wrapper_1nvv1_85";
+const input = "_input_1nvv1_103";
+const label = "_label_1nvv1_112";
+const inputWrapper = "_inputWrapper_1nvv1_131";
+const icon = "_icon_1nvv1_183";
+const primary = "_primary_1nvv1_214";
+const outline = "_outline_1nvv1_221";
+const secondary = "_secondary_1nvv1_236";
+const tertiary = "_tertiary_1nvv1_258";
+const quaternary = "_quaternary_1nvv1_280";
+const clear = "_clear_1nvv1_302";
+const success = "_success_1nvv1_324";
+const error = "_error_1nvv1_346";
+const warning = "_warning_1nvv1_368";
+const disabled = "_disabled_1nvv1_405";
+const xs = "_xs_1nvv1_419";
+const small = "_small_1nvv1_431";
+const medium = "_medium_1nvv1_443";
+const large = "_large_1nvv1_455";
+const xl = "_xl_1nvv1_467";
+const description = "_description_1nvv1_479";
+const roundNone = "_roundNone_1nvv1_498";
+const roundSmall = "_roundSmall_1nvv1_502";
+const roundMedium = "_roundMedium_1nvv1_506";
+const roundLarge = "_roundLarge_1nvv1_510";
+const roundFull = "_roundFull_1nvv1_514";
+const shadowNone = "_shadowNone_1nvv1_518";
+const shadowLight = "_shadowLight_1nvv1_522";
+const shadowMedium = "_shadowMedium_1nvv1_526";
+const shadowStrong = "_shadowStrong_1nvv1_530";
+const shadowIntense = "_shadowIntense_1nvv1_534";
+const styles = {
+  wrapper,
+  input,
+  label,
+  inputWrapper,
+  icon,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  disabled,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  description,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
 const DateTimePickerBase = ({
   label: label2,
   value,
@@ -230,73 +294,9 @@ const DateTimePickerBase = ({
   ] });
 };
 DateTimePickerBase.displayName = "DateTimePickerBase";
-const wrapper = "_wrapper_1nvv1_85";
-const input = "_input_1nvv1_103";
-const label = "_label_1nvv1_112";
-const inputWrapper = "_inputWrapper_1nvv1_131";
-const icon = "_icon_1nvv1_183";
-const primary = "_primary_1nvv1_214";
-const outline = "_outline_1nvv1_221";
-const secondary = "_secondary_1nvv1_236";
-const tertiary = "_tertiary_1nvv1_258";
-const quaternary = "_quaternary_1nvv1_280";
-const clear = "_clear_1nvv1_302";
-const success = "_success_1nvv1_324";
-const error = "_error_1nvv1_346";
-const warning = "_warning_1nvv1_368";
-const disabled = "_disabled_1nvv1_405";
-const xs = "_xs_1nvv1_419";
-const small = "_small_1nvv1_431";
-const medium = "_medium_1nvv1_443";
-const large = "_large_1nvv1_455";
-const xl = "_xl_1nvv1_467";
-const description = "_description_1nvv1_479";
-const roundNone = "_roundNone_1nvv1_498";
-const roundSmall = "_roundSmall_1nvv1_502";
-const roundMedium = "_roundMedium_1nvv1_506";
-const roundLarge = "_roundLarge_1nvv1_510";
-const roundFull = "_roundFull_1nvv1_514";
-const shadowNone = "_shadowNone_1nvv1_518";
-const shadowLight = "_shadowLight_1nvv1_522";
-const shadowMedium = "_shadowMedium_1nvv1_526";
-const shadowStrong = "_shadowStrong_1nvv1_530";
-const shadowIntense = "_shadowIntense_1nvv1_534";
-const styles = {
-  wrapper,
-  input,
-  label,
-  inputWrapper,
-  icon,
-  primary,
-  outline,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  disabled,
-  xs,
-  small,
-  medium,
-  large,
-  xl,
-  description,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense
-};
 const DateTimePicker = (props) => /* @__PURE__ */ jsx(DateTimePickerBase, { ...props, classMap: styles });
 DateTimePicker.displayName = "DateTimePicker";
 export {
   DateTimePicker as D
 };
-//# sourceMappingURL=DateTimePicker-WVVLqcd9.js.map
+//# sourceMappingURL=DateTimePicker-D2thRuf1.js.map

package/dist/next/{DateTimePicker-WVVLqcd9.js.map → DateTimePicker-D2thRuf1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-WVVLqcd9.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 { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  placeholder,\r\n  autoComplete = \"off\",\r\n  title,\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  labelId,\r\n  descriptionId,\r\n  errorId,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  pickerButtonAriaLabel,\r\n  pickerButtonAriaLabelledBy,\r\n  pickerButtonAriaDescribedBy,\r\n  pickerButtonTitle,\r\n  inputProps,\r\n  buttonProps,\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const computedLabelId = labelId || (label ? `${inputId}-label` : undefined);\r\n  const computedDescriptionId =\r\n    descriptionId || (description ? `${inputId}-description` : undefined);\r\n  const computedErrorId = errorId || (error ? `${inputId}-error` : undefined);\r\n\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el || disabled || readOnly) return;\r\n\r\n    if (typeof el.showPicker === \"function\") {\r\n      el.showPicker();\r\n    } else {\r\n      el.focus();\r\n    }\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        readOnly && classMap.readOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      readOnly,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const mergedDescribedBy =\r\n    [ariaDescribedBy, computedDescriptionId, computedErrorId]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const resolvedAriaInvalid =\r\n    (ariaInvalid ?? Boolean(error || invalidRange || outOfBounds)) || undefined;\r\n\r\n  const resolvedAriaRequired = (ariaRequired ?? required) || undefined;\r\n\r\n  const resolvedAriaLabel =\r\n    ariaLabel || (!label && !ariaLabelledBy ? \"Date and time\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ||\r\n    (!ariaLabel && computedLabelId ? computedLabelId : undefined);\r\n\r\n  const resolvedAriaErrorMessage =\r\n    ariaErrorMessage || (error ? computedErrorId : undefined);\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label\r\n          id={computedLabelId}\r\n          htmlFor={inputId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {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          ref={inputRef}\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          required={required}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          placeholder={placeholder}\r\n          autoComplete={autoComplete}\r\n          title={title}\r\n          aria-label={resolvedAriaLabel}\r\n          aria-labelledby={resolvedAriaLabelledBy}\r\n          aria-describedby={mergedDescribedBy}\r\n          aria-errormessage={resolvedAriaErrorMessage}\r\n          aria-invalid={resolvedAriaInvalid}\r\n          aria-required={resolvedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n          {...inputProps}\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled || readOnly}\r\n          aria-label={pickerButtonAriaLabel || \"Open date and time picker\"}\r\n          aria-labelledby={pickerButtonAriaLabelledBy}\r\n          aria-describedby={pickerButtonAriaDescribedBy}\r\n          title={\r\n            pickerButtonTitle ||\r\n            pickerButtonAriaLabel ||\r\n            \"Open date and time picker\"\r\n          }\r\n          data-testid={`${testId}-button`}\r\n          {...buttonProps}\r\n        >\r\n          <CalendarIcon aria-hidden={true} focusable={false} />\r\n        </button>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={computedDescriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={computedErrorId}\r\n          className={classMap.error}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\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\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":["label","disabled","outline","error","description"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker-D2thRuf1.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 { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  placeholder,\r\n  autoComplete = \"off\",\r\n  title,\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  labelId,\r\n  descriptionId,\r\n  errorId,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  pickerButtonAriaLabel,\r\n  pickerButtonAriaLabelledBy,\r\n  pickerButtonAriaDescribedBy,\r\n  pickerButtonTitle,\r\n  inputProps,\r\n  buttonProps,\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const computedLabelId = labelId || (label ? `${inputId}-label` : undefined);\r\n  const computedDescriptionId =\r\n    descriptionId || (description ? `${inputId}-description` : undefined);\r\n  const computedErrorId = errorId || (error ? `${inputId}-error` : undefined);\r\n\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el || disabled || readOnly) return;\r\n\r\n    if (typeof el.showPicker === \"function\") {\r\n      el.showPicker();\r\n    } else {\r\n      el.focus();\r\n    }\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        readOnly && classMap.readOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      readOnly,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const mergedDescribedBy =\r\n    [ariaDescribedBy, computedDescriptionId, computedErrorId]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const resolvedAriaInvalid =\r\n    (ariaInvalid ?? Boolean(error || invalidRange || outOfBounds)) || undefined;\r\n\r\n  const resolvedAriaRequired = (ariaRequired ?? required) || undefined;\r\n\r\n  const resolvedAriaLabel =\r\n    ariaLabel || (!label && !ariaLabelledBy ? \"Date and time\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ||\r\n    (!ariaLabel && computedLabelId ? computedLabelId : undefined);\r\n\r\n  const resolvedAriaErrorMessage =\r\n    ariaErrorMessage || (error ? computedErrorId : undefined);\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label\r\n          id={computedLabelId}\r\n          htmlFor={inputId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {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          ref={inputRef}\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          required={required}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          placeholder={placeholder}\r\n          autoComplete={autoComplete}\r\n          title={title}\r\n          aria-label={resolvedAriaLabel}\r\n          aria-labelledby={resolvedAriaLabelledBy}\r\n          aria-describedby={mergedDescribedBy}\r\n          aria-errormessage={resolvedAriaErrorMessage}\r\n          aria-invalid={resolvedAriaInvalid}\r\n          aria-required={resolvedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n          {...inputProps}\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled || readOnly}\r\n          aria-label={pickerButtonAriaLabel || \"Open date and time picker\"}\r\n          aria-labelledby={pickerButtonAriaLabelledBy}\r\n          aria-describedby={pickerButtonAriaDescribedBy}\r\n          title={\r\n            pickerButtonTitle ||\r\n            pickerButtonAriaLabel ||\r\n            \"Open date and time picker\"\r\n          }\r\n          data-testid={`${testId}-button`}\r\n          {...buttonProps}\r\n        >\r\n          <CalendarIcon aria-hidden={true} focusable={false} />\r\n        </button>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={computedDescriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={computedErrorId}\r\n          className={classMap.error}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\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\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":["label","disabled","outline","error","description"],"mappings":"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"}

package/dist/next/{DateTimePicker-CU-b9irX.cjs → DateTimePicker-Dp0y3k4y.cjs}

@@ -59,6 +59,70 @@ const CalendarIcon = (props) => /* @__PURE__ */ require$$2.jsxs(
     ]
   }
 );
+const wrapper = "_wrapper_1nvv1_85";
+const input = "_input_1nvv1_103";
+const label = "_label_1nvv1_112";
+const inputWrapper = "_inputWrapper_1nvv1_131";
+const icon = "_icon_1nvv1_183";
+const primary = "_primary_1nvv1_214";
+const outline = "_outline_1nvv1_221";
+const secondary = "_secondary_1nvv1_236";
+const tertiary = "_tertiary_1nvv1_258";
+const quaternary = "_quaternary_1nvv1_280";
+const clear = "_clear_1nvv1_302";
+const success = "_success_1nvv1_324";
+const error = "_error_1nvv1_346";
+const warning = "_warning_1nvv1_368";
+const disabled = "_disabled_1nvv1_405";
+const xs = "_xs_1nvv1_419";
+const small = "_small_1nvv1_431";
+const medium = "_medium_1nvv1_443";
+const large = "_large_1nvv1_455";
+const xl = "_xl_1nvv1_467";
+const description = "_description_1nvv1_479";
+const roundNone = "_roundNone_1nvv1_498";
+const roundSmall = "_roundSmall_1nvv1_502";
+const roundMedium = "_roundMedium_1nvv1_506";
+const roundLarge = "_roundLarge_1nvv1_510";
+const roundFull = "_roundFull_1nvv1_514";
+const shadowNone = "_shadowNone_1nvv1_518";
+const shadowLight = "_shadowLight_1nvv1_522";
+const shadowMedium = "_shadowMedium_1nvv1_526";
+const shadowStrong = "_shadowStrong_1nvv1_530";
+const shadowIntense = "_shadowIntense_1nvv1_534";
+const styles = {
+  wrapper,
+  input,
+  label,
+  inputWrapper,
+  icon,
+  primary,
+  outline,
+  secondary,
+  tertiary,
+  quaternary,
+  clear,
+  success,
+  error,
+  warning,
+  disabled,
+  xs,
+  small,
+  medium,
+  large,
+  xl,
+  description,
+  roundNone,
+  roundSmall,
+  roundMedium,
+  roundLarge,
+  roundFull,
+  shadowNone,
+  shadowLight,
+  shadowMedium,
+  shadowStrong,
+  shadowIntense
+};
 const DateTimePickerBase = ({
   label: label2,
   value,
@@ -231,71 +295,7 @@ const DateTimePickerBase = ({
   ] });
 };
 DateTimePickerBase.displayName = "DateTimePickerBase";
-const wrapper = "_wrapper_1nvv1_85";
-const input = "_input_1nvv1_103";
-const label = "_label_1nvv1_112";
-const inputWrapper = "_inputWrapper_1nvv1_131";
-const icon = "_icon_1nvv1_183";
-const primary = "_primary_1nvv1_214";
-const outline = "_outline_1nvv1_221";
-const secondary = "_secondary_1nvv1_236";
-const tertiary = "_tertiary_1nvv1_258";
-const quaternary = "_quaternary_1nvv1_280";
-const clear = "_clear_1nvv1_302";
-const success = "_success_1nvv1_324";
-const error = "_error_1nvv1_346";
-const warning = "_warning_1nvv1_368";
-const disabled = "_disabled_1nvv1_405";
-const xs = "_xs_1nvv1_419";
-const small = "_small_1nvv1_431";
-const medium = "_medium_1nvv1_443";
-const large = "_large_1nvv1_455";
-const xl = "_xl_1nvv1_467";
-const description = "_description_1nvv1_479";
-const roundNone = "_roundNone_1nvv1_498";
-const roundSmall = "_roundSmall_1nvv1_502";
-const roundMedium = "_roundMedium_1nvv1_506";
-const roundLarge = "_roundLarge_1nvv1_510";
-const roundFull = "_roundFull_1nvv1_514";
-const shadowNone = "_shadowNone_1nvv1_518";
-const shadowLight = "_shadowLight_1nvv1_522";
-const shadowMedium = "_shadowMedium_1nvv1_526";
-const shadowStrong = "_shadowStrong_1nvv1_530";
-const shadowIntense = "_shadowIntense_1nvv1_534";
-const styles = {
-  wrapper,
-  input,
-  label,
-  inputWrapper,
-  icon,
-  primary,
-  outline,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  disabled,
-  xs,
-  small,
-  medium,
-  large,
-  xl,
-  description,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense
-};
 const DateTimePicker = (props) => /* @__PURE__ */ require$$2.jsx(DateTimePickerBase, { ...props, classMap: styles });
 DateTimePicker.displayName = "DateTimePicker";
 exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=DateTimePicker-CU-b9irX.cjs.map
+//# sourceMappingURL=DateTimePicker-Dp0y3k4y.cjs.map