impact-ui 4.0.14 → 4.0.15-alpha.2

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")
         }
       )

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,wBAAwB,CAAC;AAChC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,+BAA+B,CAAC;AAIvC,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,eAAe,kFA6W3B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,wBAAwB,CAAC;AAChC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,+BAA+B,CAAC;AAIvC,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,eAAe,kFA+W3B,CAAC"}

package/dist/components/DateRangePicker/index.js

@@ -297,6 +297,8 @@ const DateRangePicker = forwardRef(
                 handleResetDates,
                 hasInputErrors,
                 isOutsideRange,
+                maxDate,
+                minDate,
                 portalClassName,
                 portalContainer,
                 primaryButtonProps,

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

@@ -1,15 +1,12 @@
-import { default as React } from 'react';
+import { DynamicLayoutProps } from './DynamicLayout.types';
 
-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 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;
 }
-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":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,6BAA6B,CAAC;AAGrC,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,4CAgCpB,CAAC"}
+{"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"}

package/dist/components/DynamicLayout/index.js

@@ -1,45 +1,48 @@
-!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}.dynamic-layout-container{background-color:#fff;border-radius:24px!important;box-shadow:0 0 4px #ababab40;display:flex;flex-direction:column;top:0;right:24px;bottom:24px;left:24px;justify-content:center;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{background-position:100% 0;background-repeat:no-repeat;background-size:contain;border-bottom-right-radius:24px;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:var(--left-panel-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% - var(--left-panel-width, 220px))}.dynamic-layout-container .dynamic-layout-body .right-column .right-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.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}.dynamic-layout-container .dynamic-layout-body .right-column .dynamic-layout-footer .footer-right-group{align-items:center;display:flex;gap:12px}@media screen and (min-width:1400px) and (max-width:1600px){.dynamic-layout-body{padding:20px}.left-panel-image{width:100%}}@media screen and (max-width:1399px){.dynamic-layout-body{padding:16px}.left-panel{flex-shrink:0;padding-right:16px;width:fit-content}.right-column{flex:1;padding-left:16px;width:auto}.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)}}();
+!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)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-import React__default, { useRef } from "react";
+import React__default, { useRef, useState, useLayoutEffect } from "react";
 
-import { getAssetUrl } from "../../utils/assetBase.js";
-import Box from "../../node_modules/@mui/material/Box/Box.js";
-const DynamicLayout = ({
-  title,
-  description,
+function DynamicLayout({
   leftPanel,
   rightContent,
   leftPanelWidth,
-  className,
-  footer,
+  className = "",
+  showStepper = false,
   ...props
-}) => {
+}) {
   const contentRef = useRef(null);
-  const contentBackgroundImage = getAssetUrl("images/review-tech-bg.webp");
-  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",
-        style: leftPanelWidth ? {
-          "--left-panel-width": typeof leftPanelWidth === "number" ? `${leftPanelWidth}px` : leftPanelWidth
-        } : void 0,
-        sx: { backgroundImage: `url(${contentBackgroundImage})` },
-        children: [
-          /* @__PURE__ */ jsx(Box, { className: "left-panel", 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 })
-          ] })
-        ]
-      }
-    )
+  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 }) })
   ] });
-};
+}
+DynamicLayout.displayName = "DynamicLayout";
 export {
   DynamicLayout
 };

package/dist/components/Header/index.js

@@ -19,8 +19,8 @@ const MessageIcon = getAssetUrl("icons/message-icon.svg");
 const NotificationDNDIcon = getAssetUrl("icons/notification-dnd.svg");
 const CommentIconHeaderSvg = getAssetUrl("icons/comment-gray.svg");
 const GlobalIcon = getAssetUrl("icons/Globe.svg");
