boreal-ui 0.0.34 → 0.0.36

package/dist/next/TagInput-CJ2XdMU0.js

@@ -1,297 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "./IconButton-B1r838wY.js";
-import { T as TextInput } from "./TextInput-G1Pvtebv.js";
-import { useId, useState, 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 { c as getDefaultSize, d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-BILmxkZG.js";
-const noScroll = "_noScroll_1bdq8_91";
-const errorMessage = "_errorMessage_1bdq8_92";
-const loadingContainer = "_loadingContainer_1bdq8_93";
-const hideScrollbar = "_hideScrollbar_1bdq8_85";
-const sr_only = "_sr_only_1bdq8_94";
-const tagInput = "_tagInput_1bdq8_540";
-const inputWrapper = "_inputWrapper_1bdq8_556";
-const tagContainer = "_tagContainer_1bdq8_563";
-const removeButton = "_removeButton_1bdq8_574";
-const tag = "_tag_1bdq8_540";
-const tagLabel = "_tagLabel_1bdq8_590";
-const suggestionList = "_suggestionList_1bdq8_594";
-const suggestionItem = "_suggestionItem_1bdq8_611";
-const primary = "_primary_1bdq8_623";
-const secondary = "_secondary_1bdq8_627";
-const tertiary = "_tertiary_1bdq8_631";
-const quaternary = "_quaternary_1bdq8_635";
-const clear = "_clear_1bdq8_639";
-const success = "_success_1bdq8_643";
-const error = "_error_1bdq8_92";
-const warning = "_warning_1bdq8_651";
-const xs = "_xs_1bdq8_655";
-const small = "_small_1bdq8_660";
-const medium = "_medium_1bdq8_665";
-const large = "_large_1bdq8_670";
-const xl = "_xl_1bdq8_675";
-const roundNone = "_roundNone_1bdq8_680";
-const roundSmall = "_roundSmall_1bdq8_684";
-const roundMedium = "_roundMedium_1bdq8_688";
-const roundLarge = "_roundLarge_1bdq8_692";
-const roundFull = "_roundFull_1bdq8_696";
-const shadowNone = "_shadowNone_1bdq8_700";
-const shadowLight = "_shadowLight_1bdq8_704";
-const shadowMedium = "_shadowMedium_1bdq8_708";
-const shadowStrong = "_shadowStrong_1bdq8_712";
-const shadowIntense = "_shadowIntense_1bdq8_716";
-const spin = "_spin_1bdq8_1";
-const pulse = "_pulse_1bdq8_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  tagInput,
-  inputWrapper,
-  tagContainer,
-  removeButton,
-  tag,
-  tagLabel,
-  suggestionList,
-  suggestionItem,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  xs,
-  small,
-  medium,
-  large,
-  xl,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_1bdq8_1",
-  "slide-up": "_slide-up_1bdq8_1",
-  "spin-3d": "_spin-3d_1bdq8_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_1bdq8_1",
-  "progress-grow": "_progress-grow_1bdq8_1",
-  "indeterminate-move": "_indeterminate-move_1bdq8_1",
-  "skeleton-loading": "_skeleton-loading_1bdq8_1"
-};
-const TagInputBase = ({
-  tags = [],
-  onChange,
-  fetchSuggestions,
-  debounceMs = 300,
-  placeholder = "Add a tag...",
-  theme = getDefaultTheme(),
-  state = "",
-  size = getDefaultSize(),
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  "data-testid": testId = "tag-input",
-  ariaDescription = "Type a tag and press Enter or comma to add. Existing tags can be removed using the remove button next to each tag.",
-  classMap,
-  IconButton: IconButton2,
-  TextInput: TextInput2
-}) => {
-  const inputId = useId();
-  const descId = `${inputId}-desc`;
-  const labelId = `${inputId}-label`;
-  const [inputValue, setInputValue] = useState("");
-  const [tagList, setTagList] = useState(tags);
-  const [lastAction, setLastAction] = useState("");
-  const [suggestions, setSuggestions] = useState([]);
-  const [debounceTimeout, setDebounceTimeout] = useState(
-    null
-  );
-  useEffect(() => {
-    if (!fetchSuggestions || !inputValue.trim()) {
-      setSuggestions([]);
-      return;
-    }
-    if (debounceTimeout) {
-      clearTimeout(debounceTimeout);
-    }
-    const timeout = setTimeout(async () => {
-      try {
-        const result = await fetchSuggestions(inputValue);
-        setSuggestions(result);
-      } catch (error2) {
-        console.error("Failed to fetch tag suggestions:", error2);
-      }
-    }, debounceMs);
-    setDebounceTimeout(timeout);
-    return () => clearTimeout(timeout);
-  }, [inputValue, fetchSuggestions, debounceMs]);
-  const handleAddTag = (event) => {
-    if ((event.key === "Enter" || event.key === ",") && inputValue.trim() !== "") {
-      event.preventDefault();
-      const newTag = inputValue.trim();
-      if (!tagList.includes(newTag)) {
-        const updated = [...tagList, newTag];
-        setTagList(updated);
-        onChange == null ? void 0 : onChange(updated);
-        setLastAction(`Added tag ${newTag}`);
-      }
-      setInputValue("");
-    }
-  };
-  const handleRemoveTag = (tag2) => {
-    const updated = tagList.filter((t) => t !== tag2);
-    setTagList(updated);
-    onChange == null ? void 0 : onChange(updated);
-    setLastAction(`Removed tag ${tag2}`);
-  };
-  const wrapperClass = useMemo(
-    () => combineClassNames(
-      classMap.tagInput,
-      classMap[theme],
-      classMap[state],
-      classMap[size]
-    ),
-    [classMap, theme, state, size]
-  );
-  const tagClass = useMemo(
-    () => combineClassNames(
-      classMap.tag,
-      shadow && classMap[`shadow${capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize(rounding)}`]
-    ),
-    [classMap]
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: wrapperClass,
-      role: "group",
-      "aria-labelledby": labelId,
-      "aria-describedby": descId,
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsx("label", { id: labelId, className: "sr_only", children: "Tag Input" }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            id: descId,
-            className: "sr_only",
-            "data-testid": `${testId}-description`,
-            children: ariaDescription
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "ul",
-          {
-            className: classMap.tagContainer,
-            "aria-live": "polite",
-            "aria-relevant": "additions removals",
-            "data-testid": `${testId}-list`,
-            children: tagList.map((tag2, index) => /* @__PURE__ */ jsxs(
-              "li",
-              {
-                className: tagClass,
-                role: "listitem",
-                "data-testid": `${testId}-tag-${index}`,
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: classMap.tagLabel, children: tag2 }),
-                  /* @__PURE__ */ jsx(
-                    IconButton2,
-                    {
-                      type: "button",
-                      "aria-label": `Remove tag ${tag2}`,
-                      className: classMap.removeButton,
-                      onClick: () => handleRemoveTag(tag2),
-                      "data-testid": `${testId}-remove-${index}`,
-                      icon: CloseIcon,
-                      size: "small",
-                      theme: "clear"
-                    }
-                  )
-                ]
-              },
-              tag2
-            ))
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: classMap.inputWrapper, children: /* @__PURE__ */ jsx(
-          TextInput2,
-          {
-            id: inputId,
-            type: "text",
-            theme,
-            state,
-            rounding,
-            shadow,
-            className: classMap.input,
-            value: inputValue,
-            placeholder: tagList.length === 0 ? placeholder : "",
-            onChange: (e) => setInputValue(e.target.value),
-            onKeyDown: handleAddTag,
-            "aria-label": "Add new tag",
-            "aria-describedby": descId,
-            "data-testid": `${testId}-input`
-          }
-        ) }),
-        suggestions.length > 0 && /* @__PURE__ */ jsx(
-          "ul",
-          {
-            className: classMap.suggestionList,
-            role: "listbox",
-            id: `${inputId}-listbox`,
-            title: "suggestions",
-            "data-testid": `${testId}-suggestions`,
-            children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsx(
-              "li",
-              {
-                className: classMap.suggestionItem,
-                onClick: () => {
-                  if (!tagList.includes(suggestion)) {
-                    const updated = [...tagList, suggestion];
-                    setTagList(updated);
-                    onChange == null ? void 0 : onChange(updated);
-                    setLastAction(`Added tag ${suggestion}`);
-                  }
-                  setInputValue("");
-                  setSuggestions([]);
-                },
-                role: "option",
-                "data-testid": `${testId}-suggestion-${index}`,
-                children: suggestion
-              },
-              index
-            ))
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "sr_only", children: lastAction })
-      ]
-    }
-  );
-};
-const TagInput = (props) => {
-  return /* @__PURE__ */ jsx(
-    TagInputBase,
-    {
-      ...props,
-      classMap: styles,
-      IconButton,
-      TextInput
-    }
-  );
-};
-export {
-  TagInput as T
-};
-//# sourceMappingURL=TagInput-CJ2XdMU0.js.map

