impact-ui 4.0.17 → 5.0.0-beta.1

package/dist/components/{shared/tableColumnSettings/tableSettingsV36.js → TableV36/tableSettings.js}

@@ -1,11 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React__default, { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import default_1$2 from "../../../node_modules/@mui/icons-material/AutoFixHigh.js";
-import default_1$1 from "../../../node_modules/@mui/icons-material/FormatColorTextOutlined.js";
-import default_1 from "../../../node_modules/@mui/icons-material/ViewColumnOutlined.js";
-import { RadioButtonGroup } from "../../RadioButtonGroup/index.js";
-import { Tabs } from "../../Tabs/index.js";
-import { useTranslation } from "../../../i18n/useTranslation.js";
+import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
+import default_1$2 from "../../node_modules/@mui/icons-material/AutoFixHigh.js";
+import default_1$1 from "../../node_modules/@mui/icons-material/FormatColorTextOutlined.js";
+import default_1 from "../../node_modules/@mui/icons-material/ViewColumnOutlined.js";
+import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
+import { Tabs } from "../Tabs/index.js";
 function TableSettings({
   showMenu,
   Columns,
@@ -42,19 +41,15 @@ function TableSettings({
   onTableSettingClick,
   deleteViewPromptText,
   isViewNameUniqueAcrossTypes,
-  tableSettingsTitle,
+  tableSettingsTitle = "Table Settings",
   registerTableSettingToggle,
-  numericFormatDefault
+  numericFormatDefault,
+  extraNumericFormatOptions
 }) {
-  const { t } = useTranslation();
   const [selectedMenuTab, setSelectedMenuTab] = useState("Columns");
   const [numericFormat, setNumericFormat] = useState(numericFormatDefault || "full_no");
   const showTableSettingRef = useRef(showTableSetting);
   showTableSettingRef.current = showTableSetting;
-  const [columnsTabMounted, setColumnsTabMounted] = useState(showTableSetting);
-  useEffect(() => {
-    if (showTableSetting) setColumnsTabMounted(true);
-  }, [showTableSetting]);
   const onFontSizeChange = useCallback(
     (val) => {
       setTableFontSize(val);
@@ -80,7 +75,7 @@ function TableSettings({
   }, [setShowMenu, setShowTableSetting, setTableSettingOpen, onTableSettingClick]);
   const tabPanels = useMemo(
     () => [
-      columnsTabMounted ? /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(
         Columns,
         {
           ref: actualRef,
@@ -99,14 +94,14 @@ function TableSettings({
           maxSavedViews,
           savedViewsOptions,
           saveViewCustomFilter,
-          showMenu,
-          showTableSetting
+          showMenu
         },
         "columns-tab"
-      ) : /* @__PURE__ */ jsx("div", {}, "columns-tab"),
+      ),
       !hideTableFormat && /* @__PURE__ */ jsx(
         TableFormat,
         {
+          extraNumericFormatOptions,
           hideFontSize,
           hideNumericFormat,
           numericFormat,
@@ -124,8 +119,6 @@ function TableSettings({
     ].filter(Boolean),
     [
       Columns,
-      columnsTabMounted,
-      showTableSetting,
       actualRef,
       colDefs,
       customRenderSaveViewContent,
@@ -150,6 +143,7 @@ function TableSettings({
       tableFontSize,
       onFontSizeChange,
       onNumericFormatChange,
+      extraNumericFormatOptions,
       hideTableActions,
       tableActions,
       customTabInTableSettings
@@ -158,17 +152,17 @@ function TableSettings({
   const tabNames = useMemo(
     () => [
       {
-        label: selectedMenuTab === "Columns" ? t("table.settings.columns") : "",
+        label: selectedMenuTab === "Columns" ? "Columns" : "",
         value: "Columns",
         icon: /* @__PURE__ */ jsx(default_1, { fontSize: "small" })
       },
       !hideTableFormat && {
-        label: selectedMenuTab === "Format" ? t("table.settings.format") : "",
+        label: selectedMenuTab === "Format" ? "Format" : "",
         value: "Format",
         icon: /* @__PURE__ */ jsx(default_1$1, { fontSize: "small" })
       },
       !hideTableActions && {
-        label: selectedMenuTab === "Actions" ? t("table.settings.actions") : "",
+        label: selectedMenuTab === "Actions" ? "Actions" : "",
         value: "Actions",
         icon: /* @__PURE__ */ jsx(default_1$2, {})
       },
@@ -180,7 +174,7 @@ function TableSettings({
         };
       }) : []
     ].filter(Boolean),
-    [selectedMenuTab, hideTableFormat, hideTableActions, customTabInTableSettings, t]
+    [selectedMenuTab, hideTableFormat, hideTableActions, customTabInTableSettings]
   );
   const handleTabChange = useCallback(
     (_event, val) => {
@@ -228,11 +222,10 @@ function TableSettings({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `table-setting-main-container table-settings-v36-panel ${showTableSetting ? "display-table-setting" : ""} ${showFilterStrip ? "filters-strip-visible" : ""}`,
-      "data-column-settings-mode": "v36",
+      className: `table-setting-main-container ${showTableSetting ? "display-table-setting" : ""} ${showFilterStrip ? "filters-strip-visible" : ""}`,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "table-setting-header", children: [
-          /* @__PURE__ */ jsx("div", { className: "table-setting-header-title-row", children: /* @__PURE__ */ jsx("h2", { children: tableSettingsTitle || t("table.settings.title") }) }),
+          /* @__PURE__ */ jsx("h2", { children: tableSettingsTitle }),
           /* @__PURE__ */ jsx(
             "span",
             {
@@ -269,29 +262,30 @@ const TableFormat = React__default.memo(function TableFormat2({
   numericFormat,
   onNumericFormatChange,
   hideNumericFormat,
-  hideFontSize
+  hideFontSize,
+  extraNumericFormatOptions
 }) {
-  const { t } = useTranslation();
   const fontSizeOptions = useMemo(
     () => [
-      { label: t("table.more.small"), value: "small" },
-      { label: t("table.settings.mediumDefault"), value: "medium" },
-      { label: t("table.more.large"), value: "large" }
+      { label: "Small", value: "small" },
+      { label: "Medium (default)", value: "medium" },
+      { label: "Large", value: "large" }
     ],
-    [t]
+    []
   );
   const numericOptions = useMemo(
     () => [
-      { label: t("table.menu.fullNumber"), value: "full_no" },
-      { label: t("table.settings.inKThousands"), value: "thou" },
-      { label: t("table.settings.inMMillions"), value: "mil" },
-      { label: t("table.settings.inBBillions"), value: "bil" }
+      { label: "Full Number", value: "full_no" },
+      { label: "In K (Thousands)", value: "thou" },
+      { label: "In M (Millions)", value: "mil" },
+      { label: "In B (Billions)", value: "bil" },
+      ...Array.isArray(extraNumericFormatOptions) ? extraNumericFormatOptions : []
     ],
-    [t]
+    [extraNumericFormatOptions]
   );
   return /* @__PURE__ */ jsxs("div", { className: "table-setting-format-settings", children: [
     !hideFontSize && /* @__PURE__ */ jsxs("div", { className: "table-setting-font-size-setting-container", children: [
-      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: t("table.settings.fontSize") }),
+      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: "Font size" }),
       /* @__PURE__ */ jsx(
         RadioButtonGroup,
         {
@@ -305,7 +299,7 @@ const TableFormat = React__default.memo(function TableFormat2({
       )
     ] }),
     !hideNumericFormat && /* @__PURE__ */ jsxs("div", { className: "table-setting-number-format-setting-container", children: [
-      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: t("table.menu.numericValues") }),
+      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: "Numeric Values" }),
       /* @__PURE__ */ jsx(
         RadioButtonGroup,
         {

package/dist/components/TableV36/tableUtils.d.ts

@@ -0,0 +1,17 @@
+import { GridApi } from 'ag-grid-community';
+
+export interface ColumnTreeNode {
+    colId?: string;
+    headerName?: string;
+    isVisible?: boolean;
+    children?: ColumnTreeNode[] | null;
+}
+export declare const collectVisibleLeafIds: (columns: ColumnTreeNode[]) => string[];
+export declare const ensureColumnGroupsExpanded: (api: GridApi | null | undefined, colId: string | null | undefined) => void;
+export interface SearchHighlightSegment {
+    text: string;
+    isMatch: boolean;
+}
+export declare const getSearchHighlightSegments: (text: string | null | undefined, searchText: string | null | undefined) => SearchHighlightSegment[];
+export declare const syncColumnSearchTextToGrid: (api: GridApi | null | undefined, searchText: string) => void;
+//# sourceMappingURL=tableUtils.d.ts.map

package/dist/components/TableV36/tableUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableUtils.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,qBAAqB,GAAI,SAAS,cAAc,EAAE,KAAG,MAAM,EAgBvE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,KAAK,OAAO,GAAG,IAAI,GAAG,SAAS,EAC/B,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,KAC/B,IAYF,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,0BAA0B,GACrC,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,EAC/B,YAAY,MAAM,GAAG,IAAI,GAAG,SAAS,KACpC,sBAAsB,EAoBxB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,KAAK,OAAO,GAAG,IAAI,GAAG,SAAS,EAC/B,YAAY,MAAM,KACjB,IAOF,CAAC"}

package/dist/components/TableV36/tableUtils.js

@@ -0,0 +1,60 @@
+const collectVisibleLeafIds = (columns) => {
+  const ids = [];
+  const walk = (cols) => {
+    (cols || []).forEach((col) => {
+      var _a;
+      if (!col || col.headerName === "N/A") return;
+      if ((_a = col.children) == null ? void 0 : _a.length) {
+        walk(col.children);
+      } else if (col.colId) {
+        ids.push(col.colId);
+      }
+    });
+  };
+  walk(columns);
+  return ids;
+};
+const ensureColumnGroupsExpanded = (api, colId) => {
+  if (!api || !colId) return;
+  const column = api.getColumn(colId);
+  let group = (column == null ? void 0 : column.getParent()) ?? null;
+  while (group) {
+    if (!group.isExpanded()) {
+      api.setColumnGroupOpened(group.getGroupId(), true);
+    }
+    group = group.getParent();
+  }
+};
+const getSearchHighlightSegments = (text, searchText) => {
+  const value = text ?? "";
+  if (!searchText || !value) return [{ text: value, isMatch: false }];
+  const matchIndex = value.toLowerCase().indexOf(searchText.toLowerCase());
+  if (matchIndex === -1) return [{ text: value, isMatch: false }];
+  const segments = [];
+  if (matchIndex > 0) {
+    segments.push({ text: value.slice(0, matchIndex), isMatch: false });
+  }
+  segments.push({
+    text: value.slice(matchIndex, matchIndex + searchText.length),
+    isMatch: true
+  });
+  const remainder = value.slice(matchIndex + searchText.length);
+  if (remainder) {
+    segments.push({ text: remainder, isMatch: false });
+  }
+  return segments;
+};
+const syncColumnSearchTextToGrid = (api, searchText) => {
+  if (!api) return;
+  const context = api.getGridOption("context");
+  if (context && typeof context === "object") {
+    context.columnSearchText = searchText || "";
+  }
+  api.refreshHeader();
+};
+export {
+  collectVisibleLeafIds,
+  ensureColumnGroupsExpanded,
+  getSearchHighlightSegments,
+  syncColumnSearchTextToGrid
+};

package/dist/components/TableV36/withCommentIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * True when a column's `cellRenderer` still ends up painting just the raw value, so AG Grid's
+ * truncation-based tooltip is meaningful for it. Covers both "no renderer at all" and this HOC
+ * wrapping nothing, which is what every column looks like once the comment feature is enabled.
+ */
+export declare const isPlainValueRenderer: (colDef: any) => any;
+/**
+ * Returns a memoized HOC wrapper for the given renderer.
+ * Prefer this over calling `withCommentIcon` directly when building columnDefs.
+ */
+export declare const getCachedCommentIconWrapper: (Renderer: any) => any;
+export declare const withCommentIcon: (Renderer: any) => any;
+//# sourceMappingURL=withCommentIcon.d.ts.map

package/dist/components/TableV36/withCommentIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withCommentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/withCommentIcon.tsx"],"names":[],"mappings":"AAQA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,WAAM,QAGf,CAAC;AAuJ7B;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,aAAQ,QAgBnD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,aAAQ,QAA0C,CAAC"}

package/dist/components/TableV36/withCommentIcon.js

@@ -0,0 +1,142 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { memo, useRef, useEffect } from "react";
+import { CommentIndicator as CommentIndicator_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
+const PLAIN_VALUE_CELL = "__impactPlainValueCell";
+const isPlainValueRenderer = (colDef) => {
+  var _a;
+  return (colDef == null ? void 0 : colDef.cellRenderer) == null || (colDef == null ? void 0 : colDef.cellRenderer[PLAIN_VALUE_CELL]) === true || ((_a = colDef == null ? void 0 : colDef.extra) == null ? void 0 : _a.isPlainText);
+};
+const isTruncated = (element) => {
+  if (!element) return false;
+  return element.clientWidth < element.scrollWidth || element.clientHeight < element.scrollHeight;
+};
+const commentIconWrapperCache = /* @__PURE__ */ new WeakMap();
+const undefinedRendererKey = { __undefinedRenderer: true };
+const undefinedWrapperCache = /* @__PURE__ */ new Map();
+const createCommentIconWrapper = (Renderer) => {
+  const CommentIconCell = memo((props) => {
+    var _a;
+    const iconRef = useRef(null);
+    const {
+      handleCommentIconHover,
+      handleMouseEnter,
+      handleMouseLeave,
+      popup: popupFromContext,
+      popupRef,
+      resolvedComments: resolvedCommentsFromContext,
+      resolvedCommentsRef,
+      getLatestUnresolvedThreadId,
+      configuration,
+      colIdentifierKey,
+      comments: commentsFromContext,
+      commentsRef
+    } = props.context || {};
+    const comments = (commentsRef == null ? void 0 : commentsRef.current) ?? commentsFromContext;
+    const popup = (popupRef == null ? void 0 : popupRef.current) ?? popupFromContext;
+    const resolvedComments = (resolvedCommentsRef == null ? void 0 : resolvedCommentsRef.current) ?? resolvedCommentsFromContext;
+    const rowIdentifier = colIdentifierKey ? ((_a = props.data) == null ? void 0 : _a[colIdentifierKey]) || props.node.id : props.node.id;
+    const baseCellId = `${rowIdentifier}__${props.column.getColId()}`;
+    let effectiveCellId = baseCellId;
+    if ((popup == null ? void 0 : popup.cellId) != baseCellId && !(configuration == null ? void 0 : configuration.disableMultiCommentThread)) {
+      const baseResolved = Array.isArray(resolvedComments) ? resolvedComments.includes(baseCellId) : false;
+      if (baseResolved) {
+        const latestUnresolved = getLatestUnresolvedThreadId == null ? void 0 : getLatestUnresolvedThreadId(baseCellId);
+        if (latestUnresolved) {
+          effectiveCellId = latestUnresolved;
+        } else {
+          effectiveCellId = baseCellId;
+        }
+      }
+    }
+    const commentsArray = comments == null ? void 0 : comments[effectiveCellId];
+    const hasComment = commentsArray && Array.isArray(commentsArray) && commentsArray.length > 0;
+    const isPortalOpen = (popup == null ? void 0 : popup.cellId) === effectiveCellId;
+    const displayValue = props.valueFormatted !== void 0 && props.valueFormatted !== null ? props.valueFormatted : props.value;
+    const safeValue = displayValue !== null && typeof displayValue === "object" ? JSON.stringify(displayValue) : displayValue ?? "";
+    const Content = Renderer ? /* @__PURE__ */ jsx(Renderer, { ...props }) : /* @__PURE__ */ jsx(Fragment, { children: safeValue });
+    useEffect(() => {
+      if (Renderer || typeof props.setTooltip !== "function" || safeValue === "") return;
+      props.setTooltip(String(safeValue), () => {
+        const cell = props.eParentOfValue ?? props.eGridCell;
+        if (!cell) return false;
+        const valueEl = cell.children.length === 0 ? cell : cell.querySelector(".ag-cell-value");
+        return isTruncated(valueEl ?? cell);
+      });
+    });
+    const isResolved = Array.isArray(resolvedComments) && resolvedComments.find((comment) => comment === effectiveCellId);
+    const showBorder = hasComment && isPortalOpen;
+    const showIcon = hasComment && !isResolved;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      showBorder && /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            border: hasComment && isPortalOpen ? "1px solid var(--iu-bg-primary)" : "none",
+            boxSizing: "border-box",
+            pointerEvents: "none",
+            zIndex: 1
+          }
+        }
+      ),
+      Content,
+      showIcon && /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: iconRef,
+          style: {
+            position: "absolute",
+            top: -18,
+            right: 0,
+            cursor: "pointer",
+            zIndex: 2,
+            color: "var(--iu-bg-primary)"
+          },
+          title: `${commentsArray.length} comment${commentsArray.length > 1 ? "s" : ""}`,
+          onMouseLeave: handleMouseLeave,
+          onMouseOver: () => {
+            handleMouseEnter == null ? void 0 : handleMouseEnter();
+            handleCommentIconHover == null ? void 0 : handleCommentIconHover(props);
+          },
+          children: /* @__PURE__ */ jsx(
+            ImpactIcon,
+            {
+              icon: impactIconSource(CommentIndicator_default),
+              size: 12,
+              style: { color: "var(--iu-bg-primary)" }
+            }
+          )
+        }
+      )
+    ] });
+  });
+  CommentIconCell.displayName = `withCommentIcon(${(Renderer == null ? void 0 : Renderer.displayName) || (Renderer == null ? void 0 : Renderer.name) || "Cell"})`;
+  CommentIconCell[PLAIN_VALUE_CELL] = !Renderer;
+  return CommentIconCell;
+};
+const getCachedCommentIconWrapper = (Renderer) => {
+  if (Renderer == null) {
+    if (!undefinedWrapperCache.has(undefinedRendererKey)) {
+      undefinedWrapperCache.set(undefinedRendererKey, createCommentIconWrapper(void 0));
+    }
+    return undefinedWrapperCache.get(undefinedRendererKey);
+  }
+  if (typeof Renderer !== "function") {
+    return Renderer;
+  }
+  let cached = commentIconWrapperCache.get(Renderer);
+  if (!cached) {
+    cached = createCommentIconWrapper(Renderer);
+    commentIconWrapperCache.set(Renderer, cached);
+  }
+  return cached;
+};
+export {
+  getCachedCommentIconWrapper,
+  isPlainValueRenderer
+};

package/dist/components/Tabs/TabPanel.d.ts

@@ -5,7 +5,7 @@ export type { TabPanelProps } from './TabPanel.types';
  * Renders tab panel content. Hidden when value !== selectedValue.
  * Optionally unmounts content when not selected (remountOnTabChange).
  */
-export declare function CustomTabPanel({ children, value, selectedValue, index, remountOnTabChange, ...other }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomTabPanel({ children, value, selectedValue, index, remountOnTabChange, ...other }: TabPanelProps): import("react").JSX.Element;
 export declare namespace CustomTabPanel {
     var displayName: string;
 }

package/dist/components/Tabs/TabPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,aAAa,EACb,KAAK,EACL,kBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,aAAa,2CAef;yBAtBe,cAAc"}
+{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,aAAa,EACb,KAAK,EACL,kBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,aAAa,+BAef;yBAtBe,cAAc"}

package/dist/components/Tabs/index.d.ts

@@ -7,7 +7,7 @@ export type { TabPanelProps } from './TabPanel.types';
  * Tabs component: tab list + panel area. Uses MUI Tabs under the hood.
  * value can be numeric index or string (tab value); tabNames[].value is used for matching.
  */
-export declare function Tabs({ tabPanels, tabNames, value, onChange, orientation, isDisabled, tabPanelStyle, remountOnTabChange, isBlueBg, className, style, 'data-testid': dataTestId, ...args }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ tabPanels, tabNames, value, onChange, orientation, isDisabled, tabPanelStyle, remountOnTabChange, isBlueBg, className, style, 'data-testid': dataTestId, ...args }: TabsProps): import("react").JSX.Element;
 export declare namespace Tabs {
     var displayName: string;
 }

package/dist/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,oBAAoB,CAAC;AAE5B,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,UAAU,EACV,aAAa,EACb,kBAAyB,EACzB,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,SAAS,2CAgEX;yBA9Ee,IAAI"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,oBAAoB,CAAC;AAE5B,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,UAAU,EACV,aAAa,EACb,kBAAyB,EACzB,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,SAAS,+BAgEX;yBA9Ee,IAAI"}

package/dist/components/Tabs/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.ia-styles.ia-tabContainer{font-family:Manrope,sans-serif}.ia-styles.ia-tabContainer .ia-styles.ia-tabList{background-color:#fff;border:1px solid #d9dde7;border-radius:8px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .MuiTabs-indicator{background-color:#4259ee;border-radius:4px;display:none}.ia-styles.ia-tabContainer .ia-styles.ia-tabList.MuiTabs-root{min-height:27px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab{flex-direction:row;font-weight:500;min-height:23px;padding:7px 24px!important}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;position:relative;text-transform:capitalize}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root:focus-visible{border-radius:4px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-3px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root:focus:not(:focus-visible){outline:none}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root.Mui-disabled:focus-visible{outline:none}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root svg{height:16px;margin:auto 8px auto auto;width:16px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root.Mui-selected{color:#4259ee;font-weight:600}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root.Mui-selected:after{background-color:#4259ee;border-radius:4px;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab:hover{color:#3649c6}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.Mui-disabled{color:#b4bac7!important}.ia-styles.ia-tabContainer .ia-tabPanel{font-family:Manrope,sans-serif;padding:8px 0!important;transition:opacity .2s ease-in-out}.ia-styles.ia-tabContainer .ia-tabPanel.ia-tabPanel-hidden{display:none}.ia-styles.ia-tabContainer .ia-tabPanel .MuiBox-root{padding:0!important}.ia-styles.ia-tabContainer.ia-tabs-horizontal .ia-styles.ia-tabList{height:40px}.ia-styles.ia-tabContainer.ia-tabs-horizontal .MuiTabs-flexContainer{height:38px;overflow:auto;scrollbar-width:none}.ia-styles.ia-tabs-vertical{display:flex}.ia-styles.ia-tabs-vertical .ia-tab.MuiButtonBase-root{color:#60697d;font-size:14px;font-weight:500;height:64px;justify-content:flex-end;position:relative;text-transform:capitalize}.ia-styles.ia-tabs-vertical .ia-tab.MuiButtonBase-root:after{display:none}.ia-styles.ia-tabs-vertical .MuiBox-root{border-bottom:none}.ia-styles.ia-tabs-vertical .ia-tabPanel{padding:0 8px!important}.ia-styles.ia-tabs-vertical .ia-tab:hover{color:#3649c6}.ia-tabList-blueBg,.ia-tabList-blueBg:focus-within,.ia-tabList-blueBg:hover{border:none!important;box-shadow:none!important}')),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode('.ia-styles.ia-tabContainer{font-family:Manrope,sans-serif}.ia-styles.ia-tabContainer .ia-styles.ia-tabList{background-color:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-border-default);border-radius:8px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .MuiTabs-indicator{background-color:var(--iu-bg-primary);border-radius:4px;display:none}.ia-styles.ia-tabContainer .ia-styles.ia-tabList.MuiTabs-root{min-height:27px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab{flex-direction:row;font-weight:500;min-height:23px;padding:7px 24px!important}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;position:relative;text-transform:capitalize}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root:focus-visible{border-radius:4px;outline:2px solid var(--ia-focus-color,var(--iu-bg-primary));outline-offset:-3px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root:focus:not(:focus-visible){outline:none}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root.Mui-disabled:focus-visible{outline:none}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root svg{height:16px;margin:auto 8px auto auto;width:16px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root.Mui-selected{color:var(--iu-bg-primary);font-weight:600}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root.Mui-selected:after{background-color:var(--iu-bg-primary);border-radius:4px;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab:hover{color:var(--iu-bg-primary-darker)}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.Mui-disabled{color:var(--iu-on-disabled)!important}.ia-styles.ia-tabContainer .ia-tabPanel{font-family:Manrope,sans-serif;padding:8px 0!important;transition:opacity .2s ease-in-out}.ia-styles.ia-tabContainer .ia-tabPanel.ia-tabPanel-hidden{display:none}.ia-styles.ia-tabContainer .ia-tabPanel .MuiBox-root{padding:0!important}.ia-styles.ia-tabContainer.ia-tabs-horizontal .ia-styles.ia-tabList{height:40px}.ia-styles.ia-tabContainer.ia-tabs-horizontal .MuiTabs-flexContainer{height:38px;overflow:auto;scrollbar-width:none}.ia-styles.ia-tabs-vertical{display:flex}.ia-styles.ia-tabs-vertical .ia-tab.MuiButtonBase-root{color:var(--iu-on-surface-label);font-size:14px;font-weight:500;height:64px;justify-content:flex-end;position:relative;text-transform:capitalize}.ia-styles.ia-tabs-vertical .ia-tab.MuiButtonBase-root:after{display:none}.ia-styles.ia-tabs-vertical .MuiBox-root{border-bottom:none}.ia-styles.ia-tabs-vertical .ia-tabPanel{padding:0 8px!important}.ia-styles.ia-tabs-vertical .ia-tab:hover{color:var(--iu-bg-primary-darker)}.ia-tabList-blueBg,.ia-tabList-blueBg:focus-within,.ia-tabList-blueBg:hover{border:none!important;box-shadow:none!important}')),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo, createElement } from "react";
 import { CustomTabPanel } from "./TabPanel.js";

package/dist/components/Tag/filled.d.ts

@@ -4,5 +4,5 @@ import { TagVariantProps } from './Tag.types';
  * Filled variant of the Tag component.
  * Has a light background with a visible border.
  */
-export default function FilledTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react/jsx-runtime").JSX.Element;
+export default function FilledTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react").JSX.Element;
 //# sourceMappingURL=filled.d.ts.map

package/dist/components/Tag/filled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filled.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/filled.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,2CA2CjB"}
+{"version":3,"file":"filled.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/filled.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,+BA2CjB"}

package/dist/components/Tag/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.MuiChip-root.impact-tag{border:1px solid #b3bdf8;color:#60697d}.MuiChip-root.impact-tag:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.MuiChip-root.impact-tag:focus:not(:focus-visible){box-shadow:none;outline:none}.MuiChip-root.impact-tag.Mui-focusVisible{background:#eceefd}.MuiChip-root.impact-tag .MuiSvgIcon-root{color:#60697d;margin-left:10px;margin-right:-9px;width:16px}.MuiChip-root.impact-tag .MuiChip-deleteIcon{background-position:50%;background-size:16px;margin-left:-5px;margin-right:10px}.MuiChip-root.impact-tag-solid{background:#eceefd;border:none;border-radius:8px;color:#1f2b4d}.MuiChip-root.impact-tag-solid:hover{background:#eceefd}.MuiChip-root.impact-tag:hover{background:#fff;border:1px solid #b3bdf8;box-shadow:0 0 4px #0000001f}.MuiChip-root.impact-tag.MuiChip-outlined{background-color:#fff;border:1px solid #b3bdf8}.impact-tag-large{height:32px!important}.impact-tag-large .MuiChip-label{font-size:14px;font-weight:500;line-height:18px}.impact-tag-medium{height:24px!important}.impact-tag-medium .MuiChip-label{font-size:14px;line-height:20px}.impact-tag-small{height:22px!important}.impact-tag-small .MuiChip-label{font-size:12px;line-height:15px}.active_tags{background:#ff0}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.MuiChip-root.impact-tag{background-color:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-border-default);color:var(--iu-on-surface-label)}.MuiChip-root.impact-tag:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.MuiChip-root.impact-tag:focus:not(:focus-visible){box-shadow:none;outline:none}.MuiChip-root.impact-tag.Mui-focusVisible{background:var(--iu-bg-primary-subtle)}.MuiChip-root.impact-tag .MuiSvgIcon-root{color:var(--iu-on-surface-icon);margin-left:10px;margin-right:-9px;width:16px}.MuiChip-root.impact-tag .MuiChip-deleteIcon{background-position:50%;background-size:16px;margin-left:-5px;margin-right:10px}.MuiChip-root.impact-tag-solid{background:var(--iu-bg-primary-subtle);border:none;border-radius:8px}.MuiChip-root.impact-tag-solid,.MuiChip-root.impact-tag-solid .MuiChip-label{color:var(--iu-on-surface-body)}.MuiChip-root.impact-tag-solid:hover{background:var(--iu-bg-primary-subtle)}.MuiChip-root.impact-tag:hover{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-border-primary-darker);box-shadow:var(--iu-effect-shadow-drop-4)}.MuiChip-root.impact-tag.MuiChip-outlined{background-color:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-primary-lighter)}.impact-tag-large{height:32px!important}.impact-tag-large .MuiChip-label{color:var(--iu-on-surface-body);font-size:14px;font-weight:500;line-height:18px}.impact-tag-medium{height:24px!important}.impact-tag-medium .MuiChip-label{color:var(--iu-on-surface-body);font-size:14px;line-height:20px}.impact-tag-small{height:22px!important}.impact-tag-small .MuiChip-label{color:var(--iu-on-surface-body);font-size:12px;line-height:15px}.active_tags{background:var(--iu-legacy-warning-background)}')),document.head.appendChild(r)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import FilledTags from "./filled.js";

package/dist/components/Tag/solid.d.ts

@@ -4,5 +4,5 @@ import { TagVariantProps } from './Tag.types';
  * Solid variant of the Tag component.
  * Has a solid light blue background without border.
  */
-export default function SolidTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react/jsx-runtime").JSX.Element;
+export default function SolidTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react").JSX.Element;
 //# sourceMappingURL=solid.d.ts.map

package/dist/components/Tag/solid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/solid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,2CA2CjB"}
+{"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/solid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,+BA2CjB"}

package/dist/components/Tag/stroke.d.ts

@@ -4,5 +4,5 @@ import { TagVariantProps } from './Tag.types';
  * Stroke variant of the Tag component.
  * Has a transparent background with a colored border (outlined style).
  */
-export default function StrokeTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react/jsx-runtime").JSX.Element;
+export default function StrokeTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react").JSX.Element;
 //# sourceMappingURL=stroke.d.ts.map

package/dist/components/Tag/stroke.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stroke.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/stroke.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,2CA2CjB"}
+{"version":3,"file":"stroke.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/stroke.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,+BA2CjB"}

package/dist/components/TagGroup/index.d.ts

@@ -4,7 +4,7 @@ export type { TagGroupProps } from './TagGroup.types';
 /**
  * TagGroup lays out tags/chips in a horizontal flex container with gap.
  */
-export declare function TagGroup({ children, className, style, id, 'data-testid': dataTestId, role, }: TagGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function TagGroup({ children, className, style, id, 'data-testid': dataTestId, role, }: TagGroupProps): import("react").JSX.Element;
 export declare namespace TagGroup {
     var displayName: string;
 }

package/dist/components/TagGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAEhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAc,GACf,EAAE,aAAa,2CAYf;yBAnBe,QAAQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAEhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAc,GACf,EAAE,aAAa,+BAYf;yBAnBe,QAAQ"}

package/dist/components/TextArea/index.d.ts

@@ -1,7 +1,7 @@
 import { TextAreaProps } from './TextArea.types';
 
 export type { TextAreaProps } from './TextArea.types';
-export declare function TextArea({ label, maxRows, placeholder, defaultValue, value, onChange, secondaryLabel, isDisabled, isRequired, characterLimit, isError, isSuccess, isWarning, width, height, className, id, 'data-testid': dataTestId, onBlur, onFocus, ...restProps }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextArea({ label, maxRows, placeholder, defaultValue, value, onChange, secondaryLabel, isDisabled, isRequired, characterLimit, isError, isSuccess, isWarning, width, height, className, id, 'data-testid': dataTestId, onBlur, onFocus, ...restProps }: TextAreaProps): import("react").JSX.Element;
 export declare namespace TextArea {
     var displayName: string;
 }

package/dist/components/TextArea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAGhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAW,EACX,WAAW,EACX,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,EACV,cAAc,EACd,OAAe,EACf,SAAiB,EACjB,SAAiB,EACjB,KAAe,EACf,MAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,aAAa,2CAmFf;yBAzGe,QAAQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAGhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAW,EACX,WAAW,EACX,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,EACV,cAAc,EACd,OAAe,EACf,SAAiB,EACjB,SAAiB,EACjB,KAAe,EACf,MAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,aAAa,+BAmFf;yBAzGe,QAAQ"}