impact-ui 4.0.13 → 4.0.14-alpha.2

package/dist/components/TableV36/tableSettings.js

@@ -0,0 +1,317 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+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,
+  actualRef,
+  tableFontSize,
+  setTableFontSize,
+  handleMenuClick,
+  onNumberFormatChange,
+  colDefs,
+  setShowMenu,
+  showTableSetting,
+  setShowTableSetting,
+  setTableSettingOpen,
+  tableActions,
+  onTableActionsTabClick,
+  showFilterStrip,
+  hideTableFormat,
+  hideTableActions,
+  savedViewsOptions,
+  handleSaveAndApply,
+  maxSavedViews,
+  handleSavedViewClick,
+  handleEditSaveView,
+  isSaveViewEnabled,
+  isSavingViewLoading,
+  handleDeleteViewClick,
+  isDeleteViewLoading,
+  handleSetDefaultView,
+  hideNumericFormat,
+  hideFontSize,
+  customTabInTableSettings,
+  saveViewCustomFilter,
+  customRenderSaveViewContent,
+  onTableSettingClick,
+  deleteViewPromptText,
+  isViewNameUniqueAcrossTypes,
+  tableSettingsTitle = "Table Settings",
+  registerTableSettingToggle,
+  numericFormatDefault
+}) {
+  const [selectedMenuTab, setSelectedMenuTab] = useState("Columns");
+  const [numericFormat, setNumericFormat] = useState(numericFormatDefault || "full_no");
+  const showTableSettingRef = useRef(showTableSetting);
+  showTableSettingRef.current = showTableSetting;
+  const onFontSizeChange = useCallback(
+    (val) => {
+      setTableFontSize(val);
+    },
+    [setTableFontSize]
+  );
+  const onNumericFormatChange = useCallback(
+    (val) => {
+      setNumericFormat(val);
+      onNumberFormatChange(val);
+    },
+    [onNumberFormatChange]
+  );
+  useEffect(() => {
+    setNumericFormat(numericFormatDefault);
+  }, [numericFormatDefault]);
+  const onCloseTableSetting = useCallback(() => {
+    setSelectedMenuTab("Columns");
+    setShowMenu(false);
+    setShowTableSetting(false);
+    setTableSettingOpen(false);
+    onTableSettingClick(false);
+  }, [setShowMenu, setShowTableSetting, setTableSettingOpen, onTableSettingClick]);
+  const tabPanels = useMemo(
+    () => [
+      /* @__PURE__ */ jsx(
+        Columns,
+        {
+          ref: actualRef,
+          column: colDefs,
+          customRenderSaveViewContent,
+          deleteViewPromptText,
+          handleDeleteViewClick,
+          handleEditSaveView,
+          handleSaveAndApply,
+          handleSavedViewClick,
+          handleSetDefaultView,
+          isDeleteViewLoading,
+          isSaveViewEnabled,
+          isSavingViewLoading,
+          isViewNameUniqueAcrossTypes,
+          maxSavedViews,
+          savedViewsOptions,
+          saveViewCustomFilter,
+          showMenu
+        },
+        "columns-tab"
+      ),
+      !hideTableFormat && /* @__PURE__ */ jsx(
+        TableFormat,
+        {
+          hideFontSize,
+          hideNumericFormat,
+          numericFormat,
+          tableFontSize,
+          onFontSizeChange,
+          onNumericFormatChange
+        },
+        "format-tab"
+      ),
+      !hideTableActions && /* @__PURE__ */ jsx(TableActions, { tableActions }, "actions-tab"),
+      ...Array.isArray(customTabInTableSettings) ? customTabInTableSettings.map((tab, index) => {
+        var _a;
+        return /* @__PURE__ */ jsx(React__default.Fragment, { children: tab == null ? void 0 : tab.tabPanels }, ((_a = tab == null ? void 0 : tab.tabNames) == null ? void 0 : _a.value) || `custom-tab-${index}`);
+      }) : []
+    ].filter(Boolean),
+    [
+      Columns,
+      actualRef,
+      colDefs,
+      customRenderSaveViewContent,
+      deleteViewPromptText,
+      handleDeleteViewClick,
+      handleEditSaveView,
+      handleSaveAndApply,
+      handleSavedViewClick,
+      handleSetDefaultView,
+      isDeleteViewLoading,
+      isSaveViewEnabled,
+      isSavingViewLoading,
+      isViewNameUniqueAcrossTypes,
+      maxSavedViews,
+      savedViewsOptions,
+      saveViewCustomFilter,
+      showMenu,
+      hideTableFormat,
+      hideFontSize,
+      hideNumericFormat,
+      numericFormat,
+      tableFontSize,
+      onFontSizeChange,
+      onNumericFormatChange,
+      hideTableActions,
+      tableActions,
+      customTabInTableSettings
+    ]
+  );
+  const tabNames = useMemo(
+    () => [
+      {
+        label: selectedMenuTab === "Columns" ? "Columns" : "",
+        value: "Columns",
+        icon: /* @__PURE__ */ jsx(default_1, { fontSize: "small" })
+      },
+      !hideTableFormat && {
+        label: selectedMenuTab === "Format" ? "Format" : "",
+        value: "Format",
+        icon: /* @__PURE__ */ jsx(default_1$1, { fontSize: "small" })
+      },
+      !hideTableActions && {
+        label: selectedMenuTab === "Actions" ? "Actions" : "",
+        value: "Actions",
+        icon: /* @__PURE__ */ jsx(default_1$2, {})
+      },
+      ...Array.isArray(customTabInTableSettings) ? customTabInTableSettings.map((tab) => {
+        var _a, _b;
+        return {
+          ...tab.tabNames,
+          label: selectedMenuTab === ((_a = tab == null ? void 0 : tab.tabNames) == null ? void 0 : _a.value) ? (_b = tab == null ? void 0 : tab.tabNames) == null ? void 0 : _b.label : ""
+        };
+      }) : []
+    ].filter(Boolean),
+    [selectedMenuTab, hideTableFormat, hideTableActions, customTabInTableSettings]
+  );
+  const handleTabChange = useCallback(
+    (_event, val) => {
+      setSelectedMenuTab(val);
+      if (val === "Actions") {
+        onTableActionsTabClick();
+      }
+    },
+    [onTableActionsTabClick]
+  );
+  useEffect(() => {
+    if (typeof registerTableSettingToggle !== "function") return void 0;
+    const toggle = (open, tabName, options = {}) => {
+      const shouldOpen = typeof open === "undefined" ? !showTableSettingRef.current : Boolean(open);
+      if (shouldOpen) {
+        if (options.menuOnly) {
+          setShowMenu(true);
+        } else {
+          setShowMenu(true);
+          setShowTableSetting(true);
+          setTableSettingOpen(true);
+          if (tabName) {
+            setSelectedMenuTab(tabName);
+          }
+          onTableSettingClick(true);
+        }
+      } else if (options.menuOnly) {
+        setShowMenu(false);
+      } else {
+        setSelectedMenuTab("Columns");
+        setShowMenu(false);
+        setShowTableSetting(false);
+        setTableSettingOpen(false);
+        onTableSettingClick(false);
+      }
+    };
+    registerTableSettingToggle(toggle);
+  }, [
+    registerTableSettingToggle,
+    setShowMenu,
+    setShowTableSetting,
+    setTableSettingOpen,
+    onTableSettingClick
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `table-setting-main-container ${showTableSetting ? "display-table-setting" : ""} ${showFilterStrip ? "filters-strip-visible" : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "table-setting-header", children: [
+          /* @__PURE__ */ jsx("h2", { children: tableSettingsTitle }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "close_icon",
+              role: "button",
+              tabIndex: 0,
+              onClick: onCloseTableSetting,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  onCloseTableSetting();
+                }
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Tabs,
+          {
+            remountOnTabChange: false,
+            tabNames,
+            tabPanels,
+            value: selectedMenuTab,
+            onChange: handleTabChange
+          }
+        )
+      ]
+    }
+  );
+}
+const TableFormat = React__default.memo(function TableFormat2({
+  tableFontSize,
+  onFontSizeChange,
+  numericFormat,
+  onNumericFormatChange,
+  hideNumericFormat,
+  hideFontSize
+}) {
+  const fontSizeOptions = useMemo(
+    () => [
+      { label: "Small", value: "small" },
+      { label: "Medium (default)", value: "medium" },
+      { label: "Large", value: "large" }
+    ],
+    []
+  );
+  const numericOptions = useMemo(
+    () => [
+      { label: "Full Number", value: "full_no" },
+      { label: "In K (Thousands)", value: "thou" },
+      { label: "In M (Millions)", value: "mil" },
+      { label: "In B (Billions)", value: "bil" }
+    ],
+    []
+  );
+  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: "Font size" }),
+      /* @__PURE__ */ jsx(
+        RadioButtonGroup,
+        {
+          options: fontSizeOptions,
+          selectedOption: "medium",
+          value: tableFontSize,
+          onChange: (_e, val) => {
+            onFontSizeChange(val);
+          }
+        }
+      )
+    ] }),
+    !hideNumericFormat && /* @__PURE__ */ jsxs("div", { className: "table-setting-number-format-setting-container", children: [
+      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: "Numeric Values" }),
+      /* @__PURE__ */ jsx(
+        RadioButtonGroup,
+        {
+          options: numericOptions,
+          selectedOption: "full_no",
+          value: numericFormat,
+          onChange: (_e, val) => {
+            onNumericFormatChange(val);
+          }
+        }
+      )
+    ] })
+  ] });
+});
+const TableActions = React__default.memo(function TableActions2({ tableActions }) {
+  return /* @__PURE__ */ jsx("div", { className: "table-setting-action-settings", children: /* @__PURE__ */ jsx("div", { className: "table-setting-action-container", children: tableActions }) });
+});
+export {
+  TableSettings as default
+};

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

@@ -0,0 +1,11 @@
+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;
+//# 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"}

package/dist/components/TableV36/tableUtils.js

@@ -0,0 +1,31 @@
+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();
+  }
+};
+export {
+  collectVisibleLeafIds,
+  ensureColumnGroupsExpanded
+};

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: (renderer: any) => boolean;
+/**
+ * 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":"AAWA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,aAAQ,YACY,CAAC;AA2I1D;;;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,125 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { memo, useRef, useEffect } from "react";
+import { getAssetUrl } from "../../utils/assetBase.js";
+const CommentIndicator = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/comment-indicator.svg"), ...props });
+const PLAIN_VALUE_CELL = "__impactPlainValueCell";
+const isPlainValueRenderer = (renderer) => renderer == null || renderer[PLAIN_VALUE_CELL] === true;
+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,
+      resolvedComments,
+      getLatestUnresolvedThreadId,
+      configuration,
+      colIdentifierKey,
+      comments
+    } = props.context || {};
+    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: "1px solid #4259ee",
+            boxSizing: "border-box",
+            pointerEvents: "none",
+            zIndex: 1
+          }
+        }
+      ),
+      Content,
+      showIcon && /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: iconRef,
+          style: {
+            position: "absolute",
+            top: -15,
+            right: 0,
+            cursor: "pointer",
+            zIndex: 2
+          },
+          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(CommentIndicator, {})
+        }
+      )
+    ] });
+  });
+  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/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/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"}

package/dist/components/TextArea/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)}}.impact_textarea_label{color:#60697d;font-size:12px;padding-bottom:6px}.impact_textarea{margin-top:6px}.impact_textarea textarea{border:1px solid #d9dde7;border-radius:8px;min-height:100px;min-width:240px;padding:12px;position:relative;resize:none}.impact_textarea textarea: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}.impact_textarea textarea:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_textarea textarea:focus,.impact_textarea textarea:hover{border:1px solid #4259ee;outline:none}.impact_textarea_btm_container{display:flex;justify-content:space-between;margin-top:6px}.impact_textarea_btm_container .left_secondary_label_container,.impact_textarea_btm_container .right_numeric_container{color:#5f6673;font-size:10px}.impact_textarea_disabled .impact_textarea_label{color:#b4bac7}.impact_textarea_disabled textarea{background:#f8f9fb;color:#d9dde7;pointer-events:none}.impact_textarea_disabled .impact_textarea_btm_container .left_secondary_label_container{color:#b4bac7;text-align:start}.impact_textarea_disabled .impact_textarea_btm_container .right_numeric_container{color:#b4bac7}.impact_textarea_error textarea{color:#ab3939}textarea{font-family:Manrope,sans-serif!important}.impact_textarea_disabled textarea::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b4bac7}.impact_textarea_error .left_secondary_label_container,.impact_textarea_error .right_numeric_container{color:#ab3939}.impact_textarea_error textarea,.impact_textarea_error textarea:focus,.impact_textarea_error textarea:hover{border:1px solid #ec4c5c}.impact_textarea_error textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/material-symbols_error.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/success-icon.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea,.impact_textarea_success textarea:focus,.impact_textarea_success textarea:hover{border:1px solid #108431}.impact_textarea_success .left_secondary_label_container,.impact_textarea_success .right_numeric_container{color:#26734b}.impact_textarea_warning textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/warning-fill.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;border:1px solid #ffe174;padding-right:34px}.impact_textarea_warning textarea:focus,.impact_textarea_warning textarea:hover{border:1px solid #ffe174}.impact_textarea_warning .left_secondary_label_container,.impact_textarea_warning .right_numeric_container{color:#9d831c}.impact_textarea textarea::placeholder{color:#b4bac7;font-weight:400;transition:font-weight .2s ease}.impact_textarea_disabled textarea::placeholder{color:#b4bac7}.impact_textarea textarea:focus::placeholder{color:#0000}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+!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)}}.impact_textarea_label{color:#60697d;font-size:12px;padding-bottom:6px}.impact_textarea{margin-top:6px}.impact_textarea textarea{border:1px solid #d9dde7;border-radius:8px;min-height:100px;min-width:240px;padding:12px;position:relative;resize:none}.impact_textarea textarea: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}.impact_textarea textarea:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_textarea textarea:focus,.impact_textarea textarea:hover{border:1px solid #4259ee;outline:none}.impact_textarea_btm_container{display:flex;justify-content:space-between;margin-top:6px}.impact_textarea_btm_container .left_secondary_label_container,.impact_textarea_btm_container .right_numeric_container{color:#5f6673;font-size:10px}.impact_textarea_disabled .impact_textarea_label{color:#b4bac7}.impact_textarea_disabled textarea{background:#f8f9fb;color:#d9dde7;pointer-events:none}.impact_textarea_disabled .impact_textarea_btm_container .left_secondary_label_container{color:#b4bac7;text-align:start}.impact_textarea_disabled .impact_textarea_btm_container .right_numeric_container{color:#b4bac7}.impact_textarea_error textarea{color:#ab3939}textarea{font-family:Manrope,sans-serif!important}.impact_textarea_disabled textarea::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b4bac7}.impact_textarea_error :is(.left_secondary_label_container,.right_numeric_container){color:#ab3939}.impact_textarea_error :is(textarea:focus,textarea:hover),.impact_textarea_error textarea{border:1px solid #ec4c5c}.impact_textarea_error textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/material-symbols_error.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/success-icon.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success :is(textarea:focus,textarea:hover),.impact_textarea_success textarea{border:1px solid #108431}.impact_textarea_success :is(.left_secondary_label_container,.right_numeric_container){color:#26734b}.impact_textarea_warning textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/warning-fill.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;border:1px solid #ffe174;padding-right:34px}.impact_textarea_warning :is(textarea:focus,textarea:hover){border:1px solid #ffe174}.impact_textarea_warning :is(.left_secondary_label_container,.right_numeric_container){color:#9d831c}.impact_textarea textarea::placeholder{color:#b4bac7;font-weight:400;transition:font-weight .2s ease}.impact_textarea_disabled textarea::placeholder{color:#b4bac7}.impact_textarea textarea:focus::placeholder{color:#0000}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";