package/dist/next/TagInput-CJ2XdMU0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagInput-CJ2XdMU0.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} from \"react\";\r\nimport { TagInputProps } 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 TagInputBase: React.FC<\r\n  TagInputProps & {\r\n    classMap: Record<string, string>;\r\n    IconButton: React.FC<any>;\r\n    TextInput: React.FC<any>;\r\n  }\r\n> = ({\r\n  tags = [],\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  \"data-testid\": testId = \"tag-input\",\r\n  ariaDescription = \"Type a tag and press Enter or comma to add. Existing tags can be removed using the remove button next to each tag.\",\r\n  classMap,\r\n  IconButton,\r\n  TextInput,\r\n}) => {\r\n  const inputId = useId();\r\n  const descId = `${inputId}-desc`;\r\n  const labelId = `${inputId}-label`;\r\n\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const [tagList, setTagList] = useState<string[]>(tags);\r\n  const [lastAction, setLastAction] = useState<string>(\"\");\r\n\r\n  const [suggestions, setSuggestions] = useState<string[]>([]);\r\n  const [debounceTimeout, setDebounceTimeout] = useState<NodeJS.Timeout | null>(\r\n    null\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!fetchSuggestions || !inputValue.trim()) {\r\n      setSuggestions([]);\r\n      return;\r\n    }\r\n\r\n    if (debounceTimeout) {\r\n      clearTimeout(debounceTimeout);\r\n    }\r\n\r\n    const timeout = setTimeout(async () => {\r\n      try {\r\n        const result = await fetchSuggestions(inputValue);\r\n        setSuggestions(result);\r\n      } catch (error) {\r\n        console.error(\"Failed to fetch tag suggestions:\", error);\r\n      }\r\n    }, debounceMs);\r\n\r\n    setDebounceTimeout(timeout);\r\n\r\n    return () => clearTimeout(timeout);\r\n  }, [inputValue, fetchSuggestions, debounceMs]);\r\n\r\n  const handleAddTag = (event: KeyboardEvent<HTMLInputElement>) => {\r\n    if (\r\n      (event.key === \"Enter\" || event.key === \",\") &&\r\n      inputValue.trim() !== \"\"\r\n    ) {\r\n      event.preventDefault();\r\n      const newTag = inputValue.trim();\r\n      if (!tagList.includes(newTag)) {\r\n        const updated = [...tagList, newTag];\r\n        setTagList(updated);\r\n        onChange?.(updated);\r\n        setLastAction(`Added tag ${newTag}`);\r\n      }\r\n      setInputValue(\"\");\r\n    }\r\n  };\r\n\r\n  const handleRemoveTag = (tag: string) => {\r\n    const updated = tagList.filter((t) => t !== tag);\r\n    setTagList(updated);\r\n    onChange?.(updated);\r\n    setLastAction(`Removed tag ${tag}`);\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]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"group\"\r\n      aria-labelledby={labelId}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      <label id={labelId} className=\"sr_only\">\r\n        Tag Input\r\n      </label>\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\r\n        className={classMap.tagContainer}\r\n        aria-live=\"polite\"\r\n        aria-relevant=\"additions removals\"\r\n        data-testid={`${testId}-list`}\r\n      >\r\n        {tagList.map((tag, index) => (\r\n          <li\r\n            key={tag}\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={`Remove tag ${tag}`}\r\n              className={classMap.removeButton}\r\n              onClick={() => handleRemoveTag(tag)}\r\n              data-testid={`${testId}-remove-${index}`}\r\n              icon={CloseIcon}\r\n              size=\"small\"\r\n              theme=\"clear\"\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={(e: { target: { value: string } }) =>\r\n            setInputValue(e.target.value)\r\n          }\r\n          onKeyDown={handleAddTag}\r\n          aria-label=\"Add new tag\"\r\n          aria-describedby={descId}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n      </div>\r\n      {suggestions.length > 0 && (\r\n        <ul\r\n          className={classMap.suggestionList}\r\n          role=\"listbox\"\r\n          id={`${inputId}-listbox`}\r\n          title=\"suggestions\"\r\n          data-testid={`${testId}-suggestions`}\r\n        >\r\n          {suggestions.map((suggestion, index) => (\r\n            <li\r\n              key={index}\r\n              className={classMap.suggestionItem}\r\n              onClick={() => {\r\n                if (!tagList.includes(suggestion)) {\r\n                  const updated = [...tagList, suggestion];\r\n                  setTagList(updated);\r\n                  onChange?.(updated);\r\n                  setLastAction(`Added tag ${suggestion}`);\r\n                }\r\n                setInputValue(\"\");\r\n                setSuggestions([]);\r\n              }}\r\n              role=\"option\"\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 aria-live=\"polite\" className=\"sr_only\">\r\n        {lastAction}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\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\n\r\nexport default TagInput;\r\n"],"names":["IconButton","TextInput","error","tag"],"mappings":"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"}

