impact-ui 4.0.15 → 4.0.16

package/README.md

@@ -130,6 +130,7 @@ Live names from the **impact-ui MCP** `list_components` tool, plus source-only p
 | `Stepper`                       | Wizard progress  | `StepperStep[]`                                                                                                                                                                                                                |
 | `Accordion` / `AccordionModern` | Collapsible      | Modern supports sortable items                                                                                                                                                                                                 |
 | `DynamicLayout`                 | Layout slots     | Injected layout props                                                                                                                                                                                                          |
+| `NewDynamicLayout`              | Layout slots     | Injected layout props                                                                                                                                                                                                          |
 | `AGLocaleMap`                   | Grid locales     | From i18n exports                                                                                                                                                                                                              |
 
 ### 💬 Feedback & overlays
@@ -163,6 +164,7 @@ Live names from the **impact-ui MCP** `list_components` tool, plus source-only p
 | `FilterPanelHeader` / `PanelSidebar` / `PanelFooter` | Filter chrome      | Companion exports                           |
 | `Notification`                                       | Inbox drawer       | List, tasks, tabs                           |
 | `CreateItemFlow`                                     | Create wizard      | Multi-step                                  |
+| `NewCreateItemFlow`                                  | Create wizard      | Multi-step                                  |
 | `CommentsPanel`                                      | Threads            | `CommentsProvider`, `useComments`           |
 
 ### 🤖 Chat, i18n & shortcuts
@@ -175,7 +177,7 @@ Live names from the **impact-ui MCP** `list_components` tool, plus source-only p
 | `ShortcutsProvider` / `ShortcutScope` / `ShortcutHint` / `ShortcutManager` | Hotkeys            | Config + display helpers                                                                  |
 | `KeyboardShortcuts` / `ShortcutModal`                                      | Shortcut UI        | List & capture                                                                            |
 
-**MCP names (components):** AGLocaleMap, Accordion, AccordionModern, Alert, AppliedFilters, Avatar, Badge, BottomSheet, Breadcrumbs, Button, ButtonGroup, Card, Chart, ChatBotComponent, Checkbox, Chips, CommentsContext, CommentsProvider, CreateItemFlow, DatePicker, DateRangePicker, DynamicLayout, EmptyState, FileUpload, FilterDropDown, FilterPanel, FilterPanelHeader, FilterSlider, HelperText, I18nContext, I18nProvider, Input, KeyboardShortcuts, Loader, Menu, MenuHeaderInfo, Modal, MonthPicker, MonthRangePicker, OldTable, Panel, PanelFooter, PanelSidebar, Popover, Portal, ProgressBar, Prompt, RadioButtonGroup, Select, ShortcutHint, ShortcutManager, ShortcutModal, ShortcutScope, ShortcutsConfigContext, ShortcutsProvider, Slider, Stepper, Switch, Table, Tabs, Tag, TagGroup, TextArea, Toast, Tooltip
+**MCP names (components):** AGLocaleMap, Accordion, AccordionModern, Alert, AppliedFilters, Avatar, Badge, BottomSheet, Breadcrumbs, Button, ButtonGroup, Card, Chart, ChatBotComponent, Checkbox, Chips, CommentsContext, CommentsProvider, CreateItemFlow, NewCreateItemFlow, DatePicker, DateRangePicker, DynamicLayout, NewDynamicLayout, EmptyState, FileUpload, FilterDropDown, FilterPanel, FilterPanelHeader, FilterSlider, HelperText, I18nContext, I18nProvider, Input, KeyboardShortcuts, Loader, Menu, MenuHeaderInfo, Modal, MonthPicker, MonthRangePicker, OldTable, Panel, PanelFooter, PanelSidebar, Popover, Portal, ProgressBar, Prompt, RadioButtonGroup, Select, ShortcutHint, ShortcutManager, ShortcutModal, ShortcutScope, ShortcutsConfigContext, ShortcutsProvider, Slider, Stepper, Switch, Table, Tabs, Tag, TagGroup, TextArea, Toast, Tooltip
 
 **MCP names (patterns):** FiltersStrip, Header, HomePage, Notification, Sidebar
 

package/dist/_virtual/index3.js

@@ -1,6 +1,4 @@
-import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
-const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
+var reactIs = { exports: {} };
 export {
-  require$$1 as default
+  reactIs as __module
 };

