impact-ui 5.0.1 → 5.0.2-beta.1

package/dist/components/TableV36/tableSettings.js

@@ -1,10 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
+import { Close as Close_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 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 { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
 import { Tabs } from "../Tabs/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 function TableSettings({
   showMenu,
   Columns,
@@ -46,6 +49,7 @@ function TableSettings({
   numericFormatDefault,
   extraNumericFormatOptions
 }) {
+  const { t } = useTranslation();
   const [selectedMenuTab, setSelectedMenuTab] = useState("Columns");
   const [numericFormat, setNumericFormat] = useState(numericFormatDefault || "full_no");
   const showTableSettingRef = useRef(showTableSetting);
@@ -227,18 +231,13 @@ function TableSettings({
         /* @__PURE__ */ jsxs("div", { className: "table-setting-header", children: [
           /* @__PURE__ */ jsx("h2", { children: tableSettingsTitle }),
           /* @__PURE__ */ jsx(
-            "span",
+            "button",
             {
+              "aria-label": t("common.close"),
               className: "close_icon",
-              role: "button",
-              tabIndex: 0,
+              type: "button",
               onClick: onCloseTableSetting,
-              onKeyDown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  onCloseTableSetting();
-                }
-              }
+              children: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Close_default), size: 12 })
             }
           )
         ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"withCommentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/withCommentIcon.tsx"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,WAAM,QACoE,CAAC;AAkJhH;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,aAAQ,QAgBnD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,aAAQ,QAA0C,CAAC"}
+{"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

@@ -1,7 +1,7 @@
 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 });
+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;
@@ -77,7 +77,7 @@ const createCommentIconWrapper = (Renderer) => {
             left: 0,
             right: 0,
             bottom: 0,
-            border: "1px solid #4259ee",
+            border: hasComment && isPortalOpen ? "1px solid var(--iu-bg-primary)" : "none",
             boxSizing: "border-box",
             pointerEvents: "none",
             zIndex: 1
@@ -94,7 +94,8 @@ const createCommentIconWrapper = (Renderer) => {
             top: -18,
             right: 0,
             cursor: "pointer",
-            zIndex: 2
+            zIndex: 2,
+            color: "var(--iu-bg-primary)"
           },
           title: `${commentsArray.length} comment${commentsArray.length > 1 ? "s" : ""}`,
           onMouseLeave: handleMouseLeave,
@@ -102,7 +103,14 @@ const createCommentIconWrapper = (Renderer) => {
             handleMouseEnter == null ? void 0 : handleMouseEnter();
             handleCommentIconHover == null ? void 0 : handleCommentIconHover(props);
           },
-          children: /* @__PURE__ */ jsx(CommentIndicator, {})
+          children: /* @__PURE__ */ jsx(
+            ImpactIcon,
+            {
+              icon: impactIconSource(CommentIndicator_default),
+              size: 12,
+              style: { color: "var(--iu-bg-primary)" }
+            }
+          )
         }
       )
     ] });

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-border-primary)}.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"}

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,.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 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)}}.impact-form-required-mark{color:var(--iu-legacy-red-badge)}.impact_textarea_label{color:var(--iu-on-surface-label);font-size:12px;padding-bottom:6px}.impact_textarea{margin-top:6px}.impact_textarea textarea{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-border-default);border-radius:8px;color:var(--iu-on-surface-body);min-height:100px;min-width:240px;padding:12px;position:relative;resize:none}.impact_textarea textarea:focus,.impact_textarea textarea:hover{border:1px solid var(--iu-bg-primary);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:var(--iu-legacy-gray-badge);font-size:10px}.impact_textarea_disabled .impact_textarea_label{color:var(--iu-on-disabled)}.impact_textarea_disabled textarea{background:var(--iu-bg-disabled-1);color:var(--iu-border-disabled);pointer-events:none}.impact_textarea_disabled .impact_textarea_btm_container .left_secondary_label_container{color:var(--iu-on-disabled);text-align:start}.impact_textarea_disabled .impact_textarea_btm_container .right_numeric_container{color:var(--iu-on-disabled)}.impact_textarea_error textarea{color:var(--iu-on-error-text)}textarea{font-family:Manrope,sans-serif!important}.impact_textarea_disabled textarea::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--iu-on-disabled)}.impact_textarea_error :is(.left_secondary_label_container,.right_numeric_container){color:var(--iu-on-error-text)}.impact_textarea_error :is(textarea:focus,textarea:hover),.impact_textarea_error textarea{border:1px solid var(--iu-legacy-red-badge)}.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 var(--iu-legacy-green-badge)}.impact_textarea_success :is(.left_secondary_label_container,.right_numeric_container){color:var(--iu-bg-success-darker)}.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;padding-right:34px}.impact_textarea_warning :is(textarea:focus,textarea:hover),.impact_textarea_warning textarea{border:1px solid var(--iu-legacy-yellow-badge)}.impact_textarea_warning :is(.left_secondary_label_container,.right_numeric_container){color:var(--iu-bg-warning-darker)}.impact_textarea textarea::placeholder{color:var(--iu-on-disabled);font-weight:400;transition:font-weight .2s ease}.impact_textarea_disabled textarea::placeholder{color:var(--iu-on-disabled)}.impact_textarea textarea:focus::placeholder{color:#0000}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 
@@ -76,7 +76,7 @@ function TextArea({
       /* @__PURE__ */ jsxs("label", { className: "impact_textarea_label", children: [
         label,
         " ",
-        isRequired && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
+        isRequired && /* @__PURE__ */ jsx("span", { className: "impact-form-required-mark", children: "*" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "impact_textarea", children: renderTextarea() })
     ] }) });
@@ -86,7 +86,7 @@ function TextArea({
     /* @__PURE__ */ jsxs("label", { className: "impact_textarea_label", children: [
       label,
       " ",
-      isRequired && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
+      isRequired && /* @__PURE__ */ jsx("span", { className: "impact-form-required-mark", children: "*" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "impact_textarea", children: renderTextarea() }),
     /* @__PURE__ */ jsxs("div", { className: "impact_textarea_btm_container", children: [

package/dist/components/ThemingPanel/AccentColorSection.d.ts

@@ -0,0 +1,11 @@
+import { AccentColorId } from './ThemingPanel.types';
+
+export interface AccentColorSectionProps {
+    value: AccentColorId;
+    onChange: (color: AccentColorId) => void;
+}
+export declare function AccentColorSection({ value, onChange }: AccentColorSectionProps): import("react").JSX.Element;
+export declare namespace AccentColorSection {
+    var displayName: string;
+}
+//# sourceMappingURL=AccentColorSection.d.ts.map

package/dist/components/ThemingPanel/AccentColorSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccentColorSection.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/AccentColorSection.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BA2C9E;yBA3Ce,kBAAkB"}

package/dist/components/ThemingPanel/AccentColorSection.js

@@ -0,0 +1,45 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Tooltip } from "../Tooltip/index.js";
+import { ACCENT_COLORS, getAccentColorCssVar } from "./themingPanel.constants.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
+function AccentColorSection({ value, onChange }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("section", { className: "ia-theming-panel-row", children: [
+    /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-row-copy", children: [
+      /* @__PURE__ */ jsx("h3", { className: "ia-theming-panel-section-title", children: t("themingPanel.accentColor.title") }),
+      /* @__PURE__ */ jsx("p", { className: "ia-theming-panel-section-subtitle", children: t("themingPanel.accentColor.subtitle") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-label": t("themingPanel.accentColor.title"),
+        className: "ia-theming-panel-swatches",
+        role: "radiogroup",
+        children: ACCENT_COLORS.map(({ id }) => {
+          const selected = value === id;
+          const label = t(`themingPanel.accentColor.${id}`);
+          const tooltipTitle = t("themingPanel.styles.cardTooltip", { name: label });
+          return /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: tooltipTitle, variant: "tertiary", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-checked": selected,
+              "aria-label": label,
+              className: `ia-theming-panel-swatch ${selected ? "ia-theming-panel-swatch-selected" : ""}`,
+              role: "radio",
+              style: { "--ia-theming-swatch-color": getAccentColorCssVar(id) },
+              type: "button",
+              onClick: () => {
+                onChange(id);
+              },
+              children: /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-swatch-fill" })
+            }
+          ) }, id);
+        })
+      }
+    )
+  ] });
+}
+AccentColorSection.displayName = "AccentColorSection";
+export {
+  AccentColorSection
+};

package/dist/components/ThemingPanel/EnhanceContrastSection.d.ts

@@ -0,0 +1,11 @@
+import { ContrastLevel } from './ThemingPanel.types';
+
+export interface EnhanceContrastSectionProps {
+    value: ContrastLevel;
+    onChange: (level: ContrastLevel) => void;
+}
+export declare function EnhanceContrastSection({ value, onChange }: EnhanceContrastSectionProps): import("react").JSX.Element;
+export declare namespace EnhanceContrastSection {
+    var displayName: string;
+}
+//# sourceMappingURL=EnhanceContrastSection.d.ts.map

package/dist/components/ThemingPanel/EnhanceContrastSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhanceContrastSection.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/EnhanceContrastSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,2BAA2B,+BAmCtF;yBAnCe,sBAAsB"}

package/dist/components/ThemingPanel/EnhanceContrastSection.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Chips } from "../Chips/index.js";
+import { CONTRAST_LEVELS } from "./themingPanel.constants.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
+function EnhanceContrastSection({ value, onChange }) {
+  const { t } = useTranslation();
+  const labels = {
+    subtle: t("themingPanel.contrast.subtle"),
+    default: t("themingPanel.contrast.default"),
+    dark: t("themingPanel.contrast.dark")
+  };
+  return /* @__PURE__ */ jsxs("section", { className: "ia-theming-panel-row", children: [
+    /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-row-copy", children: [
+      /* @__PURE__ */ jsx("h3", { className: "ia-theming-panel-section-title", children: t("themingPanel.contrast.title") }),
+      /* @__PURE__ */ jsx("p", { className: "ia-theming-panel-section-subtitle", children: t("themingPanel.contrast.subtitle") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-label": t("themingPanel.contrast.title"),
+        className: "ia-theming-panel-chips",
+        role: "group",
+        children: CONTRAST_LEVELS.map((level) => /* @__PURE__ */ jsx(
+          Chips,
+          {
+            "aria-pressed": value === level,
+            isActive: value === level,
+            label: labels[level],
+            onClick: () => {
+              onChange(level);
+            }
+          },
+          level
+        ))
+      }
+    )
+  ] });
+}
+EnhanceContrastSection.displayName = "EnhanceContrastSection";
+export {
+  EnhanceContrastSection
+};

package/dist/components/ThemingPanel/InterfaceThemeSection.d.ts

@@ -0,0 +1,13 @@
+import { ImpactUiThemeMode } from '../../tokens';
+
+export interface InterfaceThemeSectionProps {
+    /** Theme preference from the parent (e.g. `useImpactUiTheme().mode` or panel draft state). */
+    value: ImpactUiThemeMode;
+    /** Called when the user picks System / Light / Dark (wire to `setMode` or draft handler). */
+    onChange: (mode: ImpactUiThemeMode) => void;
+}
+export declare function InterfaceThemeSection({ value, onChange }: InterfaceThemeSectionProps): import("react").JSX.Element;
+export declare namespace InterfaceThemeSection {
+    var displayName: string;
+}
+//# sourceMappingURL=InterfaceThemeSection.d.ts.map

package/dist/components/ThemingPanel/InterfaceThemeSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InterfaceThemeSection.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/InterfaceThemeSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,0BAA0B;IACzC,8FAA8F;IAC9F,KAAK,EAAE,iBAAiB,CAAC;IACzB,6FAA6F;IAC7F,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AAiED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,0BAA0B,+BA6DpF;yBA7De,qBAAqB"}

package/dist/components/ThemingPanel/InterfaceThemeSection.js

@@ -0,0 +1,118 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "../../i18n/useTranslation.js";
+import Radio from "../../node_modules/@mui/material/Radio/Radio.js";
+const MODES = ["system", "light", "dark"];
+function WindowDots({ variant }) {
+  if (variant === "dark") {
+    return /* @__PURE__ */ jsxs("div", { "aria-hidden": true, className: "ia-theming-panel-preview-chrome", children: [
+      /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-dots ia-theming-panel-preview-dots--dark" }),
+      /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-accent" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { "aria-hidden": true, className: "ia-theming-panel-preview-chrome", children: [
+    /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-dot ia-theming-panel-preview-dot--red" }),
+    /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-dot ia-theming-panel-preview-dot--amber" }),
+    /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-dot ia-theming-panel-preview-dot--green" }),
+    /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-accent" })
+  ] });
+}
+function MockEditor({ tone }) {
+  return /* @__PURE__ */ jsxs("div", { className: `ia-theming-panel-preview-editor ia-theming-panel-preview-editor--${tone}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "ia-theming-panel-preview-sidebar" }),
+    /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-preview-main", children: [
+      /* @__PURE__ */ jsx("div", { className: "ia-theming-panel-preview-navbar" }),
+      /* @__PURE__ */ jsx("div", { className: "ia-theming-panel-preview-body" })
+    ] })
+  ] });
+}
+function ThemePreview({ mode }) {
+  if (mode === "system") {
+    return /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-theme-preview ia-theming-panel-theme-preview--system", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-theme-preview-half ia-theming-panel-theme-preview-half--light", children: [
+        /* @__PURE__ */ jsx(WindowDots, { variant: "system-light" }),
+        /* @__PURE__ */ jsx(MockEditor, { tone: "light" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-theme-preview-half ia-theming-panel-theme-preview-half--dark", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "ia-theming-panel-preview-chrome ia-theming-panel-preview-chrome--end",
+            children: /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-accent" })
+          }
+        ),
+        /* @__PURE__ */ jsx(MockEditor, { tone: "dark" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `ia-theming-panel-theme-preview ia-theming-panel-theme-preview--${mode}`, children: [
+    /* @__PURE__ */ jsx(WindowDots, { variant: mode }),
+    /* @__PURE__ */ jsx(MockEditor, { tone: mode })
+  ] });
+}
+function InterfaceThemeSection({ value, onChange }) {
+  const { t } = useTranslation();
+  const labels = {
+    light: t("profileMenu.themeLight"),
+    dark: t("profileMenu.themeDark"),
+    system: t("themingPanel.theme.system")
+  };
+  return /* @__PURE__ */ jsxs("section", { className: "ia-theming-panel-row", children: [
+    /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-row-copy", children: [
+      /* @__PURE__ */ jsx("h3", { className: "ia-theming-panel-section-title", children: t("themingPanel.interfaceTheme.title") }),
+      /* @__PURE__ */ jsx("p", { className: "ia-theming-panel-section-subtitle", children: t("themingPanel.interfaceTheme.subtitle") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-label": t("themingPanel.interfaceTheme.title"),
+        className: "ia-theming-panel-theme-cards",
+        role: "radiogroup",
+        children: MODES.map((themeOption) => {
+          const selected = value === themeOption;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "aria-checked": selected,
+              className: `ia-theming-panel-theme-card ${selected ? "ia-theming-panel-theme-card-selected" : ""}`,
+              role: "radio",
+              tabIndex: 0,
+              onClick: () => {
+                onChange(themeOption);
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  onChange(themeOption);
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx(ThemePreview, { mode: themeOption }),
+                /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-theme-card-footer", children: [
+                  /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-theme-card-label", children: labels[themeOption] }),
+                  /* @__PURE__ */ jsx(
+                    Radio,
+                    {
+                      disableRipple: true,
+                      checked: selected,
+                      className: "ia-styles ia-radioButton ia-theming-panel-theme-card-radio",
+                      inputProps: { "aria-hidden": true },
+                      size: "small",
+                      tabIndex: -1,
+                      value: themeOption
+                    }
+                  )
+                ] })
+              ]
+            },
+            themeOption
+          );
+        })
+      }
+    )
+  ] });
+}
+InterfaceThemeSection.displayName = "InterfaceThemeSection";
+export {
+  InterfaceThemeSection
+};

package/dist/components/ThemingPanel/StylesSection.d.ts

@@ -0,0 +1,11 @@
+import { InterfaceStyleId } from './ThemingPanel.types';
+
+export interface StylesSectionProps {
+    value: InterfaceStyleId;
+    onChange: (style: InterfaceStyleId) => void;
+}
+export declare function StylesSection({ value, onChange }: StylesSectionProps): import("react").JSX.Element;
+export declare namespace StylesSection {
+    var displayName: string;
+}
+//# sourceMappingURL=StylesSection.d.ts.map

package/dist/components/ThemingPanel/StylesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesSection.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/StylesSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA6CpE;yBA7Ce,aAAa"}