boreal-ui 0.0.76 → 0.0.78

package/dist/next/Tabs.css

@@ -0,0 +1,407 @@
+@charset "UTF-8";
+/**
+ * ---------------------------------------------------------------------
+ * theme.scss
+ * ---------------------------------------------------------------------
+ * Global design tokens and theme configuration for the Boreal UI system.
+ * This file defines SCSS variables, maps, and constants for:
+ * - Colors (brand, background, feedback, text)
+ * - Fonts (families, sizes, weights)
+ * - Spacing
+ * - Border radii
+ * - Shadows
+ * - Transitions
+ * - Z-index layers
+ * - Thematic color maps
+ * - UI states (success, error, warning)
+ * - Rounding and shadow presets
+ * 
+ * All variables support the `!default` flag to allow overrides via user-defined themes.
+ * ---------------------------------------------------------------------
+ *
+ * == Color Palette ==
+ * $primary-color           – Brand primary color
+ * $secondary-color         – Secondary accent color
+ * $tertiary-color          – Alternate accent color
+ * $quaternary-color        – Alternate accent color
+ * $background-color        – Main background color (dark)
+ * $background-color-surface – Surface layer background (cards, modals)
+ * $error-color, $success-color, $warning-color – Feedback states
+ * $link-color              – Link default color
+ * $link-hover-color        – Link hover state
+ * $text-color, $text-color-light, $text-color-primary, $text-color-secondary – Text coloring
+ *
+ * == Typography ==
+ * $font-family-primary / secondary – Primary typefaces
+ * $font-size-xxs to $font-size-xxl – Font size scale
+ * $font-weight-light to bolder     – Font weights
+ *
+ * == Spacing ==
+ * $spacing-xxs to $spacing-xl – Margin/padding utility scale
+ *
+ * == Border Radius ==
+ * $border-radius-xs to full  – Border rounding presets
+ *
+ * == Shadows ==
+ * $box-shadow-light to intense – Shadow elevation levels
+ * $inverted-shadows            – Shadows used on dark surfaces (e.g. modals)
+ *
+ * == Transitions ==
+ * $transition-fast / default / slow – Standard easing transitions
+ *
+ * == Z-Index Layers ==
+ * $z-index-drawer   – For slide-out panels
+ * $z-index-modal    – For modals and overlays
+ * $z-index-tooltip  – Highest layer for tooltips and floating labels
+ *
+ * == Theme Map ==
+ * $themes: map of theme names (e.g. "primary", "secondary") to their visual styles
+ *  - Each theme includes: bg, hover, text, border, text-hover
+ *
+ * == State Map ==
+ * $states: visual styles for UI feedback states (success, error, warning)
+ *
+ * == Rounding / Shadow Maps ==
+ * $rounding: key-value pairs for component rounding levels
+ * $shadow: key-value pairs for shadow levels
+ */
+/**
+ * -----------------------------------------------------
+ * _breakpoints.scss
+ * -----------------------------------------------------
+ * These constants define the standard device-width breakpoints
+ * used in responsive media queries throughout the theme.
+ *
+ * - $breakpoint-xs: 320px  (Extra small, portrait phones)
+ * - $breakpoint-sm: 480px  (Small devices, larger phones)
+ * - $breakpoint-md: 768px  (Medium devices, tablets)
+ * - $breakpoint-lg: 1024px (Large devices, desktops)
+ * - $breakpoint-xl: 1280px (Extra large desktops)
+ * - $breakpoint-xxl: 1536px (Widescreens, large monitors)
+ *
+ * $breakpoints map:
+ *  Use this map to loop over breakpoints or access named values.
+ */
+._tabs_container_1kzsw_85 {
+  width: 100%;
+  background-color: transparent;
+}
+._tabs_container_1kzsw_85:focus-within {
+  outline: none;
+}
+
+._tabs_1kzsw_85 {
+  display: flex;
+  justify-content: space-evenly;
+  align-items: stretch;
+  border-bottom: 2px solid var(--text-color-primary);
+  padding-bottom: var(--spacing-sm);
+  gap: var(--spacing-xxs);
+  background-color: transparent;
+  font-family: var(--font-family-ui);
+}
+@media (width <= 319.98px) {
+  ._tabs_1kzsw_85 {
+    flex-direction: column;
+  }
+}
+
+._icon_1kzsw_109 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: var(--spacing-sm);
+  line-height: 1;
+  flex-shrink: 0;
+  overflow: visible;
+}
+._icon_1kzsw_109 svg {
+  display: block;
+  width: 0.9em;
+  height: 0.9em;
+  overflow: visible;
+}
+
+._tab_1kzsw_85 {
+  flex: 1;
+  background-color: var(--background-color-lighter);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  width: 100%;
+  border: none;
+  color: var(--text-color-primary);
+  font-family: var(--font-family-ui);
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-label);
+  line-height: var(--line-height-label);
+  letter-spacing: var(--letter-spacing-label);
+  cursor: pointer;
+  gap: var(--spacing-xxs);
+  transition: color var(--transition-default), transform 0.2s ease-in-out;
+  border-right: 0.5px solid var(--text-color-primary);
+}
+._tab_1kzsw_85:hover {
+  transform: translateY(-2px);
+}
+._tab_1kzsw_85:focus-visible {
+  outline: 2px solid var(--focus-outline-color, var(--primary-color));
+  outline-offset: 2px;
+  border-radius: 6px;
+}
+._tab_1kzsw_85:first-child {
+  border-top-left-radius: var(--border-radius-md);
+  border-bottom-left-radius: var(--border-radius-md);
+}
+._tab_1kzsw_85:last-child {
+  border-top-right-radius: var(--border-radius-md);
+  border-bottom-right-radius: var(--border-radius-md);
+  border-right: none;
+}
+@media (width <= 319.98px) {
+  ._tab_1kzsw_85 {
+    border-right: none;
+    border-bottom: 0.5px solid var(--text-color-primary);
+  }
+  ._tab_1kzsw_85:first-child {
+    border-radius: 0;
+    border-top-left-radius: var(--border-radius-md);
+    border-top-right-radius: var(--border-radius-md);
+  }
+  ._tab_1kzsw_85:last-child {
+    border-radius: 0;
+    border-bottom-left-radius: var(--border-radius-md);
+    border-bottom-right-radius: var(--border-radius-md);
+    border-bottom: none;
+  }
+}
+
+._xs_1kzsw_180 ._tab_1kzsw_85 {
+  font-size: var(--font-size-caption);
+  padding: var(--spacing-xs);
+}
+@media (min-width: 1024px) {
+  ._xs_1kzsw_180 ._tab_1kzsw_85 {
+    font-size: calc(var(--font-size-caption) * 1.05);
+  }
+}
+
+._small_1kzsw_190 ._tab_1kzsw_85 {
+  font-size: var(--font-size-label);
+  padding: var(--spacing-sm);
+}
+@media (min-width: 1024px) {
+  ._small_1kzsw_190 ._tab_1kzsw_85 {
+    font-size: calc(var(--font-size-label) * 1.05);
+  }
+}
+
+._medium_1kzsw_200 ._tab_1kzsw_85 {
+  font-size: var(--font-size-body-sm);
+  padding: var(--spacing-md);
+}
+@media (min-width: 1024px) {
+  ._medium_1kzsw_200 ._tab_1kzsw_85 {
+    font-size: calc(var(--font-size-body-sm) * 1.05);
+  }
+}
+
+._large_1kzsw_210 ._tab_1kzsw_85 {
+  font-size: var(--font-size-body);
+  padding: var(--spacing-lg);
+}
+@media (min-width: 1024px) {
+  ._large_1kzsw_210 ._tab_1kzsw_85 {
+    font-size: calc(var(--font-size-body) * 1.05);
+  }
+}
+
+._xl_1kzsw_220 ._tab_1kzsw_85 {
+  font-size: var(--font-size-h6);
+  padding: var(--spacing-lg);
+}
+@media (min-width: 1024px) {
+  ._xl_1kzsw_220 ._tab_1kzsw_85 {
+    font-size: calc(var(--font-size-h6) * 1.05);
+  }
+}
+
+._primary_1kzsw_230 ._tab_1kzsw_85._active_1kzsw_230 {
+  background-color: var(--primary-color);
+  border-bottom-color: var(--primary-color);
+}
+._primary_1kzsw_230 ._tab_1kzsw_85:focus-visible {
+  outline: 2px solid var(--primary-color);
+  outline-offset: 2px;
+}
+
+._secondary_1kzsw_239 ._tab_1kzsw_85._active_1kzsw_230 {
+  background-color: var(--secondary-color);
+  border-bottom-color: var(--secondary-color);
+}
+._secondary_1kzsw_239 ._tab_1kzsw_85:focus-visible {
+  outline: 2px solid var(--secondary-color);
+  outline-offset: 2px;
+}
+
+._tertiary_1kzsw_248 ._tab_1kzsw_85._active_1kzsw_230 {
+  background-color: var(--tertiary-color);
+  border-bottom-color: var(--tertiary-color);
+}
+._tertiary_1kzsw_248 ._tab_1kzsw_85:focus-visible {
+  outline: 2px solid var(--tertiary-color);
+  outline-offset: 2px;
+}
+
+._quaternary_1kzsw_257 ._tab_1kzsw_85._active_1kzsw_230 {
+  background-color: var(--quaternary-color);
+  border-bottom-color: var(--quaternary-color);
+}
+._quaternary_1kzsw_257 ._tab_1kzsw_85:focus-visible {
+  outline: 2px solid var(--quaternary-color);
+  outline-offset: 2px;
+}
+
+._clear_1kzsw_266 ._tab_1kzsw_85._active_1kzsw_230 {
+  background-color: transparent;
+  border-bottom-color: var(--text-color-primary);
+}
+._clear_1kzsw_266 ._tab_1kzsw_85:focus-visible {
+  outline: 2px solid var(--text-color-primary);
+  outline-offset: 2px;
+}
+
+._success_1kzsw_275 ._tab_1kzsw_85._active_1kzsw_230 {
+  background-color: var(--success-color);
+  border-bottom-color: var(--success-color);
+}
+._success_1kzsw_275 ._tab_1kzsw_85:focus-visible {
+  outline: 2px solid var(--success-color);
+  outline-offset: 2px;
+}
+
+._error_1kzsw_284 ._tab_1kzsw_85._active_1kzsw_230 {
+  background-color: var(--error-color);
+  border-bottom-color: var(--error-color);
+}
+._error_1kzsw_284 ._tab_1kzsw_85:focus-visible {
+  outline: 2px solid var(--error-color);
+  outline-offset: 2px;
+}
+
+._warning_1kzsw_293 ._tab_1kzsw_85._active_1kzsw_230 {
+  background-color: var(--warning-color);
+  border-bottom-color: var(--warning-color);
+}
+._warning_1kzsw_293 ._tab_1kzsw_85:focus-visible {
+  outline: 2px solid var(--warning-color);
+  outline-offset: 2px;
+}
+
+._secondary_1kzsw_239 ._tab_1kzsw_85._active_1kzsw_230 {
+  color: var(--text-color-secondary);
+}
+
+._roundNone_1kzsw_306:first-child {
+  border-top-left-radius: var(--border-radius-none);
+  border-bottom-left-radius: var(--border-radius-none);
+}
+
+._roundNone_1kzsw_306:last-child {
+  border-top-right-radius: var(--border-radius-none);
+  border-bottom-right-radius: var(--border-radius-none);
+}
+
+._roundSmall_1kzsw_316:first-child {
+  border-top-left-radius: var(--border-radius-sm);
+  border-bottom-left-radius: var(--border-radius-sm);
+}
+
+._roundSmall_1kzsw_316:last-child {
+  border-top-right-radius: var(--border-radius-sm);
+  border-bottom-right-radius: var(--border-radius-sm);
+}
+
+._roundMedium_1kzsw_326:first-child {
+  border-top-left-radius: var(--border-radius-md);
+  border-bottom-left-radius: var(--border-radius-md);
+}
+
+._roundMedium_1kzsw_326:last-child {
+  border-top-right-radius: var(--border-radius-md);
+  border-bottom-right-radius: var(--border-radius-md);
+}
+
+._roundLarge_1kzsw_336:first-child {
+  border-top-left-radius: var(--border-radius-lg);
+  border-bottom-left-radius: var(--border-radius-lg);
+}
+
+._roundLarge_1kzsw_336:last-child {
+  border-top-right-radius: var(--border-radius-lg);
+  border-bottom-right-radius: var(--border-radius-lg);
+}
+
+._roundFull_1kzsw_346:first-child {
+  border-top-left-radius: var(--border-radius-full);
+  border-bottom-left-radius: var(--border-radius-full);
+}
+
+._roundFull_1kzsw_346:last-child {
+  border-top-right-radius: var(--border-radius-full);
+  border-bottom-right-radius: var(--border-radius-full);
+}
+
+._shadowNone_1kzsw_356 {
+  box-shadow: var(--box-shadow-none);
+}
+
+._shadowLight_1kzsw_360 {
+  box-shadow: var(--box-shadow-light);
+}
+
+._shadowMedium_1kzsw_364 {
+  box-shadow: var(--box-shadow-medium);
+}
+
+._shadowStrong_1kzsw_368 {
+  box-shadow: var(--box-shadow-heavy);
+}
+
+._shadowIntense_1kzsw_372 {
+  box-shadow: var(--box-shadow-intense);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._tab_1kzsw_85 {
+    transition: none !important;
+  }
+  ._tab_1kzsw_85:hover {
+    transform: none !important;
+  }
+}
+@media (hover: none) {
+  ._tab_1kzsw_85:hover {
+    transform: none;
+  }
+}
+@media (forced-colors: active) {
+  ._tabs_1kzsw_85 {
+    border-bottom-color: ButtonText;
+  }
+  ._tab_1kzsw_85 {
+    background: ButtonFace;
+    color: ButtonText;
+    border-right: 1px solid ButtonText;
+  }
+  ._tab_1kzsw_85._active_1kzsw_230 {
+    background: Highlight;
+    color: HighlightText;
+    border-bottom-color: Highlight;
+  }
+  ._tab_1kzsw_85:focus-visible {
+    outline: 2px solid Highlight;
+    outline-offset: 2px;
+  }
+}