package/dist/next/TagInput-DuvUD94J.cjs

@@ -1,296 +0,0 @@
-"use strict";
-const require$$2 = require("react/jsx-runtime");
-const IconButton = require("./IconButton--X_Bqn4g.cjs");
-const TextInput = require("./TextInput-CpbTf99E.cjs");
-const React = require("react");
-const CloseIcon = require("./CloseIcon-7hy4qJ9o.cjs");
-const classNames = require("./classNames-BcWMx052.cjs");
-const capitalize = require("./capitalize-DoV-nOmN.cjs");
-const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const noScroll = "_noScroll_1bdq8_91";
-const errorMessage = "_errorMessage_1bdq8_92";
-const loadingContainer = "_loadingContainer_1bdq8_93";
-const hideScrollbar = "_hideScrollbar_1bdq8_85";
-const sr_only = "_sr_only_1bdq8_94";
-const tagInput = "_tagInput_1bdq8_540";
-const inputWrapper = "_inputWrapper_1bdq8_556";
-const tagContainer = "_tagContainer_1bdq8_563";
-const removeButton = "_removeButton_1bdq8_574";
-const tag = "_tag_1bdq8_540";
-const tagLabel = "_tagLabel_1bdq8_590";
-const suggestionList = "_suggestionList_1bdq8_594";
-const suggestionItem = "_suggestionItem_1bdq8_611";
-const primary = "_primary_1bdq8_623";
-const secondary = "_secondary_1bdq8_627";
-const tertiary = "_tertiary_1bdq8_631";
-const quaternary = "_quaternary_1bdq8_635";
-const clear = "_clear_1bdq8_639";
-const success = "_success_1bdq8_643";
-const error = "_error_1bdq8_92";
-const warning = "_warning_1bdq8_651";
-const xs = "_xs_1bdq8_655";
-const small = "_small_1bdq8_660";
-const medium = "_medium_1bdq8_665";
-const large = "_large_1bdq8_670";
-const xl = "_xl_1bdq8_675";
-const roundNone = "_roundNone_1bdq8_680";
-const roundSmall = "_roundSmall_1bdq8_684";
-const roundMedium = "_roundMedium_1bdq8_688";
-const roundLarge = "_roundLarge_1bdq8_692";
-const roundFull = "_roundFull_1bdq8_696";
-const shadowNone = "_shadowNone_1bdq8_700";
-const shadowLight = "_shadowLight_1bdq8_704";
-const shadowMedium = "_shadowMedium_1bdq8_708";
-const shadowStrong = "_shadowStrong_1bdq8_712";
-const shadowIntense = "_shadowIntense_1bdq8_716";
-const spin = "_spin_1bdq8_1";
-const pulse = "_pulse_1bdq8_1";
-const styles = {
-  noScroll,
-  errorMessage,
-  loadingContainer,
-  hideScrollbar,
-  sr_only,
-  tagInput,
-  inputWrapper,
-  tagContainer,
-  removeButton,
-  tag,
-  tagLabel,
-  suggestionList,
-  suggestionItem,
-  primary,
-  secondary,
-  tertiary,
-  quaternary,
-  clear,
-  success,
-  error,
-  warning,
-  xs,
-  small,
-  medium,
-  large,
-  xl,
-  roundNone,
-  roundSmall,
-  roundMedium,
-  roundLarge,
-  roundFull,
-  shadowNone,
-  shadowLight,
-  shadowMedium,
-  shadowStrong,
-  shadowIntense,
-  "fade-in": "_fade-in_1bdq8_1",
-  "slide-up": "_slide-up_1bdq8_1",
-  "spin-3d": "_spin-3d_1bdq8_1",
-  spin,
-  pulse,
-  "fade-in-up": "_fade-in-up_1bdq8_1",
-  "progress-grow": "_progress-grow_1bdq8_1",
-  "indeterminate-move": "_indeterminate-move_1bdq8_1",
-  "skeleton-loading": "_skeleton-loading_1bdq8_1"
-};
-const TagInputBase = ({
-  tags = [],
-  onChange,
-  fetchSuggestions,
-  debounceMs = 300,
-  placeholder = "Add a tag...",
-  theme = borealStyleConfig.getDefaultTheme(),
-  state = "",
-  size = borealStyleConfig.getDefaultSize(),
-  rounding = borealStyleConfig.getDefaultRounding(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  "data-testid": testId = "tag-input",
-  ariaDescription = "Type a tag and press Enter or comma to add. Existing tags can be removed using the remove button next to each tag.",
-  classMap,
-  IconButton: IconButton2,
-  TextInput: TextInput2
-}) => {
-  const inputId = React.useId();
-  const descId = `${inputId}-desc`;
-  const labelId = `${inputId}-label`;
-  const [inputValue, setInputValue] = React.useState("");
-  const [tagList, setTagList] = React.useState(tags);
-  const [lastAction, setLastAction] = React.useState("");
-  const [suggestions, setSuggestions] = React.useState([]);
-  const [debounceTimeout, setDebounceTimeout] = React.useState(
-    null
-  );
-  React.useEffect(() => {
-    if (!fetchSuggestions || !inputValue.trim()) {
-      setSuggestions([]);
-      return;
-    }
-    if (debounceTimeout) {
-      clearTimeout(debounceTimeout);
-    }
-    const timeout = setTimeout(async () => {
-      try {
-        const result = await fetchSuggestions(inputValue);
-        setSuggestions(result);
-      } catch (error2) {
-        console.error("Failed to fetch tag suggestions:", error2);
-      }
-    }, debounceMs);
-    setDebounceTimeout(timeout);
-    return () => clearTimeout(timeout);
-  }, [inputValue, fetchSuggestions, debounceMs]);
-  const handleAddTag = (event) => {
-    if ((event.key === "Enter" || event.key === ",") && inputValue.trim() !== "") {
-      event.preventDefault();
-      const newTag = inputValue.trim();
-      if (!tagList.includes(newTag)) {
-        const updated = [...tagList, newTag];
-        setTagList(updated);
-        onChange == null ? void 0 : onChange(updated);
-        setLastAction(`Added tag ${newTag}`);
-      }
-      setInputValue("");
-    }
-  };
-  const handleRemoveTag = (tag2) => {
-    const updated = tagList.filter((t) => t !== tag2);
-    setTagList(updated);
-    onChange == null ? void 0 : onChange(updated);
-    setLastAction(`Removed tag ${tag2}`);
-  };
-  const wrapperClass = React.useMemo(
-    () => classNames.combineClassNames(
-      classMap.tagInput,
-      classMap[theme],
-      classMap[state],
-      classMap[size]
-    ),
-    [classMap, theme, state, size]
-  );
-  const tagClass = React.useMemo(
-    () => classNames.combineClassNames(
-      classMap.tag,
-      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize.capitalize(rounding)}`]
-    ),
-    [classMap]
-  );
-  return /* @__PURE__ */ require$$2.jsxs(
-    "div",
-    {
-      className: wrapperClass,
-      role: "group",
-      "aria-labelledby": labelId,
-      "aria-describedby": descId,
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ require$$2.jsx("label", { id: labelId, className: "sr_only", children: "Tag Input" }),
-        /* @__PURE__ */ require$$2.jsx(
-          "div",
-          {
-            id: descId,
-            className: "sr_only",
-            "data-testid": `${testId}-description`,
-            children: ariaDescription
-          }
-        ),
-        /* @__PURE__ */ require$$2.jsx(
-          "ul",
-          {
-            className: classMap.tagContainer,
-            "aria-live": "polite",
-            "aria-relevant": "additions removals",
-            "data-testid": `${testId}-list`,
-            children: tagList.map((tag2, index) => /* @__PURE__ */ require$$2.jsxs(
-              "li",
-              {
-                className: tagClass,
-                role: "listitem",
-                "data-testid": `${testId}-tag-${index}`,
-                children: [
-                  /* @__PURE__ */ require$$2.jsx("span", { className: classMap.tagLabel, children: tag2 }),
-                  /* @__PURE__ */ require$$2.jsx(
-                    IconButton2,
-                    {
-                      type: "button",
-                      "aria-label": `Remove tag ${tag2}`,
-                      className: classMap.removeButton,
-                      onClick: () => handleRemoveTag(tag2),
-                      "data-testid": `${testId}-remove-${index}`,
-                      icon: CloseIcon.CloseIcon,
-                      size: "small",
-                      theme: "clear"
-                    }
-                  )
-                ]
-              },
-              tag2
-            ))
-          }
-        ),
-        /* @__PURE__ */ require$$2.jsx("div", { className: classMap.inputWrapper, children: /* @__PURE__ */ require$$2.jsx(
-          TextInput2,
-          {
-            id: inputId,
-            type: "text",
-            theme,
-            state,
-            rounding,
-            shadow,
-            className: classMap.input,
-            value: inputValue,
-            placeholder: tagList.length === 0 ? placeholder : "",
-            onChange: (e) => setInputValue(e.target.value),
-            onKeyDown: handleAddTag,
-            "aria-label": "Add new tag",
-            "aria-describedby": descId,
-            "data-testid": `${testId}-input`
-          }
-        ) }),
-        suggestions.length > 0 && /* @__PURE__ */ require$$2.jsx(
-          "ul",
-          {
-            className: classMap.suggestionList,
-            role: "listbox",
-            id: `${inputId}-listbox`,
-            title: "suggestions",
-            "data-testid": `${testId}-suggestions`,
-            children: suggestions.map((suggestion, index) => /* @__PURE__ */ require$$2.jsx(
-              "li",
-              {
-                className: classMap.suggestionItem,
-                onClick: () => {
-                  if (!tagList.includes(suggestion)) {
-                    const updated = [...tagList, suggestion];
-                    setTagList(updated);
-                    onChange == null ? void 0 : onChange(updated);
-                    setLastAction(`Added tag ${suggestion}`);
-                  }
-                  setInputValue("");
-                  setSuggestions([]);
-                },
-                role: "option",
-                "data-testid": `${testId}-suggestion-${index}`,
-                children: suggestion
-              },
-              index
-            ))
-          }
-        ),
-        /* @__PURE__ */ require$$2.jsx("div", { "aria-live": "polite", className: "sr_only", children: lastAction })
-      ]
-    }
-  );
-};
-const TagInput = (props) => {
-  return /* @__PURE__ */ require$$2.jsx(
-    TagInputBase,
-    {
-      ...props,
-      classMap: styles,
-      IconButton: IconButton.IconButton,
-      TextInput: TextInput.TextInput
-    }
-  );
-};
-exports.TagInput = TagInput;
-//# sourceMappingURL=TagInput-DuvUD94J.cjs.map

package/dist/next/TagInput-DuvUD94J.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagInput-DuvUD94J.cjs","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} from \"react\";\r\nimport { TagInputProps } 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 TagInputBase: React.FC<\r\n  TagInputProps & {\r\n    classMap: Record<string, string>;\r\n    IconButton: React.FC<any>;\r\n    TextInput: React.FC<any>;\r\n  }\r\n> = ({\r\n  tags = [],\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  \"data-testid\": testId = \"tag-input\",\r\n  ariaDescription = \"Type a tag and press Enter or comma to add. Existing tags can be removed using the remove button next to each tag.\",\r\n  classMap,\r\n  IconButton,\r\n  TextInput,\r\n}) => {\r\n  const inputId = useId();\r\n  const descId = `${inputId}-desc`;\r\n  const labelId = `${inputId}-label`;\r\n\r\n  const [inputValue, setInputValue] = useState(\"\");\r\n  const [tagList, setTagList] = useState<string[]>(tags);\r\n  const [lastAction, setLastAction] = useState<string>(\"\");\r\n\r\n  const [suggestions, setSuggestions] = useState<string[]>([]);\r\n  const [debounceTimeout, setDebounceTimeout] = useState<NodeJS.Timeout | null>(\r\n    null\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!fetchSuggestions || !inputValue.trim()) {\r\n      setSuggestions([]);\r\n      return;\r\n    }\r\n\r\n    if (debounceTimeout) {\r\n      clearTimeout(debounceTimeout);\r\n    }\r\n\r\n    const timeout = setTimeout(async () => {\r\n      try {\r\n        const result = await fetchSuggestions(inputValue);\r\n        setSuggestions(result);\r\n      } catch (error) {\r\n        console.error(\"Failed to fetch tag suggestions:\", error);\r\n      }\r\n    }, debounceMs);\r\n\r\n    setDebounceTimeout(timeout);\r\n\r\n    return () => clearTimeout(timeout);\r\n  }, [inputValue, fetchSuggestions, debounceMs]);\r\n\r\n  const handleAddTag = (event: KeyboardEvent<HTMLInputElement>) => {\r\n    if (\r\n      (event.key === \"Enter\" || event.key === \",\") &&\r\n      inputValue.trim() !== \"\"\r\n    ) {\r\n      event.preventDefault();\r\n      const newTag = inputValue.trim();\r\n      if (!tagList.includes(newTag)) {\r\n        const updated = [...tagList, newTag];\r\n        setTagList(updated);\r\n        onChange?.(updated);\r\n        setLastAction(`Added tag ${newTag}`);\r\n      }\r\n      setInputValue(\"\");\r\n    }\r\n  };\r\n\r\n  const handleRemoveTag = (tag: string) => {\r\n    const updated = tagList.filter((t) => t !== tag);\r\n    setTagList(updated);\r\n    onChange?.(updated);\r\n    setLastAction(`Removed tag ${tag}`);\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]\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={wrapperClass}\r\n      role=\"group\"\r\n      aria-labelledby={labelId}\r\n      aria-describedby={descId}\r\n      data-testid={testId}\r\n    >\r\n      <label id={labelId} className=\"sr_only\">\r\n        Tag Input\r\n      </label>\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\r\n        className={classMap.tagContainer}\r\n        aria-live=\"polite\"\r\n        aria-relevant=\"additions removals\"\r\n        data-testid={`${testId}-list`}\r\n      >\r\n        {tagList.map((tag, index) => (\r\n          <li\r\n            key={tag}\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={`Remove tag ${tag}`}\r\n              className={classMap.removeButton}\r\n              onClick={() => handleRemoveTag(tag)}\r\n              data-testid={`${testId}-remove-${index}`}\r\n              icon={CloseIcon}\r\n              size=\"small\"\r\n              theme=\"clear\"\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={(e: { target: { value: string } }) =>\r\n            setInputValue(e.target.value)\r\n          }\r\n          onKeyDown={handleAddTag}\r\n          aria-label=\"Add new tag\"\r\n          aria-describedby={descId}\r\n          data-testid={`${testId}-input`}\r\n        />\r\n      </div>\r\n      {suggestions.length > 0 && (\r\n        <ul\r\n          className={classMap.suggestionList}\r\n          role=\"listbox\"\r\n          id={`${inputId}-listbox`}\r\n          title=\"suggestions\"\r\n          data-testid={`${testId}-suggestions`}\r\n        >\r\n          {suggestions.map((suggestion, index) => (\r\n            <li\r\n              key={index}\r\n              className={classMap.suggestionItem}\r\n              onClick={() => {\r\n                if (!tagList.includes(suggestion)) {\r\n                  const updated = [...tagList, suggestion];\r\n                  setTagList(updated);\r\n                  onChange?.(updated);\r\n                  setLastAction(`Added tag ${suggestion}`);\r\n                }\r\n                setInputValue(\"\");\r\n                setSuggestions([]);\r\n              }}\r\n              role=\"option\"\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 aria-live=\"polite\" className=\"sr_only\">\r\n        {lastAction}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\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\n\r\nexport default TagInput;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","IconButton","TextInput","useId","useState","useEffect","error","tag","useMemo","combineClassNames","capitalize","jsxs","jsx","CloseIcon"],"mappings":"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"}

package/dist/next/TextArea-Bmkg-d0v.js.map

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