-const FLAG_WIDTH = 20;
-const FLAG_HEIGHT = 14;
+const FLAG_WIDTH = 24;
+const FLAG_HEIGHT = 20;
 const renderLanguageFlag = (icon) => {
   if (!icon) {
     return /* @__PURE__ */ jsx("span", { className: "impact-header-language-flag-placeholder" });

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HomePage/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAgD,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACpG,OAAO,wBAAwB,CAAC;AAMhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAgBxF,wBAAgB,QAAQ,CAAC,EACvB,UAAe,EACf,QAAa,EACb,YAAiB,EACjB,YAAiB,EACjB,uBAA4B,EAC5B,iBAAiB,EAAE,wBAA+B,EAClD,iBAAiB,EAAE,wBAA+B,EAClD,aAAoB,EACpB,eAAsB,EACtB,wBAA+B,EAC/B,qBAA4B,EAC5B,eAAsB,EACtB,wBAA+B,EAC/B,aAAa,EAAE,UAAU,GAC1B,EAAE,aAAa,2CAwlBf;yBAvmBe,QAAQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HomePage/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAgD,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACpG,OAAO,wBAAwB,CAAC;AAEhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAgBxF,wBAAgB,QAAQ,CAAC,EACvB,UAAe,EACf,QAAa,EACb,YAAiB,EACjB,YAAiB,EACjB,uBAA4B,EAC5B,iBAAiB,EAAE,wBAA+B,EAClD,iBAAiB,EAAE,wBAA+B,EAClD,aAAoB,EACpB,eAAsB,EACtB,wBAA+B,EAC/B,qBAA4B,EAC5B,eAAsB,EACtB,wBAA+B,EAC/B,aAAa,EAAE,UAAU,GAC1B,EAAE,aAAa,2CAwlBf;yBAvmBe,QAAQ"}

package/dist/components/HomePage/index.js

@@ -1,15 +1,13 @@
 !function(){"use strict";try{if("undefined"!=typeof document){var n=document.createElement("style");n.appendChild(document.createTextNode('.main_landingpage_container{background:radial-gradient(65.75% 64.76% at 57.88% 39.21%,#ffffffbf 67.79%,#f2692200);bottom:0;box-sizing:border-box;display:flex;justify-content:space-between;left:64px;overflow:hidden;position:absolute;right:0;top:56px}.main_landingpage_container .left_panel{bottom:0;box-sizing:border-box;left:0;padding:18px 0 18px 26px;position:absolute;top:0;width:calc(100% - 500px)}.main_landingpage_container .left_panel .left_panel_header{background:linear-gradient(90deg,#2bbfee21,#6962ef21),url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/noise-tile.webp) repeat;background-repeat:repeat;border-radius:12px;box-sizing:border-box;display:flex;height:80px;left:26px;overflow:hidden;padding:16px;position:absolute;right:0;top:20px}.main_landingpage_container .left_panel .left_panel_header .left_section_header{display:flex;gap:12px;width:calc(100% - 340px)}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container{animation:gradientShift 8s ease infinite;background:linear-gradient(136deg,#2ac2ee 12.23%,#6962ef 49.23%,#f26921 88.52%);background-size:300% 300%;border-radius:10px;height:48px;position:relative;width:48px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container .left_section_IA_logo_gif{background:#0d152c;border-radius:10px;bottom:0;height:46px;left:0;margin:auto;object-fit:contain;position:absolute;right:0;top:0;width:46px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{color:#1f2b4d;font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title .gradient_text{background:linear-gradient(90deg,#2ac2ee,#6962ef 50%,#f26921);-webkit-background-clip:text;background-size:200% 200%;-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background-clip:text;display:inline-block}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_description{line-height:24px}.main_landingpage_container .left_panel .left_panel_header .right_section_header{align-items:center;display:flex;justify-content:space-between;position:relative;width:340px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon{animation:float 3s ease-in-out infinite;background:#fff;border:1px solid #9995ff;border-radius:8px;bottom:0;cursor:pointer;height:32px;position:absolute;transition:all .3s ease;width:32px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:first-child{animation-delay:.15s;left:50px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(2){animation-delay:.3s;left:100px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(3){animation-delay:.45s;left:150px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(4){animation-delay:.6s;left:200px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(5){animation-delay:.75s;left:250px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(6){animation-delay:.9s;left:300px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:hover{animation-play-state:paused;box-shadow:0 8px 16px #00000026;transform:translateY(-5px) scale(1.1);z-index:1}@keyframes float{0%{opacity:0;transform:translateY(-80px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(0)}}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon1{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-1.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon2{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon3{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-3.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon4{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-4.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon5{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-5.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon6{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .center_graidient_container{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-header-bg.webp) no-repeat;background-position:50%;background-size:cover;height:80px;opacity:.7;position:absolute;top:0;width:100%}.main_landingpage_container .left_panel .left_panel_header .center_image_container{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-bg.webp) no-repeat;background-size:contain;height:80px;left:300px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:368px}.main_landingpage_container .left_panel .left_panel_header .bottom_image_container{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bottom-header-bg.png) no-repeat;background-position:50%;background-size:contain;height:75px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:195px}.main_landingpage_container .left_panel .left_panel_product_container{bottom:20px;height:auto;left:26px;overflow:auto;position:absolute;right:0;top:132px}.main_landingpage_container .left_panel .tool_kit_container{background:#eaf2ff;border-radius:10px;margin-top:0;padding:20px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .arrow_chevron_container{bottom:0;display:none;left:60px;position:absolute;transform:rotate(90deg)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{display:flex;flex-wrap:wrap;gap:24px 2%;margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item{background:#fff;border:1px solid #fff;border-radius:12px;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;gap:2px;height:167px;justify-content:space-between;padding:16px 12px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_patch{background:#eaf2ff;height:7px;position:absolute;right:17px;top:-2px;width:121px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{color:#0d152c;font-size:16px;font-weight:700;width:calc(100% - 135px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_content{color:#31416e;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 45px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container{background:#e9f2ff;border:1px solid #fff;border-radius:0 0 16px 16px;border-top-color:#eaf2ff;box-sizing:border-box;height:48px;padding:8px;position:absolute;right:24px;top:-1px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container:before{background:#e9f2ff;content:"";height:7px;left:-10px;position:absolute;right:-10px;top:-4px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:before{background:#fff;border-radius:0 10px 0 0;border-right:1px solid #fff;border-top:1px solid #fff;content:"";height:20px;left:-10px;position:absolute;top:-1px;width:10px;z-index:99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;left:-8px;position:absolute;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:before{background:#fff;border-left:1px solid #fff;border-radius:10px 0 0;border-top:1px solid #fff;content:"";height:20px;position:absolute;right:-10px;top:-1px;width:10px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;position:absolute;right:-8px;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container{align-items:center;background:linear-gradient(90deg,#f269224d 2.15%,#fff2eb);border-radius:0 0 12px;bottom:0;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0 24px 0 18px;position:absolute;right:0;z-index:1}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container:before{background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);content:"";height:100%;left:-1px;position:absolute;top:0;width:10px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container span{color:#0d152c;font-size:12px;font-weight:700;line-height:1;position:relative;z-index:2}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container.release-status-ribbon{background:linear-gradient(90deg,#dce9ff 2.15%,#dfbbf7 96.7%)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover{border:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container{border:1px solid #6962ef99;border-top-color:#eaf2ff}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .know_more_container{background:#fafafa;border:1px solid #eceefd;border-radius:12px;box-sizing:border-box;height:auto;margin-top:20px;opacity:1;overflow:hidden;padding:20px;position:relative;transition:height .3s ease-in-out,opacity .3s ease-in-out;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .know_more_container.tool_kit_know_more_container{margin-top:10px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .close_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;cursor:pointer;height:16px;position:absolute;right:13px;top:27px;width:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container{align-items:center;display:flex;gap:8px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{color:#0d152c;font-size:20px;font-weight:700}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .tick_mark_enabled{align-items:center;background:#f4fff7 url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/tick.svg) no-repeat;background-position:8px;background-size:12px;border-radius:24px;color:#108431;display:flex;font-size:14px;height:24px;padding:0 8px 0 25px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_description{color:#1f2b4d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;margin-top:20px;text-align:left}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{display:flex;gap:32px;margin-top:20px;overflow:auto;position:relative;scrollbar-width:none;z-index:999}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/page-fold.webp) no-repeat;background-size:230px;box-sizing:border-box;display:flex;flex-shrink:0;gap:4px;height:64px;padding:15px;width:231px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_bulb_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bulb.svg) no-repeat;background-position:0 2px;background-size:13px;height:15px;width:15px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{color:#0d152c;font-size:12px;font-weight:600;line-height:16px;width:140px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .launch_button_container{margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .ms_km_container_hidden{height:0;margin:0!important;opacity:0;padding:0;transition:height .3s ease-in-out,opacity .3s ease-in-out}.main_landingpage_container .left_panel .smart_ai_tool_container{background:#edeff6;margin-top:32px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item{width:auto!important}.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container,.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container:before{background:#eeeff7!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container{position:relative;width:32%!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container .top_patch{background:#eeeff7;height:7px;position:absolute;right:16px;top:-2px;width:126px;z-index:9}.main_landingpage_container .left_panel .tool_kit_item_active{border:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container{border:1px solid #6962ef99!important;border-top-color:#eaf2ff!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container{display:block}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after,.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-style:solid;content:"";display:block;height:0;left:100%;position:absolute;width:0}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-color:#0000 #0000 #0000 #6962ef99;border-width:10px;top:10px}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after{border-color:#0000 #0000 #0000 #fff;border-width:9px;top:11px}.main_landingpage_container .right_panel{bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:21px 26px 18px 0;position:absolute;right:0;top:0;width:475px}.main_landingpage_container .right_panel .client_logo_container{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:center;padding:20px;position:relative;z-index:0}.main_landingpage_container .right_panel .client_logo_container:before{background:linear-gradient(93.56deg,#dfb9d2 22.01%,#b7c0ef 78.02%);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:1}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{object-fit:contain;width:45%}.main_landingpage_container .right_panel .right_panel_content{display:flex;flex-direction:column;gap:32px;overflow:auto}.main_landingpage_container .right_panel .smart_pf_panel_container{background:linear-gradient(180deg,#e9f2ff59,#fff9);border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;padding:20px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{display:flex;flex-direction:column;margin-bottom:24px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{color:#60697d;font-size:16px;font-weight:700;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{background:linear-gradient(90deg,#6b63ff,#0a1e5e 50%,#6b63ff);-webkit-background-clip:text;background-size:200% auto;font-size:20px;font-weight:600;line-height:28px;text-align:center;-webkit-text-fill-color:#0000;background-clip:text;text-fill-color:#0000;animation:gradientFlow 3s linear infinite;display:inline-block;margin-top:4px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{display:flex;flex-direction:column;gap:16px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia{background:#fff;border-radius:12px;display:flex;gap:12px;padding:12px;position:relative}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia:before{background:linear-gradient(180deg,#2bbfeee6,#6963efe6);border-radius:13px;content:" ";top:-1px;right:-1px;bottom:-1px;left:-1px;position:absolute;z-index:-1}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .left_image_container{background:#fcfcfc;height:40px;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .ai_ml_powered,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .multi_level_planning,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .strategic_objective{background:#fff}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .landing_card_gif{display:block;height:40px;object-fit:contain;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{color:#60697d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 60px)}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card .ia_card_heading_txt{color:#1f2b4d;font-size:14px;font-weight:800;letter-spacing:0;line-height:20px;text-align:left}.main_landingpage_container .right_panel .smart_agent_studio_container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:25px 20px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{color:#0d152c;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing .gradient_text{background:linear-gradient(90deg,#f26921,#6962ef);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-weight:800;-webkit-text-fill-color:#0000;animation:gradientFlow 3s ease infinite}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container{display:flex;flex-direction:column;gap:16px;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide{align-items:center;display:none;flex-direction:column;gap:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide.carousel_slide_active{display:flex}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_image{height:80px;width:80px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:16px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container{display:flex;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot{background:#c3c8d4;border-radius:50%;cursor:pointer;height:8px;margin:0 4px;transition:all .3s ease;width:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot:hover{background:#6962ef}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .dot_active{background:#6962ef;border-radius:4px;height:8px;width:24px}.main_landingpage_container .right_panel .smart_agent_studio_container .agentic_usecases_container{align-items:center;display:flex;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .agentic_usecases_container .hp_usecases_btn{height:auto;min-height:32px}.main_landingpage_container .right_panel .latest_updates_container{align-items:center;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:20px}.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header{color:#1f2b4d;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:left;text-align:center}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .configurations_menu_container{background:#fff;border-radius:12px;box-shadow:0 0 18px 5px #0000000f;display:flex;flex-direction:column;gap:12px;padding:12px;position:absolute;right:16px;top:58px;z-index:99999}.main_landingpage_container .configurations_menu_container .configurations_menu_item{cursor:pointer;display:flex;gap:12px;padding:6px;width:342px}.main_landingpage_container .configurations_menu_container .configurations_menu_item:hover{background:#6962ef26;border-radius:8px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo{flex-shrink:0;height:32px;object-fit:contain;width:32px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo_text{align-items:center;display:inline-flex;font-size:22px;justify-content:center;line-height:1}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content{display:flex;flex-direction:column;gap:4px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_label{color:#1f2b4d;font-size:16px;font-weight:600;line-height:24px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_desc{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-align:left}.common_header{font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.toolkit_header_container{align-items:center;display:flex;justify-content:space-between}.primary_btn_home_page{background:#6962ef!important;border:1px solid #6962ef!important;box-sizing:border-box;font-weight:500!important;line-height:20px}.url{color:#6962ef!important;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;text-decoration:none!important}.MondaySmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/mondaysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.AssortSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/assortsmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.BaseSmartRestaurant_icon,.BaseSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/basesmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.ItemSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/itemsmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.InventorySmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/inventorysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.MarkSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/marksmart.webp) no-repeat;background-position:0 0;background-size:25px;padding-left:31px}.PriceSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/pricesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.RackSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/racksmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SizeSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/sizesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SpaceSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/spacesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.PlanSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/plansmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.ADAVisual_icon,.ForecastSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaVisual.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.ClusterSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/clusterSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.PromoSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/promoSmart.webp) no-repeat;background-position:0 0;background-size:19px;padding-left:31px}.ForecastConfigurator_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/forecastConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;font-size:12px;padding-left:31px}.ADAConfigurator_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.TestSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/testSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.AttributeSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/attributeSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.StoreSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/storeSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.main_landingpage_container .latest_updates_content{font-size:16px;line-height:18px;text-align:center}.url{font-size:12px}@media screen and (min-width:1400px) and (max-width:1600px){.main_landingpage_container .right_panel{gap:22px;width:370px}.main_landingpage_container .left_panel{width:calc(100% - 390px)}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .latest_updates_content{font-size:14px;line-height:18px;text-align:center}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.common_header{font-size:18px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:16px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item{padding:16px 10px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px}}@media screen and (max-width:1399px){.main_landingpage_container .right_panel{gap:22px;width:300px}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel{width:calc(100% - 320px)}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{font-size:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{font-size:16px;margin-top:0}.main_landingpage_container .right_panel .latest_updates_container,.main_landingpage_container .right_panel .smart_agent_studio_container,.main_landingpage_container .right_panel .smart_pf_panel_container{padding:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{margin-bottom:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{gap:12px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{font-size:12px;line-height:14px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{font-size:14px;line-height:18px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video{height:145px;width:245px}.main_landingpage_container .latest_updates_content,.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header,.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{font-size:12px;line-height:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px;padding-left:24px}.InventorySmart_icon,.MondaySmart_icon{background-size:20px}.common_header{font-size:14px}.main_landingpage_container .left_panel .tool_kit_container{padding:16px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:12px}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{width:60%}}.agentic_usecases_panel{width:684px!important}.agentic_usecases_panel .agentic_usecases_panel_content{display:flex;flex-wrap:wrap;gap:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container{position:relative}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container:hover .agentic_usecases_panel_content_item_button{display:flex!important}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_button{bottom:12px;display:none!important;position:absolute;right:100px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item{border:1px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px;width:310px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover{border:1px solid}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_image{height:40px;width:40px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{display:flex;flex-direction:column;gap:12px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_name{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_description{color:#31416e;font-size:14px;font-weight:500;line-height:20px}.agentic_usecases_panel_content_item_button:hover+.agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}')),document.head.appendChild(n)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
+import { ConfigurationIcon as ConfigurationIcon_default, LaunchIcon as LaunchIcon_default, BookDemo as BookDemo_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import { getAssetUrl } from "../../utils/assetBase.js";
 import { findClient, CAROUSEL_IMAGES, CAROUSEL_IMAGES_TEXT, AGENTIC_USECASES } from "./constants.js";
 import { Button } from "../Button/index.js";
 import { Panel } from "../Panel/index.js";
 
 import { useTranslation } from "../../i18n/useTranslation.js";
-const BookDemoIcon = getAssetUrl("landingPageAssets/book-demo.svg");
-const ConfigurationIcon = getAssetUrl("landingPageAssets/configuration_icon.svg");
-const LaunchIcon = getAssetUrl("landingPageAssets/launch.svg");
 function noop() {
 }
 function isLikelyImageSrc(logo) {
@@ -147,7 +145,7 @@ function HomePage({
               Button,
               {
                 className: "floating_btn_container",
-                icon: /* @__PURE__ */ jsx("img", { alt: t("homePage.configurationAlt"), src: ConfigurationIcon }),
+                icon: /* @__PURE__ */ jsx(ConfigurationIcon_default, {}),
                 variant: "tertiary",
                 onClick: () => {
                   setIsConfigurationsMenuOpen(!isConfigurationsMenuOpen);
@@ -226,7 +224,7 @@ function HomePage({
                             Button,
                             {
                               className: "primary_btn_home_page",
-                              icon: /* @__PURE__ */ jsx("img", { alt: t("homePage.launchAlt"), src: LaunchIcon }),
+                              icon: /* @__PURE__ */ jsx(LaunchIcon_default, {}),
                               variant: "primary",
                               onClick: () => {
                                 onLaunchClick(item);
@@ -285,7 +283,7 @@ function HomePage({
                         /* @__PURE__ */ jsx("div", { className: "launch_button_container", children: /* @__PURE__ */ jsx(
                           Button,
                           {
-                            icon: /* @__PURE__ */ jsx("img", { alt: t("homePage.launchAlt"), src: LaunchIcon }),
+                            icon: /* @__PURE__ */ jsx(LaunchIcon_default, {}),
                             variant: "secondary",
                             onClick: () => {
                               if (activeToolKitItem) onLaunchClick(activeToolKitItem);
@@ -522,7 +520,7 @@ function HomePage({
             Button,
             {
               className: "hp_usecases_btn",
-              icon: /* @__PURE__ */ jsx("img", { alt: t("homePage.bookDemoAlt"), src: BookDemoIcon }),
+              icon: /* @__PURE__ */ jsx(BookDemo_default, {}),
               variant: "tertiary",
               onClick: () => {
                 setIsAgenticUsecasesOpen(true);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK,sHAiEjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,KAAK,sHAkEjB,CAAC"}

package/dist/components/Input/index.js

@@ -23,6 +23,7 @@ const Input = forwardRef(
     size = "large",
     ...args
   }, ref) => {
+    console.log("ref");
     if (leftIcon ?? rightIcon) {
       return /* @__PURE__ */ jsx(
         InputWithIcon,
@@ -33,7 +34,7 @@ const Input = forwardRef(
           helperText,
           htmlFor,
           iconClickOnDisabled,
-          inputRef: ref,
+          inputRef: (args == null ? void 0 : args.inputRef) ?? ref,
           isDisabled,
           isError,
           isHelperText,
@@ -55,7 +56,7 @@ const Input = forwardRef(
         focusedText,
         helperText,
         htmlFor,
-        inputRef: ref,
+        inputRef: (args == null ? void 0 : args.inputRef) ?? ref,
         isDisabled,
         isError,
         isHelperText,

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

@@ -0,0 +1,21 @@
+import { ReactNode, CSSProperties, Ref } from 'react';
+import { ButtonProps } from '../Button/Button.types';
+
+export interface NewCreateItemFlowProps {
+    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;
+}
+export interface RightContentPanelProps {
+    contentRef?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+}
+//# sourceMappingURL=NewCreateItemFlow.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewCreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/NewCreateItemFlow/NewCreateItemFlow.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,sBAAsB;IACrC,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"}

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { NewCreateItemFlowProps } from './NewCreateItemFlow.types';
+
+export declare const NewCreateItemFlow: React.MemoExoticComponent<({ leftPanelWidth, leftPanelContent, leftPanelImage, rightContent, title, description, prevButtonProps, extraButtonProp, nextButtonProps, customCSS, className, }: NewCreateItemFlowProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewCreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAOpC,OAAO,EACL,KAAK,sBAAsB,EAE5B,MAAM,2BAA2B,CAAC;AACnC,OAAO,iCAAiC,CAAC;AAiGzC,eAAO,MAAM,iBAAiB,+LAnD3B,sBAAsB,6CAmDwC,CAAC"}