impact-ui 4.0.2-alpha.3 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/dist/_virtual/index13.js +2 -2
  2. package/dist/_virtual/index14.js +2 -2
  3. package/dist/_virtual/index15.js +2 -2
  4. package/dist/_virtual/index16.js +2 -2
  5. package/dist/_virtual/index2.js +2 -2
  6. package/dist/_virtual/index3.js +2 -4
  7. package/dist/_virtual/index4.js +3 -3
  8. package/dist/_virtual/index5.js +4 -2
  9. package/dist/components/AccordionModern/index.js +1 -1
  10. package/dist/components/Badge/index.js +1 -1
  11. package/dist/components/Breadcrumbs/index.js +1 -1
  12. package/dist/components/Button/index.js +1 -1
  13. package/dist/components/ButtonGroup/index.js +1 -1
  14. package/dist/components/Chart/index.d.ts +1 -4
  15. package/dist/components/Chart/index.d.ts.map +1 -1
  16. package/dist/components/Chart/index.js +3 -15
  17. package/dist/components/Chatbot/index.js +1 -1
  18. package/dist/components/Chips/index.js +1 -1
  19. package/dist/components/CommentsPanel/CommentsPanel.impl.js +1 -1
  20. package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts +10 -4
  21. package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts.map +1 -1
  22. package/dist/components/CreateItemFlow/index.d.ts +3 -15
  23. package/dist/components/CreateItemFlow/index.d.ts.map +1 -1
  24. package/dist/components/CreateItemFlow/index.js +132 -52
  25. package/dist/components/DatePicker/index.js +1 -1
  26. package/dist/components/DateRangePicker/index.js +1 -1
  27. package/dist/components/DynamicLayout/index.d.ts +9 -12
  28. package/dist/components/DynamicLayout/index.d.ts.map +1 -1
  29. package/dist/components/DynamicLayout/index.js +37 -29
  30. package/dist/components/FileUpload/index.js +1 -1
  31. package/dist/components/FilterPanel/index.js +1 -1
  32. package/dist/components/FiltersStrip/FilterSlider.js +1 -1
  33. package/dist/components/FiltersStrip/index.js +1 -1
  34. package/dist/components/Input/index.js +1 -1
  35. package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +1 -1
  36. package/dist/components/KeyboardShortCuts/ShortcutModal.js +1 -1
  37. package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
  38. package/dist/components/KeyboardShortCuts/index.js +1 -1
  39. package/dist/components/KeyboardShortCuts/tutorial.js +1 -1
  40. package/dist/components/Loader/Loader.types.d.ts +3 -3
  41. package/dist/components/Loader/Loader.types.d.ts.map +1 -1
  42. package/dist/components/Loader/index.d.ts.map +1 -1
  43. package/dist/components/Loader/index.js +2 -4
  44. package/dist/components/Menu/IconMenuItem.js +1 -1
  45. package/dist/components/Menu/NestedMenuItem.js +1 -1
  46. package/dist/components/Menu/index.js +1 -1
  47. package/dist/components/Menu/nestedMenuItemsFromObject.js +1 -1
  48. package/dist/components/Modal/index.js +1 -1
  49. package/dist/components/MonthPicker/index.js +1 -1
  50. package/dist/components/MonthRangePicker/index.js +1 -1
  51. package/dist/components/Panel/index.js +1 -1
  52. package/dist/components/Popover/index.js +1 -1
  53. package/dist/components/Prompt/index.js +1 -1
  54. package/dist/components/Select/Select.types.d.ts +2 -2
  55. package/dist/components/Select/Select.types.d.ts.map +1 -1
  56. package/dist/components/Select/dropdown.d.ts.map +1 -1
  57. package/dist/components/Select/dropdown.js +1 -9
  58. package/dist/components/Select/index.d.ts.map +1 -1
  59. package/dist/components/Select/index.js +4 -3
  60. package/dist/components/Stepper/index.js +1 -1
  61. package/dist/components/Table/AgGridHeader.d.ts.map +1 -1
  62. package/dist/components/Table/AgGridHeader.js +17 -20
  63. package/dist/components/Table/index.js +1 -1
  64. package/dist/components/TableChat/EmptyContainer.js +1 -1
  65. package/dist/components/TableChat/TableChatSidePanel.js +1 -1
  66. package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.js +1 -1
  67. package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js +1 -1
  68. package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.js +1 -1
  69. package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js +1 -1
  70. package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.js +1 -1
  71. package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.js +1 -1
  72. package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.js +1 -1
  73. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js +1 -1
  74. package/dist/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.js +1 -1
  75. package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.js +1 -1
  76. package/dist/components/TableChat/components/TextEditor/EditorToolbar.js +1 -1
  77. package/dist/components/TableChat/components/TextEditor/Mention.js +1 -1
  78. package/dist/components/TableChat/components/TextEditor/MentionList.js +1 -1
  79. package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
  80. package/dist/components/TableOld/AgGridHeader.js +13 -33
  81. package/dist/components/TableOld/index.js +1 -1
  82. package/dist/components/Tag/index.js +1 -1
  83. package/dist/components/TextArea/index.js +1 -1
  84. package/dist/components/common/MentionEditor/MentionList/index.js +1 -1
  85. package/dist/components/common/MentionEditor/index.js +1 -1
  86. package/dist/components/index.d.ts +0 -2
  87. package/dist/components/index.d.ts.map +1 -1
  88. package/dist/components/index.js +0 -3
  89. package/dist/mcp-component-registry.json +1 -1
  90. package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
  91. package/dist/node_modules/call-bind/index.js +1 -1
  92. package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
  93. package/dist/node_modules/is-symbol/index.js +1 -1
  94. package/dist/node_modules/prop-types/index.js +1 -1
  95. package/dist/node_modules/react-is/index.js +1 -1
  96. package/dist/node_modules/react-with-styles-interface-css/dist/index.js +1 -1
  97. package/dist/styles/style.css +1 -1
  98. package/dist/utils/helper.d.ts +0 -1
  99. package/dist/utils/helper.d.ts.map +1 -1
  100. package/package.json +1 -1
  101. package/dist/components/Chart/ChartSkeleton.d.ts +0 -23
  102. package/dist/components/Chart/ChartSkeleton.d.ts.map +0 -1
  103. package/dist/components/Chart/ChartSkeleton.js +0 -171
  104. package/dist/components/Skeleton/Skeleton.types.d.ts +0 -39
  105. package/dist/components/Skeleton/Skeleton.types.d.ts.map +0 -1
  106. package/dist/components/Skeleton/index.d.ts +0 -13
  107. package/dist/components/Skeleton/index.d.ts.map +0 -1
  108. package/dist/components/Skeleton/index.js +0 -94
