impact-ui 4.0.2-alpha.1 → 4.0.2-alpha.3

package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts

@@ -1,33 +1,25 @@
-import { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 import { BaseComponentProps } from '../../types';
-import { InjectedLayoutProps } from '../DynamicLayout';
 import { StepperStep } from '../Stepper/Stepper.types';
 
 export interface CreateItemFlowProps extends BaseComponentProps {
-    /** Current step (1-based) */
     step?: number;
     totalSteps?: number;
-    /** Width of the left panel (e.g. "375px") */
     leftPanelWidth?: string | number;
-    /** Headings for each step section in the right content */
     headings?: string[];
-    /** One React node per step (matched with headings by index) */
     children?: ReactNode | ReactNode[];
     onCancel?: () => void;
     onNext?: () => void;
     onPrev?: () => void;
     onStepClick?: (step: number) => void;
-    /** Stepper variant: default (MUI) or progress */
     stepperVariant?: 'default' | 'progress' | 'mui';
     leftPanelTitle?: string;
     leftPanelDescription?: string;
-    /** Custom left panel image (overrides default) */
     leftPanelImage?: ReactNode | null;
-    /** Custom actions (overrides default Prev/Next buttons) */
     actionsChildren?: ReactNode | null;
     showStepper?: boolean;
 }
-export interface RightContentPanelProps extends Partial<InjectedLayoutProps> {
+export interface RightContentPanelProps {
     showStepper: boolean;
     steps: StepperStep[];
     step: number;
@@ -40,5 +32,7 @@ export interface RightContentPanelProps extends Partial<InjectedLayoutProps> {
     onPrev?: () => void;
     onNext?: () => void;
     totalSteps: number;
+    contentRef?: RefObject<HTMLDivElement>;
+    hasScroll?: boolean;
 }
 //# sourceMappingURL=CreateItemFlow.types.d.ts.map

package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/CreateItemFlow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iDAAiD;IACjD,cAAc,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kDAAkD;IAClD,cAAc,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAClC,2DAA2D;IAC3D,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,sBAAuB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;IAC1E,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"CreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/CreateItemFlow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

@@ -1,6 +1,18 @@
 import { default as React } from 'react';
-import { CreateItemFlowProps } from './CreateItemFlow.types';
 
-export type { CreateItemFlowProps } from './CreateItemFlow.types';
-export declare const CreateItemFlow: React.NamedExoticComponent<CreateItemFlowProps>;
+export interface CreateItemFlowProps {
+    leftPanelWidth?: string | number;
+    leftPanelContent?: React.ReactNode;
+    leftPanelImage?: React.ReactNode;
+    rightContent?: React.ReactNode;
+    title?: string;
+    description?: string;
+    onPrev?: () => void;
+    onNext?: () => void;
+    prevLabel?: string;
+    nextLabel?: string;
+    showPrevIcon?: boolean;
+    showNextIcon?: boolean;
+}
+export declare const CreateItemFlow: React.MemoExoticComponent<({ leftPanelWidth, leftPanelContent, leftPanelImage, rightContent, title, description, onPrev, onNext, prevLabel, nextLabel, showPrevIcon, showNextIcon, }: CreateItemFlowProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAM7C,OAAO,KAAK,EAAE,mBAAmB,EAA0B,MAAM,wBAAwB,CAAC;AAC1F,OAAO,8BAA8B,CAAC;AAItC,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAuFlE,eAAO,MAAM,cAAc,iDA+DzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,OAAO,8BAA8B,CAAC;AA+BtC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,wLActB,mBAAmB,6CA6BvB,CAAC"}

package/dist/components/CreateItemFlow/index.js

@@ -1,143 +1,63 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".field .field-label{color:#666;font-size:14px;margin-bottom:8px}.form-section .field{margin-bottom:24px}.form-section .field:last-child{margin-bottom:0}.left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.left-panel-content .left-panel-title h1{margin-bottom:16px}.right-content .ia-stepper.progress .progress-steps{margin-bottom:32px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { memo, useMemo } from "react";
+!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)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.form-section{width:100%}.form-section .form-section-title{color:#0d152c;font-size:16px;font-weight:600;margin-bottom:12px}.form-section .form-filter-block{background:#f7f9fd;border-radius:8px;margin-top:20px;padding:12px}.form-section .form-filter-block .form-filter-title{color:#0d152c;font-size:14px;font-weight:600;margin-bottom:16px}.form-section .form-filter-block .form-filter-fields{display:flex;flex-wrap:wrap;gap:24px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { memo } from "react";
+import default_1 from "../../node_modules/@mui/icons-material/ChevronLeft.js";
+import default_1$1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
 import { getAssetUrl } from "../../utils/assetBase.js";
 import { Button } from "../Button/index.js";
 import { DynamicLayout } from "../DynamicLayout/index.js";
-import { Stepper } from "../Stepper/index.js";
 
-import { useTranslation } from "../../i18n/useTranslation.js";
-const createFlowImage = getAssetUrl("icons/createFlowImage.svg");
-function LeftPanelContent({
-  leftPanelTitle,
-  leftPanelDescription,
-  leftPanelImage
-}) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: "left-panel-content", children: [
-    /* @__PURE__ */ jsxs("div", { className: "left-panel-title", children: [
-      /* @__PURE__ */ jsx("h1", { children: leftPanelTitle }),
-      /* @__PURE__ */ jsx("p", { children: leftPanelDescription })
-    ] }),
-    leftPanelImage ?? /* @__PURE__ */ jsx(
-      "img",
-      {
-        alt: t("createItemFlow.imageAlt"),
-        className: "left-panel-image",
-        src: createFlowImage
-      }
-    )
-  ] });
-}
-function RightContentPanel({
-  showStepper,
-  steps,
-  step,
-  stepperVariant,
-  onStepClick,
-  headings,
-  children,
-  contentRef,
-  hasScroll,
-  actionsChildren,
-  onCancel,
-  onPrev,
-  onNext,
-  totalSteps
-}) {
-  const { t } = useTranslation();
-  const childArray = React__default.Children.toArray(children ?? []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showStepper && /* @__PURE__ */ jsx(
-      Stepper,
-      {
-        activeStep: step - 1,
-        handleStep: (index) => onStepClick == null ? void 0 : onStepClick(index + 1),
-        orientation: "horizontal",
-        steps,
-        variant: stepperVariant
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: contentRef,
-        className: `content-wrapper ${hasScroll === false ? "no-scroll" : ""}`,
-        children: headings.map((heading, index) => /* @__PURE__ */ jsxs("div", { className: "heading", children: [
-          /* @__PURE__ */ jsx("h2", { children: heading }),
-          childArray[index]
-        ] }, index))
-      }
-    ),
-    actionsChildren != null ? /* @__PURE__ */ jsx("div", { className: "actions", children: actionsChildren }) : /* @__PURE__ */ jsxs("div", { className: "actions", children: [
-      step === 1 ? /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, children: t("common.cancel") }) : /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onPrev, children: t("common.previous") }),
-      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onNext, children: step === totalSteps ? t("common.submit") : t("common.next") })
-    ] })
-  ] });
-}
-const CreateItemFlow = memo(function CreateItemFlow2({
-  step = 1,
-  totalSteps = 3,
-  leftPanelWidth,
-  headings = [],
-  children,
-  onCancel,
-  onNext,
-  onPrev,
-  onStepClick,
-  stepperVariant = "progress",
-  leftPanelTitle,
-  leftPanelDescription = "",
-  leftPanelImage = null,
-  actionsChildren = null,
-  showStepper = true
-}) {
-  const { t } = useTranslation();
-  const resolvedLeftPanelTitle = leftPanelTitle ?? t("createItemFlow.defaultTitle");
-  const steps = useMemo(
-    () => Array.from({ length: totalSteps }, (_, idx) => ({
-      label: t("createItemFlow.stepLabel", { number: idx + 1 }),
-      description: t("createItemFlow.stepDescription", {
-        number: idx + 1,
-        total: totalSteps
-      })
-    })),
-    [totalSteps, t]
-  );
-  const rightContent = /* @__PURE__ */ jsx(
-    RightContentPanel,
-    {
-      actionsChildren,
-      headings,
-      showStepper,
-      step,
-      stepperVariant,
-      steps,
-      totalSteps,
-      onCancel,
-      onNext,
-      onPrev,
-      onStepClick,
-      children
-    }
-  );
-  return /* @__PURE__ */ jsx(
+const createFlowImage = getAssetUrl("icons/create-item-flow-img.webp");
+const LeftPanelContent = ({ leftPanelContent, leftPanelImage }) => /* @__PURE__ */ jsxs("div", { className: "left-panel-content", children: [
+  leftPanelContent,
+  leftPanelImage ? leftPanelImage : /* @__PURE__ */ jsx("img", { alt: "Create Item Flow", className: "left-panel-image", src: createFlowImage })
+] });
+const RightContentPanel = ({ contentRef, children }) => /* @__PURE__ */ jsx("div", { ref: contentRef, className: "content-wrapper", children });
+const CreateItemFlow = memo(
+  ({
+    leftPanelWidth,
+    leftPanelContent = null,
+    leftPanelImage = null,
+    rightContent,
+    title = "Create item",
+    description = "",
+    onPrev,
+    onNext,
+    prevLabel = "Back",
+    nextLabel = "Next",
+    showPrevIcon = true,
+    showNextIcon = true
+  }) => /* @__PURE__ */ jsx(
     DynamicLayout,
     {
-      leftPanel: /* @__PURE__ */ jsx(
-        LeftPanelContent,
-        {
-          leftPanelDescription,
-          leftPanelImage,
-          leftPanelTitle: resolvedLeftPanelTitle
-        }
-      ),
+      description,
+      footer: /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "tertiary",
+            onClick: onPrev,
+            ...showPrevIcon && { icon: /* @__PURE__ */ jsx(default_1, {}) },
+            children: prevLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            onClick: onNext,
+            ...showNextIcon && { icon: /* @__PURE__ */ jsx(default_1$1, {}), iconPlacement: "right" },
+            children: nextLabel
+          }
+        )
+      ] }),
+      leftPanel: /* @__PURE__ */ jsx(LeftPanelContent, { leftPanelContent, leftPanelImage }),
       leftPanelWidth,
-      rightContent,
-      showStepper
+      rightContent: /* @__PURE__ */ jsx(RightContentPanel, { children: rightContent }),
+      title
     }