package/dist/_virtual/index4.js

@@ -1,6 +1,4 @@
-import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
-const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
+var reactIs = { exports: {} };
 export {
-  require$$2 as default
+  reactIs as __module
 };

package/dist/_virtual/index5.js

@@ -1,4 +1,6 @@
-var reactIs = { exports: {} };
+import { getAugmentedNamespace } from "./_commonjsHelpers.js";
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
+const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  reactIs as __module
+  require$$1 as default
 };

package/dist/_virtual/index6.js

@@ -1,4 +1,6 @@
-var reactIs = { exports: {} };
+import { getAugmentedNamespace } from "./_commonjsHelpers.js";
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
+const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  reactIs as __module
+  require$$2 as default
 };

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

@@ -1,21 +1,44 @@
-import { ReactNode, CSSProperties, Ref } from 'react';
-import { ButtonProps } from '../Button/Button.types';
+import { ReactNode } from 'react';
+import { BaseComponentProps } from '../../types';
+import { InjectedLayoutProps } from '../DynamicLayout';
+import { StepperStep } from '../Stepper/Stepper.types';
 
-export interface CreateItemFlowProps {
+export interface CreateItemFlowProps extends BaseComponentProps {
+    /** Current step (1-based) */
+    step?: number;
+    totalSteps?: number;
+    /** Width of the left panel (e.g. "375px") */
     leftPanelWidth?: string | number;
-    leftPanelContent?: ReactNode;
-    leftPanelImage?: ReactNode;
-    rightContent?: ReactNode;
-    title?: string;
-    description?: string;
-    prevButtonProps?: Partial<ButtonProps>;
-    extraButtonProp?: ReactNode;
-    nextButtonProps?: Partial<ButtonProps>;
-    customCSS?: CSSProperties;
-    className?: string;
+    /** 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 {
-    contentRef?: Ref<HTMLDivElement>;
-    children?: ReactNode;
+export interface RightContentPanelProps extends Partial<InjectedLayoutProps> {
+    showStepper: boolean;
+    steps: StepperStep[];
+    step: number;
+    stepperVariant: 'default' | 'progress' | 'mui';
+    onStepClick?: (step: number) => void;
+    headings: string[];
+    children?: ReactNode | ReactNode[];
+    actionsChildren?: ReactNode | null;
+    onCancel?: () => void;
+    onPrev?: () => void;
+    onNext?: () => void;
+    totalSteps: number;
 }
 //# 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,KAAK,aAAa,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
+{"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"}

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

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { CreateItemFlowProps } from './CreateItemFlow.types';
 
-export declare const CreateItemFlow: React.MemoExoticComponent<({ leftPanelWidth, leftPanelContent, leftPanelImage, rightContent, title, description, prevButtonProps, extraButtonProp, nextButtonProps, customCSS, className, }: CreateItemFlowProps) => import("react/jsx-runtime").JSX.Element>;
+export type { CreateItemFlowProps } from './CreateItemFlow.types';
+export declare const CreateItemFlow: React.NamedExoticComponent<CreateItemFlowProps>;
 //# 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,KAAe,MAAM,OAAO,CAAC;AAOpC,OAAO,EAAE,KAAK,mBAAmB,EAA+B,MAAM,wBAAwB,CAAC;AAC/F,OAAO,8BAA8B,CAAC;AAgGtC,eAAO,MAAM,cAAc,+LAnDxB,mBAAmB,6CAmDqC,CAAC"}
+{"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"}

package/dist/components/CreateItemFlow/index.js

@@ -1,19 +1,25 @@
-!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;--ia-modal-backdrop:#0d152ccc}*,: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}.content-wrapper{flex:1;min-height:100%}.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";
+!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";
 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/create-item-flow-img.webp");
-const LeftPanelContent = ({ leftPanelContent, leftPanelImage }) => {
+const createFlowImage = getAssetUrl("icons/createFlowImage.svg");
+function LeftPanelContent({
+  leftPanelTitle,
+  leftPanelDescription,
+  leftPanelImage
+}) {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "left-panel-content", children: [
-    leftPanelContent,
-    leftPanelImage ? leftPanelImage : /* @__PURE__ */ jsx(
+    /* @__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"),
@@ -22,72 +28,116 @@ const LeftPanelContent = ({ leftPanelContent, leftPanelImage }) => {
       }
     )
   ] });
-};
-const RightContentPanel = ({ contentRef, children }) => /* @__PURE__ */ jsx("div", { ref: contentRef, className: "content-wrapper", children });
-const CreateItemFlowComponent = ({
+}
+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,
-  leftPanelContent = null,
+  headings = [],
+  children,
+  onCancel,
+  onNext,
+  onPrev,
+  onStepClick,
+  stepperVariant = "progress",
+  leftPanelTitle,
+  leftPanelDescription = "",
   leftPanelImage = null,
-  rightContent,
-  title,
-  description = "",
-  prevButtonProps = {},
-  extraButtonProp,
-  nextButtonProps = {},
-  customCSS,
-  className
-}) => {
+  actionsChildren = null,
+  showStepper = true
+}) {
   const { t } = useTranslation();
-  const {
-    children: prevLabel = t("createItemFlow.back"),
-    icon: prevIcon,
-    ...restPrevProps
-  } = prevButtonProps;
-  const {
-    children: nextLabel = t("createItemFlow.next"),
-    icon: nextIcon,
-    ...restNextProps
-  } = nextButtonProps;
-  const resolvedTitle = title ?? t("createItemFlow.defaultTitle");
+  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(
     DynamicLayout,
     {
-      className,
-      description,
-      footer: /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            icon: "icon" in prevButtonProps ? prevIcon : /* @__PURE__ */ jsx(default_1, {}),
-            variant: restPrevProps.variant ?? "tertiary",
-            ...restPrevProps,
-            children: prevLabel
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "footer-right-group", children: [
-          extraButtonProp,
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              icon: "icon" in nextButtonProps ? nextIcon : /* @__PURE__ */ jsx(default_1$1, {}),
-              iconPlacement: nextButtonProps.iconPlacement ?? "right",
-              variant: restNextProps.variant ?? "primary",
-              ...restNextProps,
-              children: nextLabel
-            }
-          )
-        ] })
-      ] }),
-      leftPanel: /* @__PURE__ */ jsx(LeftPanelContent, { leftPanelContent, leftPanelImage }),
+      leftPanel: /* @__PURE__ */ jsx(
+        LeftPanelContent,
+        {
+          leftPanelDescription,
+          leftPanelImage,
+          leftPanelTitle: resolvedLeftPanelTitle
+        }
+      ),
       leftPanelWidth,