package/dist/components/DateRangePicker/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;-moz-box-sizing:border-box;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid #0000;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{display:block;fill:#82888a;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{fill:#0000;stroke:#dbdbdb}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}\n@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}.impact-dateRangePicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-dateRangePicker-main-container.label-flex-row{align-items:center;flex-direction:row;gap:16px}.impact-dateRangePicker-main-container.label-flex-column{flex-direction:column}.impact-dateRangePicker-main-container.label-flex-column .dateRangePicker-label{margin-bottom:6px}.impact-dateRangePicker-main-container .dateRangePicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px}.impact-dateRangePicker-main-container .dateRangePicker-container{position:relative;width:240px}.impact-dateRangePicker-main-container .dateRangePicker-input-container{box-sizing:border-box;display:flex;height:32px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container:focus-within .dateRangePicker-input-start-date,.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-start-date{border:1px solid #4259ee;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container:focus-within .dateRangePicker-input-end-date,.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-end-date{border:1px solid #4259ee;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date{border:1px solid #c3c8d4;border-radius:8px 0 0 8px;border-right:none;box-sizing:border-box;flex:.8 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-left:12px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-color:#fff;background-position:center right 12px;border:1px solid #c3c8d4;border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;flex:1 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-position:center right 10px;background-size:13px;padding-left:10px}}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-start-date{border:1px solid #d9dde7;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-end-date{border:1px solid #d9dde7;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-left:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-right:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-start-date{border:1px solid red;border-right:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-end-date{border:1px solid red;border-left:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date{border-bottom:1px solid red;border-left:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date:focus::placeholder{color:red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date{border-bottom:1px solid red;border-right:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date:focus::placeholder{color:red}.impact-dateRangePicker-full-width-main-container .dateRangePicker-container{width:100%}.impact-dateRangePicker-dropdown-container{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 6px #00000029;display:flex;flex-direction:row;left:0;position:absolute;top:35px;width:auto;z-index:9999}.impact-dateRangePicker-dropdown-container .DayPicker_transitionContainer{height:240px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container{width:450px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker{background-color:#00f;height:fit-content;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div{height:inherit;width:432px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div>div{height:inherit;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__withBorder{border-radius:unset;box-shadow:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__horizontal{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_caption{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-bottom:30px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li small{line-height:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li{display:inline-block;margin-right:5px;text-align:center;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader{left:0;padding:0;top:50px;width:269px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader ul{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;padding-left:5px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader:after{background-color:#d4d4d4;bottom:-2px;content:"";height:1px;left:15px;position:absolute;width:70%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader:nth-of-type(2) ul{padding-left:2px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation{position:relative;z-index:2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__horizontal{height:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollableDefault{position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottom{height:auto}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button: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-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/accordion-chevron.svg) no-repeat;background-size:12px;transform:rotate(90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default svg{display:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__disabled{opacity:.8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px;position:absolute;top:25px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_leftButton__horizontalDefault{left:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_rightButton__horizontalDefault{right:15px;transform:rotate(-90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalDefault{border-left:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalScrollableDefault,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__disabled{fill:#f2f2f2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_table{border-collapse:initial;border-spacing:5px 6px;padding-top:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;height:20px!important;line-height:16.39px;padding-top:2px;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span{background:#e7eaff;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span:after,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span:after{background:#eceefd;bottom:0;content:"";left:-4px;position:absolute;right:-4px;top:0;z-index:-1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default:hover{background:#eceefd!important;border-radius:8px;color:#4259ee;outline:1px solid #b3bdf8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:active,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:hover{background:#4259ee!important;border:none;border-radius:8px;color:#fff}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__blocked_out_of_range{color:#c3c8d4!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 19px;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container:before{background-color:#d4d4d4;content:"";height:1px;left:10px;position:absolute;top:0;width:95%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container{align-items:center;color:#60697d;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:18px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container .dateRangePicker-footer-value{color:#0d152c;font-weight:600}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-buttons-right-container{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container{padding:16px 8px;position:relative;width:100%;z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container:before{background-color:#d4d4d4;content:"";height:85%;left:0;position:absolute;top:20px;width:1px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-heading{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:8px;text-align:center}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton{margin:0!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton .MuiTypography-root{font-size:12px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader ul{padding-left:10px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPickerNavigation_rightButton__horizontalDefault{right:3px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader:after{left:20px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table{left:10px;padding-top:4px;position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody{position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody:before{background-color:#d4d4d4;content:"";height:100%;left:-5px;position:absolute;top:0;width:1px;z-index:1}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarDayWeekNumber{border-right:none!important;color:#757575;display:none;display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;left:-30px;position:absolute;width:18px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .suppress-click-on-week-number{pointer-events:none}.showRangeSelector{width:max-content}.date-range-picker-show-month-year-select-container{align-items:center;display:flex;justify-content:space-between;left:20px;position:relative;top:-6px;width:150px;z-index:9999}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button{min-width:80px;width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-chevron-icon{display:none;margin-left:-50px;width:10px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-text-span{width:60px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button{min-width:66px;width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-chevron-icon{display:none;margin-left:-110px;width:10px}.date-range-picker-month-select-dropdown,.date-range-picker-year-select-dropdown{min-width:115px!important;width:115px!important;z-index:9999}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;-moz-box-sizing:border-box;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid #0000;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{display:block;fill:#82888a;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{fill:#0000;stroke:#dbdbdb}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}\n.impact-portal-container{position:absolute;z-index:9999}.impact-dateRangePicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-dateRangePicker-main-container.label-flex-row{align-items:center;flex-direction:row;gap:16px}.impact-dateRangePicker-main-container.label-flex-column{flex-direction:column}.impact-dateRangePicker-main-container.label-flex-column .dateRangePicker-label{margin-bottom:6px}.impact-dateRangePicker-main-container .dateRangePicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px}.impact-dateRangePicker-main-container .dateRangePicker-container{position:relative;width:240px}.impact-dateRangePicker-main-container .dateRangePicker-input-container{box-sizing:border-box;display:flex;height:32px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container:focus-within .dateRangePicker-input-start-date,.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-start-date{border:1px solid #4259ee;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container:focus-within .dateRangePicker-input-end-date,.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-end-date{border:1px solid #4259ee;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date{border:1px solid #c3c8d4;border-radius:8px 0 0 8px;border-right:none;box-sizing:border-box;flex:.8 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-left:12px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-color:#fff;background-position:center right 12px;border:1px solid #c3c8d4;border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;flex:1 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-position:center right 10px;background-size:13px;padding-left:10px}}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-start-date{border:1px solid #d9dde7;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-end-date{border:1px solid #d9dde7;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-left:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-right:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-start-date{border:1px solid red;border-right:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-end-date{border:1px solid red;border-left:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date{border-bottom:1px solid red;border-left:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date:focus::placeholder{color:red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date{border-bottom:1px solid red;border-right:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date:focus::placeholder{color:red}.impact-dateRangePicker-full-width-main-container .dateRangePicker-container{width:100%}.impact-dateRangePicker-dropdown-container{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 6px #00000029;display:flex;flex-direction:row;left:0;position:absolute;top:35px;width:auto;z-index:9999}.impact-dateRangePicker-dropdown-container .DayPicker_transitionContainer{height:240px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container{width:450px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker{background-color:#00f;height:fit-content;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div{height:inherit;width:432px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div>div{height:inherit;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__withBorder{border-radius:unset;box-shadow:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__horizontal{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_caption{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-bottom:30px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li small{line-height:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li{display:inline-block;margin-right:5px;text-align:center;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader{left:0;padding:0;top:50px;width:269px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader ul{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;padding-left:5px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader:after{background-color:#d4d4d4;bottom:-2px;content:"";height:1px;left:15px;position:absolute;width:70%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader:nth-of-type(2) ul{padding-left:2px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation{position:relative;z-index:2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__horizontal{height:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollableDefault{position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottom{height:auto}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button: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-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/accordion-chevron.svg) no-repeat;background-size:12px;transform:rotate(90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default svg{display:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__disabled{opacity:.8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px;position:absolute;top:25px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_leftButton__horizontalDefault{left:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_rightButton__horizontalDefault{right:15px;transform:rotate(-90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalDefault{border-left:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalScrollableDefault,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__disabled{fill:#f2f2f2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_table{border-collapse:initial;border-spacing:5px 6px;padding-top:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;height:20px!important;line-height:16.39px;padding-top:2px;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span{background:#e7eaff;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span:after,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span:after{background:#eceefd;bottom:0;content:"";left:-4px;position:absolute;right:-4px;top:0;z-index:-1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default:hover{background:#eceefd!important;border-radius:8px;color:#4259ee;outline:1px solid #b3bdf8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:active,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:hover{background:#4259ee!important;border:none;border-radius:8px;color:#fff}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__blocked_out_of_range{color:#c3c8d4!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 19px;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container:before{background-color:#d4d4d4;content:"";height:1px;left:10px;position:absolute;top:0;width:95%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container{align-items:center;color:#60697d;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:18px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container .dateRangePicker-footer-value{color:#0d152c;font-weight:600}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-buttons-right-container{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container{padding:16px 8px;position:relative;width:100%;z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container:before{background-color:#d4d4d4;content:"";height:85%;left:0;position:absolute;top:20px;width:1px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-heading{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:8px;text-align:center}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton{margin:0!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton .MuiTypography-root{font-size:12px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader ul{padding-left:10px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPickerNavigation_rightButton__horizontalDefault{right:3px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader:after{left:20px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table{left:10px;padding-top:4px;position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody{position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody:before{background-color:#d4d4d4;content:"";height:100%;left:-5px;position:absolute;top:0;width:1px;z-index:1}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarDayWeekNumber{border-right:none!important;color:#757575;display:none;display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;left:-30px;position:absolute;width:18px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .suppress-click-on-week-number{pointer-events:none}.showRangeSelector{width:max-content}.date-range-picker-show-month-year-select-container{align-items:center;display:flex;justify-content:space-between;left:20px;position:relative;top:-6px;width:150px;z-index:9999}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button{min-width:80px;width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-chevron-icon{display:none;margin-left:-50px;width:10px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-text-span{width:60px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button{min-width:66px;width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-chevron-icon{display:none;margin-left:-110px;width:10px}.date-range-picker-month-select-dropdown,.date-range-picker-year-select-dropdown{min-width:115px!important;width:115px!important;z-index:9999}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import "../../node_modules/react-dates/lib/initialize.js";
4
4
 