package/dist/next/Tabs.js

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

package/dist/next/{TagInput-V3zvXcNq.js → TagInput-8nVGDluu.js}

@@ -1,56 +1,46 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-/* empty css                 */
-import { I as IconButton } from "./IconButton-BWw3WPaS.js";
-import { T as TextInput } from "./TextInput-yUHEWbdK.js";
+import './globals.css';import './TagInput.css';/* empty css                 */
+import { I as IconButton } from "./IconButton-0JJ1aiqr.js";
+import { T as TextInput } from "./TextInput-CKM34-yu.js";
 import { useId, useState, useRef, useEffect, useMemo } from "react";
 import { C as CloseIcon } from "./CloseIcon-C3eQm4EK.js";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { c as capitalize } from "./capitalize-C0TSQSPh.js";
 import { d as getDefaultTheme, c as getDefaultSize, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-const noScroll = "_noScroll_1vvv7_109";
-const errorMessage = "_errorMessage_1vvv7_110";
-const loadingContainer = "_loadingContainer_1vvv7_111";
-const hideScrollbar = "_hideScrollbar_1vvv7_103";
-const sr_only = "_sr_only_1vvv7_112";
-const tagInput = "_tagInput_1vvv7_637";
-const tag = "_tag_1vvv7_637";
-const suggestionItem = "_suggestionItem_1vvv7_665";
-const inputWrapper = "_inputWrapper_1vvv7_669";
-const tagContainer = "_tagContainer_1vvv7_678";
-const removeButton = "_removeButton_1vvv7_701";
-const tagLabel = "_tagLabel_1vvv7_748";
-const suggestionList = "_suggestionList_1vvv7_752";
-const xs = "_xs_1vvv7_798";
-const small = "_small_1vvv7_808";
-const medium = "_medium_1vvv7_818";
-const large = "_large_1vvv7_828";
-const xl = "_xl_1vvv7_838";
-const primary = "_primary_1vvv7_848";
-const secondary = "_secondary_1vvv7_852";
-const tertiary = "_tertiary_1vvv7_856";
-const quaternary = "_quaternary_1vvv7_860";
-const clear = "_clear_1vvv7_864";
-const success = "_success_1vvv7_868";
-const error = "_error_1vvv7_110";
-const warning = "_warning_1vvv7_878";
-const roundNone = "_roundNone_1vvv7_883";
-const roundSmall = "_roundSmall_1vvv7_887";
-const roundMedium = "_roundMedium_1vvv7_891";
-const roundLarge = "_roundLarge_1vvv7_895";
-const roundFull = "_roundFull_1vvv7_899";
-const shadowNone = "_shadowNone_1vvv7_903";
-const shadowLight = "_shadowLight_1vvv7_907";
-const shadowMedium = "_shadowMedium_1vvv7_911";
-const shadowStrong = "_shadowStrong_1vvv7_915";
-const shadowIntense = "_shadowIntense_1vvv7_919";
-const spin = "_spin_1vvv7_1";
-const pulse = "_pulse_1vvv7_1";
+const tagInput = "_tagInput_1hrys_204";
+const tag = "_tag_1hrys_204";
+const suggestionItem = "_suggestionItem_1hrys_232";
+const inputWrapper = "_inputWrapper_1hrys_236";
+const tagContainer = "_tagContainer_1hrys_245";
+const removeButton = "_removeButton_1hrys_268";
+const tagLabel = "_tagLabel_1hrys_315";
+const suggestionList = "_suggestionList_1hrys_319";
+const xs = "_xs_1hrys_365";
+const small = "_small_1hrys_375";
+const medium = "_medium_1hrys_385";
+const large = "_large_1hrys_395";
+const xl = "_xl_1hrys_405";
+const primary = "_primary_1hrys_415";
+const secondary = "_secondary_1hrys_419";
+const tertiary = "_tertiary_1hrys_423";
+const quaternary = "_quaternary_1hrys_427";
+const clear = "_clear_1hrys_431";
+const success = "_success_1hrys_435";
+const error = "_error_1hrys_440";
+const warning = "_warning_1hrys_445";
+const roundNone = "_roundNone_1hrys_450";
+const roundSmall = "_roundSmall_1hrys_454";
+const roundMedium = "_roundMedium_1hrys_458";
+const roundLarge = "_roundLarge_1hrys_462";
+const roundFull = "_roundFull_1hrys_466";
+const shadowNone = "_shadowNone_1hrys_470";
+const shadowLight = "_shadowLight_1hrys_474";
+const shadowMedium = "_shadowMedium_1hrys_478";
+const shadowStrong = "_shadowStrong_1hrys_482";
+const shadowIntense = "_shadowIntense_1hrys_486";
+const spin = "_spin_1hrys_1";
+const pulse = "_pulse_1hrys_1";
 const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
   tagInput,
   tag,
   suggestionItem,
@@ -82,15 +72,15 @@ const styles = {
   shadowMedium,
   shadowStrong,
   shadowIntense,
-  "fade-in": "_fade-in_1vvv7_1",
-  "slide-up": "_slide-up_1vvv7_1",
-  "spin-3d": "_spin-3d_1vvv7_1",
+  "fade-in": "_fade-in_1hrys_1",
+  "slide-up": "_slide-up_1hrys_1",
+  "spin-3d": "_spin-3d_1hrys_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_1vvv7_1",
-  "progress-grow": "_progress-grow_1vvv7_1",
-  "indeterminate-move": "_indeterminate-move_1vvv7_1",
-  "skeleton-loading": "_skeleton-loading_1vvv7_1"
+  "fade-in-up": "_fade-in-up_1hrys_1",
+  "progress-grow": "_progress-grow_1hrys_1",
+  "indeterminate-move": "_indeterminate-move_1hrys_1",
+  "skeleton-loading": "_skeleton-loading_1hrys_1"
 };
 const EMPTY_TAGS = [];
 const TagInputBase = ({
@@ -386,4 +376,4 @@ TagInput.displayName = "TagInput";
 export {
   TagInput as T
 };
-//# sourceMappingURL=TagInput-V3zvXcNq.js.map
+//# sourceMappingURL=TagInput-8nVGDluu.js.map

package/dist/next/{TagInput-V3zvXcNq.js.map → TagInput-8nVGDluu.js.map}

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