-      rightContent: /* @__PURE__ */ jsx(RightContentPanel, { children: rightContent }),
-      style: customCSS,
-      title: resolvedTitle
+      rightContent,
+      showStepper
     }
   );
-};
-const CreateItemFlow = memo(CreateItemFlowComponent);
-CreateItemFlow.displayName = "CreateItemFlow";
+});
 export {
   CreateItemFlow
 };

package/dist/components/DatePicker/datePickerDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,wBAAwB,CAAC;AAIhC,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,SAAS,EACT,UAAU,EACV,eAA6E,EAC7E,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,OAAO,EACP,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,SAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,GAAG,aAAa,EACjB,EAAE,uBAAuB,2CAsQzB"}
+{"version":3,"file":"datePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,wBAAwB,CAAC;AAIhC,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,OAAO,EACP,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,SAAS,EACT,UAAU,EACV,eAA6E,EAC7E,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,OAAO,EACP,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,SAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,GAAG,aAAa,EACjB,EAAE,uBAAuB,2CA8QzB"}

package/dist/components/DatePicker/datePickerDropdown.js

@@ -147,6 +147,7 @@ function DatePickerDropdown({
     [showWeekNumbers]
   );
   const currentDate = selectedDate ? moment(selectedDate) : null;
+  const isPrimaryButtonDisabled = currentDate === null || !currentDate.isValid() || minDate != null && currentDate.isBefore(minDate, "day") || maxDate != null && currentDate.isAfter(maxDate, "day") || Boolean(isOutsideRange == null ? void 0 : isOutsideRange(currentDate));
   const renderCalendar = () => /* @__PURE__ */ jsx(
     DayPickerSingleDateController,
     {
@@ -189,6 +190,8 @@ function DatePickerDropdown({
       hidePrimaryButton,
       hideSecondaryButton,
       hideTertiaryButton,
+      isPrimaryButtonDisabled,
+      isTertiaryButtonDisabled: currentDate === null,
       primaryButtonProps,
       secondaryButtonProps,
       setFocused,

package/dist/components/DatePicker/datePickerFooter.d.ts

@@ -4,6 +4,8 @@ export interface DatePickerFooterProps {
     tertiaryButtonProps?: Record<string, unknown>;
     secondaryButtonProps?: Record<string, unknown>;
     primaryButtonProps?: Record<string, unknown>;
+    isPrimaryButtonDisabled?: boolean;
+    isTertiaryButtonDisabled?: boolean;
     setSelectedDate?: (date: Moment | null) => void;
     setFocused: (focused: boolean) => void;
     onTertiaryButtonClick?: () => void;
@@ -14,5 +16,5 @@ export interface DatePickerFooterProps {
     hideSecondaryButton?: boolean;
     hidePrimaryButton?: boolean;
 }
-export declare function DatePickerFooter({ tertiaryButtonProps, secondaryButtonProps, primaryButtonProps, setSelectedDate, setFocused, onTertiaryButtonClick, onSecondaryButtonClick, onPrimaryButtonClick, setIsOpen, hideTertiaryButton, hideSecondaryButton, hidePrimaryButton, }: DatePickerFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePickerFooter({ tertiaryButtonProps, secondaryButtonProps, primaryButtonProps, isPrimaryButtonDisabled, isTertiaryButtonDisabled, setSelectedDate, setFocused, onTertiaryButtonClick, onSecondaryButtonClick, onPrimaryButtonClick, setIsOpen, hideTertiaryButton, hideSecondaryButton, hidePrimaryButton, }: DatePickerFooterProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=datePickerFooter.d.ts.map

package/dist/components/DatePicker/datePickerFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerFooter.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,MAAM,WAAW,qBAAqB;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE,qBAAqB,2CA4CvB"}
+{"version":3,"file":"datePickerFooter.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/datePickerFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,MAAM,WAAW,qBAAqB;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,uBAA8B,EAC9B,wBAA+B,EAC/B,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,GAClB,EAAE,qBAAqB,2CAwDvB"}

package/dist/components/DatePicker/datePickerFooter.js

@@ -5,6 +5,8 @@ function DatePickerFooter({
   tertiaryButtonProps,
   secondaryButtonProps,
   primaryButtonProps,
+  isPrimaryButtonDisabled = true,
+  isTertiaryButtonDisabled = true,
   setSelectedDate,
   setFocused,
   onTertiaryButtonClick,
@@ -36,9 +38,29 @@ function DatePickerFooter({
     {
       className: `datePicker-buttons-container ${allButtonsHidden ? "datePicker-buttons-container--hidden" : ""}`,
       children: [
-        !hideTertiaryButton && /* @__PURE__ */ jsx(Button, { size: "small", variant: "url", onClick: handleClear, ...tertiaryButtonProps, children: t("common.clear") }),
+        !hideTertiaryButton && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "url",
+            onClick: handleClear,
+            ...tertiaryButtonProps,
+            disabled: isTertiaryButtonDisabled || (tertiaryButtonProps == null ? void 0 : tertiaryButtonProps.disabled) === true,
+            children: t("common.clear")
+          }
+        ),
         !hideSecondaryButton && /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", onClick: handleCancel, ...secondaryButtonProps, children: t("common.cancel") }),
-        !hidePrimaryButton && /* @__PURE__ */ jsx(Button, { size: "small", variant: "primary", onClick: handleApply, ...primaryButtonProps, children: t("common.apply") })
+        !hidePrimaryButton && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "primary",
+            onClick: handleApply,
+            ...primaryButtonProps,
+            disabled: isPrimaryButtonDisabled || (primaryButtonProps == null ? void 0 : primaryButtonProps.disabled) === true,
+            children: t("common.apply")
+          }
+        )
       ]
     }
   );

package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts

@@ -1,2 +1,2 @@
-export declare function DateRangePickerDropdown({ dropDownContainerRef, withPortal, portalContainer, containerRef, onDatesChange, onFocusChange, focusedInput, startDate, endDate, showWeekNumbers, selectedRange, setStartDateOffset, setEndDateOffset, selectedDaysNumber, handleResetDates, handleCancelDates, onSecondaryButtonClick, tertiaryButtonProps, handleApplyDates, primaryButtonProps, showRangeSelector, handleRangeSelectorChange, showMonthYearSelect, customYears, customWeekNumberData, suppressClickOnWeekNumber, setIsOpen, startDateOffset, endDateOffset, hasInputErrors, portalClassName, ...args }: any): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangePickerDropdown({ dropDownContainerRef, withPortal, portalContainer, containerRef, onDatesChange, onFocusChange, focusedInput, startDate, endDate, showWeekNumbers, selectedRange, setStartDateOffset, setEndDateOffset, selectedDaysNumber, handleResetDates, handleCancelDates, onSecondaryButtonClick, tertiaryButtonProps, handleApplyDates, primaryButtonProps, showRangeSelector, handleRangeSelectorChange, showMonthYearSelect, customYears, customWeekNumberData, suppressClickOnWeekNumber, setIsOpen, startDateOffset, endDateOffset, hasInputErrors, isOutsideRange, minDate, maxDate, portalClassName, ...args }: any): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=dateRangePickerDropdown.d.ts.map

package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerDropdown.tsx"],"names":[],"mappings":"AAUA,wBAAgB,uBAAuB,CAAC,EACtC,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,mBAAmB,EACnB,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,GAAG,IAAI,EACR,EAAE,GAAG,2CAkSL"}
+{"version":3,"file":"dateRangePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerDropdown.tsx"],"names":[],"mappings":"AASA,wBAAgB,uBAAuB,CAAC,EACtC,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,mBAAmB,EACnB,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,eAAe,EACf,aAAa,EACb,cAAc,EACd,cAAc,EACd,OAAO,EACP,OAAO,EACP,eAAe,EACf,GAAG,IAAI,EACR,EAAE,GAAG,kDAiUL"}

package/dist/components/DateRangePicker/dateRangePickerDropdown.js

@@ -1,6 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import React__default, { useState, useLayoutEffect } from "react";
-import moment from "moment";
+import React__default, { useState, useEffect, useLayoutEffect } from "react";
 import { DayPickerRangeController } from "react-dates";
 import { DateRangePickerCustom } from "./dateRangePickerCustom.js";
 import { DateRangePickerFooter } from "./dateRangePickerFooter.js";
@@ -38,9 +37,13 @@ function DateRangePickerDropdown({
   startDateOffset,
   endDateOffset,
   hasInputErrors,
+  isOutsideRange,
+  minDate,
+  maxDate,
   portalClassName,
   ...args
 }) {
+  const [moment, setMoment] = useState(null);
   const [position, setPosition] = useState({
     x: 0,
     y: 0,
@@ -51,6 +54,20 @@ function DateRangePickerDropdown({
     left: 0,
     right: "auto"
   });
+  useEffect(() => {
+    let cancelled = false;
+    import("moment").then((mod) => {
+      if (!cancelled) {
+        setMoment(() => mod.default);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const isValidDate = (date) => Boolean(date == null ? void 0 : date._isAMomentObject) && date.isValid() && (!minDate || !date.isBefore(minDate, "day")) && (!maxDate || !date.isAfter(maxDate, "day")) && !(isOutsideRange == null ? void 0 : isOutsideRange(date));
+  const hasValidRange = isValidDate(startDate) && isValidDate(endDate) && !endDate.isBefore(startDate, "day");
+  const isClearDisabled = startDate == null && endDate == null && !hasInputErrors;
   useLayoutEffect(() => {
     if (withPortal && containerRef.current) {
       const scrollY = window.scrollY || document.documentElement.scrollTop;
@@ -140,6 +157,14 @@ function DateRangePickerDropdown({
     }
     (_b = args.onNextMonthClick) == null ? void 0 : _b.call(args, params);
   };
+  const getInitialVisibleMonth = () => {
+    if (startDate) return startDate;
+    if (endDate) return endDate;
+    return moment();
+  };
+  if (!moment) {
+    return null;
+  }
   if (withPortal) {
     return /* @__PURE__ */ jsxs(Portal, { container: portalContainer, children: [
       /* @__PURE__ */ jsx(
@@ -177,11 +202,8 @@ function DateRangePickerDropdown({
                           focusedInput,
                           hideKeyboardShortcutsPanel: true,
                           horizontalMonthPadding: showWeekNumbers ? 16 : 12,
-                          initialVisibleMonth: () => {
-                            if (startDate) return startDate;
-                            if (endDate) return endDate;
-                            return moment();
-                          },
+                          initialVisibleMonth: getInitialVisibleMonth,
+                          isOutsideRange,
                           numberOfMonths: 2,
                           renderDayContents: showWeekNumbers ? renderDayContents : null,
                           renderMonthElement: showMonthYearSelect ? ({ month, onMonthSelect, onYearSelect }) => /* @__PURE__ */ jsx(
@@ -208,6 +230,8 @@ function DateRangePickerDropdown({
                           handleCancelDates,
                           handleResetDates,
                           hasInputErrors,
+                          isApplyDisabled: !hasValidRange,
+                          isClearDisabled,
                           primaryButtonProps,
                           selectedDaysNumber,
                           tertiaryButtonProps,
@@ -252,11 +276,8 @@ function DateRangePickerDropdown({
               focusedInput,
               hideKeyboardShortcutsPanel: true,
               horizontalMonthPadding: showWeekNumbers ? 16 : 12,
-              initialVisibleMonth: () => {
-                if (startDate) return startDate;
-                if (endDate) return endDate;
-                return moment();
-              },
+              initialVisibleMonth: getInitialVisibleMonth,
+              isOutsideRange,
               numberOfMonths: 2,
               renderDayContents: showWeekNumbers ? renderDayContents : null,
               renderMonthElement: showMonthYearSelect ? ({ month, onMonthSelect, onYearSelect }) => /* @__PURE__ */ jsx(
@@ -283,6 +304,8 @@ function DateRangePickerDropdown({
               handleCancelDates,
               handleResetDates,
               hasInputErrors,
+              isApplyDisabled: !hasValidRange,
+              isClearDisabled,
               primaryButtonProps,
               selectedDaysNumber,
               tertiaryButtonProps,

package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts

@@ -1,2 +1,2 @@
-export declare function DateRangePickerFooter({ selectedDaysNumber, handleResetDates, handleCancelDates, onSecondaryButtonClick, tertiaryButtonProps, handleApplyDates, primaryButtonProps, hasInputErrors, }: any): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangePickerFooter({ selectedDaysNumber, handleResetDates, handleCancelDates, onSecondaryButtonClick, tertiaryButtonProps, handleApplyDates, primaryButtonProps, hasInputErrors, isApplyDisabled, isClearDisabled, }: any): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=dateRangePickerFooter.d.ts.map

package/dist/components/DateRangePicker/dateRangePickerFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangePickerFooter.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerFooter.tsx"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,CAAC,EACpC,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,GACf,EAAE,GAAG,2CAsCL"}
+{"version":3,"file":"dateRangePickerFooter.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerFooter.tsx"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,CAAC,EACpC,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,eAAyC,EACzC,eAAyC,GAC1C,EAAE,GAAG,2CAsCL"}

package/dist/components/DateRangePicker/dateRangePickerFooter.js

@@ -9,7 +9,9 @@ function DateRangePickerFooter({
   tertiaryButtonProps,
   handleApplyDates,
   primaryButtonProps,
-  hasInputErrors
+  hasInputErrors,
+  isApplyDisabled = selectedDaysNumber <= 0,
+  isClearDisabled = selectedDaysNumber <= 0
 }) {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-footer-container", children: [
@@ -19,7 +21,7 @@ function DateRangePickerFooter({
       /* @__PURE__ */ jsx("span", { className: "dateRangePicker-footer-value", children: t("dateRangePicker.daysCount", { count: selectedDaysNumber }) })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-buttons-right-container", children: [
-      /* @__PURE__ */ jsx(Button, { size: "small", variant: "url", onClick: handleResetDates, children: t("common.clear") }),
+      /* @__PURE__ */ jsx(Button, { disabled: isClearDisabled, size: "small", variant: "url", onClick: handleResetDates, children: t("common.clear") }),
       onSecondaryButtonClick && /* @__PURE__ */ jsx(
         Button,
         {
@@ -33,11 +35,11 @@ function DateRangePickerFooter({
       /* @__PURE__ */ jsx(
         Button,
         {
-          disabled: hasInputErrors,
           size: "small",
           variant: "primary",
           onClick: handleApplyDates,
           ...primaryButtonProps,
+          disabled: hasInputErrors || isApplyDisabled || (primaryButtonProps == null ? void 0 : primaryButtonProps.disabled) === true,
           children: t("common.apply")
         }
       )