package/dist/components/DynamicLayout/index.d.ts CHANGED
@@ -1,15 +1,12 @@
1
- import { default as React } from 'react';
1
+ import { DynamicLayoutProps } from './DynamicLayout.types';
2
2
 
3
- interface DynamicLayoutProps {
4
- title?: React.ReactNode;
5
- description?: React.ReactNode;
6
- leftPanel?: React.ReactNode;
7
- rightContent: React.ReactElement;
8
- leftPanelWidth?: string | number;
9
- className?: string;
10
- footer?: React.ReactNode;
11
- [key: string]: unknown;
3
+ export type { DynamicLayoutProps, InjectedLayoutProps } from './DynamicLayout.types';
4
+ /**
5
+ * Two-panel layout: left panel (fixed width) and right content that receives
6
+ * contentRef and hasScroll for scroll detection.
7
+ */
8
+ export declare function DynamicLayout({ leftPanel, rightContent, leftPanelWidth, className, showStepper, ...props }: DynamicLayoutProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare namespace DynamicLayout {
10
+ var displayName: string;
12
11
  }
13
- export declare const DynamicLayout: ({ title, description, leftPanel, rightContent, leftPanelWidth, className, footer, ...props }: DynamicLayoutProps) => import("react/jsx-runtime").JSX.Element;
14
- export {};
15
12
  //# sourceMappingURL=index.d.ts.map
package/dist/components/DynamicLayout/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,6BAA6B,CAAC;AAErC,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,8FAS3B,kBAAkB,4CA0BpB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,6BAA6B,CAAC;AAErC,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAErF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,YAAY,EACZ,cAAc,EACd,SAAc,EACd,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA+CpB;yBAtDe,aAAa"}
package/dist/components/DynamicLayout/index.js CHANGED
@@ -1,40 +1,48 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.dynamic-layout-container{background-color:#fff;border-radius:24px;box-shadow:0 0 4px #ababab40;display:flex;flex-direction:column;top:90px;right:230px;bottom:90px;left:230px;position:absolute}.dynamic-layout-container .dynamic-layout-header{border-bottom:1px solid #d9dde7;display:flex;flex-direction:column;gap:8px;padding:24px}.dynamic-layout-container .dynamic-layout-header h1{color:#0d152c;font-size:24px;font-weight:800;line-height:36px}.dynamic-layout-container .dynamic-layout-header p{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.dynamic-layout-container .dynamic-layout-body{display:flex;flex:1;min-height:0;overflow:hidden;padding:24px}.dynamic-layout-container .dynamic-layout-body .left-panel{border-right:1px solid #d9dde7;padding-right:24px;width:220px}.dynamic-layout-container .dynamic-layout-body .left-panel .left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.dynamic-layout-container .dynamic-layout-body .left-panel .left-panel-image{height:130px;margin:0 auto;width:132px}.dynamic-layout-container .dynamic-layout-body .right-column{display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding-left:24px;width:calc(100% - 220px)}.dynamic-layout-container .dynamic-layout-body .right-column .right-content{display:flex;flex-direction:column;overflow:hidden}.dynamic-layout-container .dynamic-layout-body .right-column .dynamic-layout-footer{border-top:1px solid #d9dde7;display:flex;justify-content:space-between;padding-top:24px}@media screen and (min-width:1400px) and (max-width:1600px){.dynamic-layout-container{top:90px;right:150px;bottom:90px;left:150px}.dynamic-layout-container .dynamic-layout-body{padding:20px}.dynamic-layout-container .right-column{padding:40px 70px}.dynamic-layout-container .left-panel-image{width:100%}}@media screen and (max-width:1399px){.dynamic-layout-container{top:90px;right:100px;bottom:90px;left:100px}.dynamic-layout-container .dynamic-layout-body{padding:16px}.dynamic-layout-container .left-panel{flex-shrink:0;padding-right:16px;width:fit-content}.dynamic-layout-container .right-column{flex:1;padding-left:16px;width:auto}.dynamic-layout-container .left-panel-image{height:auto;max-width:132px;width:100%}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.dynamic-layout-container{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #ababab40;box-sizing:border-box;display:flex;top:90px;right:230px;bottom:90px;left:230px;position:absolute}.dynamic-layout-container .left-panel{border-right:1px solid #d9dde7;box-sizing:border-box;padding:100px 48px;width:375px}.dynamic-layout-container .left-panel h1{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:16px}.dynamic-layout-container .left-panel p{color:#666;font-size:14px;line-height:1.5}.dynamic-layout-container .right-content{background-color:#fff;border-radius:0 8px 8px 0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:100px 120px;width:calc(100% - 375px)}.dynamic-layout-container .right-content.with-stepper{padding-top:50px}.dynamic-layout-container .right-content .content-wrapper{flex:1;overflow-y:auto}.dynamic-layout-container .right-content .content-wrapper.no-scroll+.actions:before{display:none}.dynamic-layout-container .right-content .content-wrapper .heading{margin-bottom:32px}.dynamic-layout-container .right-content .content-wrapper .heading h2{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:8px}.dynamic-layout-container .right-content .content-wrapper .heading .field-label{color:#666;font-size:14px;margin-bottom:8px}.dynamic-layout-container .right-content .content-wrapper .form-section{margin-bottom:32px}.dynamic-layout-container .right-content .content-wrapper .form-section .field-group{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;margin-bottom:24px}.dynamic-layout-container .right-content .actions{background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:12px;position:relative}.dynamic-layout-container .right-content .actions:before{background:#d9dde7;content:"";height:1px;left:-25px;position:absolute;right:-25px;top:0}@media screen and (min-width:1400px) and (max-width:1600px){.dynamic-layout-container{top:90px;right:150px;bottom:90px;left:150px}.dynamic-layout-container .right-content{padding:50px 90px}.dynamic-layout-container .left-panel-image{width:100%}}@media screen and (max-width:1399px){.dynamic-layout-container .left-panel{width:300px}.dynamic-layout-container .right-content{width:calc(100% - 300px)}.dynamic-layout-container{top:90px;right:100px;bottom:90px;left:100px}.dynamic-layout-container .right-content{padding:50px 60px}.dynamic-layout-container .left-panel-image{width:100%}}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import React__default, { useRef } from "react";
3
+ import React__default, { useRef, useState, useLayoutEffect } from "react";
4
4
 
5
- import Box from "../../node_modules/@mui/material/Box/Box.js";
6
- const DynamicLayout = ({
7
- title,
8
- description,
5
+ function DynamicLayout({
9
6
  leftPanel,
10
7
  rightContent,
11
8
  leftPanelWidth,
12
- className,
13
- footer,
9
+ className = "",
10
+ showStepper = false,
14
11
  ...props
15
- }) => {
12
+ }) {
16
13
  const contentRef = useRef(null);
17
- return /* @__PURE__ */ jsxs(Box, { className: `dynamic-layout-container ${className || ""}`, ...props, children: [
18
- /* @__PURE__ */ jsxs(Box, { className: "dynamic-layout-header", children: [
19
- /* @__PURE__ */ jsx("h1", { children: title }),
20
- description && /* @__PURE__ */ jsx("p", { children: description })
21
- ] }),
22
- /* @__PURE__ */ jsxs(Box, { className: "dynamic-layout-body", children: [
23
- /* @__PURE__ */ jsx(
24
- Box,
25
- {
26
- className: "left-panel",
27
- style: leftPanelWidth ? { "--left-panel-width": leftPanelWidth } : void 0,
28
- children: leftPanel
29
- }
30
- ),
31
- /* @__PURE__ */ jsxs(Box, { className: "right-column", children: [
32
- /* @__PURE__ */ jsx(Box, { className: "right-content", children: React__default.cloneElement(rightContent, { contentRef }) }),
33
- footer && /* @__PURE__ */ jsx(Box, { className: "dynamic-layout-footer", children: footer })
34
- ] })
35
- ] })
14
+ const [hasScroll, setHasScroll] = useState(false);
15
+ useLayoutEffect(() => {
16
+ const el = contentRef.current;
17
+ const checkScroll = () => {
18
+ if (!el) return;
19
+ setHasScroll(el.scrollHeight > el.clientHeight);
20
+ };
21
+ checkScroll();
22
+ window.addEventListener("resize", checkScroll);
23
+ const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(checkScroll) : null;
24
+ if (resizeObserver && el) resizeObserver.observe(el);
25
+ const mutationObserver = typeof MutationObserver !== "undefined" ? new MutationObserver(checkScroll) : null;
26
+ if (mutationObserver && el) {
27
+ mutationObserver.observe(el, {
28
+ childList: true,
29
+ subtree: true,
30
+ characterData: true,
31
+ attributes: true
32
+ });
33
+ }
34
+ return () => {
35
+ window.removeEventListener("resize", checkScroll);
36
+ resizeObserver == null ? void 0 : resizeObserver.disconnect();
37
+ mutationObserver == null ? void 0 : mutationObserver.disconnect();
38
+ };
39
+ }, [rightContent]);
40
+ return /* @__PURE__ */ jsxs("div", { className: `dynamic-layout-container ${className}`.trim(), ...props, children: [
41
+ /* @__PURE__ */ jsx("div", { className: "left-panel", style: { width: leftPanelWidth }, children: leftPanel }),
42
+ /* @__PURE__ */ jsx("div", { className: `right-content ${showStepper ? "with-stepper" : ""}`, children: React__default.cloneElement(rightContent, { contentRef, hasScroll }) })
36
43
  ] });
37
- };
44
+ }
45
+ DynamicLayout.displayName = "DynamicLayout";
38
46
  export {
39
47
  DynamicLayout
40
48
  };
package/dist/components/FileUpload/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-fileUpload-container{align-items:stretch;background-color:#fff;border-radius:16px;box-shadow:0 0 16px 2px #0000000f;display:flex;flex-direction:column;gap:16px;min-height:274px;padding:16px;width:550px}.ia-fileUpload-container .ia-fileUpload-heading{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;text-align:left}.ia-fileUpload-container .ia-fileUpload-subHeading{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;margin-top:2px;text-align:left}.ia-fileUpload-container .ia-fileUpload-container-header{align-items:center;display:flex;justify-content:space-between}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title{display:flex;flex-direction:column;gap:2px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-primary{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:24px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-secondary{color:#7a8294;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-closeIcon{color:#60697d;cursor:pointer}.ia-fileUpload{align-items:center;background-color:initial;border:1px dashed #b3bdf8;border-radius:8px;display:flex;flex-direction:column;height:148px;justify-content:center;margin:auto;padding:24px 16px;position:relative;width:100%}.ia-fileUpload:before{background:var(--ia-file-upload-icon) no-repeat center/contain;content:"";display:block;flex-shrink:0;height:55px;width:55px}.ia-fileUpload .ia-fileUpload-hr{color:#7a8294;font-size:12px;font-weight:500;line-height:15px;text-align:center;width:25px}.ia-fileUpload .ia-fileUpload-hr:before{left:calc(50% - 100px)}.ia-fileUpload .ia-fileUpload-hr:after,.ia-fileUpload .ia-fileUpload-hr:before{background-color:#d9dde7;content:"";height:1px;position:absolute;top:112px;width:80px}.ia-fileUpload .ia-fileUpload-hr:after{right:calc(50% - 100px)}.ia-fileUpload input{height:calc(2px + 100%);left:-1px;opacity:0;position:absolute;top:-1px;width:calc(2px + 100%)}.ia-fileUpload .ia-fileUpload-label{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;text-align:center}.ia-fileUpload.ia-fileUpload-error{border:1px solid #e15554;box-shadow:inset 0 0 20px #e155541f}.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label{color:#e15554}.ia-fileUpload.ia-fileUpload-disabled{opacity:.5;pointer-events:none}.ia-fileUpload.ia-fileUpload-dragOver{background:none;border:1px solid #4259ee;box-shadow:inset 0 0 96px 23px #4259ee24;justify-content:center}.ia-fileUpload.ia-fileUpload-dragOver:before{display:none}.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-dragOverLabel{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:21px}.ia-fileUpload.ia-fileUpload-dragOver button{border-color:#1849d6!important;color:#1849d6!important}.ia-fileUpload .ia-fileUpload-label-secondary{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.ia-fileUpload .ia-fileUpload-label-primary,.ia-fileUpload-validFileType{align-items:center;display:flex;gap:4px}.ia-fileUpload-validFileType{color:#60697d;font-size:14px;font-weight:500;height:16px;letter-spacing:.01em;line-height:16.1px}.ia-fileUpload-validFileType button: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-fileUpload-validFileType button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-fileUpload-validFileType button:focus{outline:none!important}.ia-fileUpload-validFileType button[data-fileUpload=templateDownload]{padding:0}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container{position:relative}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow{cursor:pointer;height:11px;margin-top:2px;width:11px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow.rotate{transform:rotate(180deg)}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu{background-color:#fff;border-radius:8px;bottom:32px;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;gap:5px;left:0;padding-bottom:16px;padding-top:16px;position:absolute;width:100px;z-index:99}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item{align-items:center;color:#1f2b4d;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:25px;line-height:20px;padding-left:18px;text-align:left}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item:hover{background-color:#f5f6fa}.ia-fileUpload-previewItem{align-items:stretch;border:1px solid #e7e7e7;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.ia-fileUpload-previewItem img{max-height:36px;max-width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress{display:flex;gap:8px;justify-content:space-between;z-index:99}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details{display:flex;gap:8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItemIcon{background-repeat:no-repeat;height:36px;width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info{display:flex;flex-direction:column;gap:2px;justify-content:space-between}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name{color:#0b0b0b;font-size:12px;font-weight:700;line-height:18px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name.ia-fileUpload-previewItem-name-failed{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size{color:#6d6d6d;font-size:12px;font-weight:500;line-height:16px;text-align:left}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed{color:#e15554}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading{color:#0000}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.disabled{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions{align-items:center;display:flex;gap:14px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action{color:#4259ee;cursor:pointer}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon{color:#60697d}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout{margin:0}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container{margin:-24px 0 8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del{opacity:1}.ia-fileUpload-actions{display:flex;gap:16px;justify-content:flex-end}.ia-fileUpload-validFileType-menu .MuiPaper-root{min-width:226px}.ia-fileUpload-validFileType-menu .MuiPaper-root .ia-btn-icon{margin-bottom:0}.ia-template-preview{background-color:#e9e3f2;border-radius:8px;box-shadow:0 0 16px 2px #0000000f;padding:12px}.ia-template-preview .ia-template-preview__title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px;margin:0 0 10px}.ia-template-preview .ia-template-preview__grid-wrapper{border:1px solid #d9dde7;border-radius:4px;overflow-x:auto}.ia-template-preview .ia-template-preview__table{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.ia-template-preview .ia-template-preview__table td,.ia-template-preview .ia-template-preview__table th{border:1px solid #d9dde7;font-size:12px;line-height:20px;padding:0;text-align:center}.ia-template-preview .ia-template-preview__col-header,.ia-template-preview .ia-template-preview__row-header{background-color:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500}.ia-template-preview .ia-template-preview__row-header{max-width:28px;min-width:28px!important;width:28px}.ia-template-preview .ia-template-preview__cell{background-color:#fff}.ia-template-preview .ia-template-preview__cell-value{color:#0d152c;font-size:12px;font-weight:600;overflow:hidden;padding-inline:2px;text-overflow:ellipsis;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-fileUpload-container{align-items:stretch;background-color:#fff;border-radius:16px;box-shadow:0 0 16px 2px #0000000f;display:flex;flex-direction:column;gap:16px;min-height:274px;padding:16px;width:550px}.ia-fileUpload-container .ia-fileUpload-heading{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;text-align:left}.ia-fileUpload-container .ia-fileUpload-subHeading{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;margin-top:2px;text-align:left}.ia-fileUpload-container .ia-fileUpload-container-header{align-items:center;display:flex;justify-content:space-between}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title{display:flex;flex-direction:column;gap:2px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-primary{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:24px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-secondary{color:#7a8294;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-closeIcon{color:#60697d;cursor:pointer}.ia-fileUpload{align-items:center;background-color:initial;border:1px dashed #b3bdf8;border-radius:8px;display:flex;flex-direction:column;height:148px;justify-content:center;margin:auto;padding:24px 16px;position:relative;width:100%}.ia-fileUpload:before{background:var(--ia-file-upload-icon) no-repeat center/contain;content:"";display:block;flex-shrink:0;height:55px;width:55px}.ia-fileUpload .ia-fileUpload-hr{color:#7a8294;font-size:12px;font-weight:500;line-height:15px;text-align:center;width:25px}.ia-fileUpload .ia-fileUpload-hr:before{left:calc(50% - 100px)}.ia-fileUpload .ia-fileUpload-hr:after,.ia-fileUpload .ia-fileUpload-hr:before{background-color:#d9dde7;content:"";height:1px;position:absolute;top:112px;width:80px}.ia-fileUpload .ia-fileUpload-hr:after{right:calc(50% - 100px)}.ia-fileUpload input{height:calc(2px + 100%);left:-1px;opacity:0;position:absolute;top:-1px;width:calc(2px + 100%)}.ia-fileUpload .ia-fileUpload-label{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;text-align:center}.ia-fileUpload.ia-fileUpload-error{border:1px solid #e15554;box-shadow:inset 0 0 20px #e155541f}.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label{color:#e15554}.ia-fileUpload.ia-fileUpload-disabled{opacity:.5;pointer-events:none}.ia-fileUpload.ia-fileUpload-dragOver{background:none;border:1px solid #4259ee;box-shadow:inset 0 0 96px 23px #4259ee24;justify-content:center}.ia-fileUpload.ia-fileUpload-dragOver:before{display:none}.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-dragOverLabel{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:21px}.ia-fileUpload.ia-fileUpload-dragOver button{border-color:#1849d6!important;color:#1849d6!important}.ia-fileUpload .ia-fileUpload-label-secondary{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.ia-fileUpload .ia-fileUpload-label-primary,.ia-fileUpload-validFileType{align-items:center;display:flex;gap:4px}.ia-fileUpload-validFileType{color:#60697d;font-size:14px;font-weight:500;height:16px;letter-spacing:.01em;line-height:16.1px}.ia-fileUpload-validFileType button: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-fileUpload-validFileType button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-fileUpload-validFileType button:focus{outline:none!important}.ia-fileUpload-validFileType button[data-fileUpload=templateDownload]{padding:0}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container{position:relative}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow{cursor:pointer;height:11px;margin-top:2px;width:11px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow.rotate{transform:rotate(180deg)}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu{background-color:#fff;border-radius:8px;bottom:32px;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;gap:5px;left:0;padding-bottom:16px;padding-top:16px;position:absolute;width:100px;z-index:99}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item{align-items:center;color:#1f2b4d;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:25px;line-height:20px;padding-left:18px;text-align:left}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item:hover{background-color:#f5f6fa}.ia-fileUpload-previewItem{align-items:stretch;border:1px solid #e7e7e7;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.ia-fileUpload-previewItem img{max-height:36px;max-width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress{display:flex;gap:8px;justify-content:space-between;z-index:99}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details{display:flex;gap:8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItemIcon{background-repeat:no-repeat;height:36px;width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info{display:flex;flex-direction:column;gap:2px;justify-content:space-between}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name{color:#0b0b0b;font-size:12px;font-weight:700;line-height:18px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name.ia-fileUpload-previewItem-name-failed{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size{color:#6d6d6d;font-size:12px;font-weight:500;line-height:16px;text-align:left}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed{color:#e15554}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading{color:#0000}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.disabled{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions{align-items:center;display:flex;gap:14px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action{color:#4259ee;cursor:pointer}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon{color:#60697d}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout{margin:0}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container{margin:-24px 0 8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del{opacity:1}.ia-fileUpload-actions{display:flex;gap:16px;justify-content:flex-end}.ia-fileUpload-validFileType-menu .MuiPaper-root{min-width:226px}.ia-fileUpload-validFileType-menu .MuiPaper-root .ia-btn-icon{margin-bottom:0}.ia-template-preview{background-color:#e9e3f2;border-radius:8px;box-shadow:0 0 16px 2px #0000000f;padding:12px}.ia-template-preview .ia-template-preview__title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px;margin:0 0 10px}.ia-template-preview .ia-template-preview__grid-wrapper{border:1px solid #d9dde7;border-radius:4px;overflow-x:auto}.ia-template-preview .ia-template-preview__table{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.ia-template-preview .ia-template-preview__table td,.ia-template-preview .ia-template-preview__table th{border:1px solid #d9dde7;font-size:12px;line-height:20px;padding:0;text-align:center}.ia-template-preview .ia-template-preview__col-header,.ia-template-preview .ia-template-preview__row-header{background-color:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500}.ia-template-preview .ia-template-preview__row-header{max-width:28px;min-width:28px!important;width:28px}.ia-template-preview .ia-template-preview__cell{background-color:#fff}.ia-template-preview .ia-template-preview__cell-value{color:#0d152c;font-size:12px;font-weight:600;overflow:hidden;padding-inline:2px;text-overflow:ellipsis;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
2
2
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
3
3
  import { useRef, useState, useCallback, useEffect, useMemo } from "react";
4
4
  import default_1 from "../../node_modules/@mui/icons-material/Clear.js";
package/dist/components/FilterPanel/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !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_drawer_filter_container_medium{height:100%;width:675px}.impact_drawer_filter_container_large{height:100%;width:840px}.MuiBox-root{width:auto}.impact_drawer_filter_container{display:flex;flex-direction:column;position:relative}.impact_drawer_filter_container .impact_drawer_filter_header{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding:9px 16px;position:sticky;top:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header{align-items:center;display:flex;gap:16px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading_icon{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/filter-icon.svg) no-repeat;background-position:50%;background-size:14px;border:1px solid #eceefd;border-radius:8px;height:32px;width:32px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading{color:#1f2b4d;font-size:18px;font-weight:700}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel{background:#f5f6fa;border-right:1px solid #d9dde7;flex-shrink:0;height:100%;padding-top:10px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs{display:flex;flex-direction:column;gap:8px;padding:0 8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact-drawer-filter-separator{background-color:#d9dde7;display:block;height:1px;margin-left:-8px;margin-right:-8px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab{align-items:center;display:flex;justify-content:space-between;padding:6px 8px 6px 18px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab: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_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:hover{background-color:#eceefd;border-radius:8px;cursor:pointer}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_content{align-items:center;display:flex;gap:10px;width:85%}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon img,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon svg{color:#60697d;display:flex;height:16px;width:16px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label{color:#60697d;display:flex;flex-direction:row;font-size:16px;gap:4px;line-height:20px;overflow:hidden;white-space:nowrap}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label span{overflow:hidden;text-overflow:ellipsis}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label-required{color:#ec4c5c}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_badges{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#60697d;font-size:12px;height:18px;line-height:18px;min-width:27px;padding:0 8px;text-align:center}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active{background-color:#eceefd;border-radius:8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_label{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon img{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(4545%) hue-rotate(231deg) brightness(103%) contrast(87%)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_badges{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_badges,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_label,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled svg{color:#b4bac7}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled:hover{background-color:#f5f6fa;cursor:default}.impact_drawer_filter_container .impact-drawer-filter-main-container{display:flex;flex-direction:row;flex-shrink:0;height:calc(100% - 40px)}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel{width:640px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_body{height:calc(100% - 60px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;height:56px;justify-content:space-between;left:200px;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .impact_drawer_filter_footer_left_container,.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .impact_drawer_filter_footer_right_container{align-items:center;display:flex;gap:8px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer_no_buttons{height:100%}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".impact_drawer_filter_container_medium{height:100%;width:675px}.impact_drawer_filter_container_large{height:100%;width:840px}.MuiBox-root{width:auto}.impact_drawer_filter_container{display:flex;flex-direction:column;position:relative}.impact_drawer_filter_container .impact_drawer_filter_header{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding:9px 16px;position:sticky;top:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header{align-items:center;display:flex;gap:16px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading_icon{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/filter-icon.svg) no-repeat;background-position:50%;background-size:14px;border:1px solid #eceefd;border-radius:8px;height:32px;width:32px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading{color:#1f2b4d;font-size:18px;font-weight:700}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel{background:#f5f6fa;border-right:1px solid #d9dde7;flex-shrink:0;height:100%;padding-top:10px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs{display:flex;flex-direction:column;gap:8px;padding:0 8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact-drawer-filter-separator{background-color:#d9dde7;display:block;height:1px;margin-left:-8px;margin-right:-8px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab{align-items:center;display:flex;justify-content:space-between;padding:6px 8px 6px 18px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab: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_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:hover{background-color:#eceefd;border-radius:8px;cursor:pointer}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_content{align-items:center;display:flex;gap:10px;width:85%}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon img,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon svg{color:#60697d;display:flex;height:16px;width:16px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label{color:#60697d;display:flex;flex-direction:row;font-size:16px;gap:4px;line-height:20px;overflow:hidden;white-space:nowrap}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label span{overflow:hidden;text-overflow:ellipsis}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label-required{color:#ec4c5c}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_badges{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#60697d;font-size:12px;height:18px;line-height:18px;min-width:27px;padding:0 8px;text-align:center}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active{background-color:#eceefd;border-radius:8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_label{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon img{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(4545%) hue-rotate(231deg) brightness(103%) contrast(87%)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_badges{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_badges,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_label,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled svg{color:#b4bac7}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled:hover{background-color:#f5f6fa;cursor:default}.impact_drawer_filter_container .impact-drawer-filter-main-container{display:flex;flex-direction:row;flex-shrink:0;height:calc(100% - 40px)}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel{width:640px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_body{height:calc(100% - 60px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;height:56px;justify-content:space-between;left:200px;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .impact_drawer_filter_footer_left_container,.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .impact_drawer_filter_footer_right_container{align-items:center;display:flex;gap:8px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer_no_buttons{height:100%}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { FilterPanelHeader } from "./FilterPanelHeader.js";
4
4
  import { PanelFooter } from "./PanelFooter.js";
package/dist/components/FiltersStrip/FilterSlider.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:8px;max-width:100%;min-width:0;overflow:scroll;scrollbar-width:none}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:6px;position:relative;transition:transform .5s ease-in-out}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .collapsed{overflow:hidden}.impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .expand{border-radius:8px;color:#60697d;font-size:14px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:8px;max-width:100%;min-width:0;overflow:scroll;scrollbar-width:none}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:6px;position:relative;transition:transform .5s ease-in-out}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .collapsed{overflow:hidden}.impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .expand{border-radius:8px;color:#60697d;font-size:14px}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { useState, useRef, useCallback, useLayoutEffect, useEffect, Fragment } from "react";
4
4
  import default_1$3 from "../../node_modules/@mui/icons-material/ChevronRightOutlined.js";
package/dist/components/FiltersStrip/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.impact-info-panel-container{align-items:center;background-color:#fff;display:flex;flex-direction:row;font-family:Manrope,sans-serif;gap:12px;height:48px;justify-content:space-between;padding:8px 24px;position:relative;width:100%}.impact-info-panel-container .impact-info-panel-left-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:12px;justify-content:space-between;min-width:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .MuiChip-root.impact_badges_only_label_stroke{height:24px!important;max-width:145px;min-height:24px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:21px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button{align-items:center;background-color:#f5f6fa;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;max-height:32px;min-height:32px;overflow:hidden;padding:8px;transition:transform .2s ease;width:32px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button: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-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:hover{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button svg{color:#1f2b4d;height:20px;width:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;left:0;min-width:265px;padding:8px 6px;position:absolute;top:54px;z-index:1200}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper{display:flex;flex-direction:column;margin-bottom:6px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters{border-radius:8px;display:flex;flex-direction:row;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters:hover{background-color:#edf0ff;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters span{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper{display:flex;flex-direction:row;gap:6px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper .MuiChip-root.impact_badges_only_label_stroke{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-no-data-text{align-items:center;color:#7a8294;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:24px 0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper{padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper .impact-input-wrapper{border:none!important;min-width:100%!important;padding-left:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper{display:flex;flex-direction:column;max-height:160px;overflow:auto}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list{border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list:hover{background-color:#f5f6fa;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .filter-dropdown-selected-list{background-color:#edf0ff}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper{display:flex;flex-direction:column;gap:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper .impact-filter-dropdown-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:0 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;min-width:0;width:100%}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:12px;max-width:100%;min-width:0;overflow:hidden}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:0;position:relative;transition:transform .5s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding-right:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-filter-strip-separator{margin-right:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-info-panel-container .impact-info-panel-right-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px}.impact-info-panel-container .impact-filter-strip-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1px}.impact-selected-filter-tags-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;max-width:200px;padding:8px 6px;position:absolute;right:0;top:45px;width:100%;z-index:1200}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-label{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding:8px 18px;text-overflow:ellipsis;white-space:nowrap}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container{display:flex;flex-direction:column;gap:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container .ia-styles.ia-btn{width:100%}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.impact-info-panel-container{align-items:center;background-color:#fff;display:flex;flex-direction:row;font-family:Manrope,sans-serif;gap:12px;height:48px;justify-content:space-between;padding:8px 24px;position:relative;width:100%}.impact-info-panel-container .impact-info-panel-left-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:12px;justify-content:space-between;min-width:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .MuiChip-root.impact_badges_only_label_stroke{height:24px!important;max-width:145px;min-height:24px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:21px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button{align-items:center;background-color:#f5f6fa;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;max-height:32px;min-height:32px;overflow:hidden;padding:8px;transition:transform .2s ease;width:32px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button: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-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:hover{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button svg{color:#1f2b4d;height:20px;width:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;left:0;min-width:265px;padding:8px 6px;position:absolute;top:54px;z-index:1200}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper{display:flex;flex-direction:column;margin-bottom:6px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters{border-radius:8px;display:flex;flex-direction:row;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters:hover{background-color:#edf0ff;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters span{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper{display:flex;flex-direction:row;gap:6px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper .MuiChip-root.impact_badges_only_label_stroke{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-no-data-text{align-items:center;color:#7a8294;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:24px 0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper{padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper .impact-input-wrapper{border:none!important;min-width:100%!important;padding-left:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper{display:flex;flex-direction:column;max-height:160px;overflow:auto}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list{border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list:hover{background-color:#f5f6fa;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .filter-dropdown-selected-list{background-color:#edf0ff}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper{display:flex;flex-direction:column;gap:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper .impact-filter-dropdown-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:0 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;min-width:0;width:100%}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:12px;max-width:100%;min-width:0;overflow:hidden}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:0;position:relative;transition:transform .5s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding-right:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-filter-strip-separator{margin-right:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-info-panel-container .impact-info-panel-right-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px}.impact-info-panel-container .impact-filter-strip-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1px}.impact-selected-filter-tags-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;max-width:200px;padding:8px 6px;position:absolute;right:0;top:45px;width:100%;z-index:1200}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-label{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding:8px 18px;text-overflow:ellipsis;white-space:nowrap}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container{display:flex;flex-direction:column;gap:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container .ia-styles.ia-btn{width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import { useState, useCallback, Fragment as Fragment$1 } from "react";
4
4
  import default_1 from "../../node_modules/@mui/icons-material/FilterList.js";
package/dist/components/Input/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !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:#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_inputbox_container label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container fieldset{border:none!important}.impact_inputbox_container .MuiInputBase-root input.MuiInputBase-input{box-sizing:border-box;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container .MuiInputBase-root{background:#fff;border:1px solid #c3c8d4;border-radius:8px;height:32px;padding:0;width:100%}.impact_inputbox_container .MuiInputBase-root: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_inputbox_container .MuiInputBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container.small .MuiInputBase-root{height:24px}.impact_inputbox_container.medium .MuiInputBase-root{height:28px}.impact_inputbox_container.small .MuiInputBase-root input.MuiInputBase-input{height:24px}.impact_inputbox_container.medium .MuiInputBase-root input.MuiInputBase-input{height:28px}.impact_inputbox_container .MuiInputBase-root:hover{border:1px solid #4259ee}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root{background:#f2f4fb;border:1px solid #d9dde7}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root:hover{border:1px solid #d9dde7!important;pointer-events:none!important}.impact_inputbox_container .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0 1px;background-size:10px;color:#5f6673;font-size:10px;line-height:10px;margin-left:0;margin-top:6px;padding-left:15px}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat}.impact_inputbox_container.impact_input_error .MuiInputBase-root{border:1px solid #ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root .MuiInputBase-input{color:#ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root.Mui-focused{border:1px solid #ec4c5c!important;box-shadow:none}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{color:#ec4c5c!important}.impact_inputbox_container .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4259ee}.impact_inputbox_container .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px}.impact_inputbox_container .MuiInputBase-root.Mui-focused{border:1px solid #4259ee!important;box-shadow:none}.impact_inputbox_container_with_icons label{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container_with_icons .impact-input-wrapper{align-items:center;background-color:#fff;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:4px;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root{border:none;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding:0;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper svg{color:#60697d;height:16px;width:16px}.impact_inputbox_container_with_icons .impact-input-wrapper: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_inputbox_container_with_icons .impact-input-wrapper:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container_with_icons .impact-input-wrapper:hover{border:1px solid #4259ee}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root:hover{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:inherit;line-height:20px;padding:0!important}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input:hover,.impact_inputbox_container_with_icons .impact-input-wrapper .MuiOutlinedInput-notchedOutline{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .left-input-icon,.impact_inputbox_container_with_icons .impact-input-wrapper .right-input-icon{align-self:center;cursor:pointer;display:flex;justify-self:center}.impact_inputbox_container_with_icons.small .impact-input-wrapper,.impact_inputbox_container_with_icons.small .impact-input-wrapper .MuiInputBase-root{height:24px}.impact_inputbox_container_with_icons.medium .impact-input-wrapper,.impact_inputbox_container_with_icons.medium .impact-input-wrapper .MuiInputBase-root{height:28px}.MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:#7a8294!important;font-family:Manrope,sans-serif!important;margin-left:0!important;padding-left:14px}.input-with-error .impact-input-wrapper{border:1px solid #e15554!important;color:#e15554}.input-with-error .impact-input-wrapper svg{color:#ec4c5c;height:16px;width:16px}.input-with-error .MuiFormHelperText-root,.input-with-error .impact-input-wrapper input.MuiInputBase-input{color:#ec4c5c}.input-with-error .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:#e15554!important}.input-with-disabled .impact-input-wrapper{background:#f8f9fb;border:1px solid #d9dde7;pointer-events:none!important}.input-with-disabled .impact-input-wrapper:hover{border:1px solid #d9dde7}.input-with-disabled .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-disabled.svg) no-repeat;background-position:0;color:#b4bac7!important}.icon-click-on-disabled .impact-input-wrapper,.icon-click-on-disabled .impact-input-wrapper .left-input-icon,.icon-click-on-disabled .impact-input-wrapper .right-input-icon{pointer-events:auto!important}.MuiOutlinedInput-root input::placeholder{color:#b4bac7;font-weight:500}.MuiOutlinedInput-root.Mui-focused input::placeholder{color:#1f2b4d;font-weight:500;opacity:1}.impact_input_error .MuiOutlinedInput-root input::placeholder{color:#ec4c5c!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}input[type=number]{-moz-appearance:textfield}.MuiOutlinedInput-root input:focus::placeholder,input:focus::placeholder{color:#0000}.input-with-disabled:not(.icon-click-on-disabled) .left-input-icon,.input-with-disabled:not(.icon-click-on-disabled) .right-input-icon{cursor:not-allowed;opacity:.5;pointer-events:none}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".impact_inputbox_container label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container fieldset{border:none!important}.impact_inputbox_container .MuiInputBase-root input.MuiInputBase-input{box-sizing:border-box;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container .MuiInputBase-root{background:#fff;border:1px solid #c3c8d4;border-radius:8px;height:32px;padding:0;width:100%}.impact_inputbox_container .MuiInputBase-root: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_inputbox_container .MuiInputBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container.small .MuiInputBase-root{height:24px}.impact_inputbox_container.medium .MuiInputBase-root{height:28px}.impact_inputbox_container.small .MuiInputBase-root input.MuiInputBase-input{height:24px}.impact_inputbox_container.medium .MuiInputBase-root input.MuiInputBase-input{height:28px}.impact_inputbox_container .MuiInputBase-root:hover{border:1px solid #4259ee}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root{background:#f2f4fb;border:1px solid #d9dde7}.impact_inputbox_container.impact_input_disabled .MuiInputBase-root:hover{border:1px solid #d9dde7!important;pointer-events:none!important}.impact_inputbox_container .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0 1px;background-size:10px;color:#5f6673;font-size:10px;line-height:10px;margin-left:0;margin-top:6px;padding-left:15px}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat}.impact_inputbox_container.impact_input_error .MuiInputBase-root{border:1px solid #ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root .MuiInputBase-input{color:#ec4c5c}.impact_inputbox_container.impact_input_error .MuiInputBase-root.Mui-focused{border:1px solid #ec4c5c!important;box-shadow:none}.impact_inputbox_container.impact_input_error .MuiFormHelperText-root{color:#ec4c5c!important}.impact_inputbox_container .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4259ee}.impact_inputbox_container .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px}.impact_inputbox_container .MuiInputBase-root.Mui-focused{border:1px solid #4259ee!important;box-shadow:none}.impact_inputbox_container_with_icons label{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:6px}.impact_inputbox_container_with_icons .impact-input-wrapper{align-items:center;background-color:#fff;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:4px;height:32px;min-width:240px;padding:0 12px;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root{border:none;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;padding:0;width:100%}.impact_inputbox_container_with_icons .impact-input-wrapper svg{color:#60697d;height:16px;width:16px}.impact_inputbox_container_with_icons .impact-input-wrapper: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_inputbox_container_with_icons .impact-input-wrapper:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_inputbox_container_with_icons .impact-input-wrapper:hover{border:1px solid #4259ee}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root:hover{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:inherit;line-height:20px;padding:0!important}.impact_inputbox_container_with_icons .impact-input-wrapper .MuiInputBase-root input.MuiInputBase-input:hover,.impact_inputbox_container_with_icons .impact-input-wrapper .MuiOutlinedInput-notchedOutline{border:none}.impact_inputbox_container_with_icons .impact-input-wrapper .left-input-icon,.impact_inputbox_container_with_icons .impact-input-wrapper .right-input-icon{align-self:center;cursor:pointer;display:flex;justify-self:center}.impact_inputbox_container_with_icons.small .impact-input-wrapper,.impact_inputbox_container_with_icons.small .impact-input-wrapper .MuiInputBase-root{height:24px}.impact_inputbox_container_with_icons.medium .impact-input-wrapper,.impact_inputbox_container_with_icons.medium .impact-input-wrapper .MuiInputBase-root{height:28px}.MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:#7a8294!important;font-family:Manrope,sans-serif!important;margin-left:0!important;padding-left:14px}.input-with-error .impact-input-wrapper{border:1px solid #e15554!important;color:#e15554}.input-with-error .impact-input-wrapper svg{color:#ec4c5c;height:16px;width:16px}.input-with-error .MuiFormHelperText-root,.input-with-error .impact-input-wrapper input.MuiInputBase-input{color:#ec4c5c}.input-with-error .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:#e15554!important}.input-with-disabled .impact-input-wrapper{background:#f8f9fb;border:1px solid #d9dde7;pointer-events:none!important}.input-with-disabled .impact-input-wrapper:hover{border:1px solid #d9dde7}.input-with-disabled .MuiFormHelperText-root{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-disabled.svg) no-repeat;background-position:0;color:#b4bac7!important}.icon-click-on-disabled .impact-input-wrapper,.icon-click-on-disabled .impact-input-wrapper .left-input-icon,.icon-click-on-disabled .impact-input-wrapper .right-input-icon{pointer-events:auto!important}.MuiOutlinedInput-root input::placeholder{color:#b4bac7;font-weight:500}.MuiOutlinedInput-root.Mui-focused input::placeholder{color:#1f2b4d;font-weight:500;opacity:1}.impact_input_error .MuiOutlinedInput-root input::placeholder{color:#ec4c5c!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}input[type=number]{-moz-appearance:textfield}.MuiOutlinedInput-root input:focus::placeholder,input:focus::placeholder{color:#0000}.input-with-disabled:not(.icon-click-on-disabled) .left-input-icon,.input-with-disabled:not(.icon-click-on-disabled) .right-input-icon{cursor:not-allowed;opacity:.5;pointer-events:none}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  import { forwardRef } from "react";
4
4
  import InputWithIcon from "./InputWithIcon.js";