impact-ui 4.0.17 → 5.0.0-beta.1

package/dist/components/MonthPicker/index.js

@@ -1,9 +1,11 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact-portal-container{position:absolute;z-index:9999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.impact-singleMonthPicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-singleMonthPicker-main-container.single-month-label-flex-column{flex-direction:column}.impact-singleMonthPicker-main-container.single-month-label-flex-column .singleMonthPicker-label{margin-bottom:6px}.impact-singleMonthPicker-main-container .singleMonthPicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px}.impact-singleMonthPicker-main-container .singleMonthPicker-container{position:relative;width:282px}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container{box-sizing:border-box;display:flex;height:32px;width:100%}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container:hover .singleMonthPicker-input-field{border:1px solid #4259ee}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/calendar.svg) no-repeat;background-color:#fff;background-position:center right 12px;background-size:14px;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-left:12px;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field{background-position:center right 10px;background-size:13px;padding-left:10px}}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field.active{width:100%}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field.error{border:1px solid #e15554}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field::placeholder{color:#b4bac7}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field:focus{border:1px solid #4259ee;outline:none}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field:focus::placeholder,.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field:focus:not(:placeholder-shown){color:#4259ee}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .mp-close-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat 50%;background-size:14px;border:none;cursor:pointer;height:24px;padding:0;position:absolute;right:36px;top:16px;transform:translateY(-50%);width:24px}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .mp-close-icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .mp-close-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-singleMonthPicker-main-container.disabled{pointer-events:none}.impact-singleMonthPicker-main-container.disabled .singleMonthPicker-label{color:#b4bac7}.impact-singleMonthPicker-main-container.disabled .singleMonthPicker-input-field{background-color:#f8f9fb;background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/calendarDisable.svg);background-position:center right 12px;background-repeat:no-repeat;background-size:14px;border-color:#d9dde7;color:#b4bac7}.impact-singleMonthPicker-main-container.disabled .mp-close-icon{opacity:.6}.mp-single-month-picker-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 0 4px #0000001f;height:264px;left:0;padding:16px;position:absolute;top:40px;width:300px;z-index:1200}.month-picker-year-select-container{margin-inline:6px}.month-picker-year-select-container .ia-select-button-text-full-width{flex:0 0 auto}.month-picker-year-select-container .ia-select-styled-dropdown-main-button{border:none;padding:6px}.month-picker-year-select-container .ia-select-button-clear-icon{display:none}.month-picker-year-select-container .ia-select-chevron-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/arrowDownMonthRange.svg) no-repeat;background-position:50%;background-size:10px;margin-left:-110px;margin-right:0}.month-picker-year-select-dropdown{min-width:115px!important;width:115px!important;z-index:9999}.mp-header{align-items:center;display:flex;justify-content:center;padding-inline:8px}.mp-header .Mui-focusVisible:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.mp-header .Mui-focusVisible:focus:not(:focus-visible){box-shadow:none;outline:none}.mp-render-month-container{display:flex;justify-content:space-between}.mp-render-month{display:flex;flex-wrap:wrap;gap:36px;height:128px;margin-top:4px;row-gap:10px;width:252px}.mp-month{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;height:36px;justify-content:center;padding:0;width:36px}.mp-month:hover{background-color:#eceefd;border:1px solid #b3bdf8;border-radius:8px;color:#3649c6}.mp-month.current-month{border:1px solid #eceefd;border-radius:8px}.mp-month:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.mp-month:focus:not(:focus-visible){box-shadow:none;outline:none}.mp-month.Mui-disabled:focus-visible,.mp-month.ia-btn-disabled:focus-visible,.mp-month.ia-switch-disabled:focus-visible,.mp-month.impact-select-disabled:focus-visible,.mp-month.impact_input_disabled:focus-visible,.mp-month.route-disabled:focus-visible,.mp-month:disabled:focus-visible,.mp-month[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.mp-selected-year{color:#1f2b4d;font-size:14px;line-height:16px}.mp-calendar-month,.mp-selected-year{font-family:Manrope,sans-serif;font-weight:500}.mp-calendar-month{font-size:12px;line-height:15px;text-align:left;text-decoration-skip-ink:none;text-underline-position:from-font}.mp-month.end,.mp-month.start{position:relative}.mp-month.end,.mp-month.selected,.mp-month.start{background-color:#4259ee;border-radius:8px;color:#fff}.mp-month.disabled,.mp-month:disabled{color:#b4bac7;cursor:default;pointer-events:none}.mp-vertical-line{border:.5px solid #d9dde7;margin-block:16px 0}.mp-calendar-button{display:flex;gap:16px;justify-content:flex-end;margin-top:16px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.impact-portal-container{position:absolute;z-index:9999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.impact-singleMonthPicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-singleMonthPicker-main-container.single-month-label-flex-column{flex-direction:column}.impact-singleMonthPicker-main-container.single-month-label-flex-column .singleMonthPicker-label{margin-bottom:6px}.impact-singleMonthPicker-main-container .singleMonthPicker-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px}.impact-singleMonthPicker-main-container .singleMonthPicker-container{position:relative;width:282px}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container{box-sizing:border-box;display:flex;height:32px;position:relative;width:100%}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container:hover .singleMonthPicker-input-field{border:1px solid var(--iu-bg-primary)}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field{background-color:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-disabled-2);border-radius:8px;box-sizing:border-box;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-left:12px;padding-right:36px;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field{padding-left:10px;padding-right:34px}}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field.active{width:100%}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field.error{border:1px solid var(--iu-bg-error)}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field::placeholder{color:var(--iu-bg-disabled-2)}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field:focus{border:1px solid var(--iu-bg-primary);outline:none}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field:focus::placeholder,.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .singleMonthPicker-input-field:focus:not(:placeholder-shown){color:var(--iu-bg-primary)}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .mp-input-calendar-icon{align-items:center;display:inline-flex;justify-content:center;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .mp-input-calendar-icon .impact-icon{color:unset}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .mp-close-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat 50%;background-size:14px;border:none;cursor:pointer;height:24px;padding:0;position:absolute;right:36px;top:16px;transform:translateY(-50%);width:24px}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .mp-close-icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact-singleMonthPicker-main-container .singleMonthPicker-input-container .mp-close-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-singleMonthPicker-main-container.disabled{pointer-events:none}.impact-singleMonthPicker-main-container.disabled .singleMonthPicker-label{color:var(--iu-bg-disabled-2)}.impact-singleMonthPicker-main-container.disabled .singleMonthPicker-input-field{background-color:var(--iu-bg-disabled-1);border-color:var(--iu-border-disabled);color:var(--iu-bg-disabled-2)}.impact-singleMonthPicker-main-container.disabled .mp-close-icon{opacity:.6}.mp-single-month-picker-container{background-color:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:12px;box-shadow:var(--iu-effect-shadow-drop-4);box-sizing:border-box;height:264px;left:0;padding:16px;position:absolute;top:40px;width:300px;z-index:1200}.month-picker-year-select-container{margin-inline:6px}.month-picker-year-select-container .ia-select-button-text-full-width{flex:0 0 auto}.month-picker-year-select-container .ia-select-styled-dropdown-main-button{border:none;padding:6px}.month-picker-year-select-container .ia-select-button-clear-icon{display:none}.month-picker-year-select-container .ia-select-chevron-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/arrowDownMonthRange.svg) no-repeat;background-position:50%;background-size:10px;margin-left:-110px;margin-right:0}.month-picker-year-select-dropdown{min-width:115px!important;width:115px!important;z-index:9999}.mp-header{align-items:center;display:flex;justify-content:center;padding-inline:8px}.mp-header .Mui-focusVisible:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.mp-header .Mui-focusVisible:focus:not(:focus-visible){box-shadow:none;outline:none}.mp-render-month-container{display:flex;justify-content:space-between}.mp-render-month{display:flex;flex-wrap:wrap;gap:36px;height:128px;margin-top:4px;row-gap:10px;width:252px}.mp-month{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;height:36px;justify-content:center;padding:0;width:36px}.mp-month:hover:not(.selected,.start,.end,.disabled):not(:disabled){background-color:var(--iu-bg-primary-subtle);border:1px solid var(--iu-bg-primary-lighter);border-radius:8px;color:var(--iu-bg-primary-darker)}.mp-month.current-month:not(.selected,.start,.end){background-color:initial;border:1px solid var(--iu-bg-primary-subtle);border-radius:8px}.mp-month.end,.mp-month.selected,.mp-month.start{background-color:var(--iu-bg-primary);border:1px solid var(--iu-bg-primary);border-radius:8px;color:var(--iu-on-primary-text)}:is(.mp-month.end,.mp-month.selected,.mp-month.start) .mp-calendar-month{color:var(--iu-on-primary-text)}.mp-month.end:hover,.mp-month.selected:hover,.mp-month.start:hover{background-color:var(--iu-bg-primary);border-color:var(--iu-bg-primary);color:var(--iu-on-primary-text)}:is(.mp-month.end:hover,.mp-month.selected:hover,.mp-month.start:hover) .mp-calendar-month{color:var(--iu-on-primary-text)}.mp-month:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.mp-month:focus:not(:focus-visible){box-shadow:none;outline:none}.mp-month.Mui-disabled:focus-visible,.mp-month.ia-btn-disabled:focus-visible,.mp-month.ia-switch-disabled:focus-visible,.mp-month.impact-select-disabled:focus-visible,.mp-month.impact_input_disabled:focus-visible,.mp-month.route-disabled:focus-visible,.mp-month:disabled:focus-visible,.mp-month[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.mp-selected-year{font-size:14px;line-height:16px}.mp-calendar-month,.mp-selected-year{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-weight:500}.mp-calendar-month{font-size:12px;line-height:15px;text-align:left;text-decoration-skip-ink:none;text-underline-position:from-font}.mp-month.end,.mp-month.start{position:relative}.mp-month.disabled,.mp-month:disabled{color:var(--iu-bg-disabled-2);cursor:default;pointer-events:none}.mp-vertical-line{border:.5px solid var(--iu-border-disabled);margin-block:16px 0}.mp-calendar-button{display:flex;gap:16px;justify-content:flex-end;margin-top:16px}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState, useRef, useCallback, useEffect, useLayoutEffect } from "react";
+import { Icon, CalendarDisable as CalendarDisable_default, Calendar as Calendar_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1 from "../../node_modules/@mui/icons-material/ChevronLeftOutlined.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/ChevronRightOutlined.js";
 import { Button } from "../Button/index.js";
+import { impactIconSource } from "../ImpactIcon/index.js";
 import { Portal } from "../Portal/index.js";
 import { Select } from "../Select/index.js";
 import { MONTHS_NUMBER } from "./constants.js";
@@ -163,9 +165,10 @@ function MonthPicker({
     [openCalendar, selectedMonth]
   );
   const handleInputClick = useCallback(() => {
+    if (disabled) return;
     setOpenCalendar(true);
     setFocusInput("selected month");
-  }, []);
+  }, [disabled]);
   const handleClickOutside = useCallback(
     (event) => {
       const target = event.target;
@@ -389,6 +392,7 @@ function MonthPicker({
                     "aria-haspopup": "dialog",
                     "aria-label": t("monthPicker.ariaSelectedMonth"),
                     className: `singleMonthPicker-input-field ${selectedMonth ? "active" : ""} ${computedIsError ? "error" : ""}`.trim(),
+                    disabled,
                     placeholder: t("monthPicker.placeholder", { format: displayFormat }),
                     type: "text",
                     value: selectedMonth ? formatDate(selectedMonth) : "",
@@ -402,7 +406,15 @@ function MonthPicker({
                     onKeyDown: handleInputKeyDown
                   }
                 ),
-                selectedMonth && /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "mp-input-calendar-icon", children: /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: impactIconSource(disabled ? CalendarDisable_default : Calendar_default),
+                    size: 14,
+                    variant: "light"
+                  }
+                ) }),
+                selectedMonth && !disabled && /* @__PURE__ */ jsx(
                   "button",
                   {
                     "aria-label": t("monthPicker.ariaClose"),

package/dist/components/MonthRangePicker/constants.d.ts

@@ -1,2 +1,6 @@
 export declare const MONTHS_NUMBER: number[];
+/** First day of month — calendar cells and range math always use month granularity. */
+export declare function toMonthStart(date: Date | null): Date | null;
+export declare function monthIndex(date: Date): number;
+export declare function isSameMonth(a: Date | null | undefined, b: Date | null | undefined): boolean;
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/MonthRangePicker/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/MonthRangePicker/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,UAAyC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/MonthRangePicker/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,UAAyC,CAAC;AAEpE,uFAAuF;AACvF,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAG3D;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE7C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAG3F"}

package/dist/components/MonthRangePicker/constants.js

@@ -1,4 +1,18 @@
 const MONTHS_NUMBER = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+function toMonthStart(date) {
+  if (!date) return null;
+  return new Date(date.getFullYear(), date.getMonth(), 1);
+}
+function monthIndex(date) {
+  return date.getFullYear() * 12 + date.getMonth();
+}
+function isSameMonth(a, b) {
+  if (!a || !b) return false;
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();
+}
 export {
-  MONTHS_NUMBER
+  MONTHS_NUMBER,
+  isSameMonth,
+  monthIndex,
+  toMonthStart
 };

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

@@ -21,5 +21,5 @@ export declare const MonthRangePicker: ({ customYears, locale, isMandatory, disp
     className: any;
     id: any;
     "data-testid": any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MonthRangePicker/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,gCAAgC,CAAC;AAExC,eAAO,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;CAwBhC,4CA2pBA,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MonthRangePicker/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,gCAAgC,CAAC;AAExC,eAAO,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;CAwBhC,gCA+pBA,CAAC"}

package/dist/components/MonthRangePicker/index.js

@@ -1,9 +1,9 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact-portal-container{position:absolute;z-index:9999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.impact-monthRangePicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-monthRangePicker-main-container.label-flex-column{flex-direction:column}.impact-monthRangePicker-main-container.label-flex-column .monthRangePicker-label{margin-bottom:6px}.impact-monthRangePicker-main-container .monthRangePicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px}.impact-monthRangePicker-main-container .monthRangePicker-container{position:relative;width:282px}.impact-monthRangePicker-main-container .monthRangePicker-input-container{box-sizing:border-box;display:flex;height:32px;width:100%}.impact-monthRangePicker-main-container .monthRangePicker-input-container:focus-within .dateRangePicker-input-start-date,.impact-monthRangePicker-main-container .monthRangePicker-input-container:hover .dateRangePicker-input-start-date{border:1px solid #4259ee;border-right:none}.impact-monthRangePicker-main-container .monthRangePicker-input-container:focus-within .dateRangePicker-input-end-date,.impact-monthRangePicker-main-container .monthRangePicker-input-container:hover .dateRangePicker-input-end-date{border:1px solid #4259ee;border-left:none}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date{border:1px solid #c3c8d4;border-radius:8px 0 0 8px;border-right:none;box-sizing:border-box;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-left:12px;width:123px}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date.active{width:76px}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date.error{border-bottom:1px solid #e15554;border-left:1px solid #e15554;border-top:1px solid #e15554}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date::placeholder{color:#b4bac7}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date:focus{outline:none}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date:focus::placeholder,.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date:focus:not(:placeholder-shown){color:#4259ee}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/calendar.svg) no-repeat;background-color:#fff;background-position:center right 12px;background-size:14px;border:1px solid #c3c8d4;border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date{background-position:center right 10px;background-size:13px;padding-left:10px}}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date::placeholder{color:#b4bac7}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date:focus{outline:none}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date.error{border-bottom:1px solid #e15554;border-right:1px solid #e15554;border-top:1px solid #e15554}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date:focus::placeholder,.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date:focus:not(:placeholder-shown){color:#4259ee}.impact-monthRangePicker-main-container .monthRangePicker-input-container .close-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat 50%;background-size:14px;border:none;border-radius:4px;cursor:pointer;height:24px;padding:0;position:absolute;right:36px;top:16px;transform:translateY(-50%);width:24px}.impact-monthRangePicker-main-container .monthRangePicker-input-container .close-icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-monthRangePicker-main-container .monthRangePicker-input-container .close-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-monthRangePicker-main-container.disabled{pointer-events:none}.impact-monthRangePicker-main-container.disabled .monthRangePicker-label{color:#b4bac7}.impact-monthRangePicker-main-container.disabled .dateRangePicker-input-end-date,.impact-monthRangePicker-main-container.disabled .dateRangePicker-input-start-date{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.impact-monthRangePicker-main-container.disabled .dateRangePicker-input-end-date{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/calendarDisable.svg);background-position:center right 12px;background-repeat:no-repeat;background-size:14px}.impact-monthRangePicker-main-container.disabled .close-icon{opacity:.6}.ia-month-picker-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 0 4px #0000001f;height:276px;left:0;padding:16px;position:absolute;top:40px;width:586px;z-index:1200}.month-range-picker-selected-year{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:16px}.month-range-picker-year-select-container{width:85px}.month-range-picker-year-select-container .ia-select-styled-dropdown-main-button{border:none!important;padding:6px}.month-range-picker-year-select-container .ia-select-button-clear-icon{display:none}.month-range-picker-year-select-container .ia-select-chevron-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/arrowDownMonthRange.svg) no-repeat;background-position:50%;background-size:10px;margin-left:-110px;margin-right:36px}.month-range-picker-month-select-dropdown,.month-range-picker-year-select-dropdown{min-width:115px!important;width:115px!important;z-index:9999}.ia-header{align-items:center;display:flex;justify-content:space-between;padding-inline:8px}.ia-header .Mui-focusVisible:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-header .Mui-focusVisible:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-render-month-container{display:flex;justify-content:space-between}.ia-render-month{display:flex;flex-wrap:wrap;gap:36px;height:128px;margin-top:16px;row-gap:10px;width:252px}.ia-month{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000;border:1px solid #0000;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;height:36px;justify-content:center;padding:0;width:36px}.ia-month:hover:not(.start,.end){background-color:#eceefd;border:1px solid #b3bdf8;border-radius:8px;color:#3649c6}.ia-month.current-month{border:1px solid #eceefd;border-radius:8px}.ia-month:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-month:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-month.Mui-disabled:focus-visible,.ia-month.ia-btn-disabled:focus-visible,.ia-month.ia-switch-disabled:focus-visible,.ia-month.impact-select-disabled:focus-visible,.ia-month.impact_input_disabled:focus-visible,.ia-month.route-disabled:focus-visible,.ia-month:disabled:focus-visible,.ia-month[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-calendar-month{font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:15px;text-align:left;text-decoration-skip-ink:none;text-underline-position:from-font}.ia-month.end,.ia-month.start{background-color:#4259ee;border-radius:8px;color:#fff;position:relative}.ia-month.end.has-start-month:before{background-color:#eceefd;content:"";height:100%;left:-47px;position:absolute;right:6px;top:0;z-index:-1}.ia-month.selected{background-color:initial;border:1px solid #0000;border-radius:0;position:relative}.ia-month.selected:hover:before{border-radius:6px}.ia-month.selected:before{background-color:#eceefd;content:"";height:100%;left:-47px;position:absolute;right:0;top:0;z-index:-1}.ia-month.selected.hovered-previous-to-end:before{display:none}.ia-month.selected.hovered-previous-to-end:after{background-color:#eceefd;content:"";height:100%;left:0;position:absolute;right:-47px;top:0;z-index:-1}.month12:after,.month4:after,.month8:after{right:-1px!important}.month1:before,.month5:before,.month9:before{left:-1px!important}.month1.end:before,.month1.start:before,.month5.end:before,.month5.start:before,.month9.end:before,.month9.start:before{left:4px!important}.ia-month.disabled,.ia-month:disabled{color:#b4bac7;cursor:default;pointer-events:none}.ia-vertical-line{border:.5px solid #d9dde7;margin-block:16px 0}.ia-calendar-button{display:flex;gap:16px;justify-content:flex-end;margin-top:16px}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.impact-portal-container{position:absolute;z-index:9999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.impact-monthRangePicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-monthRangePicker-main-container.label-flex-column{flex-direction:column}.impact-monthRangePicker-main-container.label-flex-column .monthRangePicker-label{margin-bottom:6px}.impact-monthRangePicker-main-container .monthRangePicker-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px}.impact-monthRangePicker-main-container .monthRangePicker-container{position:relative;width:282px}.impact-monthRangePicker-main-container .monthRangePicker-input-container{box-sizing:border-box;display:flex;height:32px;width:100%}.impact-monthRangePicker-main-container :is(.monthRangePicker-input-container:focus-within,.monthRangePicker-input-container:hover) .dateRangePicker-input-start-date{border:1px solid var(--iu-bg-primary);border-right:none}.impact-monthRangePicker-main-container :is(.monthRangePicker-input-container:focus-within,.monthRangePicker-input-container:hover) .dateRangePicker-input-end-date{border:1px solid var(--iu-bg-primary);border-left:none}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date{background-color:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-disabled-2);border-radius:8px 0 0 8px;border-right:none;box-sizing:border-box;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-left:12px;width:123px}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date.active{width:76px}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date.error{border-bottom:1px solid var(--iu-bg-error);border-left:1px solid var(--iu-bg-error);border-top:1px solid var(--iu-bg-error)}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date::placeholder{color:var(--iu-bg-disabled-2)}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date:focus{outline:none}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date:focus::placeholder,.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-start-date:focus:not(:placeholder-shown){color:var(--iu-bg-primary)}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/calendar.svg) no-repeat;background-color:var(--iu-bg-surface-layer-bg);background-position:center right 12px;background-size:14px;border:1px solid var(--iu-bg-disabled-2);border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date{background-position:center right 10px;background-size:13px;padding-left:10px}}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date::placeholder{color:var(--iu-bg-disabled-2)}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date:focus{outline:none}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date.error{border-bottom:1px solid var(--iu-bg-error);border-right:1px solid var(--iu-bg-error);border-top:1px solid var(--iu-bg-error)}.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date:focus::placeholder,.impact-monthRangePicker-main-container .monthRangePicker-input-container .dateRangePicker-input-end-date:focus:not(:placeholder-shown){color:var(--iu-bg-primary)}.impact-monthRangePicker-main-container .monthRangePicker-input-container .close-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat 50%;background-size:14px;border:none;border-radius:4px;cursor:pointer;height:24px;padding:0;position:absolute;right:36px;top:16px;transform:translateY(-50%);width:24px}.impact-monthRangePicker-main-container .monthRangePicker-input-container .close-icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact-monthRangePicker-main-container .monthRangePicker-input-container .close-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-monthRangePicker-main-container.disabled{pointer-events:none}.impact-monthRangePicker-main-container.disabled .monthRangePicker-label{color:var(--iu-on-surface-label)}.impact-monthRangePicker-main-container.disabled :is(.dateRangePicker-input-end-date,.dateRangePicker-input-start-date){background-color:var(--iu-bg-disabled-1);border-color:var(--iu-border-disabled);color:var(--iu-bg-disabled-2)}.impact-monthRangePicker-main-container.disabled .dateRangePicker-input-end-date{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/calendarDisable.svg);background-position:center right 12px;background-repeat:no-repeat;background-size:14px}.impact-monthRangePicker-main-container.disabled .close-icon{opacity:.6}.ia-month-picker-container{background-color:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:12px;box-shadow:var(--iu-effect-shadow-drop-4);box-sizing:border-box;height:276px;left:0;padding:16px;position:absolute;top:40px;width:586px;z-index:1200}.month-range-picker-selected-year{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:16px}.month-range-picker-year-select-container{width:85px}.month-range-picker-year-select-container .ia-select-styled-dropdown-main-button{border:none!important;padding:6px}.month-range-picker-year-select-container .ia-select-button-clear-icon{display:none}.month-range-picker-year-select-container .ia-select-chevron-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/arrowDownMonthRange.svg) no-repeat;background-position:50%;background-size:10px;margin-left:-110px;margin-right:36px}.month-range-picker-month-select-dropdown,.month-range-picker-year-select-dropdown{min-width:115px!important;width:115px!important;z-index:9999}.ia-header{align-items:center;display:flex;justify-content:space-between;padding-inline:8px}.ia-header .Mui-focusVisible:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.ia-header .Mui-focusVisible:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-render-month-container{display:flex;justify-content:space-between}.ia-render-month{display:flex;flex-wrap:wrap;gap:36px;height:128px;margin-top:16px;row-gap:10px;width:252px}.ia-month{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000;border:1px solid #0000;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;height:36px;justify-content:center;padding:0;width:36px}.ia-month:hover:not(.start,.end,.selected,.disabled):not(:disabled){background-color:var(--iu-bg-primary-subtle);border:1px solid var(--iu-bg-primary-lighter);border-radius:8px;color:var(--iu-bg-primary-darker)}.ia-month:hover:not(.start,.end,.selected,.disabled):not(:disabled) .ia-calendar-month{color:var(--iu-bg-primary-darker)}.ia-month.current-month:not(.start,.end,.selected){background-color:initial;border:1px solid var(--iu-bg-primary-subtle);border-radius:8px}.ia-month:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.ia-month:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-month.Mui-disabled:focus-visible,.ia-month.ia-btn-disabled:focus-visible,.ia-month.ia-switch-disabled:focus-visible,.ia-month.impact-select-disabled:focus-visible,.ia-month.impact_input_disabled:focus-visible,.ia-month.route-disabled:focus-visible,.ia-month:disabled:focus-visible,.ia-month[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-calendar-month{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:15px;text-align:left;text-decoration-skip-ink:none;text-underline-position:from-font}.ia-month.end.has-start-month:before{left:-47px;right:6px}.ia-month.end.has-start-month:before,.ia-month.start.has-end-month:after{background-color:var(--iu-bg-primary-subtle);content:"";height:100%;position:absolute;top:0;z-index:-1}.ia-month.start.has-end-month:after{left:6px;right:-47px}.ia-month.selected:not(.start,.end){background-color:initial;border:1px solid #0000;border-radius:0;color:var(--iu-on-surface-body);position:relative}.ia-month.selected:not(.start,.end) .ia-calendar-month{color:var(--iu-on-surface-body)}.ia-month.selected:not(.start,.end):hover:before{border-radius:6px}.ia-month.selected:not(.start,.end):before{background-color:var(--iu-bg-primary-subtle);content:"";height:100%;left:-47px;position:absolute;right:0;top:0;z-index:-1}.ia-month.selected:not(.start,.end).hovered-previous-to-end:before{display:none}.ia-month.selected:not(.start,.end).hovered-previous-to-end:after{background-color:var(--iu-bg-primary-subtle);content:"";height:100%;left:0;position:absolute;right:-47px;top:0;z-index:-1}.month12:after,.month4:after,.month8:after{right:-1px!important}.month1:before,.month5:before,.month9:before{left:-1px!important}.month1.end:before,.month1.start:before,.month5.end:before,.month5.start:before,.month9.end:before,.month9.start:before{left:4px!important}.ia-month.end,.ia-month.start{background-color:var(--iu-bg-primary);border:1px solid var(--iu-bg-primary);border-radius:8px;position:relative;z-index:1}.ia-month.end,.ia-month.start,:is(.ia-month.end,.ia-month.start) .ia-calendar-month{color:var(--iu-on-primary-text)}.ia-month.end:hover,.ia-month.start:hover{background-color:var(--iu-bg-primary);border-color:var(--iu-bg-primary);color:var(--iu-on-primary-text)}:is(.ia-month.end:hover,.ia-month.start:hover) .ia-calendar-month{color:var(--iu-on-primary-text)}.ia-month.disabled,.ia-month:disabled{color:var(--iu-bg-disabled-2);cursor:default;pointer-events:none}.ia-vertical-line{border:.5px solid var(--iu-border-disabled);margin-block:16px 0}.ia-calendar-button{display:flex;gap:16px;justify-content:flex-end;margin-top:16px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useLayoutEffect } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/ChevronLeftOutlined.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/ChevronRightOutlined.js";
-import { MONTHS_NUMBER } from "./constants.js";
+import { toMonthStart, MONTHS_NUMBER, isSameMonth, monthIndex } from "./constants.js";
 import { Button } from "../Button/index.js";
 import { Portal } from "../Portal/index.js";
 import { Select } from "../Select/index.js";
@@ -46,8 +46,8 @@ const MonthRangePicker = ({
   });
   const years = customYears && customYears.length > 0 ? customYears : yrs;
   const [openCalendar, setOpenCalendar] = useState(false);
-  const [startMonth, setStartMonth] = useState(initialStartMonth);
-  const [endMonth, setEndMonth] = useState(initialEndMonth);
+  const [startMonth, setStartMonth] = useState(() => toMonthStart(initialStartMonth));
+  const [endMonth, setEndMonth] = useState(() => toMonthStart(initialEndMonth));
   const [yearOffset, setYearOffset] = useState(0);
   const [open1, setOpen1] = useState(false);
   const [currentOptions1, setCurrentOptions1] = useState(years);
@@ -69,8 +69,8 @@ const MonthRangePicker = ({
   const monthRangePickerMainContainerRef = useRef(null);
   const [isSelectOpen, setIsSelectOpen] = useState(false);
   const [focusInput, setFocusInput] = useState(focusedInput);
-  const [dummyStartMonth, setDummyStartMonth] = useState(initialStartMonth);
-  const [dummyEndMonth, setDummyEndMonth] = useState(initialEndMonth);
+  const [dummyStartMonth, setDummyStartMonth] = useState(() => toMonthStart(initialStartMonth));
+  const [dummyEndMonth, setDummyEndMonth] = useState(() => toMonthStart(initialEndMonth));
   const isResetClicked = useRef(false);
   const [prevIconDisabled, setPrevIconDisabled] = useState(false);
   const [nextIconDisabled, setNextIconDisabled] = useState(false);
@@ -107,53 +107,53 @@ const MonthRangePicker = ({
     }
     return false;
   };
-  const isMonthStart = (month) => {
-    return month.getTime() === ((startMonth == null ? void 0 : startMonth.getTime()) || 0);
-  };
+  const isMonthStart = (month) => isSameMonth(month, startMonth);
   const isMonthEnd = (month) => {
     if (!endMonth) {
       return false;
     }
-    const endYearMonth = endMonth.getFullYear() * 12 + endMonth.getMonth();
-    const currentYearMonth = month.getFullYear() * 12 + month.getMonth();
-    return currentYearMonth === endYearMonth;
+    return isSameMonth(month, endMonth);
   };
   const handleMonthClick = (month, type) => {
     const MIN_RANGE = 0;
-    const monthsDiff = (m1, m2) => Math.abs(m1 - m2);
+    const monthAtStart = toMonthStart(month);
+    const monthsDiff = (m1, m2) => Math.abs(monthIndex(m1) - monthIndex(m2));
     if (!startMonth && !endMonth) {
-      setStartMonth(month);
-      onStartMonthChange(month);
+      setStartMonth(monthAtStart);
+      onStartMonthChange(monthAtStart);
       setFocusInput("end month");
       return;
     }
     if (startMonth && !endMonth) {
-      if (month === startMonth) {
+      if (isSameMonth(monthAtStart, startMonth)) {
         setStartMonth(null);
         onStartMonthChange(null);
         setFocusInput("end month");
         return;
       }
-      if (month < startMonth) {
-        if (monthsDiff(month, startMonth) < MIN_RANGE) return;
+      if (monthIndex(monthAtStart) < monthIndex(startMonth)) {
+        if (monthsDiff(monthAtStart, startMonth) < MIN_RANGE) return;
         setEndMonth(startMonth);
         onEndMonthChange(startMonth);
-        setStartMonth(month);
-        onStartMonthChange(month);
+        setStartMonth(monthAtStart);
+        onStartMonthChange(monthAtStart);
+        setHoveredMonth(null);
         setFocusInput("start month");
         return;
       }
-      if (monthsDiff(month, startMonth) < MIN_RANGE) return;
-      setEndMonth(month);
-      onEndMonthChange(month);
+      if (monthsDiff(monthAtStart, startMonth) < MIN_RANGE) return;
+      setEndMonth(monthAtStart);
+      onEndMonthChange(monthAtStart);
+      setHoveredMonth(null);
       setFocusInput("start month");
       return;
     }
     if (startMonth && endMonth) {
-      setStartMonth(month);
-      onStartMonthChange(month);
+      setStartMonth(monthAtStart);
+      onStartMonthChange(monthAtStart);
       setEndMonth(null);
       onEndMonthChange(null);
+      setHoveredMonth(null);
       setFocusInput("end month");
       return;
     }
@@ -201,7 +201,7 @@ const MonthRangePicker = ({
           year: "numeric"
         }).format(monthStart),
         "aria-pressed": isStart || isEnd || isSelected,
-        className: `ia-month month${month + 1} ${getVariants()} ${startMonth && getVariants() === "end" ? "has-start-month" : ""} ${isCurrentMonth ? "current-month" : ""} ${isHoveredPreviousToEnd ? "hovered-previous-to-end" : ""} ${isDisabled ? "disabled" : ""}`,
+        className: `ia-month month${month + 1} ${getVariants()} ${startMonth && endMonth && getVariants() === "end" && !isSameMonth(startMonth, endMonth) ? "has-start-month" : ""} ${startMonth && endMonth && getVariants() === "start" && !isSameMonth(startMonth, endMonth) ? "has-end-month" : ""} ${isCurrentMonth ? "current-month" : ""} ${isHoveredPreviousToEnd ? "hovered-previous-to-end" : ""} ${isDisabled ? "disabled" : ""}`,
         disabled: isDisabled,
         tabIndex: isFocused ? 0 : -1,
         type: "button",

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

@@ -1,5 +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>;
+export declare const NewCreateItemFlow: React.MemoExoticComponent<({ leftPanelWidth, leftPanelContent, leftPanelImage, rightContent, title, description, prevButtonProps, extraButtonProp, nextButtonProps, customCSS, className, }: NewCreateItemFlowProps) => React.JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,uBAmDwC,CAAC"}

package/dist/components/NewCreateItemFlow/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}: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)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".new-create-item-flow-app-shell{background-color:var(--iu-bg-surface-layer-bg);height:100vh}.new-create-item-flow-app-shell,.new-create-item-flow-container{color:var(--iu-on-surface-body);display:flex;flex-direction:column;overflow:hidden}.new-create-item-flow-container{background-color:var(--iu-bg-surface-body-bg);flex:1;margin-top:56px;transition:margin-left .2s ease}.new-create-item-flow-container.sidebar-open{margin-left:280px}.new-create-item-flow-container.sidebar-collapsed{margin-left:64px}.new-create-item-flow-breadcrumbs{padding:12px 24px}.new-create-item-flow-flow-host{height:100%;position:relative;width:100%}.content-wrapper{flex:1;min-height:100%}.form-section{width:100%}.form-section .form-section-title{color:var(--iu-on-surface-title);font-size:16px;font-weight:600;margin-bottom:12px}.form-section .form-filter-block{background:var(--iu-bg-surface-lightest);border-radius:8px;margin-top:20px;padding:12px}.form-section .form-filter-block .form-filter-title{color:var(--iu-on-surface-title);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(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { memo } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/ChevronLeft.js";

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

@@ -10,6 +10,6 @@ interface NewDynamicLayoutProps {
     footer?: React.ReactNode;
     [key: string]: unknown;
 }
-export declare const NewDynamicLayout: ({ title, description, leftPanel, rightContent, leftPanelWidth, className, footer, ...props }: NewDynamicLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NewDynamicLayout: ({ title, description, leftPanel, rightContent, leftPanelWidth, className, footer, ...props }: NewDynamicLayoutProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewDynamicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,gCAAgC,CAAC;AAGxC,UAAU,qBAAqB;IAC7B,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,gBAAgB,GAAI,8FAS9B,qBAAqB,4CAgCvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewDynamicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,gCAAgC,CAAC;AAExC,UAAU,qBAAqB;IAC7B,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,gBAAgB,GAAI,8FAS9B,qBAAqB,sBA+BvB,CAAC"}

package/dist/components/NewDynamicLayout/index.js

@@ -1,9 +1,7 @@
-!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}.new-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}.new-dynamic-layout-container .new-dynamic-layout-header{border-bottom:1px solid #d9dde7;display:flex;flex-direction:column;gap:8px;padding:24px}.new-dynamic-layout-container .new-dynamic-layout-header h1{color:#0d152c;font-size:24px;font-weight:800;line-height:36px}.new-dynamic-layout-container .new-dynamic-layout-header p{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.new-dynamic-layout-container .new-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}.new-dynamic-layout-container .new-dynamic-layout-body .left-panel{border-right:1px solid #d9dde7;padding-right:24px;width:var(--left-panel-width,220px)}.new-dynamic-layout-container .new-dynamic-layout-body .left-panel .left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.new-dynamic-layout-container .new-dynamic-layout-body .left-panel .left-panel-image{height:130px;margin:0 auto;width:132px}.new-dynamic-layout-container .new-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))}.new-dynamic-layout-container .new-dynamic-layout-body .right-column .right-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.new-dynamic-layout-container .new-dynamic-layout-body .right-column .new-dynamic-layout-footer{border-top:1px solid #d9dde7;display:flex;justify-content:space-between;padding-top:24px}.new-dynamic-layout-container .new-dynamic-layout-body .right-column .new-dynamic-layout-footer .footer-right-group{align-items:center;display:flex;gap:12px}@media screen and (min-width:1400px) and (max-width:1600px){.new-dynamic-layout-body{padding:20px}.left-panel-image{width:100%}}@media screen and (max-width:1399px){.new-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 e=document.createElement("style");e.appendChild(document.createTextNode(".new-dynamic-layout-container{background-color:var(--iu-bg-surface-layer-bg);border-radius:24px!important;box-shadow:var(--iu-effect-shadow-dynamic-layout-card);display:flex;flex-direction:column;top:0;right:24px;bottom:24px;left:24px;justify-content:center;position:absolute}.new-dynamic-layout-container .new-dynamic-layout-header{border-bottom:1px solid var(--iu-border-disabled);display:flex;flex-direction:column;gap:8px;padding:24px}.new-dynamic-layout-container .new-dynamic-layout-header h1{color:var(--iu-on-surface-title);font-size:24px;font-weight:800;line-height:36px}.new-dynamic-layout-container .new-dynamic-layout-header p{color:var(--iu-on-surface-caption);font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.new-dynamic-layout-container .new-dynamic-layout-body{border-bottom-right-radius:24px;display:flex;flex:1;min-height:0;overflow:hidden;padding:24px}.new-dynamic-layout-container .new-dynamic-layout-body .left-panel{border-right:1px solid var(--iu-border-disabled);padding-right:24px;width:var(--left-panel-width,220px)}.new-dynamic-layout-container .new-dynamic-layout-body .left-panel .left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.new-dynamic-layout-container .new-dynamic-layout-body .left-panel .left-panel-image{height:130px;margin:0 auto;width:132px}.new-dynamic-layout-container .new-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))}.new-dynamic-layout-container .new-dynamic-layout-body .right-column .right-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.new-dynamic-layout-container .new-dynamic-layout-body .right-column .new-dynamic-layout-footer{border-top:1px solid var(--iu-border-disabled);display:flex;justify-content:space-between;padding-top:24px}.new-dynamic-layout-container .new-dynamic-layout-body .right-column .new-dynamic-layout-footer .footer-right-group{align-items:center;display:flex;gap:12px}@media screen and (min-width:1400px) and (max-width:1600px){.new-dynamic-layout-body{padding:20px}.left-panel-image{width:100%}}@media screen and (max-width:1399px){.new-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(n){console.error("vite-plugin-css-injected-by-js",n)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
 
-import { getAssetUrl } from "../../utils/assetBase.js";
-import Box from "../../node_modules/@mui/material/Box/Box.js";
 const NewDynamicLayout = ({
   title,
   description,
@@ -15,25 +13,25 @@ const NewDynamicLayout = ({
   ...props
 }) => {
   const contentRef = useRef(null);
-  const contentBackgroundImage = getAssetUrl("images/review-tech-bg.webp");
-  return /* @__PURE__ */ jsxs(Box, { className: `new-dynamic-layout-container ${className || ""}`, ...props, children: [
-    /* @__PURE__ */ jsxs(Box, { className: "new-dynamic-layout-header", children: [
+  return /* @__PURE__ */ jsxs("div", { className: `new-dynamic-layout-container ${className || ""}`, ...props, children: [
+    /* @__PURE__ */ jsxs("div", { className: "new-dynamic-layout-header", children: [
       /* @__PURE__ */ jsx("h1", { children: title }),
       description && /* @__PURE__ */ jsx("p", { children: description })
     ] }),
     /* @__PURE__ */ jsxs(
-      Box,
+      "div",
       {
         className: "new-dynamic-layout-body",
-        style: leftPanelWidth ? {
-          "--left-panel-width": typeof leftPanelWidth === "number" ? `${leftPanelWidth}px` : leftPanelWidth
-        } : void 0,
-        sx: { backgroundImage: `url(${contentBackgroundImage})` },
+        style: {
+          ...leftPanelWidth ? {
+            "--left-panel-width": typeof leftPanelWidth === "number" ? `${leftPanelWidth}px` : leftPanelWidth
+          } : {}
+        },
         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: "new-dynamic-layout-footer", children: footer })
+          /* @__PURE__ */ jsx("div", { className: "left-panel", children: leftPanel }),
+          /* @__PURE__ */ jsxs("div", { className: "right-column", children: [
+            /* @__PURE__ */ jsx("div", { className: "right-content", children: React__default.cloneElement(rightContent, { contentRef }) }),
+            footer && /* @__PURE__ */ jsx("div", { className: "new-dynamic-layout-footer", children: footer })
           ] })
         ]
       }

package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts

@@ -18,6 +18,6 @@ interface NotificationChipsListProps {
     setExpandList: (value: boolean | ((prev: boolean) => boolean)) => void;
     setSearchExpand: (value: boolean | ((prev: boolean) => boolean)) => void;
 }
-export declare function NotificationChipsList({ list, currActiveListType, setCurrActiveListType, activeBadge, showBadgeLoader, notificationList, expandList, setExpandList, setSearchExpand, }: NotificationChipsListProps): import("react/jsx-runtime").JSX.Element;
+export declare function NotificationChipsList({ list, currActiveListType, setCurrActiveListType, activeBadge, showBadgeLoader, notificationList, expandList, setExpandList, setSearchExpand, }: NotificationChipsListProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=NotificationChipsList.d.ts.map

package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationChipsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationChipsList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,wBAAwB,EAAE,CAAC;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;IACvE,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;CAC1E;AAiCD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,eAAe,GAChB,EAAE,0BAA0B,2CAkF5B"}
+{"version":3,"file":"NotificationChipsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationChipsList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,wBAAwB,EAAE,CAAC;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;IACvE,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;CAC1E;AAiCD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,eAAe,GAChB,EAAE,0BAA0B,+BAkF5B"}

package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.d.ts

@@ -26,5 +26,5 @@ export interface NotificationListProps {
     customNotificationJsx?: React.ReactNode;
 }
 export declare function getPanelNotificationList(panel: NotificationPanelItem): NotificationListItemData[];
-export declare function NotificationList({ expand, type, title, notificationList, notificationPanels, setNotificationPanels, handleSelectAll, handleMarkReadAll, handleMoveAllPending, moveToPendingDropdownOptions, handleNotificationDeleteAll, showNotificationListLoader, showBadgeLoader, displayFormat, onNotificationScrollToBottom, scrollThreshold, isHoverOnCard, isDeleteAlwaysVisible, isEmptyState, emptyStateTitle, emptyStateDescription, customNotificationJsx, }: NotificationListProps): import("react/jsx-runtime").JSX.Element;
+export declare function NotificationList({ expand, type, title, notificationList, notificationPanels, setNotificationPanels, handleSelectAll, handleMarkReadAll, handleMoveAllPending, moveToPendingDropdownOptions, handleNotificationDeleteAll, showNotificationListLoader, showBadgeLoader, displayFormat, onNotificationScrollToBottom, scrollThreshold, isHoverOnCard, isDeleteAlwaysVisible, isEmptyState, emptyStateTitle, emptyStateDescription, customNotificationJsx, }: NotificationListProps): import("react").JSX.Element;
 //# sourceMappingURL=NotificationList.d.ts.map

package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationList.tsx"],"names":[],"mappings":"AAQA,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAIhG,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,wBAAwB,EAAE,CAAC;IAC7C,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IACzF,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IAC3F,oBAAoB,CAAC,EAAE,CACrB,IAAI,CAAC,EAAE,MAAM,EACb,aAAa,CAAC,EAAE,wBAAwB,EAAE,EAC1C,cAAc,CAAC,EAAE,OAAO,KACrB,IAAI,CAAC;IACV,4BAA4B,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9C,2BAA2B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IAClG,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzC;AAQD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,qBAAqB,GAAG,wBAAwB,EAAE,CAMjG;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAc,EACd,IAAI,EACJ,KAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,0BAAkC,EAClC,eAAuB,EACvB,aAAmB,EACnB,4BAA4B,EAC5B,eAAoB,EACpB,aAAqB,EACrB,qBAA6B,EAC7B,YAAoB,EACpB,eAAe,EACf,qBAAqB,EACrB,qBAAqB,GACtB,EAAE,qBAAqB,2CA+MvB"}
+{"version":3,"file":"NotificationList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationList.tsx"],"names":[],"mappings":"AAQA,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAIhG,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,wBAAwB,EAAE,CAAC;IAC7C,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IACzF,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IAC3F,oBAAoB,CAAC,EAAE,CACrB,IAAI,CAAC,EAAE,MAAM,EACb,aAAa,CAAC,EAAE,wBAAwB,EAAE,EAC1C,cAAc,CAAC,EAAE,OAAO,KACrB,IAAI,CAAC;IACV,4BAA4B,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9C,2BAA2B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IAClG,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzC;AAQD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,qBAAqB,GAAG,wBAAwB,EAAE,CAMjG;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAc,EACd,IAAI,EACJ,KAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,0BAAkC,EAClC,eAAuB,EACvB,aAAmB,EACnB,4BAA4B,EAC5B,eAAoB,EACpB,aAAqB,EACrB,qBAA6B,EAC7B,YAAoB,EACpB,eAAe,EACf,qBAAqB,EACrB,qBAAqB,GACtB,EAAE,qBAAqB,+BA+MvB"}