-  );
-});
+  )
+);
 export {
   CreateItemFlow
 };

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

@@ -1,12 +1,15 @@
-import { DynamicLayoutProps } from './DynamicLayout.types';
+import { default as React } from 'react';
 
-export type { DynamicLayoutProps, InjectedLayoutProps } from './DynamicLayout.types';
-/**
- * Two-panel layout: left panel (fixed width) and right content that receives
- * contentRef and hasScroll for scroll detection.
- */
-export declare function DynamicLayout({ leftPanel, rightContent, leftPanelWidth, className, showStepper, ...props }: DynamicLayoutProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace DynamicLayout {
-    var displayName: string;
+interface DynamicLayoutProps {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    leftPanel?: React.ReactNode;
+    rightContent: React.ReactElement;
+    leftPanelWidth?: string | number;
+    className?: string;
+    footer?: React.ReactNode;
+    [key: string]: unknown;
 }
+export declare const DynamicLayout: ({ title, description, leftPanel, rightContent, leftPanelWidth, className, footer, ...props }: DynamicLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,6BAA6B,CAAC;AAErC,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAErF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,YAAY,EACZ,cAAc,EACd,SAAc,EACd,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA+CpB;yBAtDe,aAAa"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,6BAA6B,CAAC;AAErC,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,8FAS3B,kBAAkB,4CA0BpB,CAAC"}

package/dist/components/DynamicLayout/index.js

@@ -1,48 +1,40 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.dynamic-layout-container{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #ababab40;box-sizing:border-box;display:flex;top:90px;right:230px;bottom:90px;left:230px;position:absolute}.dynamic-layout-container .left-panel{border-right:1px solid #d9dde7;box-sizing:border-box;padding:100px 48px;width:375px}.dynamic-layout-container .left-panel h1{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:16px}.dynamic-layout-container .left-panel p{color:#666;font-size:14px;line-height:1.5}.dynamic-layout-container .right-content{background-color:#fff;border-radius:0 8px 8px 0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:100px 120px;width:calc(100% - 375px)}.dynamic-layout-container .right-content.with-stepper{padding-top:50px}.dynamic-layout-container .right-content .content-wrapper{flex:1;overflow-y:auto}.dynamic-layout-container .right-content .content-wrapper.no-scroll+.actions:before{display:none}.dynamic-layout-container .right-content .content-wrapper .heading{margin-bottom:32px}.dynamic-layout-container .right-content .content-wrapper .heading h2{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:8px}.dynamic-layout-container .right-content .content-wrapper .heading .field-label{color:#666;font-size:14px;margin-bottom:8px}.dynamic-layout-container .right-content .content-wrapper .form-section{margin-bottom:32px}.dynamic-layout-container .right-content .content-wrapper .form-section .field-group{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;margin-bottom:24px}.dynamic-layout-container .right-content .actions{background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:12px;position:relative}.dynamic-layout-container .right-content .actions:before{background:#d9dde7;content:"";height:1px;left:-25px;position:absolute;right:-25px;top:0}@media screen and (min-width:1400px) and (max-width:1600px){.dynamic-layout-container{top:90px;right:150px;bottom:90px;left:150px}.dynamic-layout-container .right-content{padding:50px 90px}.dynamic-layout-container .left-panel-image{width:100%}}@media screen and (max-width:1399px){.dynamic-layout-container .left-panel{width:300px}.dynamic-layout-container .right-content{width:calc(100% - 300px)}.dynamic-layout-container{top:90px;right:100px;bottom:90px;left:100px}.dynamic-layout-container .right-content{padding:50px 60px}.dynamic-layout-container .left-panel-image{width:100%}}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+!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)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.dynamic-layout-container{background-color:#fff;border-radius:24px;box-shadow:0 0 4px #ababab40;display:flex;flex-direction:column;top:90px;right:230px;bottom:90px;left:230px;position:absolute}.dynamic-layout-container .dynamic-layout-header{border-bottom:1px solid #d9dde7;display:flex;flex-direction:column;gap:8px;padding:24px}.dynamic-layout-container .dynamic-layout-header h1{color:#0d152c;font-size:24px;font-weight:800;line-height:36px}.dynamic-layout-container .dynamic-layout-header p{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.dynamic-layout-container .dynamic-layout-body{display:flex;flex:1;min-height:0;overflow:hidden;padding:24px}.dynamic-layout-container .dynamic-layout-body .left-panel{border-right:1px solid #d9dde7;padding-right:24px;width:220px}.dynamic-layout-container .dynamic-layout-body .left-panel .left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.dynamic-layout-container .dynamic-layout-body .left-panel .left-panel-image{height:130px;margin:0 auto;width:132px}.dynamic-layout-container .dynamic-layout-body .right-column{display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding-left:24px;width:calc(100% - 220px)}.dynamic-layout-container .dynamic-layout-body .right-column .right-content{display:flex;flex-direction:column;overflow:hidden}.dynamic-layout-container .dynamic-layout-body .right-column .dynamic-layout-footer{border-top:1px solid #d9dde7;display:flex;justify-content:space-between;padding-top:24px}@media screen and (min-width:1400px) and (max-width:1600px){.dynamic-layout-container{top:90px;right:150px;bottom:90px;left:150px}.dynamic-layout-container .dynamic-layout-body{padding:20px}.dynamic-layout-container .right-column{padding:40px 70px}.dynamic-layout-container .left-panel-image{width:100%}}@media screen and (max-width:1399px){.dynamic-layout-container{top:90px;right:100px;bottom:90px;left:100px}.dynamic-layout-container .dynamic-layout-body{padding:16px}.dynamic-layout-container .left-panel{flex-shrink:0;padding-right:16px;width:fit-content}.dynamic-layout-container .right-column{flex:1;padding-left:16px;width:auto}.dynamic-layout-container .left-panel-image{height:auto;max-width:132px;width:100%}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-import React__default, { useRef, useState, useLayoutEffect } from "react";
+import React__default, { useRef } from "react";
 
-function DynamicLayout({
+import Box from "../../node_modules/@mui/material/Box/Box.js";
+const DynamicLayout = ({
+  title,
+  description,
   leftPanel,
   rightContent,
   leftPanelWidth,
-  className = "",
-  showStepper = false,
+  className,
+  footer,
   ...props
-}) {
+}) => {
   const contentRef = useRef(null);
-  const [hasScroll, setHasScroll] = useState(false);
-  useLayoutEffect(() => {
-    const el = contentRef.current;
-    const checkScroll = () => {
-      if (!el) return;
-      setHasScroll(el.scrollHeight > el.clientHeight);
-    };
-    checkScroll();
-    window.addEventListener("resize", checkScroll);
-    const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(checkScroll) : null;
-    if (resizeObserver && el) resizeObserver.observe(el);
-    const mutationObserver = typeof MutationObserver !== "undefined" ? new MutationObserver(checkScroll) : null;
-    if (mutationObserver && el) {
-      mutationObserver.observe(el, {
-        childList: true,
-        subtree: true,
-        characterData: true,
-        attributes: true
-      });
-    }
-    return () => {
-      window.removeEventListener("resize", checkScroll);
-      resizeObserver == null ? void 0 : resizeObserver.disconnect();
-      mutationObserver == null ? void 0 : mutationObserver.disconnect();
-    };
-  }, [rightContent]);
-  return /* @__PURE__ */ jsxs("div", { className: `dynamic-layout-container ${className}`.trim(), ...props, children: [
-    /* @__PURE__ */ jsx("div", { className: "left-panel", style: { width: leftPanelWidth }, children: leftPanel }),
-    /* @__PURE__ */ jsx("div", { className: `right-content ${showStepper ? "with-stepper" : ""}`, children: React__default.cloneElement(rightContent, { contentRef, hasScroll }) })
+  return /* @__PURE__ */ jsxs(Box, { className: `dynamic-layout-container ${className || ""}`, ...props, children: [
+    /* @__PURE__ */ jsxs(Box, { className: "dynamic-layout-header", children: [
+      /* @__PURE__ */ jsx("h1", { children: title }),
+      description && /* @__PURE__ */ jsx("p", { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { className: "dynamic-layout-body", children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: "left-panel",
+          style: leftPanelWidth ? { "--left-panel-width": leftPanelWidth } : void 0,
+          children: leftPanel
+        }
+      ),
+      /* @__PURE__ */ jsxs(Box, { className: "right-column", children: [
+        /* @__PURE__ */ jsx(Box, { className: "right-content", children: React__default.cloneElement(rightContent, { contentRef }) }),
+        footer && /* @__PURE__ */ jsx(Box, { className: "dynamic-layout-footer", children: footer })
+      ] })
+    ] })
   ] });
-}
-DynamicLayout.displayName = "DynamicLayout";
+};
 export {
   DynamicLayout
 };

package/dist/components/Stepper/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)}}.ia-styles.ia-stepper{font-family:Manrope,sans-serif!important}.ia-styles.ia-stepper.MuiStepContent-root{border-left:none;bottom:0;margin-left:12px;padding-left:20px;padding-right:8px;position:absolute}.ia-styles.ia-stepper.MuiBox-root{max-width:none}.ia-styles.ia-stepper.ia-stepper{font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;height:44px;padding-left:12px;padding-right:12px;position:relative;width:100%}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal: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}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;border-radius:8px;color:#4259ee;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff;font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#d9dde7;border-radius:8px;color:#d9dde7;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#7a8294;font-family:Manrope,sans-serif;font-weight:800}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273 url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg) no-repeat;background-position:50%;background-size:16px;border-radius:8px;color:#3bb273;height:24px;position:relative;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;color:#4259ee;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#7a8294;color:#7a8294;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#fff;font-weight:700}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg);background-position:50%;background-repeat:no-repeat;background-size:12px;color:#3bb273;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label{font-family:Manrope,sans-serif;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label.Mui-completed{color:#3bb273}.ia-styles.ia-stepper .MuiTypography-caption{font-family:Manrope,sans-serif}.ia-styles.ia-stepper .MuiStepLabel-label.Mui-completed+.MuiTypography-root.MuiTypography-caption{color:#3bb273}.ia-styles.ia-stepper .MuiStepConnector-line{border-color:#b4bac7;border-style:dashed;width:23px}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active){border-bottom:2px solid #4259ee!important}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-triangle.svg) no-repeat;background-size:13px;bottom:-10px;content:" ";height:10px;left:18px;position:absolute;width:13px}.ia-styles.ia-stepper .MuiStep-root:has(.Mui-completed){border-bottom:2px solid #108431!important}.ia-styles.ia-stepper .MuiStep-vertical{border-radius:3px;padding:10px 15px 10px 12px;position:relative}.ia-styles.ia-stepper .MuiStep-vertical.Mui-completed{background:#ebf7f1;border:1px solid #ebf7f1!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active){background:#eceefd;border:1px solid #eceefd!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-vertical.svg) no-repeat;background-size:contain;content:" ";height:25px;margin-left:-20px;position:absolute;top:50%;transform:translateY(-50%);width:5px}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-disabled){background:#eff2fa;border:1px solid #eff2fa!important}.ia-styles.ia-stepper .css-14sza3e-MuiStepLabel-root{padding:0!important}.ia-styles.ia-stepper.progress .progress-steps{display:flex;gap:8px;margin-bottom:0}.ia-styles.ia-stepper.progress .progress-steps .step{background-color:#eceefd;border-radius:4px;height:8px;transition:background-color .3s ease;width:132px}.ia-styles.ia-stepper.progress .progress-steps .step.active,.ia-styles.ia-stepper.progress .progress-steps .step.completed{background-color:#4259ee}.ia-styles.ia-stepper.progress .step-labels{display:flex;justify-content:space-between}.ia-styles.ia-stepper.progress .step-labels .step-label{color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease}.ia-styles.ia-stepper.progress .step-labels .step-label.active,.ia-styles.ia-stepper.progress .step-labels .step-label.completed{color:#3649c6}.ia-styles.ia-stepper.numbered .numbered-steps{align-items:center;display:flex;gap:16px;margin-bottom:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step.active{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.numbered .numbered-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";height:2px;position:absolute;right:-16px;width:16px}.ia-styles.ia-stepper.labeled .labeled-steps{align-items:center;display:flex;gap:24px;margin-bottom:32px}.ia-styles.ia-stepper.labeled .labeled-steps .step{align-items:center;display:flex;gap:8px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-number{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;transition:all .3s ease;width:24px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-label{color:#666;font-size:14px;transition:color .3s ease}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-number{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-label{color:#1a1a1a;font-weight:600}.ia-styles.ia-stepper.labeled .labeled-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";display:block;height:1px;margin-left:8px;width:24px}.ia-styles.ia-stepper .status-config{flex:1}.ia-styles.ia-stepper .status-config .MuiStepLabel-label{align-items:center;display:flex;justify-content:space-between;max-width:none!important}.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#0d152c}.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#4259ee}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!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)}}.ia-styles.ia-stepper{font-family:Manrope,sans-serif!important}.ia-styles.ia-stepper.MuiStepContent-root{border-left:none;bottom:0;margin-left:12px;padding-left:20px;padding-right:8px;position:absolute}.ia-styles.ia-stepper.MuiBox-root{max-width:none}.ia-styles.ia-stepper.ia-stepper{font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;height:44px;padding-left:12px;padding-right:12px;position:relative;width:100%}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal: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}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;border-radius:8px;color:#4259ee;height:22px!important;width:22px!important}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff;font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#d9dde7;border-radius:8px;color:#d9dde7;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#7a8294;font-family:Manrope,sans-serif;font-weight:800}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273 url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg) no-repeat;background-position:50%;background-size:16px;border-radius:6px;color:#3bb273;position:relative}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;color:#4259ee;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#7a8294;color:#7a8294;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#fff;font-weight:700}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg);background-position:50%;background-repeat:no-repeat;background-size:12px;color:#3bb273;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label{font-family:Manrope,sans-serif;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label.Mui-completed{color:#3bb273}.ia-styles.ia-stepper .MuiTypography-caption{font-family:Manrope,sans-serif}.ia-styles.ia-stepper .MuiStepLabel-label.Mui-completed+.MuiTypography-root.MuiTypography-caption{color:#3bb273}.ia-styles.ia-stepper .MuiStepConnector-root{margin-left:20px}.ia-styles.ia-stepper .MuiStepConnector-root .MuiStepConnector-line{border-color:#b4bac7;border-style:dashed;width:23px}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active){border-bottom:2px solid #4259ee!important}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-triangle.svg) no-repeat;background-size:13px;bottom:-10px;content:" ";height:10px;left:18px;position:absolute;width:13px}.ia-styles.ia-stepper .MuiStep-root:has(.Mui-completed){border-bottom:2px solid #108431!important}.ia-styles.ia-stepper .MuiStep-vertical{border-radius:8px;padding:8px;position:relative}.ia-styles.ia-stepper .MuiStep-vertical.Mui-completed{background:#ebf7f1;border:1px solid #ebf7f1!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active){background:#eceefd;border:1px solid #eceefd!important}.ia-styles.ia-stepper .css-14sza3e-MuiStepLabel-root{padding:0!important}.ia-styles.ia-stepper.progress .progress-steps{display:flex;gap:8px;margin-bottom:0}.ia-styles.ia-stepper.progress .progress-steps .step{background-color:#eceefd;border-radius:4px;height:8px;transition:background-color .3s ease;width:132px}.ia-styles.ia-stepper.progress .progress-steps .step.active,.ia-styles.ia-stepper.progress .progress-steps .step.completed{background-color:#4259ee}.ia-styles.ia-stepper.progress .step-labels{display:flex;justify-content:space-between}.ia-styles.ia-stepper.progress .step-labels .step-label{color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease}.ia-styles.ia-stepper.progress .step-labels .step-label.active,.ia-styles.ia-stepper.progress .step-labels .step-label.completed{color:#3649c6}.ia-styles.ia-stepper.numbered .numbered-steps{align-items:center;display:flex;gap:16px;margin-bottom:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step.active{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.numbered .numbered-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";height:2px;position:absolute;right:-16px;width:16px}.ia-styles.ia-stepper.labeled .labeled-steps{align-items:center;display:flex;gap:24px;margin-bottom:32px}.ia-styles.ia-stepper.labeled .labeled-steps .step{align-items:center;display:flex;gap:8px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-number{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;transition:all .3s ease;width:24px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-label{color:#666;font-size:14px;transition:color .3s ease}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-number{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-label{color:#1a1a1a;font-weight:600}.ia-styles.ia-stepper.labeled .labeled-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";display:block;height:1px;margin-left:8px;width:24px}.ia-styles.ia-stepper .status-config{flex:1}.ia-styles.ia-stepper .status-config .MuiStepLabel-label{align-items:center;display:flex;justify-content:space-between;max-width:none!important}.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#0d152c}.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#4259ee}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Badge } from "../Badge/index.js";
 

package/dist/components/Table/AgGridHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AgGridHeader.tsx"],"names":[],"mappings":"AA8BA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,kDAm8BA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AgGridHeader.tsx"],"names":[],"mappings":"AA8BA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,kDAo8BA;AAED,eAAe,YAAY,CAAC"}

package/dist/components/Table/AgGridHeader.js

@@ -28,7 +28,7 @@ function AgGridHeader({
   enableHeaderTextWrap = true,
   ...rest
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta;
   const { t } = useTranslation();
   if (!rest.column || !rest.api) {
     return null;
@@ -641,14 +641,17 @@ function AgGridHeader({
               {
                 ref: inputRef,
                 iconClickOnDisabled: (_Y = (_X = rest.column) == null ? void 0 : _X.colDef) == null ? void 0 : _Y.toShowDuplicateColumnInAdvanceSearch,
-                inputProps: isNumericSearchColumn ? {
-                  inputMode: "decimal",
-                  onKeyDown: handleNumericKeyDown,
-                  onPaste: (e) => {
-                    handleNumericPaste(e, applySearchText);
-                  }
-                } : void 0,
-                isDisabled: (__ = (_Z = rest.column) == null ? void 0 : _Z.colDef) == null ? void 0 : __.toShowDuplicateColumnInAdvanceSearch,
+                inputProps: {
+                  ...isNumericSearchColumn ? {
+                    inputMode: "decimal",
+                    onKeyDown: handleNumericKeyDown,
+                    onPaste: (e) => {
+                      handleNumericPaste(e, applySearchText);
+                    }
+                  } : {},
+                  ...((__ = (_Z = rest.column) == null ? void 0 : _Z.colDef) == null ? void 0 : __.inputProps) ?? {}
+                },
+                isDisabled: (_aa = (_$ = rest.column) == null ? void 0 : _$.colDef) == null ? void 0 : _aa.toShowDuplicateColumnInAdvanceSearch,
                 placeholder: t("common.search"),
                 rightIcon: /* @__PURE__ */ jsxs(Fragment, { children: [
                   searchText.toString().length > 0 && /* @__PURE__ */ jsx(
@@ -662,7 +665,7 @@ function AgGridHeader({
                       }
                     }
                   ),
-                  ((_aa = (_$ = rest.column) == null ? void 0 : _$.colDef) == null ? void 0 : _aa.advanceSearchEnabled) && /* @__PURE__ */ jsx(
+                  ((_ca = (_ba = rest.column) == null ? void 0 : _ba.colDef) == null ? void 0 : _ca.advanceSearchEnabled) && /* @__PURE__ */ jsx(
                     default_1,
                     {
                       onClick: () => {
@@ -709,9 +712,9 @@ function AgGridHeader({
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `ag-header-cell-text ${((_ca = (_ba = rest.column) == null ? void 0 : _ba.colDef) == null ? void 0 : _ca.sortable) ? "sortable" : ""} ${enableHeaderTextWrap ? "header-wrap-enabled" : ""}`,
+              className: `ag-header-cell-text ${((_ea = (_da = rest.column) == null ? void 0 : _da.colDef) == null ? void 0 : _ea.sortable) ? "sortable" : ""} ${enableHeaderTextWrap ? "header-wrap-enabled" : ""}`,
               children: [
-                ((_ea = (_da = rest.column) == null ? void 0 : _da.colDef) == null ? void 0 : _ea.field) === "Selection" || ((_ga = (_fa = rest.column) == null ? void 0 : _fa.colDef) == null ? void 0 : _ga.checkboxSelection) ? children : /* @__PURE__ */ jsx(
+                ((_ga = (_fa = rest.column) == null ? void 0 : _fa.colDef) == null ? void 0 : _ga.field) === "Selection" || ((_ia = (_ha = rest.column) == null ? void 0 : _ha.colDef) == null ? void 0 : _ia.checkboxSelection) ? children : /* @__PURE__ */ jsx(
                   "div",
                   {
                     ref: headerTextRef,
@@ -734,8 +737,8 @@ function AgGridHeader({
                     )
                   }
                 ),
-                (_ia = (_ha = rest.column) == null ? void 0 : _ha.colDef) == null ? void 0 : _ia.headerIcons,
-                ((_ka = (_ja = rest.column) == null ? void 0 : _ja.colDef) == null ? void 0 : _ka.sortable) && /* @__PURE__ */ jsx(
+                (_ka = (_ja = rest.column) == null ? void 0 : _ja.colDef) == null ? void 0 : _ka.headerIcons,
+                ((_ma = (_la = rest.column) == null ? void 0 : _la.colDef) == null ? void 0 : _ma.sortable) && /* @__PURE__ */ jsx(
                   "img",
                   {
                     alt: "TableSortIcon",
@@ -752,10 +755,10 @@ function AgGridHeader({
             {
               className: `ia-icon-div ${hasActiveSearch ? "has-active-search" : ""} ${menuVisible ? "menu-visible" : ""}`,
               children: [
-                (_na = (_ma = (_la = rest.column) == null ? void 0 : _la.colDef) == null ? void 0 : _ma.customHeaderIcons) == null ? void 0 : _na.map((icon) => {
+                (_pa = (_oa = (_na = rest.column) == null ? void 0 : _na.colDef) == null ? void 0 : _oa.customHeaderIcons) == null ? void 0 : _pa.map((icon) => {
                   return icon;
                 }),
-                ((_pa = (_oa = rest.column) == null ? void 0 : _oa.colDef) == null ? void 0 : _pa.isSearchable) && (hasActiveSearch || !showInputField) && /* @__PURE__ */ jsx(Badge, { invisible: !hasActiveSearch, variant: "dot", children: /* @__PURE__ */ jsx(
+                ((_ra = (_qa = rest.column) == null ? void 0 : _qa.colDef) == null ? void 0 : _ra.isSearchable) && (hasActiveSearch || !showInputField) && /* @__PURE__ */ jsx(Badge, { invisible: !hasActiveSearch, variant: "dot", children: /* @__PURE__ */ jsx(
                   default_1$2,
                   {
                     fontSize: "small",
@@ -776,7 +779,7 @@ function AgGridHeader({
                     } : handleSearch
                   }
                 ) }),
-                !((_ra = (_qa = rest.column) == null ? void 0 : _qa.colDef) == null ? void 0 : _ra.suppressMenu) && /* @__PURE__ */ jsx("div", { className: "custom-ag-header-icons", children: /* @__PURE__ */ jsx(
+                !((_ta = (_sa = rest.column) == null ? void 0 : _sa.colDef) == null ? void 0 : _ta.suppressMenu) && /* @__PURE__ */ jsx("div", { className: "custom-ag-header-icons", children: /* @__PURE__ */ jsx(
                   "button",
                   {
                     ref: menuRef,

package/dist/components/TableOld/AgGridHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/AgGridHeader.tsx"],"names":[],"mappings":"AAkBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;CAAA,2CAyfA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/AgGridHeader.tsx"],"names":[],"mappings":"AAwBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;CAAA,2CA6gBA;AAED,eAAe,YAAY,CAAC"}

package/dist/components/TableOld/AgGridHeader.js

@@ -8,6 +8,7 @@ import { getAssetUrl } from "../../utils/assetBase.js";
 import { debounce } from "../../utils/debounce.js";
 import { DatePicker } from "../DatePicker/index.js";
 import { Input } from "../Input/index.js";
+import { handleNumericKeyDown, isNumericValueColumn, isPartialNumericInput, handleNumericPaste } from "../Table/filterUtils.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
@@ -24,7 +25,7 @@ function AgGridHeader({
   enableHeaderTextWrap = true,
   ...rest
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S;
   const { t } = useTranslation();
   const menuRef = useRef();
   useRef();
@@ -341,9 +342,23 @@ function AgGridHeader({
             /* @__PURE__ */ jsx(
               Input,
               {
+                inputProps: {
+                  ...isNumericValueColumn((_v = rest.column) == null ? void 0 : _v.colDef) ? {
+                    inputMode: "decimal",
+                    onKeyDown: handleNumericKeyDown,
+                    onPaste: (e) => {
+                      handleNumericPaste(e, (val) => {
+                        setSearchText(val);
+                        setHasActiveSearch(!!val);
+                        debouncedHandleSearchChange(val);
+                      });
+                    }
+                  } : {},
+                  ...((_x = (_w = rest.column) == null ? void 0 : _w.colDef) == null ? void 0 : _x.inputProps) ?? {}
+                },
                 placeholder: t("common.search"),
                 rightIcon: /* @__PURE__ */ jsxs(Fragment, { children: [
-                  searchText.toString().length > 0 && (columnWidth[(_v = rest.column) == null ? void 0 : _v.colId] ?? ((_w = rest.column) == null ? void 0 : _w.actualWidth)) >= 200 && /* @__PURE__ */ jsx(
+                  (searchText ?? "").toString().length > 0 && (columnWidth[(_y = rest.column) == null ? void 0 : _y.colId] ?? ((_z = rest.column) == null ? void 0 : _z.actualWidth)) >= 200 && /* @__PURE__ */ jsx(
                     default_1$1,
                     {
                       onClick: () => {
@@ -354,7 +369,7 @@ function AgGridHeader({
                       }
                     }
                   ),
-                  ((_y = (_x = rest.column) == null ? void 0 : _x.colDef) == null ? void 0 : _y.advanceSearchEnabled) && /* @__PURE__ */ jsx(
+                  ((_B = (_A = rest.column) == null ? void 0 : _A.colDef) == null ? void 0 : _B.advanceSearchEnabled) && /* @__PURE__ */ jsx(
                     default_1,
                     {
                       onClick: () => {
@@ -372,9 +387,14 @@ function AgGridHeader({
                   setIsInputFocused(false);
                 },
                 onChange: (e) => {
-                  setSearchText(e.target.value);
-                  setHasActiveSearch(!!e.target.value);
-                  debouncedHandleSearchChange(e.target.value);
+                  var _a2;
+                  const nextValue = e.target.value;
+                  if (isNumericValueColumn((_a2 = rest.column) == null ? void 0 : _a2.colDef) && !isPartialNumericInput(nextValue)) {
+                    return;
+                  }
+                  setSearchText(nextValue);
+                  setHasActiveSearch(!!nextValue);
+                  debouncedHandleSearchChange(nextValue);
                 },
                 onFocus: () => {
                   setIsInputFocused(true);
@@ -398,9 +418,9 @@ function AgGridHeader({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: `ag-header-cell-text ${((_A = (_z = rest.column) == null ? void 0 : _z.colDef) == null ? void 0 : _A.sortable) ? "sortable" : ""} ${enableHeaderTextWrap ? "header-wrap-enabled" : ""}`,
+            className: `ag-header-cell-text ${((_D = (_C = rest.column) == null ? void 0 : _C.colDef) == null ? void 0 : _D.sortable) ? "sortable" : ""} ${enableHeaderTextWrap ? "header-wrap-enabled" : ""}`,
             children: [
-              ((_C = (_B = rest.column) == null ? void 0 : _B.colDef) == null ? void 0 : _C.field) === "Selection" || ((_E = (_D = rest.column) == null ? void 0 : _D.colDef) == null ? void 0 : _E.checkboxSelection) ? children : /* @__PURE__ */ jsx(
+              ((_F = (_E = rest.column) == null ? void 0 : _E.colDef) == null ? void 0 : _F.field) === "Selection" || ((_H = (_G = rest.column) == null ? void 0 : _G.colDef) == null ? void 0 : _H.checkboxSelection) ? children : /* @__PURE__ */ jsx(
                 "div",
                 {
                   ref: headerTextRef,
@@ -423,8 +443,8 @@ function AgGridHeader({
                   )
                 }
               ),
-              (_G = (_F = rest.column) == null ? void 0 : _F.colDef) == null ? void 0 : _G.headerIcons,
-              ((_I = (_H = rest.column) == null ? void 0 : _H.colDef) == null ? void 0 : _I.sortable) && /* @__PURE__ */ jsx(
+              (_J = (_I = rest.column) == null ? void 0 : _I.colDef) == null ? void 0 : _J.headerIcons,
+              ((_L = (_K = rest.column) == null ? void 0 : _K.colDef) == null ? void 0 : _L.sortable) && /* @__PURE__ */ jsx(
                 "img",
                 {
                   alt: "TableSortIcon",
@@ -441,10 +461,10 @@ function AgGridHeader({
           {
             className: `ia-icon-div ${hasActiveSearch ? "has-active-search" : ""} ${menuVisible ? "menu-visible" : ""}`,
             children: [
-              (_L = (_K = (_J = rest.column) == null ? void 0 : _J.colDef) == null ? void 0 : _K.customHeaderIcons) == null ? void 0 : _L.map((icon) => {
+              (_O = (_N = (_M = rest.column) == null ? void 0 : _M.colDef) == null ? void 0 : _N.customHeaderIcons) == null ? void 0 : _O.map((icon) => {
                 return icon;
               }),
-              ((_N = (_M = rest.column) == null ? void 0 : _M.colDef) == null ? void 0 : _N.isSearchable) && (hasActiveSearch || !showInputField) && /* @__PURE__ */ jsx(Badge, { invisible: !hasActiveSearch, variant: "dot", children: /* @__PURE__ */ jsx(
+              ((_Q = (_P = rest.column) == null ? void 0 : _P.colDef) == null ? void 0 : _Q.isSearchable) && (hasActiveSearch || !showInputField) && /* @__PURE__ */ jsx(Badge, { invisible: !hasActiveSearch, variant: "dot", children: /* @__PURE__ */ jsx(
                 default_1$2,
                 {
                   fontSize: "small",
@@ -468,7 +488,7 @@ function AgGridHeader({
                   } : handleSearch
                 }
               ) }),
-              !((_P = (_O = rest.column) == null ? void 0 : _O.colDef) == null ? void 0 : _P.suppressMenu) && /* @__PURE__ */ jsx("div", { className: "custom-ag-header-icons", children: /* @__PURE__ */ jsx(
+              !((_S = (_R = rest.column) == null ? void 0 : _R.colDef) == null ? void 0 : _S.suppressMenu) && /* @__PURE__ */ jsx("div", { className: "custom-ag-header-icons", children: /* @__PURE__ */ jsx(
                 "button",
                 {
                   ref: menuRef,

package/dist/mcp-component-registry.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "generatedAt": "2026-08-07T06:36:17.105Z",
+  "generatedAt": "2026-08-10T12:27:29.029Z",
   "components": {
     "Menu": {
       "title": "Components/Menu",

package/dist/utils/helper.d.ts

@@ -16,6 +16,7 @@ export interface ColumnDefinition {
     children?: ColumnDefinition[];
     advanceSearchEnabled?: boolean;
     isSearchable?: boolean;
+    inputProps?: Record<string, unknown>;
     columnFieldsInAdvanceSearch?: string[];
     toShowDuplicateColumnInAdvanceSearch?: boolean;
     extra_params?: {

package/dist/utils/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/utils/helper.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC;IACvC,oCAAoC,CAAC,EAAE,OAAO,CAAC;IAC/C,YAAY,CAAC,EAAE;QACb,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,EAAE,CAAC;CACL;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,mBAAmB,EAAE,SAAS,YAAY,EAOtD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,SAAS,YAAY,EAO1D,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB,EAAE,SAAS,YAAY,EAOtD,CAAC;AAkDF,UAAU,wBAAyB,SAAQ,gBAAgB;IACzD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAClC;AAiDD;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,gBAAgB,EAAE,KAAG,YAAY,EAS1E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,SAAS,gBAAgB,EAAE,KAAG,wBAAwB,EAGvF,CAAC;AAEF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,OAAO,CAUpE;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,MAAM,EACpB,gBAAgB,EAAE,MAAM,EAAE,EAC1B,MAAM,EAAE,WAAW,EAAE,GACpB,OAAO,CAgBT;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,MAAM,EAClB,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC3C,cAAc,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,EAC1C,iBAAiB,EAAE,SAAS,EAAE,EAC9B,WAAW,GAAE,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG,IAAW,EACnE,2BAA2B,UAAQ,GAClC,OAAO,CAwBT;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,KAAG,MAM7B,CAAC;AAEd;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CASvE"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/utils/helper.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC;IACvC,oCAAoC,CAAC,EAAE,OAAO,CAAC;IAC/C,YAAY,CAAC,EAAE;QACb,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,EAAE,CAAC;CACL;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,mBAAmB,EAAE,SAAS,YAAY,EAOtD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,SAAS,YAAY,EAO1D,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB,EAAE,SAAS,YAAY,EAOtD,CAAC;AAkDF,UAAU,wBAAyB,SAAQ,gBAAgB;IACzD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAClC;AAiDD;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,gBAAgB,EAAE,KAAG,YAAY,EAS1E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,SAAS,gBAAgB,EAAE,KAAG,wBAAwB,EAGvF,CAAC;AAEF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,OAAO,CAUpE;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,MAAM,EACpB,gBAAgB,EAAE,MAAM,EAAE,EAC1B,MAAM,EAAE,WAAW,EAAE,GACpB,OAAO,CAgBT;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,MAAM,EAClB,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC3C,cAAc,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,EAC1C,iBAAiB,EAAE,SAAS,EAAE,EAC9B,WAAW,GAAE,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG,IAAW,EACnE,2BAA2B,UAAQ,GAClC,OAAO,CAwBT;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,KAAG,MAM7B,CAAC;AAEd;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CASvE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-ui",
-  "version": "4.0.2-alpha.1",
+  "version": "4.0.2-alpha.3",
   "description": "Impact Analytics UI library",
   "type": "module",
   "main": "./dist/components/index.js",