pixel-react 1.1.3 → 1.1.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (116) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/AddButton/AddButton.d.ts +5 -0
  3. package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
  4. package/lib/components/AddButton/index.d.ts +1 -0
  5. package/lib/components/AddButton/types.d.ts +4 -0
  6. package/lib/components/AddResourceButton/type.d.ts +1 -1
  7. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.d.ts +2 -1
  8. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +1 -0
  9. package/lib/components/AllProjectsDropdown/types.d.ts +10 -0
  10. package/lib/components/AppHeader/types.d.ts +14 -10
  11. package/lib/components/Button/Button.stories.d.ts +1 -0
  12. package/lib/components/Button/types.d.ts +1 -1
  13. package/lib/components/Drawer/Drawer.stories.d.ts +3 -0
  14. package/lib/components/Drawer/Types.d.ts +25 -1
  15. package/lib/components/Icon/Icon.d.ts +1 -1
  16. package/lib/components/MachineInputField/MachineInputField.d.ts +4 -0
  17. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
  18. package/lib/components/MachineInputField/index.d.ts +1 -0
  19. package/lib/components/MachineInputField/types.d.ts +11 -0
  20. package/lib/components/MenuOption/MenuOption.d.ts +1 -1
  21. package/lib/components/MenuOption/MenuOption.stories.d.ts +1 -0
  22. package/lib/components/MenuOption/types.d.ts +7 -0
  23. package/lib/components/Modal/types.d.ts +1 -0
  24. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts +4 -0
  25. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
  26. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +4 -0
  27. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +3 -0
  28. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +4 -0
  29. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +16 -0
  30. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +4 -0
  31. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +9 -0
  32. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +4 -0
  33. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +3 -0
  34. package/lib/components/SequentialConnectingBranch/index.d.ts +1 -0
  35. package/lib/components/SequentialConnectingBranch/types.d.ts +32 -0
  36. package/lib/components/Tabs/types.d.ts +1 -0
  37. package/lib/index.d.ts +113 -17
  38. package/lib/index.esm.js +1244 -312
  39. package/lib/index.esm.js.map +1 -1
  40. package/lib/index.js +1245 -311
  41. package/lib/index.js.map +1 -1
  42. package/lib/tsconfig.tsbuildinfo +1 -1
  43. package/package.json +1 -1
  44. package/rollup.config.mjs +2 -8
  45. package/src/assets/Themes/BaseTheme.scss +18 -2
  46. package/src/assets/Themes/DarkTheme.scss +11 -3
  47. package/src/assets/icons/add_locator.svg +5 -0
  48. package/src/assets/icons/android.svg +9 -0
  49. package/src/assets/icons/browser_stack.svg +9 -0
  50. package/src/assets/icons/chrome.svg +12 -0
  51. package/src/assets/icons/dataset_list.svg +3 -0
  52. package/src/assets/icons/drag_icon.svg +5 -0
  53. package/src/assets/icons/label_plus.svg +3 -0
  54. package/src/assets/icons/mac.svg +9 -0
  55. package/src/assets/icons/manual_locator.svg +8 -0
  56. package/src/assets/icons/windows.svg +6 -0
  57. package/src/assets/styles/_colors.scss +4 -4
  58. package/src/components/AddResourceButton/type.ts +1 -1
  59. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +2 -2
  60. package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +99 -1
  61. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +30 -56
  62. package/src/components/AllProjectsDropdown/types.ts +10 -0
  63. package/src/components/AppHeader/AppHeader.stories.tsx +20 -10
  64. package/src/components/AppHeader/AppHeader.tsx +24 -17
  65. package/src/components/AppHeader/types.ts +17 -13
  66. package/src/components/Button/Button.scss +4 -0
  67. package/src/components/Button/Button.stories.tsx +7 -0
  68. package/src/components/Button/index.ts +1 -1
  69. package/src/components/Button/types.ts +2 -2
  70. package/src/components/Drawer/Drawer.scss +22 -11
  71. package/src/components/Drawer/Drawer.stories.tsx +41 -0
  72. package/src/components/Drawer/Drawer.tsx +67 -40
  73. package/src/components/Drawer/Types.ts +25 -1
  74. package/src/components/GridLayout/GridLayout.scss +0 -2
  75. package/src/components/GridLayout/GridLayout.tsx +15 -8
  76. package/src/components/Icon/Icon.tsx +39 -33
  77. package/src/components/Icon/iconList.ts +25 -6
  78. package/src/components/InputWithDropdown/InputWithDropdown.scss +1 -1
  79. package/src/components/InputWithDropdown/InputWithDropdown.tsx +2 -1
  80. package/src/components/MachineInputField/MachineInputField.scss +44 -0
  81. package/src/components/MachineInputField/MachineInputField.stories.tsx +32 -0
  82. package/src/components/MachineInputField/MachineInputField.tsx +71 -0
  83. package/src/components/MachineInputField/index.ts +1 -0
  84. package/src/components/MachineInputField/types.ts +12 -0
  85. package/src/components/MenuOption/MenuOption.scss +14 -0
  86. package/src/components/MenuOption/MenuOption.stories.tsx +21 -0
  87. package/src/components/MenuOption/MenuOption.tsx +5 -3
  88. package/src/components/MenuOption/types.ts +9 -0
  89. package/src/components/MiniModal/MiniModal.tsx +1 -1
  90. package/src/components/Modal/Modal.tsx +2 -0
  91. package/src/components/Modal/modal.scss +2 -2
  92. package/src/components/Modal/types.ts +1 -0
  93. package/src/components/Select/Select.tsx +2 -2
  94. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +117 -0
  95. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +62 -0
  96. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +210 -0
  97. package/src/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.scss +51 -0
  98. package/src/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.tsx +107 -0
  99. package/src/components/SequentialConnectingBranch/components/AddBrowserModal/types.ts +5 -0
  100. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +184 -0
  101. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +203 -0
  102. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +18 -0
  103. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.scss +3 -0
  104. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +66 -0
  105. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +10 -0
  106. package/src/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.scss +31 -0
  107. package/src/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.tsx +85 -0
  108. package/src/components/SequentialConnectingBranch/components/DatasetListModal/types.ts +4 -0
  109. package/src/components/SequentialConnectingBranch/index.ts +1 -0
  110. package/src/components/SequentialConnectingBranch/types.ts +42 -0
  111. package/src/components/Tabs/Tabs.stories.tsx +24 -25
  112. package/src/components/Tabs/Tabs.tsx +3 -10
  113. package/src/components/Tabs/types.ts +7 -1
  114. package/src/index.ts +5 -0
  115. package/lib/index.css +0 -404
  116. package/lib/index.esm.css +0 -404
package/lib/index.esm.js CHANGED
@@ -28,11 +28,11 @@ function styleInject(css, ref) {
28
28
  }
29
29
  }
30
30
 
31
- var css_248z$N = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color:#d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight:#f5fb00;\n --slider-table-color: #efe1f9;\n}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-button, .ff-button--small, .ff-button--medium {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-button--large {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-button {\n width: auto;\n background-color: #ffffff;\n border-radius: 4px;\n padding: 4px 8px;\n text-align: center;\n text-decoration: none;\n font-weight: 500;\n cursor: pointer;\n display: flex;\n gap: 4px;\n justify-content: center;\n align-items: center;\n border: 2px solid transparent;\n}\n.ff-button--transparent {\n background-color: transparent;\n}\n.ff-button--primary, .ff-button--delete, .ff-button--secondary {\n position: relative;\n cursor: pointer;\n border-radius: 4px;\n z-index: 1;\n border: none;\n overflow: hidden;\n}\n.ff-button--primary:before, .ff-button--delete:before, .ff-button--secondary:before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 4px;\n padding: 0.6px;\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);\n mask-composite: exclude;\n -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);\n -webkit-mask-composite: destination-out;\n z-index: -1;\n}\n.ff-button--primary:hover, .ff-button--delete:hover, .ff-button--secondary:hover {\n background: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n}\n.ff-button--primary:disabled, .ff-button--delete:disabled, .ff-button--secondary:disabled {\n opacity: 50%;\n cursor: no-drop;\n}\n.ff-button--primary:disabled:before, .ff-button--delete:disabled:before, .ff-button--secondary:disabled:before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 4px;\n padding: 0.6px;\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n z-index: -1;\n}\n.ff-button--primary {\n background: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n}\n.ff-button--primary:before {\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n}\n.ff-button--primary:hover {\n background: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n}\n.ff-button--delete {\n background: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n color: #ffffff;\n}\n.ff-button--delete:before {\n background: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n}\n.ff-button--delete:hover {\n background: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n}\n.ff-button--secondary:before {\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n}\n.ff-button--secondary:hover {\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n}\n.ff-button--tertiary {\n border: none;\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n}\n.ff-button--tertiary:hover {\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n}\n.ff-button--tertiary:disabled {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-button--small {\n font-weight: 500;\n padding: 4.5px 8px;\n}\n.ff-button--medium {\n font-weight: 500;\n padding: 6px 12px;\n}\n.ff-button--large {\n padding: 8px 16px;\n}\n.ff-button-primary--text {\n color: #ffffff;\n}\n.ff-button-secondary--text, .ff-button-tertiary--text {\n background: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n}";
32
- styleInject(css_248z$N);
31
+ var css_248z$T = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color: #d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight: #f5fb00;\n --slider-table-color: #efe1f9;\n --button-close-color: button-close-color;\n --button-bg-color: button-bg-color;\n}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-button, .ff-button--small, .ff-button--medium {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-button--large {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-button {\n width: auto;\n background-color: #ffffff;\n border-radius: 4px;\n padding: 4px 8px;\n text-align: center;\n text-decoration: none;\n font-weight: 500;\n cursor: pointer;\n display: flex;\n gap: 4px;\n justify-content: center;\n align-items: center;\n border: 2px solid transparent;\n}\n.ff-button--transparent {\n background-color: transparent;\n}\n.ff-button--primary, .ff-button--delete, .ff-button--secondary {\n position: relative;\n cursor: pointer;\n border-radius: 4px;\n z-index: 1;\n border: none;\n overflow: hidden;\n}\n.ff-button--primary:before, .ff-button--delete:before, .ff-button--secondary:before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 4px;\n padding: 0.6px;\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);\n mask-composite: exclude;\n -webkit-mask: linear-gradient(#ffffff 0 0) content-box, linear-gradient(#ffffff 0 0);\n -webkit-mask-composite: destination-out;\n z-index: -1;\n}\n.ff-button--primary:hover, .ff-button--delete:hover, .ff-button--secondary:hover {\n background: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n}\n.ff-button--primary:disabled, .ff-button--delete:disabled, .ff-button--secondary:disabled {\n opacity: 50%;\n cursor: no-drop;\n}\n.ff-button--primary:disabled:before, .ff-button--delete:disabled:before, .ff-button--secondary:disabled:before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 4px;\n padding: 0.6px;\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n z-index: -1;\n}\n.ff-button--primary {\n background: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n}\n.ff-button--primary:before {\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n}\n.ff-button--primary:hover {\n background: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n}\n.ff-button--delete {\n background: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n color: #ffffff;\n}\n.ff-button--delete:before {\n background: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n}\n.ff-button--delete:hover {\n background: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n}\n.ff-button--warning {\n background: var(--warning-button-color);\n border: var(--warning-button-border);\n}\n.ff-button--secondary:before {\n background: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n}\n.ff-button--secondary:hover {\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n}\n.ff-button--tertiary {\n border: none;\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n}\n.ff-button--tertiary:hover {\n background: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n}\n.ff-button--tertiary:disabled {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-button--small {\n font-weight: 500;\n padding: 4.5px 8px;\n}\n.ff-button--medium {\n font-weight: 500;\n padding: 6px 12px;\n}\n.ff-button--large {\n padding: 8px 16px;\n}\n.ff-button-primary--text {\n color: #ffffff;\n}\n.ff-button-secondary--text, .ff-button-tertiary--text {\n background: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n}";
32
+ styleInject(css_248z$T);
33
33
 
34
- var css_248z$M = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color:#d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight:#f5fb00;\n --slider-table-color: #efe1f9;\n}";
35
- styleInject(css_248z$M);
34
+ var css_248z$S = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color: #d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight: #f5fb00;\n --slider-table-color: #efe1f9;\n --button-close-color: button-close-color;\n --button-bg-color: button-bg-color;\n}";
35
+ styleInject(css_248z$S);
36
36
 
37
37
  function getDefaultExportFromCjs (x) {
38
38
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -185,6 +185,8 @@ const SvgRunIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width
185
185
 
186
186
  const SvgAddVariableIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M4.5 16V16C2.567 16 1 14.433 1 12.5V4.5C1 2.567 2.567 1 4.5 1V1M11.5 1V1C13.433 1 15 2.567 15 4.5V8.5V12.25", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M15 15V17M15 17V19M15 17H13M15 17H17", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M8.50631 10.8893L10.4739 6H12L9.35135 12H7.63604L5 6H6.53874L8.50631 10.8893Z", fill: "currentColor" }));
187
187
 
188
+ const SvgManualLocator = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M6.99999 7.83672C9.17511 7.83672 10.9385 6.08242 10.9385 3.91837C10.9385 1.75431 9.17511 0 6.99999 0C4.82484 0 3.06152 1.75431 3.06152 3.91837C3.06152 6.08242 4.82484 7.83672 6.99999 7.83672Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M9.05126 9.46942H4.9487C2.56921 9.46942 0.599976 11.4287 0.599976 13.796C0.599976 14.3674 0.846128 14.8573 1.33844 15.1021C2.0769 15.5103 3.71793 16 6.99998 16C10.2821 16 11.923 15.5103 12.6615 15.1021C13.0717 14.8573 13.4 14.3674 13.4 13.796C13.4 11.347 11.4308 9.46942 9.05126 9.46942Z", fill: "currentColor" }));
189
+
188
190
  const SvgActiveLicenseIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M15.867 6.20329C15.873 6.44806 15.6805 6.65267 15.4358 6.65874C15.191 6.6648 14.9864 6.47232 14.9803 6.22754C14.9614 5.5887 14.7704 4.99913 14.4362 4.50352C14.1035 4.01018 13.6268 3.6093 13.0373 3.34938L9.25273 1.6784C8.81623 1.48592 8.37519 1.38891 7.93489 1.38891C7.49459 1.38891 7.05355 1.48516 6.61705 1.6784L2.8325 3.34938C2.22626 3.61688 1.73974 4.03216 1.4063 4.54368C1.07285 5.0552 0.890218 5.66903 0.890218 6.33212V10.8867C0.890218 12.5144 1.66622 13.9633 2.70367 15.1729C3.76613 16.4127 5.10752 17.4047 6.18965 18.0912C6.73527 18.4368 7.33242 18.6111 7.92579 18.6126C8.52294 18.6141 9.12087 18.4436 9.66801 18.1018C9.87489 17.9722 10.1485 18.0351 10.2788 18.2428C10.4084 18.4497 10.3455 18.7232 10.1378 18.8536C9.44672 19.2863 8.68663 19.5023 7.92663 19.5C7.16276 19.4977 6.40191 19.2787 5.71387 18.843C4.57715 18.1223 3.16452 17.075 2.02943 15.751C0.868459 14.3975 0 12.7591 0 10.8874V6.33289C0 5.49627 0.234914 4.71724 0.663091 4.06096C1.09049 3.4047 1.70887 2.87423 2.47579 2.53624L6.26033 0.865263C6.81203 0.62125 7.37356 0.5 7.93661 0.5C8.49965 0.5 9.06045 0.622008 9.61288 0.865263L13.3974 2.53624C14.1439 2.86588 14.7494 3.37589 15.1753 4.0079C15.6004 4.63916 15.8452 5.39166 15.8687 6.20553L15.867 6.20329ZM10.8191 12.7675C10.6448 12.5932 10.6448 12.312 10.8191 12.1377C10.9934 11.9634 11.2745 11.9634 11.4488 12.1377L12.5408 13.229L14.8242 10.9456C14.9985 10.7713 15.2797 10.7713 15.454 10.9456C15.6282 11.1199 15.6282 11.401 15.454 11.5753L12.8561 14.1732C12.6818 14.3475 12.4006 14.3475 12.2264 14.1732L10.8199 12.7667L10.8191 12.7675ZM13.1356 7.7159C14.4732 7.7159 15.6842 8.25775 16.5609 9.13453C17.4377 10.0113 17.9795 11.2224 17.9795 12.5598C17.9795 13.8972 17.4369 15.1084 16.5609 15.985C15.6841 16.8618 14.4731 17.4037 13.1356 17.4037C11.7981 17.4037 10.5871 16.8618 9.71038 15.985C8.83359 15.1083 8.29175 13.8972 8.29175 12.5598C8.29175 11.2224 8.83435 10.0112 9.71038 9.13453C10.5872 8.25775 11.7982 7.7159 13.1356 7.7159ZM15.9312 9.76435C15.2158 9.04897 14.2276 8.6064 13.1356 8.6064C12.0436 8.6064 11.0554 9.04895 10.3401 9.76435C9.62482 10.4797 9.18215 11.4679 9.18215 12.5599C9.18215 13.6519 9.62471 14.6401 10.3401 15.3554C11.0555 16.0707 12.0436 16.5134 13.1356 16.5134C14.2276 16.5134 15.2159 16.0708 15.9312 15.3554C16.6464 14.64 17.0891 13.6519 17.0891 12.5599C17.0891 11.4679 16.6466 10.4796 15.9312 9.76435Z", fill: "currentColor" }));
189
191
 
190
192
  const SvgDelete = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.48803 1.70971C6.4601 1.80125 6.43972 1.91361 6.40849 2.09629L6.33556 2.52397C6.64091 2.51771 6.94626 2.51458 7.25163 2.51458C8.05692 2.51458 8.86291 2.52769 9.66883 2.55365L9.59082 2.0997C9.56177 1.92423 9.54209 1.81412 9.5147 1.72387C9.50233 1.68311 9.49134 1.65716 9.48316 1.64112C9.4792 1.63336 9.47612 1.62836 9.47418 1.62546C9.47293 1.6236 9.47162 1.6219 9.47162 1.6219L9.46998 1.6208C9.46647 1.61857 9.45225 1.61003 9.42008 1.59939C9.35116 1.5766 9.2127 1.54839 8.9611 1.54839H7.03886C6.68779 1.54839 6.55959 1.59822 6.5253 1.61748C6.51964 1.62644 6.50554 1.65232 6.48803 1.70971ZM6.51496 1.62494C6.51496 1.62494 6.51696 1.62238 6.52324 1.61867C6.51848 1.62332 6.51496 1.62494 6.51496 1.62494ZM11.3534 2.62657C12.4669 2.68706 13.5793 2.77177 14.6885 2.88003C15.1419 2.92428 15.4712 3.30491 15.4241 3.73019C15.3769 4.15547 14.9711 4.46435 14.5177 4.4201C12.1021 4.18434 9.67279 4.06296 7.25163 4.06296C5.82818 4.06296 4.40456 4.13377 2.98062 4.27542L2.97809 4.27567L1.48139 4.42019C1.02793 4.46397 0.622494 4.15467 0.575815 3.72934C0.529136 3.30401 0.858892 2.92372 1.31235 2.87994L2.80652 2.73567L2.80776 2.73555C3.42263 2.6744 4.03755 2.62593 4.65251 2.59016L4.77848 1.85141C4.78159 1.83322 4.78485 1.81359 4.78821 1.79332C4.83672 1.5009 4.91938 1.00259 5.26319 0.618609C5.68632 0.146048 6.32166 0 7.03886 0H8.9611C9.69127 0 10.3245 0.159309 10.7437 0.635061C11.0868 1.02449 11.1672 1.52276 11.2137 1.81076C11.2165 1.8279 11.2191 1.8443 11.2217 1.85988L11.2221 1.86211L11.3534 2.62657ZM2.92363 5.16068C3.37862 5.13445 3.77014 5.45915 3.79811 5.88592L4.27473 13.1583L4.27487 13.1603C4.29577 13.454 4.31266 13.6714 4.35074 13.8576C4.38756 14.0376 4.43422 14.1315 4.47685 14.1861C4.5259 14.249 4.71643 14.4516 5.64487 14.4516H10.3551C11.2835 14.4516 11.4741 14.249 11.5231 14.1861C11.5657 14.1315 11.6124 14.0376 11.6492 13.8576C11.6873 13.6713 11.7042 13.4539 11.7251 13.1602L11.7252 13.1583L12.2019 5.88592C12.2298 5.45915 12.6213 5.13445 13.0763 5.16068C13.5313 5.18692 13.8775 5.55415 13.8495 5.98092L13.3724 13.2614L13.371 13.2803C13.3519 13.5485 13.3299 13.8584 13.2705 14.1492C13.2082 14.4536 13.0953 14.7928 12.8555 15.1003C12.3396 15.7618 11.4736 16 10.3551 16H5.64487C4.52634 16 3.66038 15.7618 3.14449 15.1003C2.90466 14.7928 2.79174 14.4536 2.72951 14.1492C2.67003 13.8584 2.64801 13.5485 2.62895 13.2803L2.62761 13.2614L2.62733 13.2573L2.15044 5.98092C2.12247 5.55415 2.46864 5.18692 2.92363 5.16068ZM5.34039 8.36129C5.34039 7.93371 5.70993 7.5871 6.16578 7.5871H9.83418C10.29 7.5871 10.6596 7.93371 10.6596 8.36129C10.6596 8.78887 10.29 9.13548 9.83418 9.13548H6.16578C5.70993 9.13548 5.34039 8.78887 5.34039 8.36129ZM5.94935 11.2516C5.94935 10.824 6.31889 10.4774 6.77474 10.4774H9.21789C9.67374 10.4774 10.0433 10.824 10.0433 11.2516C10.0433 11.6792 9.67374 12.0258 9.21789 12.0258H6.77474C6.31889 12.0258 5.94935 11.6792 5.94935 11.2516Z", fill: "currentColor" }));
@@ -215,6 +217,18 @@ const SvgLicenseInfo = (props) => /* @__PURE__ */ React.createElement("svg", { w
215
217
 
216
218
  const SvgLicenseWarning = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("mask", { id: "path-1-inside-1_794_7546", fill: "white" }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.4674 0.217769C19.4684 -0.0725897 20.5315 -0.0725897 21.5326 0.217769C22.179 0.4053 22.7305 0.730828 23.2743 1.1273C23.7924 1.50514 24.382 2.00759 25.0836 2.60544L25.4439 2.9126C26.0716 3.44749 26.2431 3.58556 26.4193 3.68605C26.601 3.78954 26.7948 3.86986 26.9965 3.92509C27.1923 3.97875 27.411 4.00232 28.2332 4.06791L28.7051 4.10558C29.624 4.17888 30.3962 4.2405 31.0298 4.33971C31.6945 4.44384 32.3147 4.60362 32.9045 4.92817C33.8175 5.4307 34.5693 6.18235 35.0719 7.09554C35.3964 7.68528 35.5562 8.30544 35.6602 8.97024C35.7595 9.60384 35.8211 10.376 35.8943 11.2949L35.9321 11.7668C35.9977 12.5889 36.0211 12.8077 36.0749 13.0035C36.1301 13.2051 36.2104 13.399 36.3138 13.5806C36.4144 13.757 36.5525 13.9284 37.0874 14.556L37.3945 14.9165C37.9925 15.618 38.4948 16.2076 38.8727 16.7258C39.2692 17.2693 39.5947 17.8209 39.7821 18.4674C40.0726 19.4685 40.0726 20.5314 39.7821 21.5325C39.5947 22.179 39.2692 22.7306 38.8727 23.2743C38.4948 23.7925 37.9925 24.3818 37.3947 25.0834L37.0874 25.4439C36.5525 26.0715 36.4144 26.243 36.3138 26.4194C36.2104 26.601 36.1301 26.7949 36.0749 26.9966C36.0211 27.1922 35.9977 27.4111 35.9321 28.2331L35.8943 28.705C35.8211 29.6239 35.7595 30.3961 35.6602 31.0296C35.5562 31.6944 35.3964 32.3146 35.0719 32.9044C34.5693 33.8176 33.8175 34.5692 32.9045 35.0717C32.3147 35.3964 31.6945 35.5561 31.0298 35.6603C30.3962 35.7595 29.624 35.8211 28.7051 35.8944L28.2332 35.932C27.411 35.9976 27.1923 36.0212 26.9965 36.0748C26.7948 36.13 26.601 36.2105 26.4193 36.3139C26.2431 36.4143 26.0716 36.5525 25.4439 37.0873L25.0834 37.3946C24.382 37.9923 23.7924 38.4949 23.2743 38.8726C22.7305 39.2691 22.179 39.5946 21.5326 39.7822C20.5315 40.0725 19.4684 40.0725 18.4674 39.7822C17.821 39.5946 17.2694 39.2691 16.7257 38.8726C16.2076 38.4949 15.618 37.9923 14.9165 37.3946L14.556 37.0873C13.9283 36.5525 13.757 36.4143 13.5806 36.3139C13.399 36.2105 13.2051 36.13 13.0035 36.0748C12.8077 36.0212 12.5889 35.9976 11.7668 35.932L11.2949 35.8944C10.376 35.8211 9.60384 35.7595 8.97024 35.6603C8.30544 35.5561 7.68528 35.3964 7.09554 35.0717C6.18235 34.5692 5.4307 33.8176 4.92817 32.9044C4.6036 32.3146 4.44382 31.6944 4.33971 31.0296C4.24048 30.3961 4.17888 29.6241 4.10558 28.7052L4.06791 28.2331C4.00232 27.4111 3.97875 27.1922 3.9251 26.9966C3.86986 26.7949 3.78954 26.601 3.68605 26.4194C3.58554 26.243 3.44749 26.0715 2.91258 25.4439L2.6054 25.0834C2.00757 24.382 1.50512 23.7925 1.1273 23.2743C0.730829 22.7306 0.4053 22.179 0.217769 21.5325C-0.0725897 20.5314 -0.0725897 19.4685 0.217769 18.4674C0.4053 17.8209 0.730829 17.2693 1.1273 16.7258C1.50514 16.2076 2.00757 15.618 2.60542 14.9165L2.91258 14.556C3.44749 13.9284 3.58554 13.757 3.68605 13.5806C3.78954 13.399 3.86986 13.2051 3.9251 13.0035C3.97875 12.8077 4.00232 12.5889 4.06791 11.7668L4.10558 11.2947C4.17888 10.376 4.24048 9.6038 4.33971 8.97024C4.44382 8.30544 4.6036 7.68528 4.92817 7.09554C5.4307 6.18235 6.18235 5.43072 7.09554 4.92817C7.68528 4.60362 8.30544 4.44384 8.97024 4.33971C9.6038 4.2405 10.3759 4.17888 11.2947 4.10558L11.7668 4.06791C12.5889 4.00232 12.8077 3.97875 13.0035 3.92509C13.2051 3.86986 13.399 3.78954 13.5806 3.68605C13.757 3.58556 13.9283 3.44749 14.556 2.9126L14.9165 2.60544C15.618 2.00759 16.2076 1.50514 16.7257 1.1273C17.2694 0.730828 17.821 0.4053 18.4674 0.217769Z" })), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.4674 0.217769C19.4684 -0.0725897 20.5315 -0.0725897 21.5326 0.217769C22.179 0.4053 22.7305 0.730828 23.2743 1.1273C23.7924 1.50514 24.382 2.00759 25.0836 2.60544L25.4439 2.9126C26.0716 3.44749 26.2431 3.58556 26.4193 3.68605C26.601 3.78954 26.7948 3.86986 26.9965 3.92509C27.1923 3.97875 27.411 4.00232 28.2332 4.06791L28.7051 4.10558C29.624 4.17888 30.3962 4.2405 31.0298 4.33971C31.6945 4.44384 32.3147 4.60362 32.9045 4.92817C33.8175 5.4307 34.5693 6.18235 35.0719 7.09554C35.3964 7.68528 35.5562 8.30544 35.6602 8.97024C35.7595 9.60384 35.8211 10.376 35.8943 11.2949L35.9321 11.7668C35.9977 12.5889 36.0211 12.8077 36.0749 13.0035C36.1301 13.2051 36.2104 13.399 36.3138 13.5806C36.4144 13.757 36.5525 13.9284 37.0874 14.556L37.3945 14.9165C37.9925 15.618 38.4948 16.2076 38.8727 16.7258C39.2692 17.2693 39.5947 17.8209 39.7821 18.4674C40.0726 19.4685 40.0726 20.5314 39.7821 21.5325C39.5947 22.179 39.2692 22.7306 38.8727 23.2743C38.4948 23.7925 37.9925 24.3818 37.3947 25.0834L37.0874 25.4439C36.5525 26.0715 36.4144 26.243 36.3138 26.4194C36.2104 26.601 36.1301 26.7949 36.0749 26.9966C36.0211 27.1922 35.9977 27.4111 35.9321 28.2331L35.8943 28.705C35.8211 29.6239 35.7595 30.3961 35.6602 31.0296C35.5562 31.6944 35.3964 32.3146 35.0719 32.9044C34.5693 33.8176 33.8175 34.5692 32.9045 35.0717C32.3147 35.3964 31.6945 35.5561 31.0298 35.6603C30.3962 35.7595 29.624 35.8211 28.7051 35.8944L28.2332 35.932C27.411 35.9976 27.1923 36.0212 26.9965 36.0748C26.7948 36.13 26.601 36.2105 26.4193 36.3139C26.2431 36.4143 26.0716 36.5525 25.4439 37.0873L25.0834 37.3946C24.382 37.9923 23.7924 38.4949 23.2743 38.8726C22.7305 39.2691 22.179 39.5946 21.5326 39.7822C20.5315 40.0725 19.4684 40.0725 18.4674 39.7822C17.821 39.5946 17.2694 39.2691 16.7257 38.8726C16.2076 38.4949 15.618 37.9923 14.9165 37.3946L14.556 37.0873C13.9283 36.5525 13.757 36.4143 13.5806 36.3139C13.399 36.2105 13.2051 36.13 13.0035 36.0748C12.8077 36.0212 12.5889 35.9976 11.7668 35.932L11.2949 35.8944C10.376 35.8211 9.60384 35.7595 8.97024 35.6603C8.30544 35.5561 7.68528 35.3964 7.09554 35.0717C6.18235 34.5692 5.4307 33.8176 4.92817 32.9044C4.6036 32.3146 4.44382 31.6944 4.33971 31.0296C4.24048 30.3961 4.17888 29.6241 4.10558 28.7052L4.06791 28.2331C4.00232 27.4111 3.97875 27.1922 3.9251 26.9966C3.86986 26.7949 3.78954 26.601 3.68605 26.4194C3.58554 26.243 3.44749 26.0715 2.91258 25.4439L2.6054 25.0834C2.00757 24.382 1.50512 23.7925 1.1273 23.2743C0.730829 22.7306 0.4053 22.179 0.217769 21.5325C-0.0725897 20.5314 -0.0725897 19.4685 0.217769 18.4674C0.4053 17.8209 0.730829 17.2693 1.1273 16.7258C1.50514 16.2076 2.00757 15.618 2.60542 14.9165L2.91258 14.556C3.44749 13.9284 3.58554 13.757 3.68605 13.5806C3.78954 13.399 3.86986 13.2051 3.9251 13.0035C3.97875 12.8077 4.00232 12.5889 4.06791 11.7668L4.10558 11.2947C4.17888 10.376 4.24048 9.6038 4.33971 8.97024C4.44382 8.30544 4.6036 7.68528 4.92817 7.09554C5.4307 6.18235 6.18235 5.43072 7.09554 4.92817C7.68528 4.60362 8.30544 4.44384 8.97024 4.33971C9.6038 4.2405 10.3759 4.17888 11.2947 4.10558L11.7668 4.06791C12.5889 4.00232 12.8077 3.97875 13.0035 3.92509C13.2051 3.86986 13.399 3.78954 13.5806 3.68605C13.757 3.58556 13.9283 3.44749 14.556 2.9126L14.9165 2.60544C15.618 2.00759 16.2076 1.50514 16.7257 1.1273C17.2694 0.730828 17.821 0.4053 18.4674 0.217769Z", fill: "#FFC600" }), /* @__PURE__ */ React.createElement("path", { d: "M18.4674 0.217769L18.1888 -0.742648L18.1887 -0.742627L18.4674 0.217769ZM21.5326 0.217769L21.8112 -0.742627L21.8112 -0.742648L21.5326 0.217769ZM23.2743 1.1273L23.8635 0.319312L23.8634 0.319278L23.2743 1.1273ZM25.0836 2.60544L25.7323 1.84445L25.7321 1.8443L25.0836 2.60544ZM25.4439 2.9126L24.7951 3.67359L24.7953 3.67377L25.4439 2.9126ZM26.4193 3.68605L25.924 4.55477L25.9243 4.55493L26.4193 3.68605ZM26.9965 3.92509L27.2607 2.96063L27.2607 2.96062L26.9965 3.92509ZM28.2332 4.06791L28.3128 3.07108L28.3127 3.07108L28.2332 4.06791ZM28.7051 4.10558L28.6256 5.10241L28.6256 5.10242L28.7051 4.10558ZM31.0298 4.33971L31.1845 3.35175L31.1845 3.35175L31.0298 4.33971ZM32.9045 4.92817L33.3867 4.0521L33.3866 4.05206L32.9045 4.92817ZM35.0719 7.09554L35.948 6.61347L35.948 6.61341L35.0719 7.09554ZM35.6602 8.97024L34.6722 9.12484L34.6723 9.12497L35.6602 8.97024ZM35.8943 11.2949L34.8974 11.3743L34.8975 11.3747L35.8943 11.2949ZM35.9321 11.7668L36.9289 11.6873L36.9289 11.687L35.9321 11.7668ZM36.0749 13.0035L37.0394 12.7393L37.0392 12.7384L36.0749 13.0035ZM36.3138 13.5806L35.4448 14.0754L35.4452 14.0762L36.3138 13.5806ZM37.0874 14.556L37.8486 13.9075L37.8485 13.9074L37.0874 14.556ZM37.3945 14.9165L36.6333 15.565L36.6335 15.5652L37.3945 14.9165ZM38.8727 16.7258L38.0648 17.315L38.0648 17.3151L38.8727 16.7258ZM39.7821 18.4674L38.8217 18.7459L38.8218 18.7461L39.7821 18.4674ZM39.7821 21.5325L38.8218 21.2538L38.8217 21.254L39.7821 21.5325ZM38.8727 23.2743L39.6806 23.8636L39.6807 23.8635L38.8727 23.2743ZM37.3947 25.0834L38.1557 25.7321L38.1559 25.732L37.3947 25.0834ZM37.0874 25.4439L37.8484 26.0926L37.8485 26.0926L37.0874 25.4439ZM36.3138 26.4194L35.4451 25.924L35.4448 25.9246L36.3138 26.4194ZM36.0749 26.9966L37.0391 27.2618L37.0394 27.2606L36.0749 26.9966ZM35.9321 28.2331L36.9289 28.313L36.9289 28.3127L35.9321 28.2331ZM35.8943 28.705L34.8975 28.6252L34.8974 28.6256L35.8943 28.705ZM35.6602 31.0296L34.6723 30.8749L34.6722 30.875L35.6602 31.0296ZM35.0719 32.9044L35.948 33.3865L35.948 33.3864L35.0719 32.9044ZM32.9045 35.0717L32.4223 34.1957L32.4222 34.1957L32.9045 35.0717ZM31.0298 35.6603L31.1845 36.6483L31.1847 36.6482L31.0298 35.6603ZM28.7051 35.8944L28.6257 34.8975L28.6257 34.8975L28.7051 35.8944ZM28.2332 35.932L28.1538 34.9351L28.1537 34.9352L28.2332 35.932ZM26.9965 36.0748L26.7324 35.1103L26.7324 35.1103L26.9965 36.0748ZM26.4193 36.3139L25.9245 35.4449L25.9242 35.445L26.4193 36.3139ZM25.4439 37.0873L24.7954 36.326L24.7951 36.3263L25.4439 37.0873ZM25.0834 37.3946L25.732 38.1557L25.7321 38.1556L25.0834 37.3946ZM23.2743 38.8726L22.6852 38.0645L22.6851 38.0646L23.2743 38.8726ZM21.5326 39.7822L21.8111 40.7427L21.8114 40.7426L21.5326 39.7822ZM18.4674 39.7822L18.1886 40.7426L18.1889 40.7427L18.4674 39.7822ZM16.7257 38.8726L17.3149 38.0646L17.3148 38.0645L16.7257 38.8726ZM14.9165 37.3946L14.2678 38.1556L14.2679 38.1557L14.9165 37.3946ZM14.556 37.0873L15.2047 36.3263L15.2045 36.3261L14.556 37.0873ZM13.5806 36.3139L13.0858 37.1829L13.0858 37.1829L13.5806 36.3139ZM13.0035 36.0748L13.2676 35.1103H13.2676L13.0035 36.0748ZM11.7668 35.932L11.8464 34.9352L11.8463 34.9351L11.7668 35.932ZM11.2949 35.8944L11.3743 34.8975L11.3743 34.8975L11.2949 35.8944ZM8.97024 35.6603L8.81535 36.6482L8.81552 36.6483L8.97024 35.6603ZM7.09554 35.0717L7.57783 34.1957L7.57766 34.1956L7.09554 35.0717ZM4.92817 32.9044L5.80428 32.4223L5.80426 32.4222L4.92817 32.9044ZM4.33971 31.0296L5.32767 30.8749L5.32766 30.8749L4.33971 31.0296ZM4.10558 28.7052L5.10242 28.6257L5.10242 28.6257L4.10558 28.7052ZM4.06791 28.2331L5.06475 28.1536L5.06474 28.1535L4.06791 28.2331ZM3.9251 26.9966L2.96062 27.2607L2.9607 27.261L3.9251 26.9966ZM3.68605 26.4194L2.81713 26.9143L2.81717 26.9144L3.68605 26.4194ZM2.91258 25.4439L2.15144 26.0925L2.15152 26.0926L2.91258 25.4439ZM2.6054 25.0834L3.36654 24.4349L3.36646 24.4348L2.6054 25.0834ZM1.1273 23.2743L0.319278 23.8635L0.319297 23.8635L1.1273 23.2743ZM0.217769 21.5325L1.17819 21.2539L1.17819 21.2539L0.217769 21.5325ZM0.217769 18.4674L1.17819 18.746L1.17819 18.746L0.217769 18.4674ZM1.1273 16.7258L1.93521 17.3151L1.93528 17.315L1.1273 16.7258ZM2.60542 14.9165L3.36652 15.5651L3.36655 15.5651L2.60542 14.9165ZM2.91258 14.556L2.15148 13.9074L2.15145 13.9074L2.91258 14.556ZM3.68605 13.5806L4.55487 14.0757L4.55491 14.0757L3.68605 13.5806ZM3.9251 13.0035L2.96066 12.7392L2.96063 12.7393L3.9251 13.0035ZM4.06791 11.7668L5.06475 11.8464V11.8464L4.06791 11.7668ZM4.10558 11.2947L5.10242 11.3743L5.10242 11.3743L4.10558 11.2947ZM4.33971 8.97024L5.32766 9.12498L5.32767 9.12496L4.33971 8.97024ZM4.92817 7.09554L5.80425 7.57769L5.80427 7.57766L4.92817 7.09554ZM7.09554 4.92817L6.6134 4.05207L6.61339 4.05207L7.09554 4.92817ZM8.97024 4.33971L8.81554 3.35175L8.8155 3.35175L8.97024 4.33971ZM11.2947 4.10558L11.3742 5.10242L11.3743 5.10242L11.2947 4.10558ZM11.7668 4.06791L11.8464 5.06475L11.8464 5.06474L11.7668 4.06791ZM13.0035 3.92509L12.7393 2.96063L12.7392 2.96066L13.0035 3.92509ZM13.5806 3.68605L13.0855 2.81718L13.0855 2.81719L13.5806 3.68605ZM14.556 2.9126L15.2046 3.67372L15.2046 3.67371L14.556 2.9126ZM14.9165 2.60544L15.5651 3.36655L15.5651 3.36654L14.9165 2.60544ZM16.7257 1.1273L16.1365 0.319278L16.1365 0.319312L16.7257 1.1273ZM18.7459 1.17819C19.565 0.940605 20.4349 0.940605 21.254 1.17819L21.8112 -0.742648C20.6281 -1.08578 19.3718 -1.08578 18.1888 -0.742648L18.7459 1.17819ZM21.254 1.17817C21.7449 1.3206 22.1894 1.57388 22.6851 1.93531L23.8634 0.319278C23.2716 -0.112221 22.6131 -0.509998 21.8112 -0.742627L21.254 1.17817ZM22.6851 1.93528C23.1659 2.2859 23.7233 2.76013 24.435 3.36658L25.7321 1.8443C25.0406 1.25505 24.4189 0.724374 23.8635 0.319312L22.6851 1.93528ZM24.4348 3.36643L24.7951 3.67359L26.0926 2.15161L25.7323 1.84445L24.4348 3.36643ZM24.7953 3.67377C25.3907 4.18107 25.6461 4.39632 25.924 4.55477L26.9146 2.81733C26.84 2.77481 26.7526 2.7139 26.0924 2.15143L24.7953 3.67377ZM25.9243 4.55493C26.1785 4.69974 26.4499 4.81221 26.7323 4.88957L27.2607 2.96062C27.1398 2.92751 27.0235 2.87933 26.9143 2.81717L25.9243 4.55493ZM26.7323 4.88956C27.0411 4.97418 27.3739 5.00253 28.1537 5.06475L28.3127 3.07108C27.4481 3.0021 27.3435 2.98332 27.2607 2.96063L26.7323 4.88956ZM28.1536 5.06474L28.6256 5.10241L28.7847 3.10875L28.3128 3.07108L28.1536 5.06474ZM28.6256 5.10242C29.5576 5.17676 30.2872 5.23561 30.8751 5.32767L31.1845 3.35175C30.5052 3.24539 29.6904 3.181 28.7847 3.10875L28.6256 5.10242ZM30.875 5.32766C31.4811 5.42259 31.9744 5.55778 32.4224 5.80427L33.3866 4.05206C32.655 3.64946 31.908 3.46508 31.1845 3.35175L30.875 5.32766ZM32.4223 5.80424C33.1694 6.21547 33.7846 6.83053 34.1958 7.57766L35.948 6.61341C35.354 5.53417 34.4656 4.64594 33.3867 4.0521L32.4223 5.80424ZM34.1957 7.5776C34.4422 8.02556 34.5774 8.51896 34.6722 9.12484L36.6482 8.81564C36.535 8.09193 36.3505 7.34499 35.948 6.61347L34.1957 7.5776ZM34.6723 9.12497C34.7643 9.71286 34.8232 10.4424 34.8974 11.3743L36.8911 11.2154C36.8189 10.3097 36.7546 9.49481 36.6482 8.81552L34.6723 9.12497ZM34.8975 11.3747L34.9353 11.8467L36.9289 11.687L36.8911 11.215L34.8975 11.3747ZM34.9353 11.8464C34.9974 12.6252 35.0257 12.9591 35.1107 13.2685L37.0392 12.7384C37.0166 12.6563 36.998 12.5526 36.9289 11.6873L34.9353 11.8464ZM35.1105 13.2676C35.1877 13.5497 35.3 13.8211 35.4448 14.0754L37.1828 13.0858C37.1208 12.9768 37.0726 12.8605 37.0394 12.7393L35.1105 13.2676ZM35.4452 14.0762C35.6038 14.3541 35.8189 14.6093 36.3263 15.2047L37.8485 13.9074C37.2861 13.2475 37.2251 13.1599 37.1824 13.085L35.4452 14.0762ZM36.3262 15.2045L36.6333 15.565L38.1557 14.268L37.8486 13.9075L36.3262 15.2045ZM36.6335 15.5652C37.2398 16.2765 37.7141 16.8342 38.0648 17.315L39.6806 16.1365C39.2755 15.5811 38.7451 14.9595 38.1555 14.2678L36.6335 15.5652ZM38.0648 17.3151C38.4261 17.8104 38.6793 18.2549 38.8217 18.7459L40.7426 18.189C40.51 17.3869 40.1123 16.7282 39.6806 16.1364L38.0648 17.3151ZM38.8218 18.7461C39.0594 19.5652 39.0594 20.4348 38.8218 21.2538L40.7425 21.8111C41.0858 20.628 41.0858 19.3719 40.7425 18.1888L38.8218 18.7461ZM38.8217 21.254C38.6793 21.7451 38.4261 22.1895 38.0647 22.6851L39.6807 23.8635C40.1123 23.2717 40.5101 22.613 40.7426 21.8109L38.8217 21.254ZM38.0648 22.6851C37.714 23.1659 37.2399 23.7231 36.6335 24.4349L38.1559 25.732C38.745 25.0405 39.2755 24.419 39.6806 23.8636L38.0648 22.6851ZM36.6337 24.4347L36.3264 24.7952L37.8485 26.0926L38.1557 25.7321L36.6337 24.4347ZM36.3264 24.7952C35.8189 25.3906 35.6037 25.6459 35.4451 25.924L37.1825 26.9148C37.2251 26.84 37.2861 26.7524 37.8484 26.0926L36.3264 24.7952ZM35.4448 25.9246C35.3 26.1789 35.1877 26.4503 35.1104 26.7325L37.0394 27.2606C37.0726 27.1395 37.1208 27.0232 37.1828 26.9142L35.4448 25.9246ZM35.1107 26.7314C35.0256 27.0407 34.9974 27.3748 34.9353 28.1535L36.9289 28.3127C36.998 27.4473 37.0166 27.3437 37.0391 27.2618L35.1107 26.7314ZM34.9353 28.1532L34.8975 28.6252L36.8911 28.7849L36.9289 28.313L34.9353 28.1532ZM34.8974 28.6256C34.8232 29.5575 34.7643 30.2871 34.6723 30.8749L36.6482 31.1844C36.7546 30.5051 36.8189 29.6902 36.8911 28.7845L34.8974 28.6256ZM34.6722 30.875C34.5774 31.4809 34.4422 31.9743 34.1957 32.4223L35.948 33.3864C36.3505 32.6549 36.535 31.9079 36.6482 31.1843L34.6722 30.875ZM34.1958 32.4223C33.7846 33.1694 33.1695 33.7844 32.4223 34.1957L33.3867 35.9478C34.4656 35.354 35.3541 34.4658 35.948 33.3865L34.1958 32.4223ZM32.4222 34.1957C31.9744 34.4422 31.4812 34.5773 30.8749 34.6724L31.1847 36.6482C31.9079 36.5348 32.655 36.3506 33.3868 35.9478L32.4222 34.1957ZM30.875 34.6723C30.2872 34.7644 29.5576 34.8233 28.6257 34.8975L28.7846 36.8912C29.6904 36.819 30.5052 36.7546 31.1845 36.6483L30.875 34.6723ZM28.6257 34.8975L28.1538 34.9351L28.3127 36.9288L28.7846 36.8912L28.6257 34.8975ZM28.1537 34.9352C27.3737 34.9974 27.0412 35.0258 26.7324 35.1103L27.2605 37.0393C27.3435 37.0166 27.4483 36.9978 28.3128 36.9288L28.1537 34.9352ZM26.7324 35.1103C26.4496 35.1877 26.1783 35.3004 25.9245 35.4449L26.9141 37.1829C27.0236 37.1205 27.14 37.0723 27.2606 37.0393L26.7324 35.1103ZM25.9242 35.445C25.6462 35.6035 25.3904 35.8192 24.7954 36.326L26.0923 37.8485C26.7528 37.2859 26.84 37.2251 26.9144 37.1827L25.9242 35.445ZM24.7951 36.3263L24.4347 36.6335L25.7321 38.1556L26.0926 37.8483L24.7951 36.3263ZM24.4347 36.6335C23.7232 37.2399 23.1659 37.7141 22.6852 38.0645L23.8633 39.6807C24.4189 39.2757 25.0407 38.7448 25.732 38.1557L24.4347 36.6335ZM22.6851 38.0646C22.1894 38.426 21.7449 38.6793 21.2538 38.8219L21.8114 40.7426C22.6131 40.5098 23.2716 40.1122 23.8635 39.6806L22.6851 38.0646ZM21.2541 38.8218C20.4349 39.0593 19.565 39.0593 18.7459 38.8218L18.1889 40.7427C19.3719 41.0857 20.6281 41.0857 21.8111 40.7427L21.2541 38.8218ZM18.7462 38.8219C18.2551 38.6793 17.8105 38.426 17.3149 38.0646L16.1365 39.6806C16.7284 40.1122 17.3869 40.5098 18.1886 40.7426L18.7462 38.8219ZM17.3148 38.0645C16.834 37.7141 16.2768 37.2399 15.5651 36.6334L14.2679 38.1557C14.9592 38.7448 15.5811 39.2757 16.1366 39.6807L17.3148 38.0645ZM15.5652 36.6336L15.2047 36.3263L13.9073 37.8483L14.2678 38.1556L15.5652 36.6336ZM15.2045 36.3261C14.6097 35.8194 14.3539 35.6034 14.0754 35.4449L13.0858 37.1829C13.1601 37.2252 13.247 37.2857 13.9075 37.8485L15.2045 36.3261ZM14.0754 35.4449C13.8216 35.3004 13.5503 35.1877 13.2676 35.1103L12.7393 37.0393C12.8599 37.0723 12.9763 37.1205 13.0858 37.1829L14.0754 35.4449ZM13.2676 35.1103C12.9589 35.0258 12.6261 34.9974 11.8464 34.9352L11.6873 36.9288C12.5517 36.9978 12.6565 37.0166 12.7393 37.0393L13.2676 35.1103ZM11.8463 34.9351L11.3743 34.8975L11.2154 36.8912L11.6874 36.9288L11.8463 34.9351ZM11.3743 34.8975C10.4424 34.8233 9.71286 34.7644 9.12497 34.6723L8.81552 36.6483C9.49481 36.7546 10.3097 36.819 11.2154 36.8912L11.3743 34.8975ZM9.12513 34.6724C8.51878 34.5773 8.02556 34.4422 7.57783 34.1957L6.61324 35.9478C7.34499 36.3506 8.09211 36.5348 8.81535 36.6482L9.12513 34.6724ZM7.57766 34.1956C6.83046 33.7845 6.21546 33.1695 5.80428 32.4223L4.05205 33.3865C4.64595 34.4657 5.53424 35.354 6.61341 35.9478L7.57766 34.1956ZM5.80426 32.4222C5.55776 31.9743 5.42257 31.481 5.32767 30.8749L3.35175 31.1844C3.46506 31.9079 3.64944 32.6549 4.05208 33.3865L5.80426 32.4222ZM5.32766 30.8749C5.23559 30.287 5.17676 29.5577 5.10242 28.6257L3.10875 28.7847C3.181 29.6905 3.24537 30.5051 3.35175 31.1844L5.32766 30.8749ZM5.10242 28.6257L5.06475 28.1536L3.07108 28.3126L3.10875 28.7848L5.10242 28.6257ZM5.06474 28.1535C5.00255 27.3741 4.97419 27.0409 4.88949 26.7321L2.9607 27.261C2.98331 27.3435 3.00209 27.448 3.07108 28.3126L5.06474 28.1535ZM4.88957 26.7324C4.81221 26.4499 4.69974 26.1786 4.55493 25.9244L2.81717 26.9144C2.87933 27.0235 2.92751 27.1399 2.96062 27.2607L4.88957 26.7324ZM4.55497 25.9244C4.39638 25.646 4.18096 25.3905 3.67364 24.7952L2.15152 26.0926C2.71401 26.7525 2.77471 26.8399 2.81713 26.9143L4.55497 25.9244ZM3.67373 24.7954L3.36654 24.4349L1.84425 25.732L2.15144 26.0925L3.67373 24.7954ZM3.36646 24.4348C2.7601 23.7234 2.28587 23.1659 1.9353 22.6852L0.319297 23.8635C0.724372 24.419 1.25505 25.0407 1.84434 25.7321L3.36646 24.4348ZM1.93531 22.6852C1.57389 22.1895 1.32062 21.745 1.17819 21.2539L-0.742651 21.811C-0.510024 22.6131 -0.112232 23.2717 0.319278 23.8635L1.93531 22.6852ZM1.17819 21.2539C0.940605 20.4348 0.940605 19.5651 1.17819 18.746L-0.742648 18.1889C-1.08578 19.3719 -1.08578 20.628 -0.742648 21.811L1.17819 21.2539ZM1.17819 18.746C1.32062 18.2549 1.57388 17.8104 1.93521 17.3151L0.319381 16.1365C-0.112223 16.7282 -0.510022 17.3868 -0.742651 18.1889L1.17819 18.746ZM1.93528 17.315C2.28591 16.8342 2.76017 16.2766 3.36652 15.5651L1.84431 14.2678C1.25498 14.9594 0.724372 15.5811 0.319312 16.1366L1.93528 17.315ZM3.36655 15.5651L3.67371 15.2046L2.15145 13.9074L1.84428 14.2679L3.36655 15.5651ZM3.67368 15.2047C4.18097 14.6094 4.39633 14.3539 4.55487 14.0757L2.81723 13.0855C2.77476 13.16 2.714 13.2473 2.15148 13.9074L3.67368 15.2047ZM4.55491 14.0757C4.69975 13.8215 4.81221 13.55 4.88956 13.2677L2.96063 12.7393C2.92751 12.8601 2.87933 12.9765 2.81719 13.0855L4.55491 14.0757ZM4.88953 13.2678C4.97418 12.9589 5.00254 12.6259 5.06475 11.8464L3.07108 11.6873C3.00209 12.5519 2.98332 12.6565 2.96066 12.7392L4.88953 13.2678ZM5.06475 11.8464L5.10242 11.3743L3.10875 11.2152L3.07108 11.6873L5.06475 11.8464ZM5.10242 11.3743C5.17677 10.4423 5.23559 9.71285 5.32766 9.12498L3.35175 8.81551C3.24537 9.49474 3.181 10.3096 3.10875 11.2152L5.10242 11.3743ZM5.32767 9.12496C5.42257 8.51891 5.55776 8.02557 5.80425 7.57769L4.05208 6.61338C3.64944 7.34498 3.46506 8.09198 3.35175 8.81553L5.32767 9.12496ZM5.80427 7.57766C6.21545 6.83048 6.83046 6.21548 7.57768 5.80426L6.61339 4.05207C5.53423 4.64597 4.64596 5.53421 4.05207 6.61341L5.80427 7.57766ZM7.57767 5.80426C8.02556 5.55778 8.51892 5.42259 9.12499 5.32766L8.8155 3.35175C8.09197 3.46508 7.34499 3.64946 6.6134 4.05207L7.57767 5.80426ZM9.12495 5.32767C9.71285 5.23561 10.4423 5.17676 11.3742 5.10242L11.2152 3.10875C10.3095 3.181 9.49475 3.24539 8.81554 3.35175L9.12495 5.32767ZM11.3743 5.10242L11.8464 5.06475L11.6873 3.07108L11.2152 3.10875L11.3743 5.10242ZM11.8464 5.06474C12.6259 5.00254 12.9589 4.97418 13.2678 4.88953L12.7392 2.96066C12.6565 2.98332 12.5519 3.00209 11.6873 3.07108L11.8464 5.06474ZM13.2677 4.88956C13.55 4.81221 13.8214 4.69975 14.0757 4.55491L13.0855 2.81719C12.9765 2.87933 12.8601 2.92751 12.7393 2.96063L13.2677 4.88956ZM14.0756 4.55492C14.3539 4.39637 14.6095 4.18091 15.2046 3.67372L13.9074 2.15148C13.2472 2.71406 13.16 2.77475 13.0855 2.81718L14.0756 4.55492ZM15.2046 3.67371L15.5651 3.36655L14.2678 1.84432L13.9074 2.15149L15.2046 3.67371ZM15.5651 3.36654C16.2766 2.76014 16.8341 2.28589 17.3149 1.93528L16.1365 0.319312C15.581 0.724382 14.9593 1.25505 14.2678 1.84433L15.5651 3.36654ZM17.3148 1.93531C17.8106 1.57388 18.2551 1.3206 18.746 1.17817L18.1887 -0.742627C17.3869 -0.509998 16.7283 -0.112221 16.1365 0.319278L17.3148 1.93531Z", fill: "#E79B08", mask: "url(#path-1-inside-1_794_7546)" }), /* @__PURE__ */ React.createElement("path", { d: "M20 29H11.5954C11.3154 29 11.0402 28.9252 10.7977 28.7832C10.5552 28.6412 10.3538 28.4369 10.2138 28.191C10.0737 27.945 10 27.666 10 27.3819C10 27.0979 10.0737 26.8189 10.2137 26.5729L14.416 19.191L18.6183 11.8091C18.7583 11.5631 18.9597 11.3588 19.2023 11.2168C19.4448 11.0748 19.7199 11 20 11C20.2801 11 20.5552 11.0748 20.7977 11.2168C21.0403 11.3588 21.2417 11.5631 21.3817 11.8091L25.584 19.191L29.7863 26.5729C29.9263 26.8189 30 27.0979 30 27.3819C30 27.666 29.9263 27.945 29.7862 28.191C29.6462 28.4369 29.4448 28.6412 29.2023 28.7832C28.9598 28.9252 28.6846 29 28.4046 29H20Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M21 16.7778C21 16.3482 20.5523 16 20 16C19.4477 16 19 16.3482 19 16.7778V22.2222C19 22.6518 19.4477 23 20 23C20.5523 23 21 22.6518 21 22.2222V16.7778Z", fill: "#E79B08" }), /* @__PURE__ */ React.createElement("path", { d: "M20 26C20.5523 26 21 25.5523 21 25C21 24.4477 20.5523 24 20 24C19.4477 24 19 24.4477 19 25C19 25.5523 19.4477 26 20 26Z", fill: "#E79B08" }));
217
219
 
220
+ const SvgWindows = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 12 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M4.80888 12.0185L0.114433 11.3751L0.00422248 11.36L0.00421445 11.2489L0.00396729 7.39195V7.26428H0.131141H4.82583H4.95351V7.39195V11.8924V12.0384L4.80888 12.0185Z", fill: "#00ADEF" }), /* @__PURE__ */ React.createElement("path", { d: "M12.0003 7.39195L11.9987 12.8732V13.0197L11.8541 12.9993L5.59136 12.1182L5.48114 12.1028V11.9921V7.39195V7.26428H5.60882H11.8731H12.0003V7.39195Z", fill: "#00ADEF" }), /* @__PURE__ */ React.createElement("path", { d: "M5.59086 1.91281L11.8536 1.00154L11.9993 0.980347V1.12771V6.60891V6.73658H11.8715H5.60882H5.48114V6.60891V2.03899V1.92879L5.59086 1.91281Z", fill: "#00ADEF" }), /* @__PURE__ */ React.createElement("path", { d: "M0.00418431 6.60893L-0.000124334 2.79077L-0.000244141 2.67959L0.110094 2.6646L4.80836 2.02659L4.95299 2.00696V2.15276V6.60893V6.7366H4.82531H0.131358H0.00433601L0.00418431 6.60893Z", fill: "#00ADEF" }));
221
+
222
+ const SvgDatasetList = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.4756 6.76071V8.19947C11.4756 8.73156 9.91947 9.16302 8 9.16302C6.08053 9.16302 4.52444 8.73173 4.52444 8.19947V6.76071C4.52444 6.7344 4.5376 6.71182 4.56036 6.69885C4.58311 6.68587 4.60924 6.68605 4.63182 6.69956C5.55129 7.24676 7.39342 7.31307 7.99982 7.31307C8.60622 7.31307 10.4484 7.24676 11.3678 6.69956C11.3904 6.68605 11.4165 6.68587 11.4393 6.69885C11.4624 6.71182 11.4756 6.7344 11.4756 6.76071ZM12.6032 8.94151H15.3159C15.6921 8.94151 16 9.24925 16 9.6256V10.949C16 11.3252 15.6923 11.6331 15.3159 11.6331H12.6032C12.227 11.6331 11.9191 11.3253 11.9191 10.949V9.6256C11.9191 9.24942 12.227 8.94151 12.6032 8.94151ZM3.65689 5.87058C3.77476 5.87058 3.87022 5.96604 3.87022 6.08391C3.87022 6.20178 3.77476 6.29725 3.65689 6.29725H2.25387V7.24356C2.4272 7.32409 2.5472 7.49973 2.5472 7.70329C2.5472 7.98311 2.32036 8.20996 2.04053 8.20996C1.76071 8.20996 1.53387 7.98311 1.53387 7.70329C1.53387 7.49973 1.65404 7.32409 1.8272 7.24356V6.08391C1.8272 5.96604 1.92267 5.87058 2.04053 5.87058H3.65689ZM14.1728 7.24356C14.3461 7.32409 14.4661 7.49973 14.4661 7.70329C14.4661 7.98311 14.2393 8.20996 13.9595 8.20996C13.6796 8.20996 13.4528 7.98311 13.4528 7.70329C13.4528 7.49956 13.573 7.32409 13.7461 7.24356V6.29725H12.3431C12.2252 6.29725 12.1298 6.20178 12.1298 6.08391C12.1298 5.96604 12.2252 5.87058 12.3431 5.87058H13.9595C14.0773 5.87058 14.1728 5.96604 14.1728 6.08391V7.24356ZM8.21333 11.3625C8.38667 11.443 8.50667 11.6185 8.50667 11.8222C8.50667 12.102 8.27982 12.3289 8 12.3289C7.72018 12.3289 7.49333 12.102 7.49333 11.8222C7.49333 11.6187 7.61351 11.443 7.78667 11.3625V9.79858C7.78667 9.68071 7.88213 9.58525 8 9.58525C8.11787 9.58525 8.21333 9.68071 8.21333 9.79858V11.3625ZM0.684089 8.94151H3.3968C3.77298 8.94151 4.08089 9.24925 4.08089 9.6256V10.949C4.08089 11.3252 3.77316 11.6331 3.3968 11.6331H0.684089C0.307911 11.6331 0 11.3252 0 10.949V9.6256C0 9.24942 0.307911 8.94151 0.684089 8.94151ZM1.13013 10.8976H2.95058C3.06844 10.8976 3.16391 10.8021 3.16391 10.6843C3.16391 10.5664 3.06844 10.4709 2.95058 10.4709H1.13013C1.01227 10.4709 0.9168 10.5664 0.9168 10.6843C0.9168 10.8021 1.01244 10.8976 1.13013 10.8976ZM1.13013 10.1038H2.95058C3.06844 10.1038 3.16391 10.0084 3.16391 9.89049C3.16391 9.77262 3.06844 9.67716 2.95058 9.67716H1.13013C1.01227 9.67716 0.9168 9.77262 0.9168 9.89049C0.9168 10.0084 1.01244 10.1038 1.13013 10.1038ZM6.64356 13.0231H9.35644C9.73262 13.0231 10.0405 13.331 10.0405 13.7072V15.0306C10.0405 15.4068 9.7328 15.7147 9.35644 15.7147H6.64356C6.26738 15.7147 5.95947 15.4068 5.95947 15.0306V13.7072C5.95964 13.3308 6.26738 13.0231 6.64356 13.0231ZM7.08978 14.979H8.91022C9.02809 14.979 9.12356 14.8836 9.12356 14.7657C9.12356 14.6478 9.02809 14.5524 8.91022 14.5524H7.08978C6.97191 14.5524 6.87644 14.6478 6.87644 14.7657C6.87644 14.8836 6.97191 14.979 7.08978 14.979ZM7.08978 14.1852H8.91022C9.02809 14.1852 9.12356 14.0898 9.12356 13.9719C9.12356 13.854 9.02809 13.7586 8.91022 13.7586H7.08978C6.97191 13.7586 6.87644 13.854 6.87644 13.9719C6.87644 14.0898 6.97191 14.1852 7.08978 14.1852ZM13.0492 10.8976H14.8697C14.9876 10.8976 15.083 10.8021 15.083 10.6843C15.083 10.5664 14.9876 10.4709 14.8697 10.4709H13.0492C12.9314 10.4709 12.8359 10.5664 12.8359 10.6843C12.8359 10.8021 12.9316 10.8976 13.0492 10.8976ZM13.0492 10.1038H14.8697C14.9876 10.1038 15.083 10.0084 15.083 9.89049C15.083 9.77262 14.9876 9.67716 14.8697 9.67716H13.0492C12.9314 9.67716 12.8359 9.77262 12.8359 9.89049C12.8359 10.0084 12.9316 10.1038 13.0492 10.1038ZM8 0.285156C9.91947 0.285156 11.4756 0.716445 11.4756 1.24871C11.4756 1.7808 9.91947 2.21227 8 2.21227C6.08053 2.21227 4.52444 1.78098 4.52444 1.24871C4.52444 0.716445 6.08053 0.285156 8 0.285156ZM11.4756 2.01209C11.4756 1.98578 11.4624 1.96302 11.4393 1.95022C11.4164 1.93725 11.39 1.93778 11.3675 1.95147C10.6898 2.36267 9.43538 2.63876 8 2.63876C6.56462 2.63876 5.31022 2.36267 4.63253 1.95129C4.60996 1.9376 4.58382 1.93725 4.56071 1.95005C4.53778 1.96302 4.52444 1.9856 4.52444 2.01191V3.45885C4.52444 3.99093 6.08053 4.4224 8 4.4224C9.91947 4.4224 11.4756 3.99111 11.4756 3.45885V2.01209ZM9.45778 3.25067C9.57422 3.23556 9.68089 3.31751 9.69618 3.43396C9.71129 3.5504 9.62933 3.65707 9.51289 3.67236C9.38489 3.68907 9.25458 3.70364 9.12231 3.71591C8.98364 3.72889 8.84996 3.73884 8.72107 3.74631C8.60373 3.75271 8.50329 3.66276 8.49689 3.54542C8.49049 3.42809 8.58044 3.32765 8.69778 3.32125C8.83164 3.3136 8.96071 3.304 9.08391 3.29262C9.20711 3.28124 9.33173 3.2672 9.45778 3.25067ZM10.4039 3.0656C10.5172 3.03431 10.6343 3.1008 10.6656 3.21387C10.6969 3.32711 10.6304 3.44427 10.5173 3.47556L10.4656 3.48996C10.4617 3.49102 10.4578 3.49191 10.4539 3.4928L10.4123 3.50329C10.2987 3.53227 10.1829 3.46364 10.154 3.35004C10.125 3.23644 10.1936 3.12071 10.3072 3.09173C10.3191 3.08871 10.3131 3.09013 10.3467 3.08107L10.3556 3.0784C10.394 3.06827 10.3961 3.06791 10.4039 3.0656ZM11.4756 5.92302V4.29689C11.4756 4.27058 11.4624 4.248 11.4396 4.23502C11.4169 4.22205 11.3908 4.22222 11.3682 4.23573C10.4485 4.78293 8.6064 4.84925 8 4.84925C7.3936 4.84925 5.55147 4.78293 4.632 4.23573C4.60942 4.22222 4.58329 4.22205 4.56053 4.23502C4.53778 4.248 4.52462 4.27058 4.52462 4.29689V5.92302C4.52462 6.45511 6.08071 6.88658 8.00018 6.88658C9.91947 6.88658 11.4756 6.45511 11.4756 5.92302ZM10.4039 5.41333C10.5172 5.38205 10.6343 5.44853 10.6656 5.5616C10.6969 5.67484 10.6304 5.792 10.5173 5.82329L10.466 5.83751C10.4416 5.84409 10.4699 5.83627 10.4123 5.85102C10.2987 5.88 10.1829 5.81138 10.154 5.69778C10.125 5.58418 10.1936 5.46845 10.3072 5.43947C10.3303 5.4336 10.2978 5.4416 10.3559 5.42613L10.4039 5.41333ZM9.45778 5.5984C9.57422 5.58329 9.68089 5.66525 9.69618 5.78169C9.71147 5.89813 9.62933 6.0048 9.51289 6.02009C9.38329 6.03716 9.25138 6.05173 9.11751 6.06418C8.98044 6.07698 8.84818 6.08676 8.72107 6.09405C8.60373 6.10045 8.50329 6.01049 8.49689 5.89316C8.49049 5.77582 8.58044 5.67538 8.69778 5.66898C8.83022 5.66133 8.95769 5.65191 9.07929 5.64071C9.20409 5.62916 9.33031 5.61511 9.45778 5.5984ZM9.45778 7.968C9.33191 7.98453 9.20711 7.9984 9.08373 8.00996C8.96036 8.02151 8.83147 8.03093 8.6976 8.03858C8.58027 8.04498 8.49031 8.14542 8.49671 8.26276C8.50311 8.38009 8.60356 8.47005 8.72089 8.46364C8.84978 8.45618 8.98347 8.44622 9.12213 8.43324C9.2544 8.42098 9.38471 8.4064 9.51271 8.38969C9.62916 8.37458 9.71129 8.26773 9.696 8.15129C9.68071 8.03485 9.57422 7.95289 9.45778 7.968ZM10.4039 7.78311L10.3559 7.79609C10.2978 7.81156 10.3303 7.80338 10.3072 7.80925C10.1936 7.83822 10.1248 7.95396 10.154 8.06756C10.1829 8.18116 10.2987 8.24996 10.4123 8.2208C10.4699 8.20605 10.4416 8.21387 10.466 8.20747L10.5173 8.19307C10.6306 8.16178 10.6969 8.04462 10.6656 7.93138C10.6341 7.81813 10.517 7.75182 10.4039 7.78311Z", fill: "#71347B" }));
223
+
224
+ const SvgMac = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props }, /* @__PURE__ */ React.createElement("rect", { x: 0.569824, width: 16, height: 16, fill: "url(#pattern0_2960_829)" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("pattern", { id: "pattern0_2960_829", patternContentUnits: "objectBoundingBox", width: 1, height: 1 }, /* @__PURE__ */ React.createElement("use", { xlinkHref: "#image0_2960_829", transform: "scale(0.00195312)" })), /* @__PURE__ */ React.createElement("image", { id: "image0_2960_829", width: 512, height: 512, xlinkHref: "data:image/png;base64,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" })));
225
+
226
+ const SvgAndroid = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props }, /* @__PURE__ */ React.createElement("rect", { x: 0.354736, width: 16, height: 16, fill: "url(#pattern0_2960_833)" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("pattern", { id: "pattern0_2960_833", patternContentUnits: "objectBoundingBox", width: 1, height: 1 }, /* @__PURE__ */ React.createElement("use", { xlinkHref: "#image0_2960_833", transform: "scale(0.00195312)" })), /* @__PURE__ */ React.createElement("image", { id: "image0_2960_833", width: 512, height: 512, xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAAAXNSR0IArs4c6QAAIABJREFUeAHtnQmQXVd5oBtjDAQYCPuWwADJACEkwzBhnQBOCPsSQFVUAEfqe25HmPFgO0DBMAxtwkDwAClIHNuAMJb7ntvVBUlYTNhCYyc4MGgGjNN9z1VbCLDBQIxjs9gSktXjvxe7tbT69Xv/uff+93yucknqfu+8c75/+94+NsZ/EGiQwMxVZ9zZV9kLipD9mQ/uMz64a31we4rgpn3l/nQqZE9pcDvcFAQaIyC5LTm+lOvB7VnJ/c8s1UKVvUBqo7HNcEMQgAAEmiRQVvmTfch2++AWN/j/E/4Kd78m98ZtQSAWAcllH9wnNsj5RakNqZFY+2BdCEAAAo0T+PTCaXf0wZ3tg7t54yZ4qxxcW4RsS+Ob5QYhoEhAcnjlnv5G0rv6e6mRs6VmFLfBUhCAAASaJzA7O3liWbt/3sTgX22ES38WlfurxcWx2zW/c24RAsMTkJyV3B0276VmpHaG3wHXhAAEINAygbJ2bx22Ca5erwjuXCSg5UBy8wMTWBr+wZ27mr/D/im1M/CNckEIQAACXSIwPT/xOB/cgWEb4OHXy89DAroUXfZyLAKSoz7k5x2eu7c+rXXYo1sDXOaA1NCxboefQQACEOgsgZnFLbf3tfuXAZrcJpoiEtDZgLOxMeXhv1wXtfsXqSXwQgACEDBDwAf3WN3hv3wvqqzd+TwSYCYNktmo5KTkZoycl1pKBiQHhQAE7BMoqnxrpGa4iATYz48+nSDy8F+UWuoTL84CAQj0nEBZ538ZSwCW1q2yD/BIQM+TyMDxJAd9lX0gZq5LLRlAwRYhAAEILBPwlbskZlNEAsi0tgk0MfyX89xd0vZZuX0IQAACAxPwtfPRBUA+UZBHAgaOCRfUI9DY8Jccr53X2zkrQQACEIhMQD7zvBEBWP5Y4Q/ydEDkgLL8rQSWhn9wH2wsvyv3p7feOH+BAAQg0HUCZeWe3liDRAK6ng692V/jwz+4xSKMP6M3ADkIBCDQfwI7wvjdfHA/a1ICyuA+xCMB/c+ttk4ouSU51mRO++BunNkzcfe2zsztQgACEBiKQFm71zTcLBeRgKFCxZU2INDS8F8sQv7aDbbGryEAAQh0j8DKw6X/0LQE+JDv4JGA7uWD1R0t53G+o/k8drPksdWsYd8QgMBYMZ89xAf3k+abZ75jcnHyBEIAgVEISA6JUDafv+4nZbX9oaPsnetCAAIQaJ2Ar7IX+OD2t9BEP4wEtB5+sxtYHv7uwy3k7X6pGbPg2DgEIACBtQSQgLU0+HvXCTD8ux4h9gcBCJgi0JYElHV2QQqPBMzOTp44M5fdU552mZ7PHlNW+ZOLKn9WEbItZcjG5QVlRXBv8cGdvfKVtVM+uKmVv58tv5PLLF822yLXlTVkLVlT1pbbMJV0Q2xWckVyhnv+Q8DjKhCAAATWI4AErEdm45/PLGy7T7E7+90y5Nt97d5fBPcFH9yVPrgf+uBuanBgyW3JbV65tIfavV/2JHuTPW58ku5eguHf3diwMwhAoAcE2pIAX7uPWHgkoAzjDyzr7Pd8lZ9WBHfuyvcq/GuDA375u+iXP2BpmL//q+x5ee/5aXIWOVPXU1dyQ3KkBc4859/15GB/EICAHoGpKn9+Ky8M7JgE+Ln8N5Yfdl/6gJnLfHD/1sIAGmbID3MdOdtl8lkNcmY5u15GjbZSm8NfamG03XNtCEAAAsYItCYBlbuwrUcCdl7+qruUIX+hPO9eBPedHg/7gQRhmUF+njARNm2k8NLwr9yFLcRiP8O/jYhzmxCAQCcIpCABvp54pK/zM33lPt/Kox7DP5Q/0BBXHJz7lxgJq3rikU0kKMO/CcrcBgQgAIF1CLQlAUXId8Z4JOCTuyZ+aflM2Tk+ZHsVB2TTA7nl2xN22TnCUpiukz5D/1hiLznQQny45z901LgiBCDQOwLWJUC+sEW++6AI+Wd9cPtaGCotD2sX+/b3CVthrPHlOAz/3rUQDgQBCFgmUO7OntfSQ+QXDftIwNTCtkeXwf21D+6nDP3oErAqGT8V5sJ+mHyXWPvgLmohXvslx4fZM9eBAAQg0HsCFiRg+d6je9HK+/BXhxJ/tvBaA4lBEdyLBhU4hn/vWwgHhAAELBNoUQKmZha33H49dvJJeD5kb+B5/cbu6W9CqpZeL/AGidG68VvccvvlTz5sfP/c818vKPwcAhCAwJEEViSgjefSj5KA6Xr8t+S96z64G1t42HgTQ7DxwdbFvd0osZKYrc0pEbuWhv8+HvZfGwn+DgEIQGAAAkXtntvKC+qqrLxg79Y7yWfo++AuZeibFYtLJYYSS19lZQtx3Cc5PECqcxEIQAACEDiSQFsSUAT38xYGRhfvUZvfU0uxZPgfWcz8GwIQgMBmCbQlAQiA2Xv+bUsLw3+zRc7lIQABCKxHAAlgGBsRMob/ekXMzyEAAQgMSwAJQAI6LgEM/2GLm+tBAAIQ2IjAdJ0/p5UXBrbwHveOD7u2H2bv2u3vk9zcKH/5PQQgAAEIjEAACeCRgI7JEcN/hHrmqhCAAAQ2RQAJQAI6IgEM/01VLheGAAQgoEAACUACWpYAhr9CHbMEBCAAgaEI+JA9m9cEIAItiMA+yb2hkpYrQQACEICADgEkAAFoWAAY/jqlyyoQgAAERieABCABDUkAw3/0cmUFCEAAAroEkAAkILIEMPx1S5bVIAABCOgRWJGAX0QeBF17Dzr7if85Db+Q3NLLVFaCAAQgAAE1AjNzp961rLMLGP48EhAjByS3JMfUEpaFIAABCEBgdAJlGH+8D9nuGI2fNRGK23Ig2y25NnrGsgIEIAABCIxEYHFx7HY+ZG/wwfGwf/yHwXmqYZmxPB3wBsm9kZKXK0MAAhCAwHAEyjD+wCK4L9x274x7qrBoLgck9yQHh8tergUBCEAAAkMRKHdnz/PBXcvAa27gwfqYrK+VXBwqibkSBCAAAQhsjoAP7vU+uJsZSMccSDxM3/xTIZKLr99cFnNpCEAAAhAYmMDM3JaTfMh3MPgZ/N3MgXzH+bsm7jBwQnNBCEAAAhDYmMCF1Sn38pW7pJuNn4FMXFZyoHKXSK5unNFcAgIQgAAENiQwvds9ygd3JUMG0TCSA1dKzm6Y2FwAAhCAAATWJzBdjf+BD+56I42f59+bf/69q8yvl9xdP7P5DQQgAAEIrEugDO5lvL+fe/2G5e8Xvspfum6C8wsIQAACEDiawC0P+b/SB3fQcPPv6j1T9tXsoxQHyir7o6MznJ9AAAIQgMBRBHydOd7mxz3/HsmfvE1w21GJzg8gAAEIQOA2Ar7KT/PBHepR8+ced7P3uLvK+1AZ8u23ZTp/gwAEIACBWwmsfKZ/Vxs4+2KQa+TA6bcmPH+BAAQgAIGxMR/cm7nXz8P+KeRAWWWvo+YhAAEIQGBsbKyo3EQKjZ8zIjhrcoDXBND9IACBtAn4Onsxr/ZnMK4ZjBoPs1tY48BUlT8/7ern9BCAQLIEytr9Fx/cTQk2fwsDij3Gf83DjWWVPznZBsDBIQCBNAlMz2eP8cH9G8Ofe/+J58B1UwvbHp1mF+DUEIBAcgRm5iZ+1Qd3deKNn3vY8e9hW2F8VXnltl9JrhFwYAhAIC0CM3sm7u6Dm2f4c8+fHDgsB+alNtLqBpwWAhBIhsDi4tjtyuD+jsZ/WOO3ci+VfUZ+xEJqQ2okmYbAQSEAgXQI+Nq9keHP8CcHjpMDtXtjOh2Bk0IAAkkQ8MGdzNv9jtP4I9+7ZOiaYS9fgHVyEk2BQ0IAAv0nMFNvf5AP7ocMITNDiIf72xWyH0rN9L8zcEIIQKDXBM7fNXEHH9xlDH+GPzmwqRy4TGqn182Bw0EAAv0m4Gv3fhr/pho/977bvffdHf61e3+/uwOngwAEekugqPOXM/wZ/uTA8DkgNdTbBsHBIACBfhK4aC57hA/uZzT/4Zs/7GAnNSS11M8uwakgAIHeEZD3MvvgvsQAY4CRAyo58CU+H6B3bZIDQaCfBHydn0rjV2n83Xk+mufl241FnZ/az27BqSAAgd4QKOazh/jgfooAIADkgGoO/FRqqzeNgoNAAAL9I1CE/LM9aPw/8SH7aFm715Qhf2FRuf8kX2Akf8q/5RGOMuQzPuQ39OCs7d6zHfmRhfyGpVgsx+SoWEkMJZY+uJ9Yj5XUVv86BieCAAR6QaAM2bjxJvvl6Tp/zszclpMGCYi8T3u6Gv8DX7lLjJ/bngRU7hJhP+h75SWmElsf3Jctx0pqbJDc5DIQgAAEGiNQhvEH+uCuN9pc9/gqf+kosIrgXuSDq42e35IA1MJ6lFhJrH1we4zG6nqptVHOz3UhAAEIqBLwwX3CYkMta/fJqYVX/DsNGDNzp97VV+5vLHIwsefK/Y0w1oiVxFxib+LcRz9N8gkNBqwBAQhAYGQCVj/wpwzZn08uTp4wMoA1Cyy9BbLKzzI6WLr7SECVn6X9VjiJveSAxVjxAUFrio6/QgAC7RC4YO/WOxXBfcdaEy2COzcmMR/cX1hj0uH9/kXMWEkudPjsx5QyqTmpvZhcWBsCEIDAcQn44F5vrXn6kH9xdnbyxOMebMRfzixuub0P7u/tsVF969oxh9cmmfy9sBwxHMe9uuSC5MQm96VxtlHXeP1xD8YvIQABCMQiUHzz1b/sg7vOWOP8yc4rt983FpO1687MZfc0yGfUoaR5/euE4Vqmsf4uOWHwrYLXSQ3GYsK6EIAABNYl4Gv3bmPDf9HX2f9c90ARfuFD9gZzjI5+0ZnmUN/EWtkbIoRk3SUlN8zFqnbvXvdA/AICEIBADAIrn/i3z1TDrN0Pdl7+qrvE4LHemvI8rQ/uKlOcuiEAVzX9HLfkhq/dD4zFah+fELhe9fFzCEAgCoEi5DuNNcrFosrfGwXGBov6On+HNVat77fO37EB1ii/lhxp/eybFDCpxSgwWBQCEIDAkQSK3flv++AOWWuUvsqfduRZmvh3uXviCeZYbXIIaZ9PmDURmyNvQ3JE+ywNrHdIavLIs/BvCEAAAuoEjH7e/7WxX02+HuiVr0f+fgODYBPPr3fu1f5r9/597ff8rxebI3++8u6Na63Fiu8JODKS/BsCEFAnUFbu6daa48p+Z9VhbGJBo9K0dig39ve2h5kPbtZijkttbiIluSgEIACBzRHwVf4pi83RBze1uZPqXtrX7iNGuTU2+G/lU7uP6NLf3GqSK7fupeWnQja1jyr/1OZOyqUhAAEIDEjgojD+H0w+97/UxPN3DXjMKBfzlXvnppq5pcGjvdfKvTNKEAZc1If8XUZjdUhqdMBjcjEIQAACgxOw+JGpq428DO5tg59U/5Ke7wcY/JGEKj9LPwKDryi5spo31v6M/RHXg1PkkhCAQG8IXFidci8f3I3WGuJt+813tBmMsnbn37aXTr8Ab/BBrX3Pf2U9YdVmrHzIdxiO1Y1Sq23y47YhAIGeEfDBvdlwU5Sh9pk2Q2L165JbinmrX3crudLSubXk681t5jq3DQEI9IjAzNyWk3xw1t/GtqfNkPgqnzM+VLSG08brVPlcq7EKbo/xWH1farZNhtw2BCDQEwJF7U4x3hCXhs7UwrZHtxGSYvf4w/rAr8kzCLM2YiU50uQ5Y92W1Gwb/LhNCECgZwR8cF+P1aiaXLeo3H9vIzS+zs9s8py9uK06P7ONWEmO9IJfcF9vgx+3CQEI9IiA4Q/+OdZDzVe08QlzPrhdPRkqx2Ia62e7mi6jlU9svKIvseKDgZrOIG4PAj0j4IP7cF8aopyjCPkrmgyRr/KX9olfo2ep8pc2GSvJjUbPF+ldFGvO8OEm+XFbEIBAjwh8euG0O/rgrl/TUGLd22tw3WxvUy+Qmp2dPNEHV/eLX6NvYayFYRMltfxC12xvz2J1vdRwE/y4DQhAoGcEisq9pGcNcUk0mvpaYL4GWEEWGvpaYItfAzxIbUoN96wtcRwIQKAJAj5kHx2kyVi8TBmy8ZgMe/hwcoOP0hwuDmWV/VHMWEkuWMzhwfacfTQmO9aGAAR6SGBmz8TdfXA3DdZkDm/YRq6zv6jdc2OErtid/37P2TUtAzcJ0yixqt1zfXD7jeTsMNxvklqOwY41IQCBnhLwwW3rcVNcbaQHyzo7QzOEvs5PveVTEw8kwG6VYVN/HhC2mrGS2PvgDiYQq22a3FgLAhDoOQFfuc8n0BhXh9fURfMTDxglpDuv3H7fvr1joqPx/7CwHiVWEmuzX/k7zDsHKvf5UXhxXQhAICECM3Nb75/IPaNVAVgsgvu5D+7tm324dEcYv1tZu7f64H7a0YF56xl7tL+fCnNhv5myXHla6+0rse4jl/XOdFBqejOsuCwEIJAogSLkr+3RsFivKa73831FyD5dVG7iornsETNXnXHntWkg/55emHi4rzPnq/xTPNff6us/bipr98kiuExicqxYSQwllhJTH9y+VPNaanptHvN3CEAAAsck4IO7NNVGuc65ry+D+1b/PhOh1eG9noCN+nNideynCS49ZrHzQwhAAAKrBGbmTr2rD+4X6wzCUZsz1z92c4YLXGLnwC+ktlfrnD8hAAEIHEVA3hrH8O/lPePYA4b1Oy4xsd72elQT4QcQgIBNAr7K3oMAIADkQA9zoMreY7MrsWsIQKARAj64y2n+PWz+Hb93Ss41knOXN9JEuBEIQMAegZX3sh+iGTfSjHnIHClpOgcOjfoZCva6GjuGAAQGIlDU+csZ/gx/cqC/OSA1PlAz4EIQgEBaBMrgPkTz72/zJ7bEVmo8ra7GaSEAgYEI+NC770Nv+iFWbo+H9TueA9negZoBF4IABNIhsPTpdjTvjjdv7sHyKMboOSC1nk5n46QQgMCGBHyV/THNdfTmCkMYdj4HquyPN2wIXAACEEiHAO//Z3B1fnDxCJXOI1R8HkA6jZ2TQmAQAr52n2MAIAHkQAI5ULvPDdITuAwEIJAIAR/cNTT/BJo/96J17kXb5nhNIm2NY0IAAhsRmFnYdh+GP8OfHEgnB6TmN+oL/B4CEEiAwC1f/3syzT+d5k+sibXUfAKtjSNCAAIbEbjle+5PZygwFMiBpHLg9I36Ar+HAAQSIOBDvoPmn1Tz53lw28/hK8Qv35FAa+OIEIDARgSK4P4PAoAAkAPp5IDU/EZ9gd9DAAI9JzC5OHlCEdzPaf7pNH9iTayl5qX2e97eOB4EIHA8AjuD+/cMBAYCOZBeDkjtH6838DsIQKDnBMoqfzLNP73mT8yJudR+z9sbx4MABI5HoKjcSxgGDANyIL0ckNo/Xm/gdxCAQM8J+Do/leafXvMn5sRcar/n7Y3jQQACxyPgq/wshgHDgBxIMAeq/Kzj9QZ+BwEI9JxAWbvzaf4JNv/k3wdPzKX2e97eOB4EIHA8Aj5kH0cAGAbkQIo5kH38eL2B30EAAj0n4KvsKzT/FJs/Z04+76vsKz1vbxwPAhA4HgEf3LeTb4Q8HK7w0bIIhcE6+vbxegO/gwAEek7AB3eTwcbFwEJayIHRc+Cmnrc3jgcBCKxHYGbPxN0Z/txzJQfSzQHpAev1B34OAQj0mMD0wsTDaf7pNn9iT+ylB/S4xXE0CEBgPQLT89ljGAIMAXIg3RyQHrBef+DnEIBAjwmUC9l/pPmn2/yJPbGXHtDjFsfRIACB9QiUuyeewBBgCJAD6eaA9ID1+gM/hwAEekzA1xNPpfmn2/yJPbGXHtDjFsfRIACB9Qj44E5mCDAEyIGkc+Dk9foDP4cABHpMoJj/k18rQ/bn/A8DciDNHJAe0OMWx9EgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAE1iOwuDh2u08vnHbH9X5v9eezs5MnXrB36z34HwbkQJo5ID3Aav9ab9/Sq6Vnr/d7fg6BowhIwkzNuyeWwf03H9zZvnbeB3dpGdy3fHD7fXCLPrgf++Au98FdXNbu/CK4t/jgXjmzsO0+Ry1o4Ac+ZM9eOZecjf9hQA4klwPZsw20qqO2KD1Xeq/0YOnF0pNXerP0aMnj/Su9+9KVXn629Hbp8cjBUTjT/MHk4uQJxe7sd4vg3ueDu2qEIXjQh/yLvs5PvWh+4gFWaCIASM8IOY8s9EIW7AiA9FbpsUu9NriDI+TuVdLzpffLDLDSr9mnEgFfTzyyCO5cX7sfjJBE6zXAm33I/rEM+fbzd03cQWnLUZZBABCACPm/Xl3w804KQ7cFQHqo9FLpqT64m9XztXY/WJ4FE4+M0mRZtDsElh82ys7xwR1QT6RjFHdZu4Wici/pDoHDd4IAIABN1AG30eU8664ASO+UHtpQ/hzwITvH6tO5h3d2/nUYgQv2br2Tr90bfchvaCiZjri3k/1jUWe/c9imOvAPBKDLjZm9tVOrqXHvngBIr1y5x39EH20iNvkNMitkZnSgRbOFUQkUwb2oCO47HWgmh+TFKBdWp9xr1DNpXR8BaKKhcBsdqL0WBomVuHdHAKQ3rrxg71DbOSMzQ2aHVq9lnYYJyCs9y9q91QfXejIdkcx7pha2PbphHMe8OQTASpNmn0fUEAP9GE85DseoGwIgPdEHt2e4M0Srj0MyQ3jXwDHHR3d/OHPVGXcuQz7TsWRa07TyG4raPbdtgghAtMaxJtbcRnfrkNhID2i7D0kvbO/p2Y1zQGaJzJS2OXH7AxCYqbc/yAe3y0DTudnX+ZkDHCnaRRCAjYvfQB4hG2r3hlPMh3YFQHpglFf36+fELpkt0ZoxC49OYKqa+E0f3PdNNe0q+0BbDzEhACk2fM5sqj/oD7IjhLEdAZCe56vsA8Zi8X2ZMaNPKlZQJ7Dzyu339cF921hCLRWjPM+kDmSABREAhqHFemHPmnnbjgCsvD7rCBnRPFe0tb4ts2aA9spFmiIwM7flpDK4fzLcGA6Vwb2sKV6rt4MARGsSFhsbe45+b7uL+da8AEiv6+CLswfOf5k1MnNW+yh/tkygrLMLDA//pcQrgvv59PzE45pEiQB0sSGzJ+u1bGv/zQqA9DjpdbYYHV2TMnOa7NXc1joEyip7nfVkWrP/q2bmtt5/naOq/xgBOLqw18Ri4HsEXAeOdnOgOQGQ3jbid650qiZl9qg3ZRYcnICvJ55q5BWkgydu5S4ZnMBol0QAGFx2Bxex04ldcwLgK3eJzp47E/ubZQaN1oW59lAEll5FGtzXepZQK08HZFuGgrLJKyEAnWkkgwtiks9TE6d4fa4ZAShCtiXeGVrNj6+19S6uTbb7fl28CPkreppQMgz2NPEiEwSg1cbB0EdmOpAD8QVAelkHP+VPjb3Mon5N146fRr6ooSOf76+WREfJTAMfEoQAIABH5R1DOV5Nd5JtfAFY+bCf3nKVWcSXBzUoDb7K3pRA47puZi67Z0ysCAACkEAd9Xbw6MQurgBID/PBXaez1w7Xa5W9KWavZu0VAr6euHeXPzdaM9GLKn9vzMAjAB1uKJ28twgvzfruxlpxBUB6WDfOGTt35WuEJ+4ds1+z9tjYWFm716SRUEsJe93s7OSJsQKPAMRuCqyfUK0afaQhngBI70ri3v+KrBdV9l9j9WrWXSHgg/uHpJrKvHtmrOAjAAzopGqJR1WOISnxBMDPu2cmll+zsXo1646NjV1YnXIvH9zBlJKqCO7cWMFHABCAlGqJsx4r3+MJgPSuxJgf5HsCYk2rsbExH9y2xBJKjP2aycXJE2JgRQCO1RD5WYI1dox7xqnkQRwBkJ4lvSu1XCoqNxGjV7Pm8vP/n0wtoeS8UyF7SowEQABSafKcM8W+MdiZ4wiA9KzBbr9nuVm7z8Xo1cmvufPyV93FB7cvxaQqQv6/YyQAAtCz5sNz3Anfkx82l+MIgPSsFHu1D+7ABXu33iNGv056TR/cYxNNKGlqF8cIPgIwbNPkegnXYs8kI44ASM9KNUem6/w/x+jXSa9Z1O65qSaUD+6bMYKPADDIE66png3yYXM5mgB8M9XcKoJ7UYx+nfSa8uKKVBNK3ksbI/gIwLBNk+slXIs9E4doAtD/T/9b7ym3Oj81Rr9Oes0yuLel3HQ+uWvil7QTAAFgkKdcU5xd8l9fAKRXpcy2rN3/0u7Vya/ng/twykk1XeW/rp0ECAACkHJNcfY4AiC9Kmm2tfuIdq9Ofj1fu88lnVTBnaydBAgAApB4TfXs4fxh8ln/EQAf3MlJ51XlPq/dq5Nfz1fZV5JOqjp7sXYSIADDNEyuk3Qdrve8r9mfRxCAOntx0jlSZV/R7tXJr4cAIABJNxWzAwZh6nbeIgDq8UEA9H0FAUAA1AuVocpD4MnnAAKg3lcQAARAPal4CoBhlfyw4tEE9b4S4V0AnqcAeApAWwF4BIBHAPSbHwMFpqnnAI8AqNcAjwBoj/+xMQQAAVAvVO5R86hK8jmAAKj3FQQAAVBPKp4CYFglP6xSv7ce4/wIgHqvRgAQAPWkQgAQAASAHFDPAQRAvVcjAAiAelIhADR/9eYf4x4la6rXftS4IwDq8UIAEAD1pEIAEICog4DBrV6zJuKFAKjHHQFAANSTCgFAAEwMFERCvfajxh0BUI8XAoAAqCcVAoAARB0EDG71mjURLwRAPe4IAAKgnlQIAAJgYqAgEuq1HzXuCIB6vBAABEA9qRAABCDqIGBwq9esiXghAOpxRwAQAPWkQgAQABMDBZFQr/2ocUcA1OOFACAA6kmFACAAUQcBg1u9Zk3ECwFQjzsCgAAKdsbPAAAfHklEQVSoJxUCgACYGCiIhHrtR407AqAeLwQAAVBPKgQAAYg6CBjc6jVrIl4IgHrcEQAEQD2pEAAEwMRAQSTUaz9q3BEA9XghAAiAelIhAAhA1EHA4FavWRPxQgDU444AIADqSYUAIAAmBgoioV77UeOOAKjHCwFAANSTCgFAAKIOAga3es2aiBcCoB53BAABUE8qBAABMDFQEAn12o8adwRAPV4IAAKgnlQIAAIQdRAwuNVr1kS8EAD1uCMACIB6UiEACICJgYJIqNd+1LgjAOrxQgAQAPWkQgAQgKiDgMGtXrMm4oUAqMcdAUAA1JMKAUAATAwUREK99qPGHQFQjxcCgACoJxUCgABEHQQMbvWaNREvBEA97ggAAqCeVAgAAmBioCAS6rUfNe4IgHq8EAAEQD2pEAAEIOogYHCr16yJeCEA6nFHABAA9aRCABAAEwMFkVCv/ahxRwDU44UAIADqSYUAIABRBwGDW71mTcQLAVCPOwKAAKgnFQKAAJgYKIiEeu1HjTsCoB4vBAABUE8qBAABiDoIGNzqNWsiXgiAetwRAARAPakQAATAxEBBJNRrP2rcEQD1eCEACIB6UiEACEDUQcDgVq9ZE/FCANTjjgAgAOpJhQAgACYGCiKhXvtR444AqMcLAUAA1JMKAUAAog4CBrd6zZqIFwKgHncEAAFQTyoEAAEwMVAQCfXajxp3BEA9XggAAqCeVAgAAhB1EDC41WvWRLwQAPW4IwAIgHpSIQAIgImBgkio137UuCMA6vFCABAA9aRCABCAqIOAwa1esybihQCoxx0BQADUkwoBQABMDBREQr32o8YdAVCPFwKAAKgnFQKAAEQdBAxu9Zo1ES8EQD3uCAACoJ5UCAACYGKgIBLqtR817giAerwQAARAPakQAAQg6iBgcKvXrIl4IQDqcUcAEAD1pEIAEAATAwWRUK/9qHFHANTjhQAgAOpJhQAgAFEHAYNbvWZNxAsBUI87AoAAqCcVAoAAmBgoiIR67UeNOwKgHi8EAAFQTyoEAAGIOggY3Oo1ayJeCIB63BEABEA9qRAABMDEQEEk1Gs/atwRAPV4IQAIgHpSIQAIQNRBwOBWr1kT8UIA1OOOACAA6kmFACAAJgYKIqFe+1HjjgCoxwsBQADUkwoBQACiDgIGt3rNmogXAqAedwQAAVBPKgQAATAxUBAJ9dqPGncEQD1eCAACoJ5UCAACEHUQMLjVa9ZEvBAA9bgjAAiAelIhAAiAiYGCSKjXftS4IwDq8UIAEAD1pEIAEICog4DBrV6zJuKFAKjHHQFAANSTCgFAAEwMFERCvfajxh0BUI8XAoAAqCcVAoAARB0EDG71mjURLwRAPe4IAAKgnlQIAAJgYqAgEuq1HzXuCIB6vBAABEA9qRAABCDqIGBwq9esiXghAOpxRwAQAPWkQgAQABMDBZFQr/2ocUcA1OOFACAA6kmFACAAUQcBg1u9Zk3ECwFQjzsCgACoJxUCgACYGCiIhHrtR407AqAeLwQAAVBPKgQAAYg6CBjc6jVrIl4IgHrcEQAEQD2pEAAEwMRAQSTUaz9q3BEA9XghAAiAelIhAAhA1EHA4FavWRPxQgDU444AIADqSYUAIAAmBgoioV77UeOOAKjHCwFAANSTCgFAAKIOAga3es2aiBcCoB53BAABUE8qBAABMDFQEAn12o8adwRAPV4IAAKgnlQIAAIQdRAwuNVr1kS8EAD1uCMACIB6UiEACICJgYJIqNd+1LgjAOrxQgAQAPWkQgAQgKiDgMGtXrMm4oUAqMcdAUAA1JMKAUAATAwUREK99qPGHQFQjxcCgACoJxUCgABEHQQMbvWaNREvBEA97ggAAqCeVAgAAmBioCAS6rUfNe4IgHq8EAAEQD2pEAAEIOogYHCr16yJeCEA6nFHABAA9aRCABAAEwMFkVCv/ahxRwDU44UAIADqSYUAIABRBwGDW71mTcQLAVCPOwKAAKgnFQKAAJgYKIiEeu1HjTsCoB4vBAABUE8qBAABiDoIGNzqNWsiXgiAetwRAARAPakQAATAxEBBJNRrP2rcEQD1eCEACIB6UiEACEDUQcDgVq9ZE/FCANTjjgAgAOpJhQAgACYGCiKhXvtR444AqMcLAUAA1JMKAUAAog4CBrd6zZqIFwKgHncEAAFQTyoEAAEwMVAQCfXajxp3BEA9XggAAqCeVAgAAhB1EDC41WvWRLwQAPW4IwAIgHpSIQAIgImBgkio137UuCMA6vFCABAA9aRCABCAqIOAwa1esybihQCoxx0BQADUkwoBQABMDBREQr32o8YdAVCPFwKAAKgnFQKAAEQdBAxu9Zo1ES8EQD3uCAACoJ5UCAACYGKgIBLqtR817giAerwQAARAPakQAAQg6iBgcKvXrIl4IQDqcUcAEAD1pEIAEAATAwWRUK/9qHFHANTjhQAgAOpJhQAgAFEHAYNbvWZNxAsBUI87AoAAqCcVAoAAmBgoiIR67UeNOwKgHi8EAAFQTyoEAAGIOggY3Oo1ayJeCIB63BEABEA9qRAABMDEQEEk1Gs/atwRAPV4IQAIgHpSIQAIQNRBwOBWr1kT8UIA1OOOACAA6kmFACAAJgYKIqFe+1HjjgCoxwsBQADUkwoBQACiDgIGt3rNmogXAqAedwQAAVBPKgQAATAxUBAJ9dqPGncEQD1eCAACoJ5UCAACEHUQMLjVa9ZEvBAA9bgjAAiAelIhAAiAiYGCSKjXftS4IwDq8UIAEAD1pEIAEICog4DBrV6zJuKFAKjHHQFAANSTCgFAAEwMFERCvfajxh0BUI8XAoAAqCcVAoAARB0EDG71mjURLwRAPe4IAAKgnlQIAAJgYqAgEuq1HzXuCIB6vBAABEA9qRAABCDqIGBwq9esiXghAOpxRwAQAPWkQgAQABMDBZFQr/2ocUcA1OOFACAA6kmFACAAUQcBg1u9Zk3ECwFQjzsCgACoJxUCgACYGCiIhHrtR407AqAeLwQAAVBPKgQAAYg6CBjc6jVrIl4IgHrcEQAEQD2pEAAEwMRAQSTUaz9q3BEA9XghAAiAelIhAAhA1EHA4FavWRPxQgDU444AIADqSYUAIAAmBgoioV77UeOOAKjHCwFAANSTCgFAAKIOAga3es2aiBcCoB53BAABUE8qBAABMDFQEAn12o8adwRAPV4IAAKgnlQIAAIQdRAwuNVr1kS8EAD1uCMACIB6UiEACICJgYJIqNd+1LgjAOrxQgAQAPWkQgAQgKiDgMGtXrMm4oUAqMcdAUAA1JMKAUAATAwUREK99qPGHQFQjxcCgACoJxUCgABEHQQMbvWaNREvBEA97ggAAqCeVAgAAmBioCAS6rUfNe4IgHq8EAAEQD2pEAAEIOogYHCr16yJeCEA6nFHABAA9aRCABAAEwMFkVCv/ahxRwDU44UAIADqSYUAIABRBwGDW71mTcQLAVCPOwKAAKgnFQKAAJgYKIiEeu1HjTsCoB4vBAABUE8qBAABiDoIGNzqNWsiXgiAetwRAARAPakQAATAxEBBJNRrP2rcEQD1eCEACIB6UiEACEDUQcDgVq9ZE/FCANTjjgAgAOpJhQAgACYGCiKhXvtR444AqMcLAUAA1JMKAUAAog4CBrd6zZqIFwKgHncEAAFQTyoEAAEwMVAQCfXajxp3BEA9XggAAqCeVAgAAhB1EDC41WvWRLwQAPW4IwAIgHpSIQAIgImBgkio137UuCMA6vFCABAA9aRCABCAqIOAwa1esybihQCoxx0BQADUkwoBQABMDBREQr32o8YdAVCPFwKAAKgnFQKAAEQdBAxu9Zo1ES8EQD3uCAACoJ5UCAACYGKgIBLqtR817giAerwQAARAPakQAAQg6iBgcKvXrIl4IQDqcUcAEAD1pEIAEAATAwWRUK/9qHFHANTjhQAgAOpJhQAgAFEHAYNbvWZNxAsBUI87AoAAqCcVAoAAmBgoiIR67UeNOwKgHi8EAAFQTyoEAAGIOggY3Oo1ayJeCIB63BEABEA9qRAABMDEQEEk1Gs/atwRAPV4IQAIgHpSIQAIQNRBwOBWr1kT8UIA1OOOACAA6kmFACAAJgYKIqFe+1HjjgCoxwsBiCAAwV2mHqiohaXbCMuQv1Cbqg/Zs1Nmytl1cxSeFnnqC4D0qsRz4TLtXp38emVwf5dyUk3NuydqJwECYLFhs+eU+4D+2fUFQHqV/j4t5X32ce1enfx6ReX+KuWkmlpwD9ZOAgTAUlNhrynXf7yzRxCABffgePvtfh2Uwf21dq9Ofj1fuzcmnFQHZxa33F47CRCA7jeThHOe13w08hSlvgBIr/LBHUw1d8uQ/w/tXp38ej64V6aaUD64q2MkAAKAACRcUwjGkmDoC4D0KulZCefWthj9Ouk1y8o9PdmEivSqUgQAAUi2phq5d20hvyIJQJV9JdXcKqr8WUkP6xiHv2gue0SqCVXW7mMxmCIAFho0e0y17ps5dyQBCNlHm9l/9+pjej57TIx+nfSak4uTJ/jgrkkxqcoqe12M4CMA3WseKeY3Z24zD+MIQFlnZyQa1+vO3zVxhxj9Ovk1i+DOTTGpit3jD4sRfASgzcbLbadYy907cyQBqLY/tHtnbaDmaveRGL2aNeWFJfPumQkm1ddjBR8BaKAh8FwzL7brdA7EEQDpWUVw/ze1fj1V5c+P1a+TX3d2dvJEH9x1KSVVEdxbYgUeAUAAUqolznqsfI8nAD64N6fFPL/h0wun3TFWv2ZdeRSgchcmlVRz+W/ECjwCcKyGyM+Sqq9O3ztvIhfjCcD0bveolHKpCK6I1atZd4VAYp8zXccMPALQRIPlNlIaAvbOGk8ApHf54ObtMRmuZss6/8OY/Zq1x8bGVj5l6ooUkqoM2XjMoCMAwxV6CrnHGVPJjbgCUNTulERyaV6eoo7Zr1l7hUAagyv/hrz1MWbQ0+CYSiPnnIkMGuUXVcYVgMXFsdv5yv2/vsem3J09L2avZu0jCBQh/2yfk6qss9874sjq/0QAGJp9riHONkh+xxUAaVpFGH9Gr2NRuc+rN2cWPD6BqWriN31wN/cysar8U8c/vc5vEYBBGiSX6WWNJf/iv9W8ji8A0q18cJ/oaR7JDHqsTkdmlU0R8MF9sIdJdcDXE4/cFIghL4wArDZB/uxhHSk/VN7XHGlIAOqJR97ytsADfcuzMrgPDdl+udqoBPwV7n4+uO/1LKnePiqXQa+PAPS1qXOunvWEiDLTjABIT/LBvb1ncfmezKBB+y2Xi0CgDOOP98Hd2I/Eyj4e+4V/a0OAADAo+1E3xHH4ODYnAMvf55J9fPi9dirON8rsWdtP+XtLBIo6f3kPkuqbM3On3rVJhAhApxpKxHt5nLMH/SFSfjQnANLbpMf54L5pPR4yc5rs1dzWBgTK4N5mOKl+VFbbH7rBEdV/jQAwGA3XTKSBmFpONCsA0sSk1/ngfmQ192TWqDdjFhyNwNL7TW1+B/V+X088dbTTD3dtBCC1Zs95rQ6dePtuXgCkW0nP88Htj3euWLmefVRmzXAdl2tFJTBz1Rl3LkM+Yyep8hum6/w5UaEcZ3EEIFaTYF07NZh6rNoRAGlL0vt8yG+wkisyW2TGHKel8qu2CSx/8lR+VteTqgzuWz7iF/0MEgcEIPXmz/m73ifi7689AZAeJT1wqRd2/XMZqvws7vkPMlU6cpmVFwbeFL+Ahmqil/p64t5to0IAhoodzz13vVmzv03kaLsCsCQB9cS9fXCXdrRX38QL/tqeVEPeflFnv+ODu6ZLiVXW2QUzc1tOGvJIqldDABCALtUGe2kjH9sXAGlq0hOlN3YsB66RGaLadFmsWQI7r9x+Xx/y83xwB1tOriuLkG1p9vTHvzUEoI2Gy222XIebuHecQqy6IQCrnUp6pA/uypZz5KDMDJkdq/viT+MEpne7R7X0edQ/9sGd3pV7/WvDiACk0OA5Y8vDpOPC0S0BkP4kvVJ6pg9OemfT/D4hs2Jtn+TvPSLgq/xpPrivNZBY+3xwZ1+wd+s9uooPAWi8uTTdzLi95geIMebdE4DVfim9U3qoD056aWyuX5PZsHrb/NljAivvFHiar937fXBXKyaXPM0wW9buNTNzW+/fdYQIQPSmErtpsX78wdBzxt0VgNX+Kb1Ueqr0VuWncq9emgFV/jRe4b9KO7E/l2Vg/Em+yt7jg/v2EDJwoAj5Z4vKTcwsbLuPJXwIAAIwRL73fCCmlhPdF4C1PVV6rPRa6blDfrvgt5d6fTX+JIb+WrL8fYmAvPBjen7icWXIX+jr/FRf5+8oQr7Th/xvfcjO8VX2prLOXlWE8WcU83/ya5Y/GKKo8mcxAFJr+JyXnL8tB6QHWG390nulB0svlp4svXmpR4f8b5d6dp2/Q3q49HLp6byoz2qk2XcUAuXuiSfQDG9rhrCARWo5ID0gSnNhUQhAoNsEit3jD0ut4XFehjw5cFsOSA/odpdidxCAQBQCO8L43WiGtzVDWMAitRyQHhClubAoBCDQfQINvcWGF47xanVyoHs5sK/7HYodQgAC0Qj44EJq93o4L/f0yYGlHAjRGgsLQwAC3SdQ1vlf0gwZiORAejkgtd/9DsUOIQCBaASmqvz5NP/0mj8xJ+ZS+9EaCwtDAALdJ7Dz8lfdxQe3n4HAQCAHksqB/VL73e9Q7BACEIhKwAd3Mc0/qebPC/K694K8pmNycdSmwuIQgIANAmWVPxkBQADIgXRyQGreRndilxCAQHQCK5+t3fS9EG6Pe6LkQMM5ILUevaFwAxCAgB0CU/PuidwDTOceILFON9ZS63Y6EzuFAAQaIVDW7nwGQ7qDgdj3P/ZS4400E24EAhCwRWBmbstJPrgvMwj6PwiIcZIx/rLUuK2uxG4hAIHGCMzMbb2/D+5qBkSSA4Ln4xt+Pr7BOrtaaruxRsINQQACNglMz2eP8SHb22BzYvD0d/AQ29Zjm+2VmrbZjdg1BCDQOIELq1Pu5UP+RSSARwLIAcs5kH9RarnxBsINQgACtgnMzk6e6KvsPT64gwwBy0OAvSeYvweldqWGbXchdg8BCLRK4KK57BG+chciAgzSBAeptacwDkqtSs222jS4cQhAoF8Epqv814vgzvXBfZdBgAyQA53Kge9KbUqN9qvrcBoIQKBzBKZ3u0f54E73Ifu4D25XEdx3fHA3MhQ6NRSs3Xtlvxu/YPDGlVrbtVJ7p0stdq5BsCEIQCA9AkvfLniFu5+85Ujzf1+7dyctF5W7UJNnzLVWni5Kd5jX7t3afP0V7n58e196/ZQTQwACY2NjReUmkxaAkJ9nJRF8yM9LOVaSq1ZixT4hAAEIdJ4AAoAAWJEKBKDz7YQNQgAClgggAAgAAmCpYtkrBCAAASUCCAACgAAoFRPLQAACELBEAAFAABAASxXLXiEAAQgoEUAAEAAEQKmYWAYCEICAJQIIAAKAAFiqWPYKAQhAQIkAAoAAIABKxcQyEIAABCwRQAAQAATAUsWyVwhAAAJKBBAABAABUComloEABCBgiQACgAAgAJYqlr1CAAIQUCKAACAACIBSMbEMBCAAAUsEEAAEAAGwVLHsFQIQgIASAQQAAUAAlIqJZSAAAQhYIoAAIAAIgKWKZa8QgAAElAggAAgAAqBUTCwDAQhAwBIBBAABQAAsVSx7hQAEIKBEAAFAABAApWJiGQhAAAKWCCAACAACYKli2SsEIAABJQIIAAKAACgVE8tAAAIQsEQAAUAAEABLFcteIQABCCgRQAAQAARAqZhYBgIQgIAlAggAAoAAWKpY9goBCEBAiQACgAAgAErFxDIQgAAELBFAABAABMBSxbJXCEAAAkoEEAAEAAFQKiaWgQAEIGCJAAKAACAAliqWvUIAAhBQIoAAIAAIgFIxsQwEIAABSwQQAAQAAbBUsewVAhCAgBIBBAABQACUiollIAABCFgigAAgAAiApYplrxCAAASUCCAACAACoFRMLAMBCEDAEgEEAAFAACxVLHuFAAQgoEQAAUAAEAClYmIZCEAAApYIIAAIAAJgqWLZKwQgAAElAggAAoAAKBUTy0AAAhCwRAABQAAQAEsVy14hAAEIKBFAABAABECpmFgGAhCAgCUCCAACgABYqlj2CgEIQECJAAKAACAASsXEMhCAAAQsEUAAEAAEwFLFslcIQAACSgQQAAQAAVAqJpaBAAQgYIkAAoAAIACWKpa9QgACEFAigAAgAAiAUjGxDAQgAAFLBBAABAABsFSx7BUCEICAEgEEAAFAAJSKiWUgAAEIWCKAACAACIClimWvEIAABJQIIAAIAAKgVEwsAwEIQMASAQQAAUAALFUse4UABCCgRAABQAAQAKViYhkIQAAClgggAAgAAmCpYtkrBCAAASUCCAACgAAoFRPLQAACELBEAAFAABAASxXLXiEAAQgoEUAAEAAEQKmYWAYCEICAJQIIAAKAAFiqWPYKAQhAQIkAAoAAIABKxcQyEIAABCwRQAAQAATAUsWyVwhAAAJKBBAABAABUComloEABCBgiQACgAAgAJYqlr1CAAIQUCKAACAACIBSMbEMBCAAAUsEEAAEAAGwVLHsFQIQgIASAQQAAUAAlIqJZSAAAQhYIoAAIAAIgKWKZa8QgAAElAggAAgAAqBUTCwDAQhAwBIBBAABQAAsVSx7hQAEIKBEAAFAABAApWJiGQhAAAKWCCAACAACYKli2SsEIAABJQIIAAKAACgVE8tAAAIQsEQAAUAAEABLFcteIQABCCgRQAAQAARAqZhYBgIQgIAlAggAAoAAWKpY9goBCEBAiQACgAAgAErFxDIQgAAELBFAABAABMBSxbJXCEAAAkoEytq91coAiLHPIrhzlVBGX0b2GoOBlTUlV6ND5gYgAAEIpEKgrLMzrAyAOPvM32Ul1j7k74rDwC0aWfd0K7FinxCAAAQ6T6AI2RYjzT/KkCpC/trOB2llg7LXlGNVBvcyK7FinxCAAAQ6T8BX409iqHQ+TEsblAGYcqym5t0TbUSKXUIAAhAwQKC8ctuvpDxURIAMhGlpi6nL2tSCe7CVWLFPCEAAAp0nMDs7eaIP7mCqEjAzN/GrnQ/SygZlr6nGSXJ0ZnHL7a3Ein1CAAIQMEHAB/e9RAfLofN3TdzBRJDGxsZkrz64Q4nG6morcWKfEIAABMwQKEL+2USHSm0mSCsb9cHVKcZKctRarNgvBCAAgc4TKIJ7dYpDxVfunZ0PzhEblD2nGCvJ0SNQ8E8IQAACEBiVwEXzEw9I8aHlMow/flR2TV9f9pygABySHG2aNbcHAQhAIAkCZXD/lNZgyfZaDawP2d6UYiW5aTVW7BsCEIBA5wn4Oj8zpaHia/fuzgdlnQ3K3tOKVX7mOij4MQQgAAEIjEqgrLY/NKmhYuj9/0fGNrXPA5DcPJIB/4YABCAAAUUCvnafS0MC8m8sLo7dThFdo0vJ3n3Iv5FErGr3uUbhcmMQgAAEUiQwXY//lg/u5r4PlmJ3/vvW4ytn6HucJBclJ63Hiv1DAAIQMEHAh3xHzwfLxSYCMcAmfXAX9ztW+Y4BMHARCEAAAhDQIFCG8Qf64H7W08FycGph26M1OHVhDTlLjz/G+WeSi13gzB4gAAEIJEOgqNxkPwUgP69vQfQhP6+PsZIc7FusOA8EIACBzhPYefmr7lIE952eDZYf+yvc/ToPf5MblDP54H7cp1hJ7kkObhIFF4cABCAAAQ0Cxe78t3v0VMABH9zJGly6uIaczQcnZ1zswf8/k9zrImf2BAEIQCAZAr7OXtyHjwhO4XPke/J9Dock55IpMA4KAQhAoMsEfO3eaPteZXZOl/lq7s2H7BzTsardGzV5sBYEIAABCIxIwFfuQouDpQjuC7OzkyeOeHwzV5ezypktxkpyzAxoNgoBCEAgFQKfXjjtjr7KP2VssHy1+OarfzmVGK2eU87sg/uqqVhV+ackx1bPwJ8QgAAEINAhApOLkyeY+RKa2vkL9m69U4fwNboVObuvnTchAbd8KZPkVqOAuDEIQAACENg8gaLKt/rg9nd0uBy65dXwb978qfp5DWHR4Rdx7pdc6id5TgUBCECgpwSmQvYUH9yPOiYBPyvr/A97inzoYwmTDr6d80eSQ0MfiitCAAIQgEB7BIr57CEd+iz6L/vgHtsejW7fsrDxwQmjLnxOwMWSO90mxu4gAAEIQGBDAivfSnd5S8NlTxGyLRtukgssERBWPrg9LcXq8j58CyOpBAEIQAACawjIi7iK4DIf3DUNDZfrfJ2fOTO35aQ12+CvAxAQZsLOB3ddQ7G6RnKDF/oNEBwuAgEIQMAqgZm5U+9aVtnrVt6GJi/I037I+fIiuLfMzGX3tMqoK/sWhsLSBxfj0RuJ/VclFyQnunJm9gEBCEAAAg0QmFpwD/ZVfpoP7ksjfGXtobJ2/+yDe/30wsTDG9h2kjchbIXxCuthxe3gUqyr/DSJfZIgOTQEIAABCBxOYGZh232Wnn+u8zOLKn9vGfIZH9xlPrjv+uD2+eC+t3SPsXYfK4J7nwyjos5fPlNvf9DhK/Gv2ASEubBfikFw7ytr97GVR3QkRhIridllEkOJpTydILGVGMfeG+tDwAqB/w+AwYOD5gWIIQAAAABJRU5ErkJggg==" })));
227
+
228
+ const SvgChrome = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.5698 7C14.5698 10.8654 11.4352 14 7.56982 14C3.70442 14 0.569824 10.8654 0.569824 7C0.569824 3.1346 3.70442 0 7.56982 0C11.4352 0 14.5698 3.1346 14.5698 7Z", fill: "#4CAF50" }), /* @__PURE__ */ React.createElement("path", { d: "M7.56971 0V7L10.3697 8.4L7.27466 14C7.38561 14 7.45876 14 7.56971 14C11.4383 14 14.5697 10.8686 14.5697 7C14.5697 3.13145 11.4383 0 7.56971 0Z", fill: "#FFC107" }), /* @__PURE__ */ React.createElement("path", { d: "M14.5698 7C14.5698 10.8654 11.4352 14 7.56982 14C3.70442 14 0.569824 10.8654 0.569824 7C0.569824 3.1346 3.70442 0 7.56982 0C11.4352 0 14.5698 3.1346 14.5698 7Z", fill: "#4CAF50" }), /* @__PURE__ */ React.createElement("path", { d: "M7.56971 0V7L10.3697 8.4L7.27466 14C7.38561 14 7.45876 14 7.56971 14C11.4383 14 14.5697 10.8686 14.5697 7C14.5697 3.13145 11.4383 0 7.56971 0Z", fill: "#FFC107" }), /* @__PURE__ */ React.createElement("path", { d: "M13.8137 3.85H7.5697V8.4L6.5197 8.05L1.6757 3.241H1.6687C2.9077 1.2915 5.0882 0 7.5697 0C10.2997 0 12.6622 1.568 13.8137 3.85Z", fill: "#F44336" }), /* @__PURE__ */ React.createElement("path", { d: "M1.67493 3.24243L4.76998 8.44413L6.51963 8.05003L1.67493 3.24243Z", fill: "#DD2C00" }), /* @__PURE__ */ React.createElement("path", { d: "M7.27466 14L10.4016 8.37933L8.96971 7.34998L7.27466 14Z", fill: "#558B2F" }), /* @__PURE__ */ React.createElement("path", { d: "M13.8226 3.8501H7.56986L7.01721 5.4531L13.8226 3.8501Z", fill: "#F9A825" }), /* @__PURE__ */ React.createElement("path", { d: "M10.7197 7.0001C10.7197 8.73925 9.30883 10.1501 7.56968 10.1501C5.83053 10.1501 4.41968 8.73925 4.41968 7.0001C4.41968 5.26095 5.83053 3.8501 7.56968 3.8501C9.30883 3.8501 10.7197 5.26095 10.7197 7.0001Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M10.0196 7.00005C10.0196 8.3535 8.92308 9.45005 7.56963 9.45005C6.21618 9.45005 5.11963 8.3535 5.11963 7.00005C5.11963 5.6466 6.21618 4.55005 7.56963 4.55005C8.92308 4.55005 10.0196 5.6466 10.0196 7.00005Z", fill: "#2196F3" }));
229
+
230
+ const SvgBrowserStack = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props }, /* @__PURE__ */ React.createElement("rect", { x: 0.569824, width: 16, height: 16, fill: "url(#pattern0_2960_809)" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("pattern", { id: "pattern0_2960_809", patternContentUnits: "objectBoundingBox", width: 1, height: 1 }, /* @__PURE__ */ React.createElement("use", { xlinkHref: "#image0_2960_809", transform: "scale(0.0166667)" })), /* @__PURE__ */ React.createElement("image", { id: "image0_2960_809", width: 60, height: 60, xlinkHref: "data:image/png;base64,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" })));
231
+
218
232
  const SvgDownloadIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M12.4444 16H3.55555C2.60588 16 1.71302 15.6302 1.04142 14.9586C0.369847 14.287 0 13.3941 0 12.4444V11.5555C0 11.0646 0.397948 10.6666 0.888894 10.6666C1.37984 10.6666 1.77779 11.0646 1.77779 11.5555V12.4444C1.77779 12.9193 1.96273 13.3657 2.29845 13.7015C2.63426 14.0372 3.08068 14.2222 3.55555 14.2222H12.4444C12.9193 14.2222 13.3657 14.0372 13.7015 13.7015C14.0372 13.3656 14.2222 12.9192 14.2222 12.4444V11.5555C14.2222 11.0646 14.6202 10.6666 15.1111 10.6666C15.602 10.6666 16 11.0646 16 11.5555V12.4444C16 13.3941 15.6302 14.2869 14.9586 14.9586C14.287 15.6302 13.3941 16 12.4444 16ZM7.99998 12.4444C7.87702 12.4444 7.75996 12.4194 7.65346 12.3743C7.55409 12.3323 7.46072 12.2713 7.37903 12.1916C7.379 12.1915 7.379 12.1915 7.37897 12.1915C7.37838 12.191 7.37779 12.1904 7.3772 12.1898C7.37704 12.1897 7.37685 12.1894 7.3767 12.1893C7.3762 12.1888 7.37577 12.1884 7.3753 12.1879C7.37499 12.1876 7.37471 12.1874 7.3744 12.187C7.37409 12.1867 7.37369 12.1863 7.37341 12.186C7.37279 12.1854 7.3721 12.1847 7.37148 12.1841L3.81591 8.62852C3.46879 8.2814 3.46879 7.71857 3.81591 7.37142C4.16302 7.0243 4.72588 7.02427 5.073 7.37142L7.11112 9.40954V0.888894C7.11109 0.397948 7.50904 0 7.99998 0C8.49093 0 8.88891 0.397948 8.88891 0.888894V9.40951L10.927 7.37142C11.2741 7.0243 11.837 7.0243 12.1841 7.37142C12.5312 7.71854 12.5312 8.2814 12.1841 8.62852L8.62852 12.1841C8.6279 12.1847 8.62721 12.1854 8.62659 12.186C8.62625 12.1863 8.62588 12.1867 8.6256 12.1869C8.62529 12.1873 8.62501 12.1875 8.6247 12.1878C8.62426 12.1883 8.62377 12.1888 8.62333 12.1892C8.62318 12.1894 8.62296 12.1896 8.6228 12.1897C8.62224 12.1903 8.62165 12.1909 8.62106 12.1915C8.62103 12.1915 8.62103 12.1915 8.621 12.1915C8.61122 12.201 8.60132 12.2103 8.59119 12.2193C8.51676 12.2857 8.43386 12.3375 8.3462 12.3744C8.34589 12.3745 8.34564 12.3747 8.34533 12.3748C8.34499 12.3749 8.34471 12.3751 8.34437 12.3752C8.23842 12.4198 8.12211 12.4444 7.99998 12.4444Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.6538 0.680511C12.7083 0.652702 12.7638 0.62438 12.8319 0.583147L12.7921 0.562091C12.6938 0.502444 12.5874 0.445891 12.4791 0.388243C12.4274 0.360745 12.3752 0.332996 12.3232 0.304544C12.145 0.18273 11.9496 0.0888035 11.7437 0.0259412C11.5949 -0.0175826 11.4357 -0.00606335 11.2946 0.0584227C11.1536 0.122909 11.0399 0.236125 10.9742 0.377692C10.896 0.547176 10.8611 0.733682 10.8725 0.920274C10.8725 2.09321 10.8869 3.28044 10.9014 4.45338C10.8942 4.6937 10.9087 4.93419 10.9449 5.17184C10.96 5.25988 10.9921 5.34404 11.0395 5.41952C11.0868 5.495 11.1484 5.5603 11.2208 5.61169C11.3193 5.6748 11.4314 5.71306 11.5476 5.72324C11.6638 5.73343 11.7808 5.71524 11.8886 5.6702C11.9465 5.65557 11.961 5.61136 11.961 5.55285V1.1111C11.9588 1.09371 11.9617 1.07607 11.9695 1.06038C11.9772 1.04469 11.9894 1.03168 12.0045 1.023C12.1133 0.964318 12.2186 0.909378 12.3239 0.854439C12.4291 0.799499 12.5344 0.744559 12.6432 0.685879C12.6468 0.68409 12.6503 0.682301 12.6538 0.680511ZM12.8319 3.82234V5.09801C12.9481 5.02519 13.064 4.95139 13.1947 4.86069C13.4053 4.73602 13.6121 4.61509 13.819 4.49415C14.0258 4.37322 14.2327 4.25229 14.4433 4.12761C14.6147 4.03049 14.7822 3.92908 14.9499 3.82761C15.1088 3.73141 15.2679 3.63516 15.4304 3.54244C15.5844 3.46114 15.7223 3.35181 15.837 3.21995C15.9243 3.12454 15.9797 3.00385 15.9954 2.87492C16.011 2.746 15.9862 2.61537 15.9243 2.5015C15.8262 2.3264 15.6799 2.18377 15.5032 2.0909C15.2566 1.95924 15.0241 1.82725 14.792 1.69526C14.6096 1.5919 14.4228 1.4837 14.2364 1.37572C14.0816 1.28605 13.927 1.19653 13.7755 1.1101C13.7621 1.10284 13.7471 1.09905 13.7319 1.09905C13.7167 1.09905 13.7017 1.10284 13.6883 1.1101C13.5421 1.2207 13.3903 1.32552 13.2364 1.43183C13.1455 1.49457 13.0539 1.55782 12.9623 1.6231C12.9481 1.63602 12.9368 1.6519 12.9293 1.66964C12.9218 1.68737 12.9182 1.70655 12.9188 1.72583V2.66404C12.926 2.66404 12.9297 2.66038 12.9333 2.65673C12.9369 2.65307 12.9405 2.64941 12.9478 2.64941C13.0857 2.56147 13.22 2.4772 13.3542 2.39292C13.4885 2.30864 13.6228 2.22436 13.7607 2.13642C13.7714 2.12901 13.7841 2.12504 13.7971 2.12504C13.8101 2.12504 13.8228 2.12901 13.8335 2.13642C13.9411 2.20152 14.0488 2.26313 14.1565 2.32473C14.2666 2.38772 14.3767 2.4507 14.4867 2.51743C14.5769 2.56064 14.6642 2.60961 14.7482 2.66404C14.6033 2.75214 14.4726 2.82562 14.3418 2.89876C13.8624 3.17704 13.3689 3.45564 12.8753 3.73425C12.8615 3.74419 12.8502 3.75743 12.8427 3.7728C12.8351 3.78817 12.8314 3.80518 12.8319 3.82234Z", fill: "currentColor" }));
219
233
 
220
234
  const SvgWebIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.845866 11.5813C0.304533 10.504 0 9.28693 0 8C0 6.71307 0.304533 5.496 0.845866 4.41867C2.16053 1.79894 4.872 0 8 0C11.128 0 13.8395 1.79894 15.1541 4.41867C15.6955 5.496 16 6.71307 16 8C16 9.28693 15.6955 10.504 15.1541 11.5813C13.8395 14.2011 11.128 16 8 16C4.872 16 2.16053 14.2011 0.845866 11.5813ZM1.59253 5.34773C1.25387 6.1648 1.06667 7.0608 1.06667 8C1.06667 8.9392 1.25387 9.8352 1.59253 10.6523C2.46347 10.3147 3.49013 10.0437 4.62347 9.86133C4.5648 9.26507 4.53333 8.6416 4.53333 8C4.53333 7.3584 4.5648 6.73493 4.62347 6.13867C3.49013 5.95627 2.46347 5.68533 1.59253 5.34773ZM13.9205 4.39253C13.0379 2.94773 11.6416 1.8512 9.98667 1.35627C10.0608 1.47147 10.1328 1.5936 10.2021 1.72267C10.6571 2.57227 11.0208 3.7328 11.2395 5.0816C12.2357 4.92 13.1429 4.6848 13.9205 4.39253ZM6.01333 1.35627C4.3584 1.8512 2.96213 2.94773 2.07947 4.39253C2.85707 4.68533 3.76427 4.92 4.76053 5.0816C4.9792 3.7328 5.34293 2.57227 5.79787 1.72267C5.8672 1.5936 5.9392 1.47147 6.01333 1.35627ZM14.4075 10.6523C14.7461 9.8352 14.9333 8.9392 14.9333 8C14.9333 7.0608 14.7461 6.1648 14.4075 5.34773C13.5365 5.68533 12.5099 5.95627 11.3765 6.13867C11.4352 6.73493 11.4667 7.3584 11.4667 8C11.4667 8.6416 11.4352 9.26507 11.3765 9.86133C12.5099 10.0437 13.5365 10.3147 14.4075 10.6523ZM2.07947 11.6075C2.96213 13.0523 4.3584 14.1488 6.01333 14.6437C5.9392 14.5285 5.8672 14.4064 5.79787 14.2773C5.34293 13.4277 4.9792 12.2672 4.76053 10.9184C3.76427 11.08 2.85707 11.3152 2.07947 11.6075ZM9.98667 14.6437C11.6416 14.1488 13.0379 13.0523 13.9205 11.6075C13.1429 11.3152 12.2357 11.08 11.2395 10.9184C11.0208 12.2672 10.6571 13.4277 10.2021 14.2773C10.1328 14.4064 10.0608 14.5285 9.98667 14.6437ZM8 1.06667C7.79467 1.06667 7.60267 1.16427 7.41813 1.32107C7.17067 1.5312 6.94454 1.84107 6.73814 2.22667C6.33067 2.9872 6.01067 4.02133 5.81547 5.22187C6.51413 5.29493 7.24587 5.33333 8 5.33333C8.75413 5.33333 9.48587 5.2944 10.1845 5.22187C9.98933 4.02133 9.66933 2.9872 9.26187 2.22667C9.05547 1.84107 8.82934 1.5312 8.58187 1.32107C8.39734 1.16427 8.20533 1.06667 8 1.06667ZM8 14.9333C8.20533 14.9333 8.39734 14.8357 8.58187 14.6789C8.82934 14.4688 9.05547 14.1589 9.26187 13.7733C9.66933 13.0128 9.98933 11.9787 10.1845 10.7781C9.48587 10.7056 8.75413 10.6667 8 10.6667C7.24587 10.6667 6.51413 10.7056 5.81547 10.7781C6.01067 11.9787 6.33067 13.0128 6.73814 13.7733C6.94454 14.1589 7.17067 14.4688 7.41813 14.6789C7.60267 14.8357 7.79467 14.9333 8 14.9333ZM10.32 9.72107C10.3723 9.1696 10.4 8.59307 10.4 8C10.4 7.40693 10.3723 6.8304 10.32 6.27893C9.57813 6.35787 8.80053 6.4 8 6.4C7.19947 6.4 6.42187 6.35787 5.68 6.27893C5.62773 6.8304 5.6 7.40693 5.6 8C5.6 8.59307 5.62773 9.1696 5.68 9.72107C6.42187 9.64213 7.19947 9.6 8 9.6C8.80053 9.6 9.57813 9.64213 10.32 9.72107Z", fill: "currentColor" }));
@@ -231,6 +245,8 @@ const SvgAllProjects = (props) => /* @__PURE__ */ React.createElement("svg", { w
231
245
 
232
246
  const SvgAndroidIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8.67013 16C9.2051 16 9.67163 15.5335 9.67163 14.9985V12.6596H10.3403C10.7416 12.6596 11.0091 12.392 11.0091 11.9908V5.31055H2.99084V11.9909C2.99084 12.3921 3.25833 12.6596 3.65956 12.6596H4.32832V14.9985C4.32832 15.5335 4.79474 16 5.32982 16C5.86474 16 6.33121 15.5335 6.33121 14.9985V12.6596H7.66869V14.9985C7.66863 15.5335 8.13516 16 8.67013 16Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M12.6793 11.9909C13.2143 11.9909 13.6807 11.5244 13.6807 10.9894V6.31161C13.6807 5.77947 13.2143 5.31055 12.6793 5.31055C12.1443 5.31055 11.6778 5.77947 11.6778 6.31161V10.9894C11.6778 11.5244 12.1442 11.9909 12.6793 11.9909Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M1.3206 11.9909C1.85563 11.9909 2.3221 11.5244 2.3221 10.9894V6.31161C2.3221 5.77947 1.85568 5.31055 1.3206 5.31055C0.785631 5.31055 0.319214 5.77947 0.319214 6.31161V10.9894C0.319214 11.5244 0.785631 11.9909 1.3206 11.9909Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M10.2065 0.100908C10.0729 -0.0336359 9.87381 -0.0336359 9.74012 0.100908L8.84322 0.994821L8.80184 1.03615C8.27002 0.769834 7.67376 0.636839 7.00975 0.635558C7.00649 0.635558 7.00328 0.635451 7.00003 0.635451H6.99992C6.99656 0.635451 6.99346 0.635558 6.9901 0.635558C6.32614 0.636839 5.72987 0.769834 5.19811 1.03615L5.15662 0.994821L4.25977 0.100908C4.12598 -0.0336359 3.92704 -0.0336359 3.79335 0.100908C3.65956 0.234704 3.65956 0.433262 3.79335 0.566951L4.66095 1.4347C4.38139 1.62136 4.1279 1.84976 3.90745 2.111C3.37969 2.73657 3.04306 3.55072 2.99677 4.43284C2.99634 4.44202 2.99544 4.45109 2.99501 4.46028C2.99218 4.52034 2.99084 4.58073 2.99084 4.64132H11.0091C11.0091 4.58073 11.0076 4.52034 11.0049 4.46028C11.0045 4.45109 11.0036 4.44202 11.003 4.43284C10.9568 3.55072 10.6201 2.73652 10.0923 2.11105C9.872 1.84981 9.61839 1.62141 9.33884 1.43476L10.2065 0.567005C10.3403 0.433262 10.3403 0.234704 10.2065 0.100908ZM5.32854 3.47373C5.05187 3.47373 4.82758 3.24944 4.82758 2.97277C4.82758 2.6961 5.05187 2.47181 5.32854 2.47181C5.60521 2.47181 5.8295 2.6961 5.8295 2.97277C5.8295 3.24944 5.60521 3.47373 5.32854 3.47373ZM8.67136 3.47373C8.39469 3.47373 8.1704 3.24944 8.1704 2.97277C8.1704 2.6961 8.39469 2.47181 8.67136 2.47181C8.94803 2.47181 9.17232 2.6961 9.17232 2.97277C9.17232 3.24944 8.94803 3.47373 8.67136 3.47373Z", fill: "currentColor" }));
233
247
 
248
+ const SvgAddLocator = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.79688 8.32801V2.87501C2.79688 1.29432 4.09013 -0.000244141 5.67169 -0.000244141H11.1247C12.7063 -0.000244141 13.9995 1.29432 13.9995 2.87501V8.32801C13.9995 9.90869 12.7063 11.2033 11.1247 11.2033H5.67169C4.09013 11.2033 2.79688 9.90869 2.79688 8.32801ZM12.1402 1.85963C11.8708 1.59029 11.5056 1.43863 11.1247 1.43782H5.67169C5.29077 1.43874 4.9257 1.59044 4.65631 1.85975C4.38691 2.12907 4.2351 2.49408 4.23406 2.87501V8.32801C4.23522 8.70889 4.38707 9.07384 4.65644 9.34313C4.9258 9.61242 5.2908 9.76415 5.67169 9.76519H11.1247C11.5056 9.76427 11.8707 9.61257 12.1401 9.34326C12.4095 9.07394 12.5613 8.70893 12.5623 8.32801V2.87501C12.5614 2.49405 12.4096 2.12896 12.1402 1.85963ZM0.718813 2.23969C1.11388 2.23969 1.43763 2.56344 1.43763 2.95851V10.7661C1.43763 11.7711 2.26363 12.5625 3.23444 12.5625H11.0416C11.4376 12.5625 11.7609 12.8858 11.7609 13.2813C11.7609 13.6768 11.4371 14.0001 11.0416 14.0001H3.23444C1.43763 14.0001 0 12.5262 0 10.7661V2.95851C0 2.56301 0.323313 2.23969 0.718813 2.23969ZM7.67944 4.88263V3.28576C7.67967 3.09514 7.75537 2.91237 7.88999 2.77742C8.02462 2.64247 8.2072 2.56632 8.39781 2.56563C8.58843 2.56644 8.77099 2.64261 8.90566 2.77752C9.04033 2.91243 9.11617 3.09514 9.11663 3.28576V4.88263H10.7148C11.1112 4.88263 11.4341 5.20682 11.4341 5.60144C11.4341 5.99738 11.1108 6.32026 10.7148 6.32026H9.11663V7.92019C9.11663 8.31569 8.79244 8.63857 8.39781 8.63857C8.00231 8.63857 7.679 8.31569 7.679 7.92019V6.32026H6.08081C5.68531 6.32026 5.362 5.99694 5.362 5.60144C5.362 5.20638 5.68575 4.88263 6.08081 4.88263H7.67944Z", fill: "currentColor" }));
249
+
234
250
  const SvgSwitchLicenseIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 159 159", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_464_6772)" }, /* @__PURE__ */ React.createElement("path", { d: "M159 121.603H0V121.682H159V121.603Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M143.068 124.63H114.162V124.71H143.068V124.63Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M105.328 123.769H97.413V123.848H105.328V123.769Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M123.419 127.584H111.147V127.664H123.419V127.584Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M23.8818 127.05H16.6823V127.13H23.8818V127.05Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M35.263 127.05H26.712V127.13H35.263V127.05Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M71.5977 125.708H56.7026V125.788H71.5977V125.708Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M75.366 107.42H13.9634C13.4823 107.419 13.0213 107.228 12.6815 106.887C12.3416 106.547 12.1508 106.085 12.1508 105.604V19.2896C12.1549 18.8114 12.3477 18.3541 12.687 18.0171C13.0264 17.6801 13.4851 17.4906 13.9634 17.4897H75.366C75.8476 17.4897 76.3094 17.6811 76.6499 18.0216C76.9905 18.3621 77.1818 18.824 77.1818 19.3055V105.604C77.1818 106.086 76.9905 106.548 76.6499 106.888C76.3094 107.229 75.8476 107.42 75.366 107.42ZM13.9634 17.5533C13.5034 17.5542 13.0626 17.7375 12.7377 18.063C12.4127 18.3885 12.2303 18.8297 12.2303 19.2896V105.604C12.2303 106.064 12.4127 106.505 12.7377 106.831C13.0626 107.156 13.5034 107.34 13.9634 107.341H75.366C75.8262 107.34 76.2674 107.157 76.5928 106.831C76.9182 106.506 77.1014 106.065 77.1023 105.604V19.2896C77.1014 18.8294 76.9182 18.3883 76.5928 18.0628C76.2674 17.7374 75.8262 17.5542 75.366 17.5533H13.9634Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M144.153 107.42H82.7468C82.2655 107.419 81.8041 107.228 81.4638 106.887C81.1235 106.547 80.9319 106.086 80.931 105.604V19.2896C80.936 18.8111 81.1295 18.3538 81.4694 18.0169C81.8093 17.6799 82.2682 17.4906 82.7468 17.4897H144.153C144.63 17.4914 145.088 17.6813 145.427 18.0182C145.766 18.3551 145.958 18.8119 145.962 19.2896V105.604C145.962 106.085 145.772 106.546 145.432 106.886C145.093 107.226 144.633 107.418 144.153 107.42ZM82.7468 17.5533C82.2866 17.5542 81.8454 17.7374 81.52 18.0628C81.1946 18.3883 81.0114 18.8294 81.0105 19.2896V105.604C81.0114 106.065 81.1946 106.506 81.52 106.831C81.8454 107.157 82.2866 107.34 82.7468 107.341H144.153C144.613 107.34 145.054 107.157 145.379 106.831C145.705 106.506 145.888 106.065 145.889 105.604V19.2896C145.888 18.8294 145.705 18.3883 145.379 18.0628C145.054 17.7374 144.613 17.5542 144.153 17.5533H82.7468Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M16.679 121.6H54.6991L54.6991 37.5175H16.679L16.679 121.6Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M16.6823 121.6H52.8994L52.8994 37.5175H16.6823L16.6823 121.6Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M50.9913 119.695L50.9913 39.4287H18.5903L18.5903 119.695H50.9913Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M29.0588 77.2738H22.454C22.2291 77.273 22.0136 77.1832 21.8545 77.0242C21.6955 76.8651 21.6058 76.6497 21.6049 76.4247C21.6058 76.1998 21.6955 75.9843 21.8545 75.8253C22.0136 75.6662 22.2291 75.5765 22.454 75.5757H29.0588C29.2838 75.5765 29.4992 75.6662 29.6583 75.8253C29.8173 75.9843 29.9071 76.1998 29.9079 76.4247C29.9071 76.6497 29.8173 76.8651 29.6583 77.0242C29.4992 77.1832 29.2838 77.273 29.0588 77.2738Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M19.0864 119.695L19.0864 39.4287H18.5903L18.5903 119.695H19.0864Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M72.5135 120.007H78.174V95.457H72.5135V120.007Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M49.1724 121.565H77.0864V120.01H49.1724V121.565Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M72.5135 95.4602H48.0848V120.01H72.5135V95.4602Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M70.2844 98.4812H50.3077V106.533H70.2844V98.4812Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M70.2844 108.934H50.3077V116.986H70.2844V108.934Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M58.0541 99.1585H62.5411C62.6867 99.1577 62.8262 99.0994 62.9292 98.9965C63.0322 98.8935 63.0904 98.754 63.0912 98.6084C63.0912 98.4622 63.0334 98.3219 62.9303 98.2182C62.8272 98.1146 62.6873 98.0559 62.5411 98.0551H58.0541C57.9079 98.0559 57.768 98.1146 57.6649 98.2182C57.5618 98.3219 57.504 98.4622 57.504 98.6084C57.5048 98.754 57.563 98.8935 57.666 98.9965C57.769 99.0994 57.9085 99.1577 58.0541 99.1585Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M58.0541 109.614H62.5411C62.6851 109.614 62.8231 109.557 62.9259 109.456C63.0286 109.355 63.0879 109.218 63.0912 109.074C63.0904 108.928 63.0322 108.789 62.9292 108.686C62.8262 108.583 62.6867 108.525 62.5411 108.524H58.0541C57.9085 108.525 57.769 108.583 57.666 108.686C57.563 108.789 57.5048 108.928 57.504 109.074C57.5073 109.218 57.5666 109.355 57.6693 109.456C57.772 109.557 57.9101 109.614 58.0541 109.614Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M62.1594 94.9768C62.0484 94.976 61.9421 94.9315 61.8635 94.853C61.785 94.7744 61.7405 94.6681 61.7397 94.5571V81.8021C61.7397 81.6908 61.7839 81.584 61.8626 81.5053C61.9414 81.4265 62.0481 81.3823 62.1594 81.3823C62.2705 81.3832 62.3768 81.4276 62.4553 81.5062C62.5339 81.5847 62.5784 81.691 62.5792 81.8021V94.5571C62.5784 94.6681 62.5339 94.7744 62.4553 94.853C62.3768 94.9315 62.2705 94.976 62.1594 94.9768Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M66.0868 94.4807H58.2322V95.4697H66.0868V94.4807Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M64.3346 87.3447C64.2795 87.3447 64.2266 87.323 64.1873 87.2844C64.148 87.2457 64.1255 87.1931 64.1247 87.138V80.7716C64.1255 80.7162 64.1479 80.6633 64.1871 80.6241C64.2263 80.585 64.2792 80.5626 64.3346 80.5618C64.39 80.5626 64.4429 80.585 64.4821 80.6241C64.5213 80.6633 64.5436 80.7162 64.5445 80.7716V87.1316C64.5449 87.1595 64.5398 87.1871 64.5294 87.2129C64.519 87.2388 64.5037 87.2623 64.4841 87.2821C64.4646 87.3019 64.4413 87.3177 64.4156 87.3284C64.39 87.3392 64.3624 87.3447 64.3346 87.3447Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M56.0506 82.966C56.0506 82.966 56.2064 76.9558 62.1594 76.9558C68.1123 76.9558 68.265 82.9597 68.265 82.9597L56.0506 82.966Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M107.583 91.4565C107.751 91.4565 107.923 91.4565 108.095 91.4724C109.853 91.5995 111.507 92.3579 112.751 93.6078C113.995 94.8577 114.746 96.515 114.865 98.2745C114.915 99.0738 114.836 99.876 114.629 100.65C113.832 103.754 113.447 106.95 113.485 110.155V119.485C113.485 119.647 113.454 119.807 113.392 119.956C113.33 120.105 113.239 120.241 113.125 120.355C113.011 120.469 112.875 120.56 112.725 120.621C112.576 120.682 112.416 120.713 112.254 120.713H82.6387V91.4565H107.583Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M75.3405 98.7546C75.3436 97.7172 75.568 96.6924 75.9986 95.7486C76.4292 94.8049 77.0561 93.9638 77.8376 93.2815C78.619 92.5992 79.537 92.0914 80.5302 91.7921C81.5234 91.4927 82.5691 91.4086 83.5974 91.5454C84.6257 91.6822 85.6131 92.0368 86.4935 92.5854C87.3739 93.134 88.1272 93.8641 88.7031 94.727C89.2789 95.5898 89.6642 96.5656 89.833 97.5891C90.0019 98.6127 89.9505 99.6605 89.6823 100.663C88.8877 103.767 88.5039 106.963 88.5407 110.168V119.498C88.5407 119.659 88.5089 119.818 88.4472 119.967C88.3855 120.116 88.295 120.251 88.181 120.365C88.067 120.478 87.9316 120.568 87.7827 120.63C87.6338 120.691 87.4743 120.722 87.3132 120.722H77.9608C77.8001 120.722 77.6409 120.69 77.4923 120.629C77.3438 120.567 77.2088 120.477 77.0951 120.363C76.9814 120.25 76.8913 120.115 76.8297 119.966C76.7682 119.818 76.7365 119.658 76.7365 119.498V109.608C76.7635 106.602 76.3827 103.607 75.6045 100.704C75.4291 100.069 75.3403 99.4133 75.3405 98.7546Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M92.6939 120.713H119.282V102.949H92.6939V120.713Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M141.256 106.969H105.668V79.7254C105.668 78.2613 106.25 76.8572 107.285 75.8219C108.32 74.7866 109.725 74.205 111.189 74.205H135.735C137.199 74.205 138.603 74.7866 139.639 75.8219C140.674 76.8572 141.256 78.2613 141.256 79.7254V106.969Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M134.301 106.969H98.7136V79.4583C98.7136 78.0642 99.2674 76.7272 100.253 75.7414C101.239 74.7556 102.576 74.2018 103.97 74.2018H129.032C130.426 74.2018 131.763 74.7556 132.749 75.7414C133.734 76.7272 134.288 78.0642 134.288 79.4583V106.969H134.301Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M117.545 108.562H93.0372C92.6155 108.562 92.2111 108.394 91.9129 108.096C91.6147 107.798 91.4472 107.393 91.4472 106.972V102.943C91.4472 102.521 91.6147 102.117 91.9129 101.818C92.2111 101.52 92.6155 101.353 93.0372 101.353H117.545C117.673 101.353 117.795 101.403 117.885 101.493C117.975 101.583 118.026 101.706 118.026 101.833V108.085C118.025 108.212 117.974 108.333 117.884 108.422C117.794 108.512 117.672 108.562 117.545 108.562Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M143.879 91.4565C144.048 91.4565 144.216 91.4565 144.391 91.4724C146.149 91.6003 147.802 92.3589 149.046 93.6088C150.289 94.8586 151.039 96.5155 151.158 98.2745C151.212 99.0738 151.132 99.8766 150.923 100.65C150.125 103.755 149.74 106.952 149.778 110.158V119.488C149.778 119.649 149.746 119.809 149.685 119.957C149.623 120.106 149.532 120.241 149.418 120.355C149.304 120.469 149.169 120.559 149.02 120.62C148.871 120.682 148.712 120.713 148.551 120.713H118.932V91.4565H143.879Z", fill: "#F0F0F0" }), /* @__PURE__ */ React.createElement("path", { d: "M111.637 98.7547C111.624 96.8528 112.355 95.0211 113.673 93.6499C114.991 92.2788 116.792 91.4766 118.693 91.4144C120.594 91.3522 122.444 92.0349 123.849 93.3169C125.254 94.599 126.103 96.379 126.214 98.2777C126.264 99.077 126.185 99.8792 125.979 100.653C125.182 103.757 124.797 106.953 124.834 110.158V119.488C124.834 119.813 124.705 120.124 124.476 120.354C124.246 120.584 123.935 120.713 123.61 120.713H114.254C114.093 120.713 113.934 120.681 113.786 120.619C113.637 120.558 113.502 120.468 113.389 120.354C113.275 120.24 113.185 120.105 113.123 119.957C113.062 119.808 113.03 119.649 113.03 119.488V109.608C113.056 106.603 112.677 103.608 111.901 100.704C111.726 100.069 111.637 99.4134 111.637 98.7547Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M83.157 121.603H143.358C143.474 121.603 143.59 121.58 143.698 121.535C143.806 121.49 143.904 121.425 143.986 121.342C144.068 121.259 144.134 121.161 144.178 121.053C144.223 120.945 144.245 120.829 144.245 120.713H82.2698C82.2694 120.829 82.292 120.945 82.3364 121.053C82.3808 121.161 82.4461 121.259 82.5285 121.342C82.6109 121.425 82.7089 121.49 82.8167 121.535C82.9246 121.58 83.0402 121.603 83.157 121.603Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M118.811 53.3824H138.174V32.2641H118.811V53.3824Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M117.657 53.3824H137.522V32.2641H117.657V53.3824Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M135.856 51.7192V33.9271H119.317V51.7192H135.856Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M127.588 38.3251L132.11 46.1606H123.066L127.588 38.3251Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M91.6475 65.7113H111.011V44.5929H91.6475V65.7113Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M90.4933 65.7113H110.359V44.5929H90.4933V65.7113Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M108.692 64.0481V46.256H92.1531V64.0481H108.692Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M98.402 58.3242L96.4399 54.9248C96.2358 54.5699 96.1286 54.1677 96.129 53.7583C96.1295 53.349 96.2376 52.9469 96.4425 52.5926C96.6474 52.2382 96.9419 51.9439 97.2964 51.7393C97.6509 51.5347 98.053 51.4269 98.4624 51.4268H102.396C102.805 51.4273 103.207 51.5353 103.562 51.7399C103.916 51.9445 104.211 52.2386 104.416 52.5928C104.621 52.9469 104.729 53.3487 104.73 53.7579C104.731 54.1672 104.625 54.5695 104.422 54.9248L102.46 58.3242C102.255 58.6817 101.96 58.9788 101.604 59.1855C101.247 59.3921 100.843 59.501 100.431 59.501C100.019 59.501 99.6144 59.3921 99.2581 59.1855C98.9018 58.9788 98.6065 58.6817 98.402 58.3242Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M79.5 135.964C113.552 135.964 141.157 134.352 141.157 132.364C141.157 130.376 113.552 128.765 79.5 128.765C45.4477 128.765 17.843 130.376 17.843 132.364C17.843 134.352 45.4477 135.964 79.5 135.964Z", fill: "#F5F5F5" }), /* @__PURE__ */ React.createElement("path", { d: "M100.647 31.5774H27.3414L32.1655 131.41H105.471L100.647 31.5774Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M100.647 31.5774H27.3414L32.1655 131.41H105.471L100.647 31.5774Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M101.324 31.5774H28.0187L32.846 131.41H106.151L101.324 31.5774Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M97.4541 34.9354H31.3705L35.9878 126.898L93.4504 126.822L103 118.356L97.4541 34.9354Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9597 34.9324C98.6644 62.4732 100.888 89.9541 104.622 117.25C99.3854 120.854 94.1755 124.458 88.9921 128.062H39.5685C34.9036 97.2192 32.1656 66.1157 31.3705 34.9324H97.9597Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M104.622 117.25C99.3854 120.854 94.1755 124.458 88.9921 128.062C90.1242 123.292 91.304 118.522 92.5315 113.752L104.622 117.25Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M49.2898 43.3465C49.4148 46.7131 49.5611 50.0818 49.7286 53.4526H39.6257C39.4561 50.0818 39.3099 46.7131 39.1869 43.3465H49.2898ZM50.3201 42.2812H38.0834C38.2255 46.358 38.4025 50.4369 38.6145 54.5179H50.8543C50.6423 50.439 50.4653 46.3601 50.3233 42.2812H50.3201Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M90.5726 47.1403H55.9679C55.9361 46.3803 55.9075 45.6171 55.8788 44.8571H90.4804C90.509 45.6171 90.5408 46.3803 90.5726 47.1403Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M83.2617 51.9421H56.1808C56.1458 51.1789 56.1077 50.4188 56.0759 49.6588H83.1536C83.1896 50.4199 83.2256 51.181 83.2617 51.9421Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M50.2819 63.1388C50.4939 66.5096 50.7303 69.8804 50.991 73.2512H40.885C40.6242 69.8804 40.3878 66.5096 40.1758 63.1388H50.2819ZM51.2804 62.0735H39.0438C39.2939 66.1545 39.5791 70.2355 39.8992 74.3165H52.1517C51.8337 70.2376 51.5475 66.1566 51.2931 62.0735H51.2804Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M69.769 66.9357H57.049C56.9981 66.1725 56.9441 65.4125 56.8964 64.6493H69.6164C69.6641 65.4125 69.7149 66.1725 69.769 66.9357Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M81.8117 66.9357H72.4593C72.4084 66.1725 72.3543 65.4125 72.3066 64.6493H81.659C81.7067 65.4125 81.7576 66.1725 81.8117 66.9357Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M87.682 71.7406H57.3989C57.3416 70.9774 57.2876 70.2174 57.2303 69.4542H87.5135C87.5707 70.2174 87.6248 70.9774 87.682 71.7406Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M51.7988 82.9407C52.102 86.3115 52.4285 89.6823 52.7783 93.0531H42.6722C42.3224 89.6823 41.996 86.3115 41.6928 82.9407H51.7988ZM52.7719 81.8754H40.5321C40.8925 85.9585 41.2868 90.0406 41.7151 94.1215H53.9549C53.5309 90.0384 53.1366 85.9564 52.7719 81.8754Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M93.5237 89.2594H58.9157L59.1447 91.5426H93.7526L93.5237 89.2594Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M85.5418 84.4545H58.4609C58.5308 85.2145 58.6008 85.9777 58.6739 86.7377H85.7516C85.6817 85.9777 85.6085 85.224 85.5418 84.4545Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M53.8435 102.743C54.2378 106.113 54.6544 109.483 55.0933 112.852H44.9872C44.5484 109.485 44.1318 106.115 43.7375 102.743H53.8435ZM54.7975 101.677H42.5482C43.0146 105.76 43.5181 109.84 44.0587 113.917H56.2858C55.7494 109.84 55.2459 105.76 54.7753 101.677H54.7975Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M95.4284 106.53H60.8205C60.7283 105.767 60.636 105.007 60.547 104.244H95.1518C95.244 105.016 95.333 105.776 95.4284 106.53Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M77.1752 111.341H61.4215C61.3229 110.581 61.2275 109.818 61.1321 109.058H76.8858C76.9812 109.818 77.0766 110.581 77.1752 111.341Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M86.5816 111.341H79.7796C79.681 110.581 79.5856 109.818 79.4902 109.058H86.2922C86.3876 109.818 86.4957 110.581 86.5816 111.341Z", fill: "#E0E0E0" }), /* @__PURE__ */ React.createElement("path", { d: "M44.8378 52.0088L44.3894 51.2965C43.41 49.7383 41.413 48.3486 40.7229 47.9416L41.2381 47.0289C42.5919 47.851 43.8015 48.8899 44.8187 50.104C46.3579 48.0084 48.6347 45.8428 51.7511 43.515L52.4094 44.3736C49.0831 46.8636 46.7554 49.1436 45.2862 51.3378L44.8378 52.0088Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M46.0462 71.8076L45.5787 71.0953C44.5611 69.5371 42.5259 68.1443 41.8263 67.7372L42.3128 66.8246C43.6925 67.647 44.9305 68.6864 45.9794 69.9028C47.4613 67.804 49.6777 65.6384 52.7337 63.3075C52.9595 63.5937 53.1884 63.8799 53.4142 64.1693C50.1547 66.6624 47.8874 68.9393 46.4786 71.1367C46.3324 71.3593 46.1893 71.585 46.0462 71.8076Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M47.8016 91.6603L47.3151 90.948C46.253 89.3898 44.1796 87.9969 43.4705 87.5931C43.6231 87.2751 43.7885 86.9825 43.9347 86.6804C45.3359 87.5042 46.5998 88.5417 47.6808 89.7555C49.1086 87.6567 51.2678 85.4943 54.257 83.1602L54.963 84.0219C51.783 86.5151 49.557 88.7919 48.2118 90.9893L47.8016 91.6603Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M79.8592 122.576C77.983 122.576 76.9018 121.883 75.9478 121.272C74.9938 120.662 74.1733 120.134 72.5897 120.134C71.006 120.134 70.3001 120.687 69.5528 121.272C68.8055 121.858 67.8896 122.576 66.0134 122.576C64.1372 122.576 63.056 121.883 62.1052 121.272C61.1544 120.662 60.334 120.134 58.7471 120.134C57.1603 120.134 56.4575 120.687 55.7102 121.272C54.9629 121.858 54.0471 122.576 52.1741 122.576C50.3011 122.576 49.2167 121.883 48.2627 121.272C47.3087 120.662 46.4914 120.134 44.9046 120.134C44.8633 119.816 44.8187 119.523 44.7774 119.218C46.6536 119.218 47.7316 119.911 48.6856 120.522C49.6396 121.133 50.4569 121.66 52.0405 121.66C53.6242 121.66 54.3301 121.107 55.0774 120.522C55.8247 119.937 56.7437 119.218 58.6199 119.218C60.4961 119.218 61.571 119.911 62.525 120.522C63.479 121.133 64.2994 121.66 65.8831 121.66C67.4667 121.66 68.1727 121.107 68.92 120.522C69.6673 119.937 70.5863 119.218 72.4625 119.218C74.3387 119.218 75.4167 119.911 76.3707 120.522C77.3247 121.133 78.142 121.66 79.7288 121.66C79.7701 121.966 79.8178 122.271 79.8592 122.576Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M82.5495 34.0482C81.4746 31.1862 78.991 29.3068 76.3198 29.3068H70.8757C70.4704 29.3033 70.0751 29.1809 69.7388 28.9548C69.4024 28.7287 69.1398 28.4088 68.9836 28.0348C68.5987 27.1208 67.9552 26.3392 67.132 25.7861C66.3088 25.233 65.342 24.9325 64.3503 24.9216C63.391 24.9119 62.4536 25.2086 61.6746 25.7685C60.8956 26.3285 60.3157 27.1224 60.0192 28.0348C59.8984 28.4082 59.6613 28.733 59.3425 28.9619C59.0238 29.1908 58.6402 29.3116 58.2479 29.3068H52.8069C50.1325 29.3068 47.8302 31.1958 47.0352 34.0482L46.7172 35.1835H82.9692L82.5495 34.0482Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M82.7434 36.3028H47.0638C46.7629 36.2993 46.4745 36.1819 46.2568 35.9742C46.039 35.7664 45.9081 35.4839 45.8904 35.1835C45.8826 35.0391 45.9044 34.8947 45.9545 34.7591C46.0046 34.6235 46.082 34.4997 46.1818 34.3951C46.2816 34.2905 46.4017 34.2075 46.5348 34.1511C46.6679 34.0947 46.8112 34.0662 46.9557 34.0673H82.6353C82.9357 34.0707 83.2237 34.1877 83.4413 34.3948C83.659 34.6019 83.7903 34.8836 83.8087 35.1835C83.817 35.3281 83.7955 35.4728 83.7456 35.6088C83.6957 35.7448 83.6184 35.869 83.5186 35.974C83.4187 36.0789 83.2984 36.1622 83.1651 36.2188C83.0318 36.2753 82.8883 36.3039 82.7434 36.3028Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M82.7434 36.3028H47.0638C46.7629 36.2993 46.4745 36.1819 46.2568 35.9742C46.039 35.7664 45.9081 35.4839 45.8904 35.1835C45.8826 35.0391 45.9044 34.8947 45.9545 34.7591C46.0046 34.6235 46.082 34.4997 46.1818 34.3951C46.2816 34.2905 46.4017 34.2075 46.5348 34.1511C46.6679 34.0947 46.8112 34.0662 46.9557 34.0673H82.6353C82.9357 34.0707 83.2237 34.1877 83.4413 34.3948C83.659 34.6019 83.7903 34.8836 83.8087 35.1835C83.817 35.3281 83.7955 35.4728 83.7456 35.6088C83.6957 35.7448 83.6184 35.869 83.5186 35.974C83.4187 36.0789 83.2984 36.1622 83.1651 36.2188C83.0318 36.2753 82.8883 36.3039 82.7434 36.3028Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M114.773 130.453H112.442L112.21 125.057H114.541L114.773 130.453Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M128.761 130.453H126.431L125.26 125.057H127.588L128.761 130.453Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M126.265 130.183H128.882C128.929 130.183 128.973 130.198 129.009 130.227C129.045 130.256 129.07 130.297 129.08 130.342L129.541 132.415C129.551 132.466 129.55 132.518 129.538 132.567C129.526 132.617 129.502 132.664 129.47 132.703C129.437 132.743 129.396 132.775 129.349 132.797C129.303 132.818 129.252 132.829 129.2 132.829C128.288 132.813 127.843 132.759 126.691 132.759C125.982 132.759 124.523 132.832 123.546 132.832C122.57 132.832 122.44 131.878 122.84 131.779C124.637 131.385 125.311 130.844 125.887 130.326C125.991 130.234 126.126 130.183 126.265 130.183Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M112.458 130.183H115.002C115.048 130.183 115.093 130.198 115.129 130.227C115.164 130.256 115.189 130.297 115.199 130.342L115.66 132.415C115.671 132.464 115.672 132.514 115.661 132.563C115.651 132.612 115.629 132.658 115.599 132.697C115.568 132.737 115.53 132.769 115.485 132.792C115.441 132.815 115.392 132.827 115.342 132.829C114.423 132.813 113.097 132.759 111.943 132.759C110.594 132.759 109.43 132.832 107.847 132.832C106.893 132.832 106.626 131.878 107.026 131.779C108.848 131.379 110.337 131.337 111.911 130.364C112.074 130.256 112.262 130.193 112.458 130.183Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M117.024 45.4485C116.706 47.153 116.522 49.2645 117.714 50.4029C117.714 50.4029 117.03 52.1328 113.863 52.1328C110.969 52.1328 112.419 50.4029 112.419 50.4029C114.327 49.9482 114.219 47.5982 113.889 46.2689L117.024 45.4485Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M111.51 50.6415C111.574 50.2186 112.318 49.7257 113.164 49.5412C114.01 49.3568 117.26 48.9466 118.252 49.3568C119.244 49.767 118.08 50.9818 118.08 50.9818L111.51 50.6415Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.4, d: "M111.51 50.6415C111.574 50.2186 112.318 49.7257 113.164 49.5412C114.01 49.3568 117.26 48.9466 118.252 49.3568C119.244 49.767 118.08 50.9818 118.08 50.9818L111.51 50.6415Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M112.21 125.06L112.331 127.839H114.662L114.541 125.06H112.21Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M127.591 125.06H125.26L125.865 127.839H128.195L127.591 125.06Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M122.541 52.5018L119.734 54.378C119.734 54.378 123.766 61.5489 123.429 62.6969C122.968 64.2615 122.325 67.68 121.451 69.4162C121.565 69.7915 122.147 70.6469 122.472 70.7932C124.698 69.1014 126.946 63.7972 126.863 62.3121C126.669 58.9445 122.541 52.5018 122.541 52.5018Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M121.451 69.4226L119.225 69.2509L120.392 71.7026C120.392 71.7026 122.335 71.7885 122.659 70.3034L121.451 69.4226Z", fill: "#B55B52" }), /* @__PURE__ */ React.createElement("path", { d: "M132.454 81.3794L132.266 81.7323L131.007 84.1142L86.3022 60.4772L87.7459 57.7424L132.454 81.3794Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M135.344 75.9194L134.422 77.6621L133.9 78.6479L89.1927 55.0109L90.6365 52.2761L135.344 75.9194Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M89.2076 55.0028L87.7608 57.7343L132.45 81.406L133.897 78.6746L89.2076 55.0028Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M89.2076 55.0028L87.7608 57.7343L132.45 81.406L133.897 78.6746L89.2076 55.0028Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M84.3751 52.6385L83.0745 55.0998L86.3022 60.4772L90.6366 52.2792L84.3751 52.6385Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.8, d: "M84.3751 52.6385L83.0745 55.0998L86.3022 60.4772L90.6366 52.2792L84.3751 52.6385Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6912 52.7945L83.0745 55.1L84.3751 52.6387L81.6912 52.7945Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M117.434 70.367L118.598 72.5358L120.401 71.7026L119.234 69.2509L117.434 70.367Z", fill: "#B55B52" }), /* @__PURE__ */ React.createElement("path", { d: "M121.874 50.9309C124.077 51.2489 126.602 58.8809 126.602 58.8809L121.972 61.4948C121.972 61.4948 119.934 57.876 118.932 55.173C117.876 52.3459 119.511 50.5874 121.874 50.9309Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M120.592 53.5482C119.59 52.6323 120.204 56.5532 120.681 59.0623C120.926 59.552 121.158 59.9972 121.355 60.3692C122.471 58.3976 121.972 54.8106 120.592 53.5482Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M108.823 51.0518C108.823 51.0518 106.072 58.0859 108.683 71.1875H121.158C121.244 69.2795 120.042 59.943 121.886 50.9309C120.509 50.6649 119.115 50.4886 117.714 50.403C115.951 50.3012 114.183 50.3012 112.42 50.403C111.205 50.5244 110.003 50.7413 108.823 51.0518Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M110.74 54.3208L107.599 53.0774C107.599 53.0774 103.98 60.4645 102.829 60.8366C101.28 61.3454 98.1 62.7446 96.1729 63.0181C95.9312 63.3361 95.556 64.2901 95.6164 64.6399C98.2717 65.508 103.923 64.3569 105.093 63.4474C107.777 61.374 110.74 54.3208 110.74 54.3208Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M111.094 53.4811C110.575 52.2855 109.583 51.7862 108.55 51.9611C108.149 53.4271 107.471 56.6484 107.596 61.5011L108.336 61.8573C108.336 61.8573 111.981 55.5259 111.094 53.4811Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M111.59 52.6449C112.372 54.731 108.41 60.8684 108.41 60.8684L103.748 58.3244C104.448 56.4155 105.351 54.5872 106.441 52.8707C108.079 50.4253 110.728 50.3585 111.59 52.6449Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M96.2874 63.0117L93.5145 63.6L94.92 66.1663C95.6951 65.7807 96.3993 65.2668 97.0029 64.6462L96.2874 63.0117Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M92.2043 64.182L93.3109 65.7148L94.92 66.1791L93.5144 63.6128L92.2043 64.182Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M111.739 42.9968C111.739 43.1844 111.621 43.3148 111.497 43.3148C111.373 43.3148 111.284 43.1494 111.297 42.9618C111.31 42.7742 111.415 42.6438 111.539 42.6438C111.663 42.6438 111.752 42.8092 111.739 42.9968Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M111.904 43.0128C111.648 43.5731 111.315 44.0953 110.915 44.5647C111.038 44.664 111.181 44.7351 111.335 44.773C111.488 44.811 111.648 44.8147 111.803 44.7841L111.904 43.0128Z", fill: "#ED847E" }), /* @__PURE__ */ React.createElement("path", { d: "M111.501 42.3481C111.484 42.3446 111.468 42.3381 111.453 42.3291C111.441 42.3213 111.43 42.3112 111.422 42.2992C111.413 42.2873 111.407 42.2738 111.404 42.2595C111.401 42.2453 111.401 42.2306 111.404 42.2163C111.407 42.202 111.413 42.1884 111.421 42.1764C111.513 42.0275 111.639 41.9026 111.789 41.8119C111.939 41.7213 112.108 41.6675 112.283 41.6549C112.312 41.6564 112.339 41.6687 112.36 41.6892C112.38 41.7098 112.393 41.7372 112.394 41.7662C112.394 41.7957 112.382 41.824 112.362 41.8449C112.341 41.8658 112.312 41.8775 112.283 41.8775C112.147 41.8902 112.016 41.9344 111.901 42.0068C111.786 42.0791 111.689 42.1775 111.618 42.2941C111.607 42.3142 111.589 42.3303 111.568 42.34C111.547 42.3497 111.523 42.3525 111.501 42.3481Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M118.061 42.8345C117.787 45.1305 117.743 46.4852 116.512 47.6045C114.658 49.2836 111.876 48.0656 111.456 45.7315C111.081 43.6327 111.593 40.2333 113.901 39.4446C114.409 39.2689 114.954 39.2258 115.483 39.3196C116.012 39.4134 116.509 39.6409 116.926 39.9805C117.342 40.3201 117.665 40.7605 117.864 41.26C118.063 41.7595 118.13 42.3015 118.061 42.8345Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M113.434 43.2829C112.629 43.4419 111.345 41.6548 112.394 40.1379C111.863 39.874 110.13 40.917 109.478 39.9439C108.826 38.9709 110.636 38.4525 110.289 37.6289C111.516 37.8801 109.494 39.4129 110.661 39.2634C111.828 39.114 113.173 36.9579 114.477 37.842C116.783 39.3906 119.924 36.8085 118.643 40.0425C120.214 39.7245 121.289 41.5816 119.791 42.8695C116.805 45.4294 118.643 45.7665 116.751 45.8969C115.803 45.9669 113.599 44.838 113.434 43.2829Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M114.626 43.884C114.516 44.1135 114.361 44.3187 114.171 44.4875C113.98 44.6562 113.758 44.7851 113.517 44.8666C112.881 45.086 112.515 44.5168 112.664 43.8903C112.798 43.3243 113.3 42.5293 113.959 42.5865C114.103 42.6007 114.242 42.6508 114.362 42.7323C114.482 42.8138 114.58 42.9242 114.646 43.0533C114.713 43.1823 114.746 43.326 114.742 43.4711C114.739 43.6163 114.699 43.7582 114.626 43.884Z", fill: "#FFC3BD" }), /* @__PURE__ */ React.createElement("path", { d: "M113.103 71.1874C113.103 71.1874 115.749 88.9954 117.199 95.6734C118.789 102.987 124.777 127.311 124.777 127.311H129.044C129.044 127.311 125.098 103.569 124.189 96.3348C123.206 88.4866 121.145 71.1969 121.145 71.1969L113.103 71.1874Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M113.103 71.1874C113.103 71.1874 115.749 88.9954 117.199 95.6734C118.789 102.987 124.777 127.311 124.777 127.311H129.044C129.044 127.311 125.098 103.569 124.189 96.3348C123.206 88.4866 121.145 71.1969 121.145 71.1969L113.103 71.1874Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M116.245 77.414C116.048 77.1341 115.87 77.0387 115.705 77.096H115.67C115.632 77.1124 115.597 77.1338 115.565 77.1596C115.531 77.1871 115.5 77.218 115.472 77.2518L115.421 77.3154L115.355 77.4203C115.299 77.5129 115.252 77.6096 115.212 77.7097C115.186 77.7701 115.161 77.8337 115.138 77.8973C115.116 77.9609 115.081 78.0595 115.056 78.1486C115.03 78.2376 114.983 78.3902 114.948 78.5206C114.948 78.5556 114.932 78.5874 114.922 78.6224C114.913 78.6574 114.887 78.7687 114.871 78.8418C114.855 78.9149 114.843 78.969 114.83 79.0326C114.801 79.1566 114.776 79.287 114.751 79.4206C114.725 79.5541 114.696 79.7099 114.671 79.8594C114.671 79.9103 114.655 79.9612 114.646 80.0152C114.614 80.206 114.585 80.4 114.557 80.6003C115.262 85.0333 116.102 90.1149 116.783 93.6606C116.814 93.5461 116.849 93.4253 116.878 93.2949C117.017 92.7034 117.123 92.1046 117.196 91.5014C117.797 86.9317 117.52 79.2361 116.245 77.414Z", fill: "black" }), /* @__PURE__ */ React.createElement("path", { d: "M108.683 71.1874C108.683 71.1874 108.365 88.6074 108.616 95.7147C108.88 103.105 111.462 127.302 111.462 127.302H115.409C115.409 127.302 115.552 103.534 115.727 96.2776C115.918 88.3657 116.872 71.1874 116.872 71.1874H108.683Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { opacity: 0.2, d: "M108.683 71.1874C108.683 71.1874 108.365 88.6074 108.616 95.7147C108.88 103.105 111.462 127.302 111.462 127.302H115.409C115.409 127.302 115.552 103.534 115.727 96.2776C115.918 88.3657 116.872 71.1874 116.872 71.1874H108.683Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M115.669 126.093C115.685 126.093 115.669 127.381 115.669 127.381H111.119L110.928 125.934L115.669 126.093Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M129.045 126.189C129.064 126.189 129.258 127.381 129.258 127.381H124.567L124.154 126.014L129.045 126.189Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M125.496 130.59C125.337 130.603 125.179 130.561 125.047 130.472C125.005 130.438 124.972 130.392 124.951 130.341C124.931 130.29 124.925 130.234 124.933 130.18C124.933 130.148 124.942 130.117 124.958 130.089C124.974 130.062 124.997 130.039 125.025 130.024C125.283 129.894 126.036 130.342 126.122 130.405C126.131 130.412 126.138 130.421 126.142 130.431C126.146 130.441 126.147 130.452 126.144 130.463C126.143 130.473 126.138 130.483 126.131 130.491C126.123 130.499 126.114 130.505 126.103 130.507C125.904 130.557 125.701 130.585 125.496 130.59ZM125.149 130.11C125.125 130.104 125.1 130.104 125.076 130.11C125.065 130.116 125.056 130.125 125.05 130.137C125.043 130.148 125.04 130.161 125.041 130.173C125.036 130.21 125.041 130.248 125.054 130.283C125.067 130.318 125.089 130.349 125.117 130.374C125.377 130.494 125.673 130.51 125.944 130.418C125.701 130.265 125.431 130.16 125.149 130.11Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M126.09 130.51C126.082 130.513 126.073 130.513 126.065 130.51C125.823 130.38 125.359 129.874 125.407 129.611C125.415 129.57 125.437 129.534 125.469 129.508C125.5 129.482 125.54 129.467 125.582 129.467C125.624 129.461 125.666 129.464 125.707 129.476C125.748 129.488 125.785 129.509 125.817 129.537C126.087 129.757 126.135 130.431 126.135 130.46C126.135 130.469 126.132 130.479 126.128 130.488C126.124 130.497 126.117 130.504 126.11 130.51C126.103 130.512 126.097 130.512 126.09 130.51ZM125.62 129.556H125.61C125.537 129.556 125.531 129.598 125.528 129.614C125.499 129.766 125.795 130.151 126.036 130.332C126.02 130.067 125.923 129.813 125.76 129.604C125.739 129.587 125.715 129.574 125.69 129.567C125.664 129.56 125.637 129.558 125.61 129.563L125.62 129.556Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M111.488 130.59C111.288 130.608 111.088 130.558 110.922 130.447C110.885 130.413 110.857 130.372 110.839 130.325C110.821 130.279 110.815 130.229 110.82 130.18C110.82 130.149 110.828 130.12 110.844 130.094C110.86 130.068 110.882 130.047 110.909 130.033C111.192 129.874 112.13 130.351 112.235 130.405C112.246 130.41 112.254 130.419 112.259 130.429C112.265 130.439 112.266 130.451 112.264 130.463C112.262 130.474 112.257 130.485 112.249 130.493C112.241 130.501 112.231 130.506 112.219 130.507C111.979 130.559 111.734 130.586 111.488 130.59ZM111.065 130.11C111.03 130.108 110.995 130.115 110.963 130.129C110.952 130.135 110.944 130.144 110.937 130.154C110.931 130.165 110.928 130.177 110.928 130.189C110.924 130.222 110.927 130.255 110.939 130.285C110.951 130.316 110.97 130.343 110.995 130.364C111.138 130.491 111.523 130.514 112.038 130.428C111.734 130.268 111.405 130.16 111.065 130.11Z", fill: "#BA68C8" }), /* @__PURE__ */ React.createElement("path", { d: "M112.21 130.51H112.187C111.904 130.383 111.348 129.874 111.392 129.617C111.392 129.556 111.446 129.477 111.596 129.464C111.652 129.456 111.71 129.46 111.765 129.476C111.82 129.491 111.871 129.519 111.914 129.556C112.21 129.801 112.27 130.428 112.273 130.456C112.275 130.466 112.273 130.475 112.269 130.484C112.265 130.492 112.259 130.499 112.251 130.504C112.239 130.511 112.224 130.514 112.21 130.51ZM111.64 129.556H111.618C111.52 129.556 111.513 129.604 111.51 129.62C111.485 129.776 111.863 130.173 112.146 130.345C112.119 130.078 112.007 129.826 111.828 129.626C111.774 129.586 111.708 129.563 111.64 129.563V129.556Z", fill: "#BA68C8" })), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_464_6772" }, /* @__PURE__ */ React.createElement("rect", { width: 159, height: 159, fill: "white" }))));
235
251
 
236
252
  const SvgFireflinkLogo = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 238 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M61.4537 17.8485V22.8928H71.6263V27.9317H61.4537V35.7966H54.8828V12.8096H72.9844V17.8485H61.4537Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M76.4541 12.8095H83.025V35.6658H76.4541V12.8095Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9099 29.6458H94.3082V35.6685H87.7373V12.8095H98.2755C104.599 12.8095 108.566 16.0035 108.566 21.2876C108.631 22.7986 108.242 24.2947 107.447 25.5858C106.653 26.877 105.489 27.905 104.104 28.5394L109.053 35.6658H102.119L97.9099 29.6458ZM98.0336 17.8484H94.4319V24.4843H98.0281C100.755 24.4843 102.119 23.2552 102.119 21.165C101.995 19.2001 100.755 17.8484 98.0281 17.8484H98.0336Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M131.006 30.6296V35.6685H112.533V12.8095H130.635V17.8484H118.98V21.6637H129.271V26.4573H118.98V30.6351L131.006 30.6296Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M141.421 17.8484V22.8928H151.593V27.9317H141.421V35.7966H134.85V12.8095H152.951V17.8484H141.421Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M156.298 12.8095H162.869V30.507H173.894V35.6685H156.413V12.8095H156.298Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M176.752 12.8095H183.323V35.6658H176.752V12.8095Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M210.104 12.8095V35.6658H204.773L194.601 23.5005V35.6658H188.159V12.8095H193.49L203.663 24.9748V12.8095H210.104Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M223.866 27.4329L221.391 30.0137V35.7884H214.938V12.8095H221.386V22.2714L230.313 12.8095H237.502L228.08 22.8928L238 35.6739H230.436L223.866 27.4329Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M16.7502 4.88842C16.1316 5.25632 15.6341 5.50162 15.1392 5.74961C13.2807 6.7334 11.5431 7.59181 9.68453 8.5756C9.5558 8.64839 9.45159 8.75748 9.3855 8.88897C9.31942 9.02047 9.29442 9.16842 9.31335 9.31412V46.5486C9.31335 47.0391 9.18969 47.4097 8.69481 47.5323C7.77434 47.9098 6.7758 48.0623 5.78338 47.9769C4.79096 47.8916 3.83353 47.5709 2.99243 47.0418C2.37431 46.6111 1.84823 46.0636 1.44391 45.4309C1.0396 44.7982 0.765171 44.0926 0.636432 43.3546C0.327663 41.3625 0.203398 39.3465 0.265245 37.3319C0.141525 27.4994 0.0178993 17.547 0.0178993 7.7145C-0.0791099 6.15032 0.219297 4.58688 0.886463 3.16613C1.44789 1.9794 2.41841 1.03032 3.62304 0.489747C4.82768 -0.050828 6.18734 -0.147392 7.45741 0.217461C9.21628 0.744425 10.8848 1.5318 12.4063 2.55294C13.781 3.29147 15.1337 4.0273 16.3736 4.76583C16.5028 4.64047 16.6265 4.76306 16.7502 4.88842Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M16.9984 42.736V32.0423C16.9942 31.8984 17.026 31.7558 17.0907 31.6269C17.1555 31.4981 17.2512 31.3871 17.3696 31.3038C21.5843 28.9683 25.7989 26.6328 29.8926 24.3001C31.0089 23.6869 32.1253 23.071 33.3625 22.3324C32.6455 21.8761 31.8998 21.4656 31.13 21.1034C29.2715 19.997 27.41 19.0132 25.5515 17.9095C25.46 17.8474 25.3516 17.8141 25.2407 17.8141C25.1298 17.8141 25.0218 17.8474 24.9303 17.9095C22.5741 19.3838 20.3443 20.7354 17.9881 22.2098C17.8644 22.2098 17.8645 22.3324 17.7408 22.3324V14.4676C17.7361 14.3059 17.7667 14.1452 17.8307 13.9965C17.8948 13.8478 17.9909 13.7147 18.112 13.6064C20.2207 12.132 22.3267 10.7803 24.3117 9.306C24.4263 9.24517 24.5543 9.21335 24.6843 9.21335C24.8142 9.21335 24.9422 9.24517 25.0568 9.306C27.9079 10.903 30.8853 12.6253 33.7364 14.2113C35.7187 15.3177 37.7036 16.4242 39.8096 17.5279C41.3189 18.3064 42.568 19.502 43.4057 20.9698C43.934 21.9245 44.1462 23.0195 44.0125 24.1002C43.8788 25.1809 43.406 26.1927 42.6607 26.9925C41.681 28.0979 40.5036 29.0144 39.1881 29.6959C36.337 31.2929 33.6099 33.0152 30.7588 34.6013C27.1627 36.6915 23.6929 38.6563 20.0968 40.7466C18.9806 41.5069 17.9909 42.1255 16.9984 42.736Z", fill: "currentColor" }));
@@ -239,6 +255,10 @@ const SvgWswbDeleteIcon = (props) => /* @__PURE__ */ React.createElement("svg",
239
255
 
240
256
  const SvgWswbPlusIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { opacity: 0.4 }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.25 5.25C12.6796 5.25 13.0278 5.59822 13.0278 6.02778V11.4722H18.4722C18.9018 11.4722 19.25 11.8204 19.25 12.25C19.25 12.6796 18.9018 13.0278 18.4722 13.0278H13.0278V18.4722C13.0278 18.9018 12.6796 19.25 12.25 19.25C11.8204 19.25 11.4722 18.9018 11.4722 18.4722V13.0278H6.02778C5.59822 13.0278 5.25 12.6796 5.25 12.25C5.25 11.8204 5.59822 11.4722 6.02778 11.4722H11.4722V6.02778C11.4722 5.59822 11.8204 5.25 12.25 5.25Z", fill: "currentColor" })));
241
257
 
258
+ const SvgLabelPlus = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1729 1.72611C14.1721 1.05414 13.6272 0.509644 12.9551 0.509644H7.85584C7.53286 0.509644 7.22312 0.637909 6.99472 0.866274L5.9944 1.86639C6.15911 1.98691 6.31427 2.11973 6.45851 2.2635L7.42526 1.29693C7.54028 1.18195 7.69317 1.11862 7.85584 1.11862H12.9552C13.2909 1.11862 13.5641 1.39182 13.5641 1.72759V6.8268H13.5641C13.5641 6.98947 13.5007 7.14244 13.3857 7.25746L6.74778 13.8941C6.63276 14.0091 6.47983 14.0725 6.31716 14.0725C6.15449 14.0725 6.00159 14.0091 5.88654 13.8941L0.787328 8.79474C0.672308 8.67972 0.608974 8.52675 0.608974 8.36412C0.608974 8.20145 0.672346 8.04852 0.787366 7.9335L0.801093 7.91977C0.657354 7.7755 0.52456 7.62032 0.404062 7.45557L0.356821 7.5028C-0.118902 7.97841 -0.11894 8.7496 0.356707 9.22532L5.45599 14.3246C5.6938 14.5625 6.00552 14.6814 6.31723 14.6814C6.51344 14.6814 6.70751 14.6287 6.88529 14.5345C6.95066 14.4806 6.99975 14.4416 7.04251 14.4076C7.06738 14.3878 7.09011 14.3698 7.11266 14.3515C7.35214 14.1572 7.57128 13.9378 10.1177 11.3887L10.1177 11.3886L10.1178 11.3885C11.0221 10.4833 12.2199 9.28423 13.8163 7.68816C14.0447 7.45972 14.1731 7.1499 14.1731 6.82684L14.173 2.09659L14.1729 1.72611ZM15.391 1.72759V7.43574C15.391 7.59841 15.3276 7.75138 15.2126 7.8664L8.01801 15.0597L8.44859 15.4903L15.6432 8.29706C15.8716 8.06861 16 7.7588 16 7.43574V1.72759H15.391ZM9.60576 3.859C9.60576 3.18727 10.1523 2.64105 10.8237 2.64105C11.4951 2.64105 12.0417 3.18727 12.0417 3.859C12.0417 4.53074 11.4951 5.07695 10.8237 5.07695C10.1523 5.07695 9.60576 4.53074 9.60576 3.859ZM10.2147 3.859C10.2147 4.1947 10.4877 4.46798 10.8237 4.46798C11.1597 4.46798 11.4327 4.1947 11.4327 3.859C11.4327 3.52331 11.1597 3.25003 10.8237 3.25003C10.4877 3.25003 10.2147 3.52331 10.2147 3.859ZM0.384796 5.09656C0.384796 3.30456 1.8428 1.84656 3.6348 1.84656C5.4268 1.84656 6.8848 3.30456 6.8848 5.09656C6.8848 6.88856 5.4268 8.34656 3.6348 8.34656C1.8428 8.34656 0.384796 6.88856 0.384796 5.09656ZM4.1348 5.59656H4.8848C5.1608 5.59656 5.3848 5.37256 5.3848 5.09656C5.3848 4.82056 5.1608 4.59656 4.8848 4.59656H4.1348V3.84656C4.1348 3.57056 3.9108 3.34656 3.6348 3.34656C3.3588 3.34656 3.1348 3.57056 3.1348 3.84656V4.59656H2.3848C2.1088 4.59656 1.8848 4.82056 1.8848 5.09656C1.8848 5.37256 2.1088 5.59656 2.3848 5.59656H3.1348V6.34656C3.1348 6.62256 3.3588 6.84656 3.6348 6.84656C3.9108 6.84656 4.1348 6.62256 4.1348 6.34656V5.59656Z", fill: "currentColor" }));
259
+
260
+ const SvgDragIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.86699 2.93345C2.52973 2.93345 3.06699 2.39619 3.06699 1.73345C3.06699 1.07071 2.52973 0.533447 1.86699 0.533447C1.20425 0.533447 0.666992 1.07071 0.666992 1.73345C0.666992 2.39619 1.20425 2.93345 1.86699 2.93345ZM6.13366 2.93345C6.7964 2.93345 7.33366 2.39619 7.33366 1.73345C7.33366 1.07071 6.7964 0.533447 6.13366 0.533447C5.47092 0.533447 4.93366 1.07071 4.93366 1.73345C4.93366 2.39619 5.47092 2.93345 6.13366 2.93345ZM7.33366 6.00011C7.33366 6.66286 6.7964 7.20011 6.13366 7.20011C5.47092 7.20011 4.93366 6.66286 4.93366 6.00011C4.93366 5.33737 5.47092 4.80011 6.13366 4.80011C6.7964 4.80011 7.33366 5.33737 7.33366 6.00011ZM1.86699 7.20011C2.52973 7.20011 3.06699 6.66286 3.06699 6.00011C3.06699 5.33737 2.52973 4.80011 1.86699 4.80011C1.20425 4.80011 0.666992 5.33737 0.666992 6.00011C0.666992 6.66286 1.20425 7.20011 1.86699 7.20011ZM7.33366 10.2668C7.33366 10.9295 6.7964 11.4668 6.13366 11.4668C5.47092 11.4668 4.93366 10.9295 4.93366 10.2668C4.93366 9.60404 5.47092 9.06678 6.13366 9.06678C6.7964 9.06678 7.33366 9.60404 7.33366 10.2668ZM1.86699 11.4668C2.52973 11.4668 3.06699 10.9295 3.06699 10.2668C3.06699 9.60404 2.52973 9.06678 1.86699 9.06678C1.20425 9.06678 0.666992 9.60404 0.666992 10.2668C0.666992 10.9295 1.20425 11.4668 1.86699 11.4668Z", fill: "currentColor" }));
261
+
242
262
  let Components = {};
243
263
  //icons
244
264
  Components['delete_info'] = SvgDeleteInfo;
@@ -302,32 +322,45 @@ Components['sales_force'] = SvgSalesForce;
302
322
  Components['ms_dynamic'] = SvgMsDynamic;
303
323
  Components['all_projects'] = SvgAllProjects;
304
324
  Components['android_icon'] = SvgAndroidIcon;
325
+ Components['label_plus'] = SvgLabelPlus;
326
+ Components['manual_locator'] = SvgManualLocator;
305
327
  Components['select_license'] = SvgSwitchLicenseIcon;
306
328
  Components['fireflink-logo'] = SvgFireflinkLogo;
307
329
  Components['wswb_delete_icon'] = SvgWswbDeleteIcon;
308
330
  Components['wswb_plus_icon'] = SvgWswbPlusIcon;
331
+ Components['add_locator'] = SvgAddLocator;
332
+ Components['drag'] = SvgDragIcon;
333
+ Components['windows'] = SvgWindows;
334
+ Components['datalist_icon'] = SvgDatasetList;
335
+ Components['mac_icon'] = SvgMac;
336
+ Components['android_icon'] = SvgAndroid;
337
+ Components['chrome_icon'] = SvgChrome;
338
+ Components['browser_stack_icon'] = SvgBrowserStack;
339
+ Components['run_icon'] = SvgRunIcon;
309
340
 
310
- var css_248z$L = ".ff-icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.ff-icon-click {\n cursor: pointer;\n padding: 5px;\n box-sizing: content-box;\n}\n.ff-icon-click:hover {\n border-radius: 50%;\n background-color: var(--drawer-footer-bg);\n box-shadow: 0px 0px 16px var(--toggle-strip-shadow);\n}\n.ff-icon-click:hover > svg {\n color: var(--brand-color);\n}\n\n.ff-icon-disabled {\n cursor: no-drop;\n}\n.ff-icon-disabled > svg {\n color: var(--toggle-strip-color);\n}\n.ff-icon-disabled:hover {\n box-shadow: none;\n}\n.ff-icon-disabled:hover > svg {\n color: var(--toggle-strip-color);\n}";
311
- styleInject(css_248z$L);
341
+ var css_248z$R = ".ff-icon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.ff-icon-click {\n cursor: pointer;\n padding: 5px;\n box-sizing: content-box;\n}\n.ff-icon-click:hover {\n border-radius: 50%;\n background-color: var(--drawer-footer-bg);\n box-shadow: 0px 0px 16px var(--toggle-strip-shadow);\n}\n.ff-icon-click:hover > svg {\n color: var(--brand-color);\n}\n\n.ff-icon-disabled {\n cursor: no-drop;\n}\n.ff-icon-disabled > svg {\n color: var(--toggle-strip-color);\n}\n.ff-icon-disabled:hover {\n box-shadow: none;\n}\n.ff-icon-disabled:hover > svg {\n color: var(--toggle-strip-color);\n}";
342
+ styleInject(css_248z$R);
312
343
 
313
- const Icon = ({
344
+ const Icon = /*#__PURE__*/forwardRef(({
314
345
  name,
315
346
  height,
316
347
  width,
317
348
  onClick = () => {},
318
- color = '#808080',
349
+ color = 'var(--brand-color)',
350
+ // Default color
319
351
  hoverEffect = false,
320
352
  className = '',
321
353
  disabled = false,
322
354
  ...props
323
- }) => {
355
+ }, ref) => {
324
356
  const IconComponent = Components[name];
325
- const iconHeight = height ? height : 16;
326
- const iconWidth = width ? width : 16;
357
+ const iconHeight = height || 16;
358
+ const iconWidth = width || 16;
327
359
  if (!IconComponent) {
328
360
  return null;
329
361
  }
330
362
  return jsx("span", {
363
+ ref: ref,
331
364
  onClick: disabled ? () => {} : onClick,
332
365
  style: {
333
366
  height: `${iconHeight}px`,
@@ -347,7 +380,7 @@ const Icon = ({
347
380
  }
348
381
  })
349
382
  });
350
- };
383
+ });
351
384
 
352
385
  const Button$1 = /*#__PURE__*/forwardRef(({
353
386
  variant = 'primary',
@@ -390,8 +423,8 @@ const Button$1 = /*#__PURE__*/forwardRef(({
390
423
  });
391
424
  });
392
425
 
393
- var css_248z$K = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-drawer-container .ff-overlay {\n position: fixed;\n inset: 0;\n background-color: var(--drawer-title-color);\n opacity: 0.5;\n}\n.ff-drawer-container .ff-drawer {\n height: 100vh;\n position: fixed;\n right: 0;\n top: 0;\n bottom: 0;\n min-width: 450px;\n background-color: var(--primary-button-text-color);\n z-index: 999;\n transform: translateX(100%);\n opacity: 0;\n}\n.ff-drawer-container .ff-drawer--open {\n transform: translateX(0);\n opacity: 1;\n}\n.ff-drawer-container .ff-drawer--small {\n width: 444px;\n}\n.ff-drawer-container .ff-drawer--medium {\n width: 666px;\n}\n.ff-drawer-container .ff-drawer--large {\n width: 888px;\n}\n.ff-drawer-container .ff-drawer--x-large {\n width: calc(100vw - 10px);\n}\n.ff-drawer-container .ff-drawer--open, .ff-drawer-container .ff-drawer--medium, .ff-drawer-container .ff-drawer--large, .ff-drawer-container .ff-drawer--x-large {\n transition: all 0.4s ease-in-out;\n border-radius: 5px;\n border: 2px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header {\n padding: 10px 8px 10px 8px;\n display: flex;\n gap: 10px;\n border-bottom: 2px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n font-weight: 600;\n color: var(--drawer-title-color);\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-expand-collapse-button {\n cursor: pointer;\n background-color: var(--button-bg-color);\n outline: none;\n border: none;\n margin: 0;\n border: 1px solid transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 6px;\n padding: 6px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-body {\n background-color: var(--drawer-footer-bg);\n height: calc(100vh - 76px);\n overflow: hidden auto;\n}\n.ff-drawer-container .ff-drawer .no-footer {\n height: 100vh;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 5px 16px 5px 16px;\n display: flex;\n justify-content: space-between;\n border-top: 2px solid var(--drawer-footer-border);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .button-container {\n display: flex;\n justify-content: flex-end;\n gap: 16px;\n}";
394
- styleInject(css_248z$K);
426
+ var css_248z$Q = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-drawer-container .ff-overlay {\n position: fixed;\n inset: 0;\n background-color: var(--drawer-title-color);\n opacity: 0.5;\n}\n.ff-drawer-container .ff-drawer {\n position: fixed;\n right: 0;\n top: 80px;\n bottom: 0;\n min-width: 450px;\n background-color: var(--primary-button-text-color);\n z-index: 999;\n transform: translateX(100%);\n opacity: 0;\n}\n.ff-drawer-container .ff-drawer--open {\n transform: translateX(0);\n opacity: 1;\n}\n.ff-drawer-container .ff-drawer--small {\n width: 444px;\n}\n.ff-drawer-container .ff-drawer--medium {\n width: 666px;\n}\n.ff-drawer-container .ff-drawer--large {\n width: 888px;\n}\n.ff-drawer-container .ff-drawer--x-large {\n width: calc(100vw - 10px);\n}\n.ff-drawer-container .ff-drawer--open, .ff-drawer-container .ff-drawer--medium, .ff-drawer-container .ff-drawer--large, .ff-drawer-container .ff-drawer--x-large {\n transition: all 0.4s ease-in-out;\n border-radius: 5px;\n border: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header {\n padding: 4px 8px 4px 8px;\n display: flex;\n gap: 10px;\n border-bottom: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n font-weight: 600;\n color: var(--drawer-title-color);\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-close-icon {\n height: 16px;\n width: 16px;\n background-color: var(--button-bg-color);\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n height: 24px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button {\n display: flex;\n align-items: center;\n gap: 5px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-expand-collapse-button {\n cursor: pointer;\n height: 24px;\n width: 24px;\n background-color: var(--button-bg-color);\n outline: none;\n border: none;\n margin: 0;\n border: 1px solid transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-body {\n background-color: var(--drawer-footer-bg);\n height: calc(100vh - 76px);\n overflow: hidden auto;\n}\n.ff-drawer-container .ff-drawer .no-footer {\n height: 100vh;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer {\n height: 24px;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 4px 8px 4px 8px;\n display: flex;\n justify-content: space-between;\n border-top: 1px solid var(--drawer-footer-border);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .button-container {\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n}";
427
+ styleInject(css_248z$Q);
395
428
 
396
429
  function useEscapeKey(key) {
397
430
  return callBack => {
@@ -410,8 +443,8 @@ function useEscapeKey(key) {
410
443
  };
411
444
  }
412
445
 
413
- var css_248z$J = ":root {\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n}\n\n:root {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n}\n\n.ff-light-theme {\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n}\n\n.ff-dark-theme {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n}";
414
- styleInject(css_248z$J);
446
+ var css_248z$P = ":root {\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n}\n\n:root {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n}\n\n.ff-light-theme {\n --button-bg-color: #f6ebff;\n --brand-color: #71347b;\n --text-color: #1e161f;\n --description-text: #7a7a7a;\n --click-able-text-color: #71347b;\n --icons-default-color: #71347b;\n --border-color: #f0e7f4;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n --drawer-footer-bg: #ffffff;\n --drawer-footer-border: #f0e7f4;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #1e161f;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --default-icon-color: #a3a3a3;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-text-color: #46164d;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --error: #e42525;\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --pie-chart-border-color: #b6b6b6;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n --ff-machine-input-field-border-color: #f1ebf2;\n --ff-machine-input-field-text-color: #1e161f;\n --ff-connecting-branch-color: #71347b;\n --ff-connecting-branch-modal-header: #71347b;\n --ff-connecting-branch-modal-border: #e0e0e0;\n --ff-connecting-branch-scope-color: #079455;\n --ff-connecting-branch-delete-color: #e42525;\n}\n\n.ff-dark-theme {\n --brand-color: #71347b;\n --text-color: #e8e0e9;\n --description-text: #d9d9d9;\n --click-able-text-color: #e8e0e9;\n --icons-default-color: #e8e0e9;\n --border-color: #333234;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --hover-color: #f7ebff;\n --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n --slider-table-color: #272428;\n --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n --drawer-footer-border: #333234;\n --text-bg-highlight: #f5fb00;\n --tooltip-bg-color: #2a2a2a;\n --tooltip-text-color: #ffffff;\n --toggle-strip-color: #cfd1e2;\n --toggle-strip-active-color: #71347b;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-button-bg-color: #ffffff;\n --toggle-disable-icon-color: #767994;\n --text-area-default-color: #747474;\n --add-icon-hover-color: #431b4a;\n --arrow-button-bg-color: #ffffff;\n --arrows-button-border-color: #ded1e5;\n --overlay-bg: rgba(18, 18, 18, 0.6);\n --chip-fill-color: #f9d5ff;\n --chip-text-color: #1e161f;\n --file-drop-zone-default-fill-color: rgba(113, 52, 123, 0.1019607843);\n --file-drop-zone-default-text-color: #1e161f;\n --file-drop-zone-selected-fill-color: rgba(113, 52, 123, 0.2);\n --file-drop-zone-selected-text-color: #1e161f;\n --icon-color: #71347b;\n --tree-connecting-lines-color: #d7b5e3;\n --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n --primary-button-text-color: #ffffff;\n --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n --secondary-button-text-color: #71347b;\n --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n --drawer-title-color: #252c37;\n --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n --error_light: #e42525;\n --ff-success: #079455;\n --ff-warning: #f79009;\n --ff-header-text-color: #fdfaff;\n --ff-header-submenu-text-color: #666468;\n --ff-header-submenu-highlight-text-color: #170328;\n --default-icon-color: #a3a3a3;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --ff-mini-modal-border: #ffffff;\n --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n --ff-mini-modal-footer-background: #aeb0c0;\n --input-default-border-color: #a3a3a3;\n --input-hover-border-color: #1e161f;\n --input-default-label-color: #747474;\n --input-label-bg-color: #ffffff;\n --input-active-text-color: #71347b;\n --input-error-text-color: #e42525;\n --tabs-label-default-color: #7a7a7a;\n --tabs-label-active-color: #71347b;\n --tabs-border-color: #f1ebf2;\n --tabs-bg-color: #ede6f2;\n --tab-bg-color: #ffffff;\n --toast-close-icon-wrapper-bg: #fafafa;\n --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n --option-card-border-color: #ded1e5;\n --option-card-bg-color: #ffffff;\n --checkbox-bg-color: #fbfdff;\n --checkbox-border-color: #b5b5b5;\n --checkbox-partial-color: #ffffff;\n --checkbox-hover-color: #f7edff;\n --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n --multi-select-label-bg: #ffffff;\n --text-color-light: rgba(30, 22, 31, 0.5019607843);\n --radio-button-border: #b5b5b5;\n --radio-button-hover: #d3d3d3;\n --menu-variant-dark-icon-color: #ffffff;\n --menu-option-icon-color: #ffffff;\n --menu-option-icon-clicked: #71347b;\n --delete-text-color: #c50303;\n --status-success-bg-color: #c6efcd;\n --status-success-text-color: #016102;\n --status-warning-bg-color: #ffe380;\n --status-warning-text-color: #ff8b00;\n --status-rejected-bg-color: #f7d9d9;\n --status-rejected-text-color: #c60202;\n --status-skipped-bg-color: #c4c3c3;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --status-button-bg-passed: #c6efcd;\n --status-button-bg-failed: #f7d9d9;\n --status-button-bg-running: #ecedf8;\n --status-button-bg-skipped: #c4c3c3;\n --status-button-bg-warning: #ffb803;\n --status-button-bg-terminated: #f7d9d9;\n --status-button-bg-partiallyExecuted: #dee7f1;\n --status-button-bg-aborted: #f7d9d9;\n --status-button-bg-notExecuted: #f7d9d9;\n --status-button-text-passed: #016102;\n --status-button-text-failed: #c50303;\n --status-button-text-running: #434db8;\n --status-button-text-skipped: #3c3838;\n --status-button-text-warning: #ffffff;\n --status-button-text-terminated: #c50303;\n --status-button-text-partiallyExecuted: #0d69d4;\n --status-button-text-aborted: #c50303;\n --status-button-text-notExecuted: #c50303;\n --ff-select-option-border-color: #ded1e5;\n --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n --ff-select-background-color: #ffffff;\n --ff-select-scroll-thumb-color: #d9d9d9;\n --ff-select-scroll-track-bg: #f1f1f1;\n --ff-select-scroll-thumb-hover: #b8b8b8;\n --ff-select-text-color: #14041c;\n --ff-select-option-hover-color: #f7ebff;\n --ff-select-default-color: #747474;\n --ff-select-border-color: #a3a3a3;\n --ff-select-brand-color: #71347b;\n --ff-select-text-hover-color: #1e161f;\n --ff-search-filed-clear-text: #71347b;\n --ff-search-filed-placeholder-text: #a3a3a3;\n --ff-search-filed-close-Icon: #14041c;\n --ff-paper-background-color: #f5f5f5;\n --ff-paper-dark-background-color: #d1c4e9;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --disabled-primary-color: #f9f9f9;\n --license_expireSoon_color: #ba7422;\n --license_active_color: #268735;\n --license_expired_color: #e34242;\n --license_header_text_color: #592f7c;\n --license_active_status_color: #518e18;\n --license_expired_status_color: #ab3425;\n --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n --pie-chart-border-color: #b6b6b6;\n --button-bg-color: #f6ebff;\n --modal-header-text-color: #ffc600;\n --switch-license-text-color: #61296a;\n --switch-license-header-text-color: #610b86;\n}";
447
+ styleInject(css_248z$P);
415
448
 
416
449
  const ThemeContext = /*#__PURE__*/createContext(undefined);
417
450
  const ThemeProvider = ({
@@ -453,7 +486,12 @@ const Drawer = ({
453
486
  size = 'medium',
454
487
  _isExpanded = false,
455
488
  isBackButtonVisible = false,
456
- _isCloseModalButtonVisible = true
489
+ _isCloseModalButtonVisible = true,
490
+ showHeader = true,
491
+ backButtonIcon,
492
+ onCloseIconClick,
493
+ customHeader,
494
+ customFooter
457
495
  }) => {
458
496
  const [isExpanded, setIsExpanded] = useState(_isExpanded);
459
497
  const handleEsc = useEscapeKey('Escape');
@@ -489,9 +527,9 @@ const Drawer = ({
489
527
  className: classNames('ff-drawer', `ff-drawer--${drawerSize}`, {
490
528
  'ff-drawer--open': isOpen
491
529
  }),
492
- children: [jsx("div", {
530
+ children: [showHeader && jsx("div", {
493
531
  className: "ff-drawer-header",
494
- children: jsxs("div", {
532
+ children: customHeader ? customHeader : jsxs("div", {
495
533
  className: "ff-drawer-action-section",
496
534
  children: [jsxs("div", {
497
535
  className: "ff-action-button",
@@ -514,20 +552,26 @@ const Drawer = ({
514
552
  }), isBackButtonVisible && jsx("button", {
515
553
  className: "ff-expand-collapse-button",
516
554
  onClick: onClose,
517
- children: jsx(Icon, {
555
+ children: backButtonIcon ? backButtonIcon : jsx(Icon, {
518
556
  name: "error",
519
557
  height: 16,
520
558
  width: 16,
521
559
  hoverEffect: false
522
560
  })
523
- }), jsx("div", {
561
+ }), title && jsx("div", {
524
562
  className: "ff-drawer-title",
525
563
  children: title
526
564
  })]
527
- }), _isCloseModalButtonVisible && jsx(Icon, {
528
- name: "close",
529
- hoverEffect: false,
530
- onClick: onClose
565
+ }), _isCloseModalButtonVisible && jsx("div", {
566
+ className: "ff-close-icon",
567
+ children: jsx(Icon, {
568
+ name: "close",
569
+ hoverEffect: false,
570
+ onClick: onCloseIconClick || onClose,
571
+ height: 6,
572
+ width: 6,
573
+ color: "var(--tabs-label-active-color)"
574
+ })
531
575
  })]
532
576
  })
533
577
  }), jsx("div", {
@@ -537,7 +581,7 @@ const Drawer = ({
537
581
  children: children
538
582
  }), isFooterRequired && jsx("div", {
539
583
  className: "ff-drawer-footer",
540
- children: footerContent ? footerContent : jsxs(Fragment, {
584
+ children: customFooter || footerContent || jsxs(Fragment, {
541
585
  children: [jsxs("div", {
542
586
  className: "button-container",
543
587
  children: [leftSecondaryButtonProps.label && jsx(Button$1, {
@@ -571,14 +615,14 @@ const Drawer = ({
571
615
  }), document.body);
572
616
  };
573
617
 
574
- var css_248z$I = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-accordion {\n border: 1px solid var(--border-color);\n border-radius: 4px;\n min-width: fit-content;\n}\n.ff-accordion .accordion-header {\n display: flex;\n justify-content: space-between;\n min-height: 32px;\n}\n.ff-accordion .accordion-header .header-title {\n padding: 8px;\n}\n.ff-accordion .accordion-header .accordion-arrow {\n display: flex;\n padding: 8px;\n align-items: center;\n transition: transform 0.3s ease;\n}\n.ff-accordion .accordion-header .accordion-arrow.expanded {\n transform: rotate(180deg);\n}\n.ff-accordion .accordion-header .accordion-arrow:hover {\n color: var(--tooltip-bg-color);\n}\n.ff-accordion .accordion-header.expanded {\n background-color: var(--hover-color);\n border-bottom: 1px solid var(--hover-color);\n}\n.ff-accordion .accordion-header:hover {\n background-color: var(--hover-color);\n}\n.ff-accordion .accordion-content {\n padding: 4px;\n}";
575
- styleInject(css_248z$I);
618
+ var css_248z$O = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-accordion {\n border: 1px solid var(--border-color);\n border-radius: 4px;\n min-width: fit-content;\n}\n.ff-accordion .accordion-header {\n display: flex;\n justify-content: space-between;\n min-height: 32px;\n}\n.ff-accordion .accordion-header .header-title {\n padding: 8px;\n}\n.ff-accordion .accordion-header .accordion-arrow {\n display: flex;\n padding: 8px;\n align-items: center;\n transition: transform 0.3s ease;\n}\n.ff-accordion .accordion-header .accordion-arrow.expanded {\n transform: rotate(180deg);\n}\n.ff-accordion .accordion-header .accordion-arrow:hover {\n color: var(--tooltip-bg-color);\n}\n.ff-accordion .accordion-header.expanded {\n background-color: var(--hover-color);\n border-bottom: 1px solid var(--hover-color);\n}\n.ff-accordion .accordion-header:hover {\n background-color: var(--hover-color);\n}\n.ff-accordion .accordion-content {\n padding: 4px;\n}";
619
+ styleInject(css_248z$O);
576
620
 
577
- var css_248z$H = "";
578
- styleInject(css_248z$H);
621
+ var css_248z$N = "";
622
+ styleInject(css_248z$N);
579
623
 
580
- var css_248z$G = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-tooltip {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tooltip-container {\n cursor: auto;\n display: inline-block;\n}\n\n.ff-tooltip {\n position: fixed;\n width: max-content;\n max-width: 60vw;\n word-wrap: break-word;\n background-color: var(--tooltip-bg-color);\n line-height: 18px;\n color: var(--tooltip-text-color);\n text-align: center;\n border-radius: 5px;\n padding: 6px 12px;\n opacity: 0;\n}\n.ff-tooltip--visible {\n opacity: 1;\n transition: opacity 0.3s;\n}";
581
- styleInject(css_248z$G);
624
+ var css_248z$M = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-tooltip {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tooltip-container {\n cursor: auto;\n display: inline-block;\n}\n\n.ff-tooltip {\n position: fixed;\n width: max-content;\n max-width: 60vw;\n word-wrap: break-word;\n background-color: var(--tooltip-bg-color);\n line-height: 18px;\n color: var(--tooltip-text-color);\n text-align: center;\n border-radius: 5px;\n padding: 6px 12px;\n opacity: 0;\n}\n.ff-tooltip--visible {\n opacity: 1;\n transition: opacity 0.3s;\n}";
625
+ styleInject(css_248z$M);
582
626
 
583
627
  const checkEmpty = value => {
584
628
  // Check for null or undefined
@@ -747,8 +791,8 @@ const Tooltip = ({
747
791
  });
748
792
  };
749
793
 
750
- var css_248z$F = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.ff-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n.ff-text--regular {\n font-weight: 400;\n}\n.ff-text--medium {\n font-weight: 500;\n}\n.ff-text--semi-bold {\n font-weight: 600;\n}\n.ff-text--bold {\n font-weight: 700;\n}";
751
- styleInject(css_248z$F);
794
+ var css_248z$L = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.ff-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n.ff-text--regular {\n font-weight: 400;\n}\n.ff-text--medium {\n font-weight: 500;\n}\n.ff-text--semi-bold {\n font-weight: 600;\n}\n.ff-text--bold {\n font-weight: 700;\n}";
795
+ styleInject(css_248z$L);
752
796
 
753
797
  const Typography = ({
754
798
  fontWeight = 'regular',
@@ -833,8 +877,8 @@ const Accordion = ({
833
877
  });
834
878
  };
835
879
 
836
- var css_248z$E = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label, .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-more-chip {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-multiselect-wrapper .ff-multiselect__main .active-default-label, .ff-multiselect-wrapper .error-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-multiselect-wrapper {\n box-sizing: border-box;\n transition: all 0.3s ease;\n cursor: pointer;\n position: relative;\n border: 1px solid var(--default-icon-color);\n border-radius: 8px;\n background: var(--drawer-footer-bg);\n min-width: 150px;\n width: 100%;\n height: 32px;\n}\n.ff-multiselect-wrapper .ff-multiselect {\n position: relative;\n padding: 6px;\n border: none;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-multiselect-wrapper .ff-multiselect__main {\n display: flex;\n flex: 1;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: Poppins;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n color: var(--default-icon-color);\n line-height: 18px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .active-default-label {\n font-family: Poppins;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n background-color: var(--multi-select-label-bg);\n line-height: 12px;\n color: var(--default-icon-color);\n padding: 0 4px;\n position: absolute;\n left: 8px;\n top: -6px;\n pointer-events: none;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 5px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n border: 0.5px solid #f1ebf2;\n padding: 0 1px 0 4px;\n gap: 4px;\n border-radius: 15px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n line-height: 14px;\n color: var(--tooltip-bg-color);\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-close-icon {\n cursor: pointer;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container {\n flex: 1;\n min-width: 20px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input {\n width: 100%;\n min-width: 30px;\n max-width: calc(100% - 0px);\n padding: 2px;\n box-sizing: border-box;\n border: none;\n font-size: 12px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input:focus {\n outline: none;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-more-chip {\n width: 1rem;\n font-weight: 600;\n line-height: 16px;\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow {\n transition: transform 0.3s ease;\n transform: rotate(360deg);\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow svg path {\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow--opened-dropdown {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.ff-multiselect-wrapper:hover {\n border: 1px solid var(--tooltip-bg-color);\n}\n.ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--tooltip-bg-color);\n}\n.ff-multiselect-wrapper:hover .ff-select-arrow svg path {\n fill: var(--tooltip-bg-color);\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper--with-options {\n height: fit-content;\n}\n.ff-multiselect-wrapper--opened-dropdown {\n border: 1px solid var(--brand-color);\n height: fit-content;\n cursor: default;\n}\n.ff-multiselect-wrapper--opened-dropdown .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper--opened-dropdown:hover {\n border: 1px solid var(--brand-color);\n}\n.ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper--error {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-wrapper--error .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-wrapper--error:hover {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-wrapper--disabled {\n pointer-events: none;\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled:hover {\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper--disabled:hover .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper--disabled .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n color: var(--text-color-light);\n}\n.ff-multiselect-wrapper .error-text {\n position: absolute;\n margin-top: 0.25rem;\n left: 12px;\n color: var(--error-light);\n letter-spacing: 0.5px;\n}";
837
- styleInject(css_248z$E);
880
+ var css_248z$K = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label, .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-more-chip {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-multiselect-wrapper .ff-multiselect__main .active-default-label, .ff-multiselect-wrapper .error-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-multiselect-wrapper {\n box-sizing: border-box;\n transition: all 0.3s ease;\n cursor: pointer;\n position: relative;\n border: 1px solid var(--default-icon-color);\n border-radius: 8px;\n background: var(--drawer-footer-bg);\n min-width: 150px;\n width: 100%;\n height: 32px;\n}\n.ff-multiselect-wrapper .ff-multiselect {\n position: relative;\n padding: 6px;\n border: none;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-multiselect-wrapper .ff-multiselect__main {\n display: flex;\n flex: 1;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .default-label {\n font-family: Poppins;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n color: var(--default-icon-color);\n line-height: 18px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .active-default-label {\n font-family: Poppins;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n background-color: var(--multi-select-label-bg);\n line-height: 12px;\n color: var(--default-icon-color);\n padding: 0 4px;\n position: absolute;\n left: 8px;\n top: -6px;\n pointer-events: none;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 5px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n border: 0.5px solid #f1ebf2;\n padding: 0 1px 0 4px;\n gap: 4px;\n border-radius: 15px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n line-height: 14px;\n color: var(--tooltip-bg-color);\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-close-icon {\n cursor: pointer;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container {\n flex: 1;\n min-width: 20px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input {\n width: 100%;\n min-width: 30px;\n max-width: calc(100% - 0px);\n padding: 2px;\n box-sizing: border-box;\n border: none;\n font-size: 12px;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input:focus {\n outline: none;\n}\n.ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-more-chip {\n width: 1rem;\n font-weight: 600;\n line-height: 16px;\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow {\n transition: transform 0.3s ease;\n transform: rotate(360deg);\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow svg path {\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow--opened-dropdown {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.ff-multiselect-wrapper:hover {\n border: 1px solid var(--tooltip-bg-color);\n}\n.ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--tooltip-bg-color);\n}\n.ff-multiselect-wrapper:hover .ff-select-arrow svg path {\n fill: var(--tooltip-bg-color);\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper--with-options {\n height: fit-content;\n}\n.ff-multiselect-wrapper--opened-dropdown {\n border: 1px solid var(--brand-color);\n height: fit-content;\n cursor: default;\n}\n.ff-multiselect-wrapper--opened-dropdown .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper--opened-dropdown:hover {\n border: 1px solid var(--brand-color);\n}\n.ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--brand-color);\n}\n.ff-multiselect-wrapper--error {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-wrapper--error .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-wrapper--error:hover {\n border: 1px solid var(--error-light);\n}\n.ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--error-light);\n}\n.ff-multiselect-wrapper--disabled {\n pointer-events: none;\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled:hover {\n border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n color: var(--multi-select-border);\n}\n.ff-multiselect-wrapper--disabled .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper--disabled:hover .ff-select-arrow svg path {\n fill: var(--multi-select-border);\n transition: all 0.3s ease;\n}\n.ff-multiselect-wrapper--disabled .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n color: var(--text-color-light);\n}\n.ff-multiselect-wrapper .error-text {\n position: absolute;\n margin-top: 0.25rem;\n left: 12px;\n color: var(--error-light);\n letter-spacing: 0.5px;\n}";
881
+ styleInject(css_248z$K);
838
882
 
839
883
  const dropdownDefaultCSSData$1 = {
840
884
  verticalMargin: 4,
@@ -842,8 +886,8 @@ const dropdownDefaultCSSData$1 = {
842
886
  maxDropdownHeight: 160
843
887
  };
844
888
 
845
- var css_248z$D = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-multiselect-dropdown-container .no-options, .ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-multiselect-dropdown-container {\n position: absolute;\n background: var(--drawer-footer-bg);\n z-index: 1000;\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n border: 0.5px solid var(--ff-select-option-border-color);\n border-radius: 4px;\n box-sizing: border-box;\n margin-block: 4px;\n max-height: 160px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper {\n max-height: 128px;\n overflow-y: auto;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 40px;\n border-radius: 12px 0px 0px 0px;\n background: var(--description-text);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-track {\n background: var(--ff-select-scroll-track-bg);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb {\n background: var(--ff-select-scroll-thumb-color);\n border-radius: 10px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb:hover {\n background: var(--ff-select-scroll-thumb-hover);\n}\n.ff-multiselect-dropdown-container .no-options {\n color: var(--pop-up-background-blur);\n text-align: center;\n margin: 0;\n padding: 10px;\n line-height: 12px;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n height: 32px;\n padding: 4px 8px;\n gap: 4px;\n border-radius: 4px 0px 0px 0px;\n background-color: white;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n color: var(--ff-select-text-color);\n}\n.ff-multiselect-dropdown-container .dropdown-option-container:hover {\n background-color: var(--hover-color);\n}\n.ff-multiselect-dropdown-container:focus {\n outline: none;\n}\n.ff-multiselect-dropdown-container .select-button-container {\n box-sizing: border-box;\n width: 100%;\n border-top: 1px solid var(--slider-table-color);\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n}";
846
- styleInject(css_248z$D);
889
+ var css_248z$J = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-multiselect-dropdown-container .no-options, .ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-multiselect-dropdown-container {\n position: absolute;\n background: var(--drawer-footer-bg);\n z-index: 1000;\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n border: 0.5px solid var(--ff-select-option-border-color);\n border-radius: 4px;\n box-sizing: border-box;\n margin-block: 4px;\n max-height: 160px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper {\n max-height: 128px;\n overflow-y: auto;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 40px;\n border-radius: 12px 0px 0px 0px;\n background: var(--description-text);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-track {\n background: var(--ff-select-scroll-track-bg);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb {\n background: var(--ff-select-scroll-thumb-color);\n border-radius: 10px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb:hover {\n background: var(--ff-select-scroll-thumb-hover);\n}\n.ff-multiselect-dropdown-container .no-options {\n color: var(--pop-up-background-blur);\n text-align: center;\n margin: 0;\n padding: 10px;\n line-height: 12px;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n height: 32px;\n padding: 4px 8px;\n gap: 4px;\n border-radius: 4px 0px 0px 0px;\n background-color: white;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n color: var(--ff-select-text-color);\n}\n.ff-multiselect-dropdown-container .dropdown-option-container:hover {\n background-color: var(--hover-color);\n}\n.ff-multiselect-dropdown-container:focus {\n outline: none;\n}\n.ff-multiselect-dropdown-container .select-button-container {\n box-sizing: border-box;\n width: 100%;\n border-top: 1px solid var(--slider-table-color);\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n}";
890
+ styleInject(css_248z$J);
847
891
 
848
892
  const Dropdown$2 = /*#__PURE__*/forwardRef(({
849
893
  options,
@@ -1182,8 +1226,8 @@ const MultiSelect = ({
1182
1226
  });
1183
1227
  };
1184
1228
 
1185
- var css_248z$C = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-toaster-overlay {\n position: fixed;\n bottom: 0;\n right: 0;\n width: 100%;\n height: 100%;\n display: flex;\n pointer-events: none;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.ff-toaster-overlay .ff-toaster {\n background-color: var(--drawer-footer-bg);\n display: flex;\n border-radius: 10px;\n margin: 16px;\n pointer-events: auto;\n min-width: 320px;\n max-width: 600px;\n gap: 8px;\n box-shadow: 0px 1px 4px 0px var(--toaster-boxshadow);\n animation: slideInToasterBottomRight 0.5s forwards;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container {\n padding: 8px;\n display: flex;\n border-radius: 10px;\n gap: 8px;\n width: 100%;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 8px;\n padding: 1px;\n -webkit-mask: linear-gradient(var(--drawer-footer-bg) 0 0) content-box, linear-gradient(var(--drawer-footer-bg) 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n z-index: -1;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n gap: 4px;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__title {\n max-width: 500px;\n word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__message {\n max-width: 500px;\n word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__prompt {\n margin-top: 4px;\n display: flex;\n gap: 10px;\n}\n.ff-toaster-overlay .ff-toaster--success::before {\n background: var(--toaster-success-border);\n}\n.ff-toaster-overlay .ff-toaster--warning::before {\n background: var(--toaster-warning-border);\n}\n.ff-toaster-overlay .ff-toaster--info::before {\n background: var(--toaster-info-border);\n}\n.ff-toaster-overlay .ff-toaster--danger::before, .ff-toaster-overlay .ff-toaster--confirm::before {\n background: var(--toaster-danger_confirm-border);\n}\n.ff-toaster-overlay .ff-toaster .ff-close-icon-wrapper {\n box-sizing: border-box;\n cursor: pointer;\n height: fit-content;\n width: fit-content;\n border-radius: 8px;\n padding: 8px;\n background: var(--toast-close-icon-wrapper-bg);\n margin-left: auto;\n}\n.ff-toaster-overlay.exiting {\n animation: slideOutToasterBottomRight 0.5s forwards;\n}\n\n@keyframes slideOutToasterBottomRight {\n from {\n transform: translateX(0%);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes slideInToasterBottomRight {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0%);\n }\n}\n.fireflink-stories-toaster-container .fireflink-stories-toaster-container-row {\n display: flex;\n gap: 5px;\n margin: 15px;\n}";
1186
- styleInject(css_248z$C);
1229
+ var css_248z$I = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-toaster-overlay {\n position: fixed;\n bottom: 0;\n right: 0;\n width: 100%;\n height: 100%;\n display: flex;\n pointer-events: none;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.ff-toaster-overlay .ff-toaster {\n background-color: var(--drawer-footer-bg);\n display: flex;\n border-radius: 10px;\n margin: 16px;\n pointer-events: auto;\n min-width: 320px;\n max-width: 600px;\n gap: 8px;\n box-shadow: 0px 1px 4px 0px var(--toaster-boxshadow);\n animation: slideInToasterBottomRight 0.5s forwards;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container {\n padding: 8px;\n display: flex;\n border-radius: 10px;\n gap: 8px;\n width: 100%;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 8px;\n padding: 1px;\n -webkit-mask: linear-gradient(var(--drawer-footer-bg) 0 0) content-box, linear-gradient(var(--drawer-footer-bg) 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n z-index: -1;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n gap: 4px;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__title {\n max-width: 500px;\n word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__message {\n max-width: 500px;\n word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__prompt {\n margin-top: 4px;\n display: flex;\n gap: 10px;\n}\n.ff-toaster-overlay .ff-toaster--success::before {\n background: var(--toaster-success-border);\n}\n.ff-toaster-overlay .ff-toaster--warning::before {\n background: var(--toaster-warning-border);\n}\n.ff-toaster-overlay .ff-toaster--info::before {\n background: var(--toaster-info-border);\n}\n.ff-toaster-overlay .ff-toaster--danger::before, .ff-toaster-overlay .ff-toaster--confirm::before {\n background: var(--toaster-danger_confirm-border);\n}\n.ff-toaster-overlay .ff-toaster .ff-close-icon-wrapper {\n box-sizing: border-box;\n cursor: pointer;\n height: fit-content;\n width: fit-content;\n border-radius: 8px;\n padding: 8px;\n background: var(--toast-close-icon-wrapper-bg);\n margin-left: auto;\n}\n.ff-toaster-overlay.exiting {\n animation: slideOutToasterBottomRight 0.5s forwards;\n}\n\n@keyframes slideOutToasterBottomRight {\n from {\n transform: translateX(0%);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes slideInToasterBottomRight {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0%);\n }\n}\n.fireflink-stories-toaster-container .fireflink-stories-toaster-container-row {\n display: flex;\n gap: 5px;\n margin: 15px;\n}";
1230
+ styleInject(css_248z$I);
1187
1231
 
1188
1232
  const Toaster = ({
1189
1233
  isOpen = false,
@@ -1291,8 +1335,8 @@ const Toaster = ({
1291
1335
  }), document.body);
1292
1336
  };
1293
1337
 
1294
- var css_248z$B = "/* Container */\n.ff-container {\n margin-right: auto;\n margin-left: auto;\n width: 90%;\n display: grid;\n}\n\n.ff-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n display: grid;\n}\n\n/* Row */\n.ff-row {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n}\n\n/* Column sizes based on a 12-column layout */\n.ff-col {\n grid-column: span 12;\n}\n\n.ff-col-1 {\n grid-column: span 1;\n}\n\n.ff-col-2 {\n grid-column: span 2;\n}\n\n.ff-col-3 {\n grid-column: span 3;\n}\n\n.ff-col-4 {\n grid-column: span 4;\n}\n\n.ff-col-5 {\n grid-column: span 5;\n}\n\n.ff-col-6 {\n grid-column: span 6;\n}\n\n.ff-col-7 {\n grid-column: span 7;\n}\n\n.ff-col-8 {\n grid-column: span 8;\n}\n\n.ff-col-9 {\n grid-column: span 9;\n}\n\n.ff-col-10 {\n grid-column: span 10;\n}\n\n.ff-col-11 {\n grid-column: span 11;\n}\n\n.ff-col-12 {\n grid-column: span 12;\n}\n\n@media (max-width: 768px) {\n /* Stacking columns on small screens */\n .ff-col {\n grid-column: span 12;\n }\n}";
1295
- styleInject(css_248z$B);
1338
+ var css_248z$H = "/* Container */\n.ff-container {\n margin-right: auto;\n margin-left: auto;\n width: 90%;\n display: grid;\n}\n\n.ff-container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n display: grid;\n}\n\n/* Row */\n.ff-row {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n}\n\n/* Column sizes based on a 12-column layout */\n.ff-col {\n grid-column: span 12;\n}\n\n.ff-col-1 {\n grid-column: span 1;\n}\n\n.ff-col-2 {\n grid-column: span 2;\n}\n\n.ff-col-3 {\n grid-column: span 3;\n}\n\n.ff-col-4 {\n grid-column: span 4;\n}\n\n.ff-col-5 {\n grid-column: span 5;\n}\n\n.ff-col-6 {\n grid-column: span 6;\n}\n\n.ff-col-7 {\n grid-column: span 7;\n}\n\n.ff-col-8 {\n grid-column: span 8;\n}\n\n.ff-col-9 {\n grid-column: span 9;\n}\n\n.ff-col-10 {\n grid-column: span 10;\n}\n\n.ff-col-11 {\n grid-column: span 11;\n}\n\n.ff-col-12 {\n grid-column: span 12;\n}\n\n@media (max-width: 768px) {\n /* Stacking columns on small screens */\n .ff-col {\n grid-column: span 12;\n }\n}";
1339
+ styleInject(css_248z$H);
1296
1340
 
1297
1341
  const Container = ({
1298
1342
  children,
@@ -1315,7 +1359,7 @@ const Row = ({
1315
1359
  className = ''
1316
1360
  }) => {
1317
1361
  return jsx("div", {
1318
- className: classNames("ff-row", className),
1362
+ className: classNames('ff-row', className),
1319
1363
  style: {
1320
1364
  gap
1321
1365
  },
@@ -1334,8 +1378,8 @@ const Col = ({
1334
1378
  });
1335
1379
  };
1336
1380
 
1337
- var css_248z$A = ".ff--switch-container {\n position: relative;\n display: flex;\n align-items: center;\n}\n.ff--switch-container .ff--switch-checkbox {\n height: 0;\n width: 0;\n display: none;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button {\n right: -1px;\n border: 1px solid var(--brand-color);\n background: var(--toggle-button-bg-color);\n transition: all 0.3s;\n box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button .ff-checked-icon--primary svg path {\n fill: var(--brand-color);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label--primary {\n background: var(--brand-color);\n transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label:disabled {\n cursor: default;\n color: var(--disable-color);\n background: var(--disable-color);\n}\n.ff--switch-container .ff--switch-checkbox:disabled {\n cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n border-radius: 8px;\n position: relative;\n background: var(--toggle-strip-color);\n transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-label--disabled {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button {\n position: absolute;\n left: 0;\n border: 1px solid var(--toggle-strip-color);\n display: flex;\n background: var(--toggle-button-bg-color);\n border-radius: 50%;\n box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n transition: all 0.3s;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button .ff-unchecked-icon--primary svg path {\n fill: var(--toggle-disable-icon-color);\n}\n.ff--switch-container .default--small {\n width: 24px;\n height: 10px;\n}\n.ff--switch-container .default--small .ff--switch-button {\n width: 16px;\n height: 16px;\n transform: translateX(0);\n}\n.ff--switch-container .default--small .ff--switch-button.checked {\n transform: translateX(10px);\n}\n.ff--switch-container .default--medium {\n width: 32px;\n height: 14px;\n}\n.ff--switch-container .default--medium .ff--switch-button {\n width: 20px;\n height: 20px;\n transform: translateX(0);\n}\n.ff--switch-container .default--medium .ff--switch-button.checked {\n transform: translateX(14px);\n}\n.ff--switch-container .default--large {\n width: 40px;\n height: 16px;\n}\n.ff--switch-container .default--large .ff--switch-button {\n width: 24px;\n height: 24px;\n transform: translateX(0);\n}\n.ff--switch-container .default--large .ff--switch-button.checked {\n transform: translateX(16px);\n}";
1338
- styleInject(css_248z$A);
1381
+ var css_248z$G = ".ff--switch-container {\n position: relative;\n display: flex;\n align-items: center;\n}\n.ff--switch-container .ff--switch-checkbox {\n height: 0;\n width: 0;\n display: none;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button {\n right: -1px;\n border: 1px solid var(--brand-color);\n background: var(--toggle-button-bg-color);\n transition: all 0.3s;\n box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button .ff-checked-icon--primary svg path {\n fill: var(--brand-color);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label--primary {\n background: var(--brand-color);\n transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label:disabled {\n cursor: default;\n color: var(--disable-color);\n background: var(--disable-color);\n}\n.ff--switch-container .ff--switch-checkbox:disabled {\n cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n border-radius: 8px;\n position: relative;\n background: var(--toggle-strip-color);\n transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-label--disabled {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button {\n position: absolute;\n left: 0;\n border: 1px solid var(--toggle-strip-color);\n display: flex;\n background: var(--toggle-button-bg-color);\n border-radius: 50%;\n box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n transition: all 0.3s;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button .ff-unchecked-icon--primary svg path {\n fill: var(--toggle-disable-icon-color);\n}\n.ff--switch-container .default--small {\n width: 24px;\n height: 10px;\n}\n.ff--switch-container .default--small .ff--switch-button {\n width: 16px;\n height: 16px;\n transform: translateX(0);\n}\n.ff--switch-container .default--small .ff--switch-button.checked {\n transform: translateX(10px);\n}\n.ff--switch-container .default--medium {\n width: 32px;\n height: 14px;\n}\n.ff--switch-container .default--medium .ff--switch-button {\n width: 20px;\n height: 20px;\n transform: translateX(0);\n}\n.ff--switch-container .default--medium .ff--switch-button.checked {\n transform: translateX(14px);\n}\n.ff--switch-container .default--large {\n width: 40px;\n height: 16px;\n}\n.ff--switch-container .default--large .ff--switch-button {\n width: 24px;\n height: 24px;\n transform: translateX(0);\n}\n.ff--switch-container .default--large .ff--switch-button.checked {\n transform: translateX(16px);\n}";
1382
+ styleInject(css_248z$G);
1339
1383
 
1340
1384
  const Toggle = ({
1341
1385
  onChange,
@@ -1413,8 +1457,8 @@ const Toggle = ({
1413
1457
  });
1414
1458
  };
1415
1459
 
1416
- var css_248z$z = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color:#d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight:#f5fb00;\n --slider-table-color: #efe1f9;\n}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-chip-wrapper .ff-default-chip-style {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-chip-wrapper .ff-default-chip-style--custom {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-chip-wrapper {\n display: inline-flex;\n margin: 5px;\n justify-content: center;\n align-items: center;\n}\n.ff-chip-wrapper .ff-default-chip-style {\n display: flex;\n align-items: center;\n justify-content: space-around;\n width: fit-content;\n gap: 5px;\n height: 17px;\n border-radius: 25px;\n padding: 1px 6px;\n line-height: 15px;\n border: none;\n transition: transform 0.5s ease, box-shadow 0.5s ease, padding 1s ease;\n box-shadow: 1px 1px 3px 0px #575757 inset, -1px -1px 2px 0px #ffffff inset, 1px -1px 2px 0px #575757 inset, -1px -1px 2px 0px #575757, 1px 1px 2px 0px #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--fullText:hover {\n box-shadow: 1px 1px 6px 0px #575757 inset, -1px -1px 4px 0px #ffffff inset;\n padding-right: 12px;\n}\n.ff-chip-wrapper .ff-default-chip-style--primary {\n background-color: #f9d5ff;\n color: #ffffff;\n color: #1e161f;\n}\n.ff-chip-wrapper .ff-default-chip-style--success {\n background-color: #079455;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--error {\n background-color: #e42525;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--warning {\n background-color: #f79009;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--custom {\n background: rgba(97, 11, 134, 0.1019607843);\n color: #610b86;\n padding: 2px 8px;\n border-radius: 12px;\n cursor: pointer;\n white-space: nowrap;\n box-shadow: none;\n transition: background-color 0.3s ease, color 0.3s ease;\n}\n.ff-chip-wrapper .ff-default-chip-style--custom:hover {\n background-color: #610b86;\n color: #fdfaff;\n}";
1417
- styleInject(css_248z$z);
1460
+ var css_248z$F = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color: #d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight: #f5fb00;\n --slider-table-color: #efe1f9;\n --button-close-color: button-close-color;\n --button-bg-color: button-bg-color;\n}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-chip-wrapper .ff-default-chip-style {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-chip-wrapper .ff-default-chip-style--custom {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-chip-wrapper {\n display: inline-flex;\n margin: 5px;\n justify-content: center;\n align-items: center;\n}\n.ff-chip-wrapper .ff-default-chip-style {\n display: flex;\n align-items: center;\n justify-content: space-around;\n width: fit-content;\n gap: 5px;\n height: 17px;\n border-radius: 25px;\n padding: 1px 6px;\n line-height: 15px;\n border: none;\n transition: transform 0.5s ease, box-shadow 0.5s ease, padding 1s ease;\n box-shadow: 1px 1px 3px 0px #575757 inset, -1px -1px 2px 0px #ffffff inset, 1px -1px 2px 0px #575757 inset, -1px -1px 2px 0px #575757, 1px 1px 2px 0px #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--fullText:hover {\n box-shadow: 1px 1px 6px 0px #575757 inset, -1px -1px 4px 0px #ffffff inset;\n padding-right: 12px;\n}\n.ff-chip-wrapper .ff-default-chip-style--primary {\n background-color: #f9d5ff;\n color: #ffffff;\n color: #1e161f;\n}\n.ff-chip-wrapper .ff-default-chip-style--success {\n background-color: #079455;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--error {\n background-color: #e42525;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--warning {\n background-color: #f79009;\n color: #ffffff;\n}\n.ff-chip-wrapper .ff-default-chip-style--custom {\n background: rgba(97, 11, 134, 0.1019607843);\n color: #610b86;\n padding: 2px 8px;\n border-radius: 12px;\n cursor: pointer;\n white-space: nowrap;\n box-shadow: none;\n transition: background-color 0.3s ease, color 0.3s ease;\n}\n.ff-chip-wrapper .ff-default-chip-style--custom:hover {\n background-color: #610b86;\n color: #fdfaff;\n}";
1461
+ styleInject(css_248z$F);
1418
1462
 
1419
1463
  const Chip = ({
1420
1464
  label = '',
@@ -1443,8 +1487,8 @@ const Chip = ({
1443
1487
  });
1444
1488
  };
1445
1489
 
1446
- var css_248z$y = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-input-container:focus-within .ff-input-label-container, .ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder, .ff-input-container .ff-input-message, .ff-input-container--float .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-input-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n padding: 6px 8px;\n border: 1px solid var(--input-default-border-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n}\n.ff-input-container .ff-input:disabled, .ff-input-container .ff-input-label-container:disabled {\n cursor: not-allowed;\n}\n.ff-input-container .ff-input::placeholder, .ff-input-container .ff-input-label-container::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-input-container .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input--transparentBackground {\n background: transparent;\n}\n.ff-input-container .ff-input--no-border {\n border: none;\n}\n.ff-input-container .ff-input-label-container {\n display: flex;\n gap: 2px;\n position: absolute;\n border: none;\n outline: none;\n line-height: 18px;\n margin-top: 1px;\n transition: all 0.3s ease-in-out;\n}\n.ff-input-container .ff-input-label-container .ff-input-label {\n color: var(--input-default-label-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--disabled {\n color: var(--input-default-border-color);\n background-color: var(--input-label-bg-color);\n}\n.ff-input-container .ff-input-label-container .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-container:hover .ff-input-label--no-hover {\n color: var(--input-default-label-color);\n}\n.ff-input-container:hover .ff-input-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input, .ff-input-container:hover .ff-input-label-container {\n border-color: var(--input-hover-border-color);\n}\n.ff-input-container:hover .ff-input--no-hover {\n border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input-label-container {\n top: -6px;\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-container:focus-within .ff-input-label--primary {\n color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input--primary {\n border-color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-input-container .ff-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-input-container .ff-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container--float .ff-input-label-container {\n top: -6px;\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-container--float--disabled {\n cursor: not-allowed;\n}\n.ff-input-container--float--disabled .ff-input-label-container {\n cursor: not-allowed;\n}";
1447
- styleInject(css_248z$y);
1490
+ var css_248z$E = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-input-container:focus-within .ff-input-label-container, .ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder, .ff-input-container .ff-input-message, .ff-input-container--float .ff-input-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-input-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n padding: 6px 8px;\n border: 1px solid var(--input-default-border-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n}\n.ff-input-container .ff-input:disabled, .ff-input-container .ff-input-label-container:disabled {\n cursor: not-allowed;\n}\n.ff-input-container .ff-input::placeholder, .ff-input-container .ff-input-label-container::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-input-container .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input--transparentBackground {\n background: transparent;\n}\n.ff-input-container .ff-input--no-border {\n border: none;\n}\n.ff-input-container .ff-input-label-container {\n display: flex;\n gap: 2px;\n position: absolute;\n border: none;\n outline: none;\n line-height: 18px;\n margin-top: 1px;\n transition: all 0.3s ease-in-out;\n}\n.ff-input-container .ff-input-label-container .ff-input-label {\n color: var(--input-default-label-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--disabled {\n color: var(--input-default-border-color);\n background-color: var(--input-label-bg-color);\n}\n.ff-input-container .ff-input-label-container .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-container:hover .ff-input-label--no-hover {\n color: var(--input-default-label-color);\n}\n.ff-input-container:hover .ff-input-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input, .ff-input-container:hover .ff-input-label-container {\n border-color: var(--input-hover-border-color);\n}\n.ff-input-container:hover .ff-input--no-hover {\n border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--disabled {\n background: transparent;\n border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input-label-container {\n top: -6px;\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-container:focus-within .ff-input-label--primary {\n color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input--primary {\n border-color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input--danger {\n border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-input-container .ff-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-input-container .ff-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-input-container--float .ff-input-label-container {\n top: -6px;\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.ff-input-container--float--disabled {\n cursor: not-allowed;\n}\n.ff-input-container--float--disabled .ff-input-label-container {\n cursor: not-allowed;\n}";
1491
+ styleInject(css_248z$E);
1448
1492
 
1449
1493
  const Input = ({
1450
1494
  type = 'text',
@@ -1521,8 +1565,8 @@ const Input = ({
1521
1565
  });
1522
1566
  };
1523
1567
 
1524
- var css_248z$x = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-radial-chart-container svg text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-radial-chart-container {\n cursor: pointer;\n}\n.ff-radial-chart-container svg text {\n font-size: var(--fontSize) !important;\n font-weight: 400;\n}";
1525
- styleInject(css_248z$x);
1568
+ var css_248z$D = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-radial-chart-container svg text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-radial-chart-container {\n cursor: pointer;\n}\n.ff-radial-chart-container svg text {\n font-size: var(--fontSize) !important;\n font-weight: 400;\n}";
1569
+ styleInject(css_248z$D);
1526
1570
 
1527
1571
  const useColorMappings$1 = () => useMemo(() => {
1528
1572
  return {
@@ -1664,8 +1708,8 @@ const RadialChart = ({
1664
1708
  });
1665
1709
  };
1666
1710
 
1667
- var css_248z$w = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-expandable-chip-menu--medium, .ff-expandable-chip-menu .ff-sub-chip--medium {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-expandable-chip-menu {\n display: inline-flex;\n gap: 16px;\n align-items: center;\n border-radius: 16px;\n cursor: pointer;\n overflow: hidden;\n width: auto;\n padding: 4px 8px;\n transition: all 0.3s ease;\n}\n.ff-expandable-chip-menu--primary {\n border: 0.5px solid var(--brand-color);\n background-color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-label-chip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n white-space: nowrap;\n padding: 2px 0;\n}\n.ff-expandable-chip-menu .ff-label-chip .arrow-icon {\n height: 14px;\n width: 14px;\n display: grid;\n place-items: center;\n}\n.ff-expandable-chip-menu .ff-label-chip--primary {\n color: var(--brand-color);\n}\n.ff-expandable-chip-menu--disabled {\n opacity: 0.5;\n}\n.ff-expandable-chip-menu--disabled:disabled {\n pointer-events: none;\n}\n.ff-expandable-chip-menu--medium {\n line-height: 18px;\n}\n.ff-expandable-chip-menu .ff-sub-chips {\n display: flex;\n gap: 8px;\n max-width: 500px;\n overflow-x: auto;\n -ms-overflow-style: none;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.3s ease, opacity 0.3s ease;\n opacity: 0;\n}\n.ff-expandable-chip-menu .ff-sub-chips::-webkit-scrollbar {\n display: none;\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chips {\n transform: scaleX(1);\n opacity: 1;\n}\n.ff-expandable-chip-menu .ff-sub-chip {\n padding: 2px 8px;\n border-radius: 12px;\n white-space: nowrap;\n transition: background-color 0.3s ease, color 0.3s ease;\n opacity: 0;\n transform: translateX(-10px);\n animation: fadeIn 0.5s ease forwards;\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary {\n background: var(--expandable-menu-option-bg);\n color: var(--brand-color);\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary:hover, .ff-expandable-chip-menu .ff-sub-chip--primary.selected {\n background-color: var(--brand-color);\n color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-sub-chip--medium {\n line-height: 18px;\n}\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n transform: translateX(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chip {\n animation: fadeIn 0.5s ease forwards;\n}";
1668
- styleInject(css_248z$w);
1711
+ var css_248z$C = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-expandable-chip-menu--medium, .ff-expandable-chip-menu .ff-sub-chip--medium {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-expandable-chip-menu {\n display: inline-flex;\n gap: 16px;\n align-items: center;\n border-radius: 16px;\n cursor: pointer;\n overflow: hidden;\n width: auto;\n padding: 4px 8px;\n transition: all 0.3s ease;\n}\n.ff-expandable-chip-menu--primary {\n border: 0.5px solid var(--brand-color);\n background-color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-label-chip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n white-space: nowrap;\n padding: 2px 0;\n}\n.ff-expandable-chip-menu .ff-label-chip .arrow-icon {\n height: 14px;\n width: 14px;\n display: grid;\n place-items: center;\n}\n.ff-expandable-chip-menu .ff-label-chip--primary {\n color: var(--brand-color);\n}\n.ff-expandable-chip-menu--disabled {\n opacity: 0.5;\n}\n.ff-expandable-chip-menu--disabled:disabled {\n pointer-events: none;\n}\n.ff-expandable-chip-menu--medium {\n line-height: 18px;\n}\n.ff-expandable-chip-menu .ff-sub-chips {\n display: flex;\n gap: 8px;\n max-width: 500px;\n overflow-x: auto;\n -ms-overflow-style: none;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.3s ease, opacity 0.3s ease;\n opacity: 0;\n}\n.ff-expandable-chip-menu .ff-sub-chips::-webkit-scrollbar {\n display: none;\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chips {\n transform: scaleX(1);\n opacity: 1;\n}\n.ff-expandable-chip-menu .ff-sub-chip {\n padding: 2px 8px;\n border-radius: 12px;\n white-space: nowrap;\n transition: background-color 0.3s ease, color 0.3s ease;\n opacity: 0;\n transform: translateX(-10px);\n animation: fadeIn 0.5s ease forwards;\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary {\n background: var(--expandable-menu-option-bg);\n color: var(--brand-color);\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary:hover, .ff-expandable-chip-menu .ff-sub-chip--primary.selected {\n background-color: var(--brand-color);\n color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-sub-chip--medium {\n line-height: 18px;\n}\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n transform: translateX(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chip {\n animation: fadeIn 0.5s ease forwards;\n}";
1712
+ styleInject(css_248z$C);
1669
1713
 
1670
1714
  const ExpandableMenu = ({
1671
1715
  label = '',
@@ -1754,8 +1798,8 @@ const useClickOutside = (ref, callback, ignoreRefs = []) => {
1754
1798
  }, [ref, callback, ignoreRefs]);
1755
1799
  };
1756
1800
 
1757
- var css_248z$v = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-select-dropdown-wrapper .ff-select-options-wrapper {\n max-height: 160px;\n z-index: 100;\n position: absolute;\n min-width: 100px;\n border: 1px solid var(--ff-select-option-border-color);\n box-sizing: border-box;\n margin-top: 4px;\n border-radius: 4px;\n background-color: var(--ff-select-background-color);\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n overflow: hidden auto;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar-track {\n background-color: transparent;\n border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-option {\n width: calc(100% - 18px);\n border: 1px solid transparent;\n border-radius: 4px;\n padding: 0px 8px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-option:hover {\n border-color: var(--ff-select-background-color);\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-no-option {\n width: calc(100% - 16px);\n margin: 0;\n overflow: hidden;\n padding: 0px 8px;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: not-allowed;\n}";
1758
- styleInject(css_248z$v);
1801
+ var css_248z$B = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-select-dropdown-wrapper .ff-select-options-wrapper {\n max-height: 160px;\n z-index: 100;\n position: absolute;\n min-width: 100px;\n border: 1px solid var(--ff-select-option-border-color);\n box-sizing: border-box;\n margin-top: 4px;\n border-radius: 4px;\n background-color: var(--ff-select-background-color);\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n overflow: hidden auto;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper::-webkit-scrollbar-track {\n background-color: transparent;\n border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-option {\n width: calc(100% - 18px);\n border: 1px solid transparent;\n border-radius: 4px;\n padding: 0px 8px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-option:hover {\n border-color: var(--ff-select-background-color);\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-select-dropdown-wrapper .ff-select-options-wrapper .ff-select-no-option {\n width: calc(100% - 16px);\n margin: 0;\n overflow: hidden;\n padding: 0px 8px;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: not-allowed;\n}";
1802
+ styleInject(css_248z$B);
1759
1803
 
1760
1804
  const ffid = () => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, char => ((char === 'x' ? Math.random() * 16 : Math.random() * 16 & 0x3 | 0x8) | 0).toString(16));
1761
1805
 
@@ -1833,8 +1877,8 @@ const Dropdown$1 = ({
1833
1877
  });
1834
1878
  };
1835
1879
 
1836
- var css_248z$u = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-select-wrapper .ff-select, .ff-select-wrapper .ff-select-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-select-wrapper .ff-select-fieldset .ff-select-legend, .ff-select-wrapper .ff-select-label--active {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-select-wrapper {\n position: relative;\n}\n.ff-select-wrapper .ff-select {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n min-height: 32px;\n min-width: 100px;\n display: flex;\n align-items: end;\n position: relative;\n}\n.ff-select-wrapper .ff-select-fieldset {\n margin: 0;\n padding: 25px 0px 0px 8px;\n border: 1px solid transparent;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n border-radius: 4px;\n display: block;\n}\n.ff-select-wrapper .ff-select-fieldset--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-select-wrapper .ff-select-fieldset--no-label {\n padding: 30px 0px 0px 8px;\n}\n.ff-select-wrapper .ff-select-fieldset--default {\n opacity: 0;\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-fieldset--active {\n opacity: 1;\n border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select-fieldset--option {\n opacity: 1;\n}\n.ff-select-wrapper .ff-select-fieldset--no-border {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-fieldset--error {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend {\n padding: 0 2px;\n letter-spacing: 0.5px;\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--active {\n transition: opacity 0.25s ease-out, transform 0.25s ease-out, font-size 0.25s ease-out, padding 0.25s ease-out;\n opacity: 1;\n color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--option {\n opacity: 1;\n color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--error {\n color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--required {\n margin-right: 2px;\n}\n.ff-select-wrapper .ff-select-input {\n position: absolute;\n top: 6px;\n right: auto;\n bottom: auto;\n left: auto;\n width: calc(100% - 38px);\n min-height: calc(100% - 8px);\n padding: 0 28px 0 8px;\n border-radius: 4px;\n border: 1px solid transparent;\n z-index: 100;\n background: transparent;\n outline: none;\n color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input:hover ~ .ff-select-label {\n color: var(--ff-select-text-hover-color);\n}\n.ff-select-wrapper .ff-select-input--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-select-wrapper .ff-select-input--default {\n opacity: 1;\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover {\n border-color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover ~ .ff-select-fieldset--option {\n border-color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover ~ .ff-select-fieldset--option .ff-select-legend--option {\n color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--no-label {\n min-height: calc(100% - 2px);\n margin-top: 0px;\n top: 0px;\n}\n.ff-select-wrapper .ff-select-input--active {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--active:hover {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border {\n border: none;\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border:hover {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border:hover ~ .ff-select-fieldset--no-border {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--disable {\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--disable:hover {\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--disable:hover ~ .ff-select-label--default {\n color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select-input--error {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-input--error:hover {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-label {\n position: absolute;\n top: 13px;\n right: auto;\n bottom: auto;\n left: 8px;\n z-index: 1;\n font-size: 12px;\n top: 60%;\n padding-left: 8px;\n}\n.ff-select-wrapper .ff-select-label--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 1;\n color: var(--ff-select-default-color);\n transform: translateY(-50%);\n}\n.ff-select-wrapper .ff-select-label--active {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n transform: translateY(-150%);\n padding: 0 6px;\n}\n.ff-select-wrapper .ff-select-label--required {\n margin-right: 2px;\n}\n.ff-select-wrapper .ff-select-arrow {\n position: absolute;\n top: 60%;\n height: 100%;\n right: 10px;\n transform: rotateX(180deg) translateY(50%);\n cursor: pointer;\n}\n.ff-select-wrapper .ff-select-arrow--no-label {\n top: 50%;\n}\n.ff-select-wrapper .ff-select-arrow--down {\n transform: rotateX(0deg) translateY(-50%);\n z-index: 101;\n}\n.ff-select-wrapper-error-text {\n position: absolute;\n top: auto;\n right: auto;\n bottom: -14px;\n left: 12px;\n white-space: nowrap;\n}";
1837
- styleInject(css_248z$u);
1880
+ var css_248z$A = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-select-wrapper .ff-select, .ff-select-wrapper .ff-select-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-select-wrapper .ff-select-fieldset .ff-select-legend, .ff-select-wrapper .ff-select-label--active {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-select-wrapper {\n position: relative;\n}\n.ff-select-wrapper .ff-select {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n min-height: 32px;\n min-width: 100px;\n display: flex;\n align-items: end;\n position: relative;\n}\n.ff-select-wrapper .ff-select-fieldset {\n margin: 0;\n padding: 25px 0px 0px 8px;\n border: 1px solid transparent;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n border-radius: 4px;\n display: block;\n}\n.ff-select-wrapper .ff-select-fieldset--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-select-wrapper .ff-select-fieldset--no-label {\n padding: 30px 0px 0px 8px;\n}\n.ff-select-wrapper .ff-select-fieldset--default {\n opacity: 0;\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-fieldset--active {\n opacity: 1;\n border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select-fieldset--option {\n opacity: 1;\n}\n.ff-select-wrapper .ff-select-fieldset--no-border {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-fieldset--error {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend {\n padding: 0 2px;\n letter-spacing: 0.5px;\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--active {\n transition: opacity 0.25s ease-out, transform 0.25s ease-out, font-size 0.25s ease-out, padding 0.25s ease-out;\n opacity: 1;\n color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--option {\n opacity: 1;\n color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--error {\n color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-fieldset .ff-select-legend--required {\n margin-right: 2px;\n}\n.ff-select-wrapper .ff-select-input {\n position: absolute;\n top: 6px;\n right: auto;\n bottom: auto;\n left: auto;\n width: calc(100% - 38px);\n min-height: calc(100% - 8px);\n padding: 0 28px 0 8px;\n border-radius: 4px;\n border: 1px solid transparent;\n z-index: 100;\n background: transparent;\n outline: none;\n color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input:hover ~ .ff-select-label {\n color: var(--ff-select-text-hover-color);\n}\n.ff-select-wrapper .ff-select-input--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-select-wrapper .ff-select-input--default {\n opacity: 1;\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover {\n border-color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover ~ .ff-select-fieldset--option {\n border-color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--default:hover ~ .ff-select-fieldset--option .ff-select-legend--option {\n color: var(--ff-select-text-color);\n}\n.ff-select-wrapper .ff-select-input--no-label {\n min-height: calc(100% - 2px);\n margin-top: 0px;\n top: 0px;\n}\n.ff-select-wrapper .ff-select-input--active {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--active:hover {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border {\n border: none;\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border:hover {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--no-border:hover ~ .ff-select-fieldset--no-border {\n border-color: transparent;\n}\n.ff-select-wrapper .ff-select-input--disable {\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--disable:hover {\n border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select-input--disable:hover ~ .ff-select-label--default {\n color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select-input--error {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-input--error:hover {\n border-color: var(--error-light);\n}\n.ff-select-wrapper .ff-select-label {\n position: absolute;\n top: 13px;\n right: auto;\n bottom: auto;\n left: 8px;\n z-index: 1;\n font-size: 12px;\n top: 60%;\n padding-left: 8px;\n}\n.ff-select-wrapper .ff-select-label--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 1;\n color: var(--ff-select-default-color);\n transform: translateY(-50%);\n}\n.ff-select-wrapper .ff-select-label--active {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n transform: translateY(-150%);\n padding: 0 6px;\n}\n.ff-select-wrapper .ff-select-label--required {\n margin-right: 2px;\n}\n.ff-select-wrapper .ff-select-arrow {\n position: absolute;\n top: 60%;\n height: 100%;\n right: 10px;\n transform: rotateX(180deg) translateY(50%);\n cursor: pointer;\n}\n.ff-select-wrapper .ff-select-arrow--no-label {\n top: 50%;\n}\n.ff-select-wrapper .ff-select-arrow--down {\n transform: rotateX(0deg) translateY(-50%);\n z-index: 101;\n}\n.ff-select-wrapper-error-text {\n position: absolute;\n top: auto;\n right: auto;\n bottom: -14px;\n left: 12px;\n white-space: nowrap;\n}";
1881
+ styleInject(css_248z$A);
1838
1882
 
1839
1883
  const portalPosition = {
1840
1884
  positionX: 0,
@@ -2138,7 +2182,7 @@ const Select$1 = ({
2138
2182
  'ff-select-label--error': errorMsg
2139
2183
  }),
2140
2184
  children: [required && jsx(Typography, {
2141
- color: "var(--$error-light)",
2185
+ color: "var(--error-light)",
2142
2186
  className: "ff-select-label--required",
2143
2187
  children: "*"
2144
2188
  }), label]
@@ -2170,7 +2214,7 @@ const Select$1 = ({
2170
2214
  }),
2171
2215
  children: [required && jsx(Typography, {
2172
2216
  fontSize: 8,
2173
- color: 'var(--$error-light)',
2217
+ color: 'var(--error-light)',
2174
2218
  className: "ff-select-legend--required",
2175
2219
  children: "*"
2176
2220
  }), label]
@@ -2195,8 +2239,8 @@ const Select$1 = ({
2195
2239
  });
2196
2240
  };
2197
2241
 
2198
- var css_248z$t = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-textarea-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-textarea-container .msg-character-count, .ff-textarea-container:focus-within .ff-textarea-label-container, .ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder, .ff-textarea-container .ff-textarea-message, .ff-textarea-container--float .ff-textarea-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-textarea-container {\n display: flex;\n flex-direction: column;\n position: relative;\n gap: 5px;\n}\n.ff-textarea-container .msg-character-count {\n display: flex;\n color: var(--text-area-default-color);\n justify-content: flex-end;\n}\n.ff-textarea-container .ff-textarea, .ff-textarea-container .ff-textarea-label-container {\n padding: 8px;\n width: 100%;\n min-height: 80px;\n gap: 0px;\n border: 1px solid var(--default-icon-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n font-weight: 400;\n}\n.ff-textarea-container .ff-textarea--resize {\n resize: none;\n}\n.ff-textarea-container .ff-textarea:disabled, .ff-textarea-container .ff-textarea-label-container:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.ff-textarea-container .ff-textarea:disabled:hover, .ff-textarea-container .ff-textarea-label-container:disabled:hover {\n border-color: var(--default-icon-color);\n color: inherit;\n}\n.ff-textarea-container .ff-textarea::placeholder, .ff-textarea-container .ff-textarea-label-container::placeholder {\n opacity: 0;\n}\n.ff-textarea-container .ff-textarea--danger {\n border-color: var(--error_light);\n}\n.ff-textarea-container .ff-textarea--transparentBackground {\n background: transparent;\n}\n.ff-textarea-container .ff-textarea-label-container {\n display: flex;\n position: absolute;\n border: none;\n outline: none;\n margin-top: 1px;\n transition: all 0.3s ease-in-out;\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label {\n padding: 1px;\n height: 10px;\n width: auto;\n background-color: var(--drawer-footer-bg);\n color: var(--text-area-default-color);\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label--danger {\n color: var(--error_light);\n}\n.ff-textarea-container .ff-textarea-label-container .required-asterisk {\n color: var(--error_light);\n}\n.ff-textarea-container:hover .ff-textarea-label {\n color: var(--text-color);\n}\n.ff-textarea-container:hover .ff-textarea, .ff-textarea-container:hover .ff-textarea-label-container {\n border-color: var(--text-color);\n}\n.ff-textarea-container:focus-within .ff-textarea-label-container {\n font-weight: 400;\n line-height: 12px;\n letter-spacing: 0.5px;\n text-align: left;\n top: -6px;\n background-color: transparent;\n padding: 0px 2px;\n margin-left: 7px;\n}\n.ff-textarea-container:focus-within .ff-textarea-label--primary {\n color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea--primary {\n border-color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-textarea-container .ff-textarea-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-textarea-container .ff-textarea-message--danger {\n color: var(--error_light);\n}\n.ff-textarea-container--float .ff-textarea-label-container {\n letter-spacing: 0.5px;\n top: -6px;\n background-color: transparent;\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 7px;\n}\n.ff-textarea-container--disabled {\n cursor: not-allowed;\n}\n.ff-textarea-container--disabled:hover .ff-textarea-label {\n color: var(--text-area-default-color);\n}\n.ff-textarea-container--disabled:hover .ff-textarea, .ff-textarea-container--disabled:hover .ff-textarea-container .ff-textarea-label-container, .ff-textarea-container .ff-textarea-container--disabled:hover .ff-textarea-label-container {\n border-color: var(--default-icon-color);\n}\n.ff-textarea-container--disabled .ff-textarea-label-container {\n cursor: not-allowed;\n}";
2199
- styleInject(css_248z$t);
2242
+ var css_248z$z = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-textarea-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-textarea-container .msg-character-count, .ff-textarea-container:focus-within .ff-textarea-label-container, .ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder, .ff-textarea-container .ff-textarea-message, .ff-textarea-container--float .ff-textarea-label-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-textarea-container {\n display: flex;\n flex-direction: column;\n position: relative;\n gap: 5px;\n}\n.ff-textarea-container .msg-character-count {\n display: flex;\n color: var(--text-area-default-color);\n justify-content: flex-end;\n}\n.ff-textarea-container .ff-textarea, .ff-textarea-container .ff-textarea-label-container {\n padding: 8px;\n width: 100%;\n min-height: 80px;\n gap: 0px;\n border: 1px solid var(--default-icon-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n font-weight: 400;\n}\n.ff-textarea-container .ff-textarea--resize {\n resize: none;\n}\n.ff-textarea-container .ff-textarea:disabled, .ff-textarea-container .ff-textarea-label-container:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.ff-textarea-container .ff-textarea:disabled:hover, .ff-textarea-container .ff-textarea-label-container:disabled:hover {\n border-color: var(--default-icon-color);\n color: inherit;\n}\n.ff-textarea-container .ff-textarea::placeholder, .ff-textarea-container .ff-textarea-label-container::placeholder {\n opacity: 0;\n}\n.ff-textarea-container .ff-textarea--danger {\n border-color: var(--error_light);\n}\n.ff-textarea-container .ff-textarea--transparentBackground {\n background: transparent;\n}\n.ff-textarea-container .ff-textarea-label-container {\n display: flex;\n position: absolute;\n border: none;\n outline: none;\n margin-top: 1px;\n transition: all 0.3s ease-in-out;\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label {\n padding: 1px;\n height: 10px;\n width: auto;\n background-color: var(--drawer-footer-bg);\n color: var(--text-area-default-color);\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label--danger {\n color: var(--error_light);\n}\n.ff-textarea-container .ff-textarea-label-container .required-asterisk {\n color: var(--error_light);\n}\n.ff-textarea-container:hover .ff-textarea-label {\n color: var(--text-color);\n}\n.ff-textarea-container:hover .ff-textarea, .ff-textarea-container:hover .ff-textarea-label-container {\n border-color: var(--text-color);\n}\n.ff-textarea-container:focus-within .ff-textarea-label-container {\n font-weight: 400;\n line-height: 12px;\n letter-spacing: 0.5px;\n text-align: left;\n top: -6px;\n background-color: transparent;\n padding: 0px 2px;\n margin-left: 7px;\n}\n.ff-textarea-container:focus-within .ff-textarea-label--primary {\n color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea--primary {\n border-color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-textarea-container .ff-textarea-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-textarea-container .ff-textarea-message--danger {\n color: var(--error_light);\n}\n.ff-textarea-container--float .ff-textarea-label-container {\n letter-spacing: 0.5px;\n top: -6px;\n background-color: transparent;\n line-height: 12px;\n padding: 0px 2px;\n margin-left: 7px;\n}\n.ff-textarea-container--disabled {\n cursor: not-allowed;\n}\n.ff-textarea-container--disabled:hover .ff-textarea-label {\n color: var(--text-area-default-color);\n}\n.ff-textarea-container--disabled:hover .ff-textarea, .ff-textarea-container--disabled:hover .ff-textarea-container .ff-textarea-label-container, .ff-textarea-container .ff-textarea-container--disabled:hover .ff-textarea-label-container {\n border-color: var(--default-icon-color);\n}\n.ff-textarea-container--disabled .ff-textarea-label-container {\n cursor: not-allowed;\n}";
2243
+ styleInject(css_248z$z);
2200
2244
 
2201
2245
  const truncateText = (text, maxLength) => {
2202
2246
  if (!text || maxLength <= 0) return '';
@@ -2271,8 +2315,8 @@ const Textarea = ({
2271
2315
  });
2272
2316
  };
2273
2317
 
2274
- var css_248z$s = ".ff-status-button {\n border: none;\n border-radius: 4px;\n padding: 0 4px;\n cursor: pointer;\n width: 76px;\n height: 16px;\n}\n.ff-status-button__text {\n color: inherit;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 76px;\n text-transform: capitalize;\n}\n.ff-status-button--passed {\n background-color: var(--status-button-bg-passed);\n color: var(--status-button-text-passed);\n}\n.ff-status-button--failed {\n background-color: var(--status-button-bg-failed);\n color: var(--status-button-text-failed);\n}\n.ff-status-button--running {\n background-color: var(--status-button-bg-running);\n color: var(--status-button-text-running);\n}\n.ff-status-button--skipped {\n background-color: var(--status-button-bg-skipped);\n color: var(--status-button-text-skipped);\n}\n.ff-status-button--warning {\n background-color: var(--status-button-bg-warning);\n color: var(--status-button-text-warning);\n}\n.ff-status-button--terminated {\n background-color: var(--status-button-bg-terminated);\n color: var(--status-button-text-terminated);\n}\n.ff-status-button--partially-executed {\n background-color: var(--status-button-bg-partiallyExecuted);\n color: var(--status-button-text-partiallyExecuted);\n}\n.ff-status-button--aborted {\n background-color: var(--status-button-bg-aborted);\n color: var(--status-button-text-aborted);\n}\n.ff-status-button--not-executed {\n background-color: var(--status-button-bg-notExecuted);\n color: var(--status-button-text-notExecuted);\n}\n.ff-status-button:disabled {\n opacity: 50%;\n cursor: not-allowed;\n}";
2275
- styleInject(css_248z$s);
2318
+ var css_248z$y = ".ff-status-button {\n border: none;\n border-radius: 4px;\n padding: 0 4px;\n cursor: pointer;\n width: 76px;\n height: 16px;\n}\n.ff-status-button__text {\n color: inherit;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 76px;\n text-transform: capitalize;\n}\n.ff-status-button--passed {\n background-color: var(--status-button-bg-passed);\n color: var(--status-button-text-passed);\n}\n.ff-status-button--failed {\n background-color: var(--status-button-bg-failed);\n color: var(--status-button-text-failed);\n}\n.ff-status-button--running {\n background-color: var(--status-button-bg-running);\n color: var(--status-button-text-running);\n}\n.ff-status-button--skipped {\n background-color: var(--status-button-bg-skipped);\n color: var(--status-button-text-skipped);\n}\n.ff-status-button--warning {\n background-color: var(--status-button-bg-warning);\n color: var(--status-button-text-warning);\n}\n.ff-status-button--terminated {\n background-color: var(--status-button-bg-terminated);\n color: var(--status-button-text-terminated);\n}\n.ff-status-button--partially-executed {\n background-color: var(--status-button-bg-partiallyExecuted);\n color: var(--status-button-text-partiallyExecuted);\n}\n.ff-status-button--aborted {\n background-color: var(--status-button-bg-aborted);\n color: var(--status-button-text-aborted);\n}\n.ff-status-button--not-executed {\n background-color: var(--status-button-bg-notExecuted);\n color: var(--status-button-text-notExecuted);\n}\n.ff-status-button:disabled {\n opacity: 50%;\n cursor: not-allowed;\n}";
2319
+ styleInject(css_248z$y);
2276
2320
 
2277
2321
  const StatusButton = ({
2278
2322
  status = 'passed',
@@ -2300,8 +2344,8 @@ const StatusButton = ({
2300
2344
  });
2301
2345
  };
2302
2346
 
2303
- var css_248z$r = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-menu-option-container .ff-option-card .ff-options {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-menu-option-container {\n cursor: pointer;\n position: relative;\n}\n.ff-menu-option-container .ff-icon-label {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container:hover {\n background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--brand-color);\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked:hover {\n background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-option-card {\n position: absolute;\n border: 1px solid var(--option-card-border-color);\n background: var(--option-card-bg-color);\n border-radius: 4px;\n margin: 2px;\n min-height: 32px;\n min-width: 111px;\n z-index: 100000;\n white-space: nowrap;\n}\n.ff-menu-option-container .ff-option-card .ff-options {\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n padding: 8px;\n line-height: 16px;\n gap: 8px;\n}\n.ff-menu-option-container .ff-option-card .ff-options:hover {\n background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-option-card .ff-options label {\n cursor: pointer;\n}\n.ff-menu-option-container .ff-option-card .ff-disable-option {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-menu-option-container .ff-option-card .ff-disable-option label {\n cursor: no-drop;\n}";
2304
- styleInject(css_248z$r);
2347
+ var css_248z$x = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-menu-option-container .ff-option-card .ff-options {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-menu-option-container {\n cursor: pointer;\n position: relative;\n}\n.ff-menu-option-container .ff-icon-label {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container:hover {\n background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark {\n background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover {\n background-color: var(--menu-variant-dark-icon-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover svg path {\n fill: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--brand-color);\n cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked:hover {\n background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked.dark {\n background-color: var(--menu-variant-dark-icon-color);\n}\n.ff-menu-option-container .ff-option-card {\n position: absolute;\n border: 1px solid var(--option-card-border-color);\n background: var(--option-card-bg-color);\n border-radius: 4px;\n margin: 2px;\n min-height: 32px;\n min-width: 111px;\n z-index: 100000;\n white-space: nowrap;\n}\n.ff-menu-option-container .ff-option-card .ff-options {\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n padding: 8px;\n line-height: 16px;\n gap: 8px;\n}\n.ff-menu-option-container .ff-option-card .ff-options:hover {\n background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-option-card .ff-options label {\n cursor: pointer;\n}\n.ff-menu-option-container .ff-option-card .ff-disable-option {\n opacity: 0.5;\n cursor: no-drop;\n}\n.ff-menu-option-container .ff-option-card .ff-disable-option label {\n cursor: no-drop;\n}";
2348
+ styleInject(css_248z$x);
2305
2349
 
2306
2350
  const Option$1 = ({
2307
2351
  option,
@@ -2346,7 +2390,8 @@ const MenuOption = ({
2346
2390
  onOptionClick = () => {},
2347
2391
  iconButtonSize = 20,
2348
2392
  iconButtonBorderRadius = 7,
2349
- iconSize = 16
2393
+ iconSize = 16,
2394
+ variant = 'light'
2350
2395
  }) => {
2351
2396
  const [isClicked, setIsClicked] = useState(false);
2352
2397
  const menuRef = useRef(null);
@@ -2395,7 +2440,8 @@ const MenuOption = ({
2395
2440
  className: "ff-icon-label",
2396
2441
  children: [jsx("div", {
2397
2442
  className: classNames('ff-menuicon-container', {
2398
- 'ff-menuicon-container-clicked': isClicked
2443
+ 'ff-menuicon-container-clicked': isClicked,
2444
+ dark: variant === 'dark'
2399
2445
  }),
2400
2446
  onClick: onIconClickHandler,
2401
2447
  style: {
@@ -2407,7 +2453,7 @@ const MenuOption = ({
2407
2453
  height: iconSize,
2408
2454
  width: iconSize,
2409
2455
  name: iconName,
2410
- color: isClicked ? 'var(--menu-option-icon-color)' : 'var(--menu-option-icon-clicked)'
2456
+ color: isClicked === (variant === 'dark') ? 'var(--menu-option-icon-clicked)' : 'var(--menu-option-icon-color)'
2411
2457
  })
2412
2458
  }), labelName && jsxs(Typography, {
2413
2459
  as: "label",
@@ -2422,8 +2468,8 @@ const MenuOption = ({
2422
2468
  });
2423
2469
  };
2424
2470
 
2425
- var css_248z$q = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-table tbody tr td {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-table thead tr th {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-fixed-header-table {\n overflow-y: auto;\n}\n\n.ff-table th,\n.ff-table td {\n text-align: left;\n font-size: 12px;\n padding: 9px 8px;\n}\n.ff-table thead tr th {\n color: var(--text-color);\n border-bottom: 1px solid var(--slider-table-color);\n text-transform: uppercase;\n}\n.ff-table thead tr th:first-child div {\n display: flex;\n align-items: center;\n}\n.ff-table thead tr th:first-child div .ff-table-checkbox {\n padding-right: 8px;\n}\n.ff-table tbody tr .action-column {\n opacity: 0;\n}\n.ff-table tbody tr .icon-container {\n padding-left: 10px;\n opacity: 0;\n display: flex;\n justify-content: flex-end;\n transition: opacity 0.3s ease, transform 0.3s ease;\n transform: translateX(20px);\n}\n.ff-table tbody tr:hover {\n background-color: var(--hover-color);\n}\n.ff-table tbody tr:hover .icon-container {\n opacity: 1;\n transform: translateX(0);\n}\n.ff-table tbody tr td {\n position: relative;\n color: var(--text-color);\n}\n.ff-table tbody tr td.clickable-cell {\n cursor: pointer;\n}\n.ff-table tbody tr td:first-child div {\n display: flex;\n align-items: center;\n}\n.ff-table tbody tr td:first-child div .ff-table-checkbox {\n padding-right: 8px;\n}\n.ff-table .primary-bg {\n background-color: var(--brand-color);\n}\n.ff-table .secondary-bg {\n background-color: var(--slider-table-color);\n}\n.ff-table .default-bg {\n background-color: transparent;\n}\n\n.border-borderRadius {\n border: 1px solid var(--slider-table-color);\n border-radius: 5px;\n border-collapse: none !important;\n}\n\n.ff-fixed-header {\n position: sticky !important;\n top: 0;\n z-index: 99;\n background-color: Var(--file-details-bg);\n}\n\n.no-data-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\ntbody tr.disabled-row {\n opacity: 0.5;\n cursor: not-allowed;\n}";
2426
- styleInject(css_248z$q);
2471
+ var css_248z$w = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-table tbody tr td {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-table thead tr th {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-fixed-header-table {\n overflow-y: auto;\n}\n\n.ff-table th,\n.ff-table td {\n text-align: left;\n font-size: 12px;\n padding: 9px 8px;\n}\n.ff-table thead tr th {\n color: var(--text-color);\n border-bottom: 1px solid var(--slider-table-color);\n text-transform: uppercase;\n}\n.ff-table thead tr th:first-child div {\n display: flex;\n align-items: center;\n}\n.ff-table thead tr th:first-child div .ff-table-checkbox {\n padding-right: 8px;\n}\n.ff-table tbody tr .action-column {\n opacity: 0;\n}\n.ff-table tbody tr .icon-container {\n padding-left: 10px;\n opacity: 0;\n display: flex;\n justify-content: flex-end;\n transition: opacity 0.3s ease, transform 0.3s ease;\n transform: translateX(20px);\n}\n.ff-table tbody tr:hover {\n background-color: var(--hover-color);\n}\n.ff-table tbody tr:hover .icon-container {\n opacity: 1;\n transform: translateX(0);\n}\n.ff-table tbody tr td {\n position: relative;\n color: var(--text-color);\n}\n.ff-table tbody tr td.clickable-cell {\n cursor: pointer;\n}\n.ff-table tbody tr td:first-child div {\n display: flex;\n align-items: center;\n}\n.ff-table tbody tr td:first-child div .ff-table-checkbox {\n padding-right: 8px;\n}\n.ff-table .primary-bg {\n background-color: var(--brand-color);\n}\n.ff-table .secondary-bg {\n background-color: var(--slider-table-color);\n}\n.ff-table .default-bg {\n background-color: transparent;\n}\n\n.border-borderRadius {\n border: 1px solid var(--slider-table-color);\n border-radius: 5px;\n border-collapse: none !important;\n}\n\n.ff-fixed-header {\n position: sticky !important;\n top: 0;\n z-index: 99;\n background-color: Var(--file-details-bg);\n}\n\n.no-data-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\ntbody tr.disabled-row {\n opacity: 0.5;\n cursor: not-allowed;\n}";
2472
+ styleInject(css_248z$w);
2427
2473
 
2428
2474
  const isFunction$1 = functionToCheck => {
2429
2475
  return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
@@ -2471,8 +2517,8 @@ const prepareData = (dataObj, columnObj) => {
2471
2517
  }
2472
2518
  };
2473
2519
 
2474
- var css_248z$p = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-checkbox--overlay {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n cursor: pointer;\n position: relative;\n}\n.ff-checkbox--overlay .ff-checkbox-input {\n display: none;\n}\n.ff-checkbox--overlay .ff-checkbox-custom {\n width: 16px;\n height: 16px;\n border: 1px solid var(--checkbox-border-color);\n box-sizing: border-box;\n border-radius: 2px;\n margin-right: 8px;\n background-color: var(--checkbox-bg-color);\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::before {\n content: \"\";\n width: 9px;\n height: 2px;\n background-color: var(--checkbox-partial-color);\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(180deg);\n opacity: 0;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::after {\n content: \"\";\n width: 16px;\n height: 16px;\n border: 4px solid var(--checkbox-hover-color);\n border-radius: 4px;\n position: absolute;\n opacity: 0;\n background-color: var(--checkbox-hover-color);\n z-index: -1;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover {\n border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover::after {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom {\n background: var(--brand-color);\n border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom {\n background: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom::after {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom {\n opacity: 0.5;\n cursor: not-allowed;\n border: 1px solid var(--checkbox-border-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom::after {\n opacity: 0;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial {\n background-color: var(--brand-color);\n border: none;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial::before {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover {\n background-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover::after {\n opacity: 1;\n}";
2475
- styleInject(css_248z$p);
2520
+ var css_248z$v = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-checkbox--overlay {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n cursor: pointer;\n position: relative;\n}\n.ff-checkbox--overlay .ff-checkbox-input {\n display: none;\n}\n.ff-checkbox--overlay .ff-checkbox-custom {\n width: 16px;\n height: 16px;\n border: 1px solid var(--checkbox-border-color);\n box-sizing: border-box;\n border-radius: 2px;\n margin-right: 8px;\n background-color: var(--checkbox-bg-color);\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::before {\n content: \"\";\n width: 9px;\n height: 2px;\n background-color: var(--checkbox-partial-color);\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(180deg);\n opacity: 0;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::after {\n content: \"\";\n width: 16px;\n height: 16px;\n border: 4px solid var(--checkbox-hover-color);\n border-radius: 4px;\n position: absolute;\n opacity: 0;\n background-color: var(--checkbox-hover-color);\n z-index: -1;\n transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover {\n border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover::after {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom {\n background: var(--brand-color);\n border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom {\n background: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom::after {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom {\n opacity: 0.5;\n cursor: not-allowed;\n border: 1px solid var(--checkbox-border-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom::after {\n opacity: 0;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial {\n background-color: var(--brand-color);\n border: none;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial::before {\n opacity: 1;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover {\n background-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover::after {\n opacity: 1;\n}";
2521
+ styleInject(css_248z$v);
2476
2522
 
2477
2523
  const Checkbox = ({
2478
2524
  id,
@@ -2623,11 +2669,11 @@ const Table = ({
2623
2669
  });
2624
2670
  };
2625
2671
 
2626
- var css_248z$o = ".ff-add-button-container {\n position: relative;\n border: none;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background-color: transparent;\n}\n.ff-add-button-container.ff-hovered-add-button--primary {\n background-color: var(--hover-color);\n}\n.ff-add-button-container .ff-hovered-add-icon--primary svg path {\n fill: var(--add-icon-hover-color);\n}\n.ff-add-button-container .ff-add-icon--primary svg path {\n fill: var(--brand-color);\n}\n.ff-add-button-container .ff-add-button {\n position: absolute;\n border: none;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n background: none;\n}";
2627
- styleInject(css_248z$o);
2672
+ var css_248z$u = ".ff-add-button-container {\n position: relative;\n border: none;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background-color: transparent;\n}\n.ff-add-button-container.ff-hovered-add-button--primary {\n background-color: var(--hover-color);\n}\n.ff-add-button-container .ff-hovered-add-icon--primary svg path {\n fill: var(--add-icon-hover-color);\n}\n.ff-add-button-container .ff-add-icon--primary svg path {\n fill: var(--brand-color);\n}\n.ff-add-button-container .ff-add-button {\n position: absolute;\n border: none;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n background: none;\n}";
2673
+ styleInject(css_248z$u);
2628
2674
 
2629
- var css_248z$n = ".ff-arrow-buttons-container {\n position: absolute;\n transition: opacity 0.3s ease;\n}\n.ff-arrow-buttons-container.ff-down-right-top, .ff-arrow-buttons-container.ff-down-top {\n height: 80px;\n width: 52px;\n transform: translateY(calc(-50% + 12px));\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--right, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--top, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--down, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top {\n height: 52px;\n width: 52px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right {\n height: 52px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--right {\n top: 0px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-top {\n height: 52px;\n width: 24px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right {\n height: 24px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-right .ff-arrow-button--right {\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down {\n height: 52px;\n width: 24px;\n}\n.ff-arrow-buttons-container.ff-down .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container .ff-arrow-button {\n background: var(--arrow-button-bg-color);\n border: 0.5px solid var(--arrows-button-border-color);\n padding: 0;\n cursor: pointer;\n width: 24px;\n height: 24px;\n display: flex;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n position: absolute;\n}\n.ff-arrow-buttons-container .ff-arrow-button--top {\n top: 0px;\n left: 0;\n}\n.ff-arrow-buttons-container .ff-arrow-button--down {\n bottom: 0px;\n left: 0;\n}\n@keyframes slideTop {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(-10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n@keyframes slideRight {\n from {\n transform: translateX(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateX(10px);\n opacity: 0.5;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n@keyframes slideDown {\n from {\n transform: translateY(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
2630
- styleInject(css_248z$n);
2675
+ var css_248z$t = ".ff-arrow-buttons-container {\n position: absolute;\n transition: opacity 0.3s ease;\n}\n.ff-arrow-buttons-container.ff-down-right-top, .ff-arrow-buttons-container.ff-down-top {\n height: 80px;\n width: 52px;\n transform: translateY(calc(-50% + 12px));\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--right, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--top, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--down, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top {\n height: 52px;\n width: 52px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--right {\n top: 28px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right {\n height: 52px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--right {\n top: 0px;\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-top {\n height: 52px;\n width: 24px;\n transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-top .ff-arrow-button--top {\n top: 2px;\n animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right {\n height: 24px;\n width: 52px;\n}\n.ff-arrow-buttons-container.ff-right .ff-arrow-button--right {\n right: 2px;\n animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down {\n height: 52px;\n width: 24px;\n}\n.ff-arrow-buttons-container.ff-down .ff-arrow-button--down {\n bottom: 2px;\n animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container .ff-arrow-button {\n background: var(--arrow-button-bg-color);\n border: 0.5px solid var(--arrows-button-border-color);\n padding: 0;\n cursor: pointer;\n width: 24px;\n height: 24px;\n display: flex;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n position: absolute;\n}\n.ff-arrow-buttons-container .ff-arrow-button--top {\n top: 0px;\n left: 0;\n}\n.ff-arrow-buttons-container .ff-arrow-button--down {\n bottom: 0px;\n left: 0;\n}\n@keyframes slideTop {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(-10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n@keyframes slideRight {\n from {\n transform: translateX(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateX(10px);\n opacity: 0.5;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n@keyframes slideDown {\n from {\n transform: translateY(-20px);\n opacity: 0;\n }\n 50% {\n transform: translateY(10px);\n opacity: 0.5;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
2676
+ styleInject(css_248z$t);
2631
2677
 
2632
2678
  const ArrowsButton = ({
2633
2679
  direction,
@@ -2764,8 +2810,8 @@ const AddButton = ({
2764
2810
  });
2765
2811
  };
2766
2812
 
2767
- var css_248z$m = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-donut-chart-svg-container svg text:nth-of-type(1), .ff-status-item {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL, .ff-donut-chart-svg-container svg text:nth-of-type(2) {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-donut-chart-svg-container svg text:nth-of-type(3) {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-donut-chart-section {\n display: flex;\n align-items: center;\n padding: 8px;\n}\n\n.ff-donut-chart-svg-container {\n display: flex;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(1) {\n font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(2) {\n font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(3) {\n font-weight: 500;\n}\n\n.ff-status-container {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.ff-status-item {\n display: flex;\n gap: 40px;\n justify-content: space-between;\n opacity: 1;\n}\n.ff-status-item.ff-highlighted {\n opacity: 1;\n}\n.ff-status-item.ff-fade {\n opacity: 10%;\n}\n.ff-status-item .ff-status-text {\n font-weight: 500;\n color: var(--status-skipped-text-color);\n}\n.ff-status-item .ff-status-details-script-count {\n display: flex;\n gap: 4px;\n font-weight: 600;\n}\n.ff-status-item .ff-status-details-script-percentage {\n font-weight: 400;\n color: var(--brand2-color);\n}\n\n.ff-status-label {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n\n.ff-status-details {\n display: flex;\n gap: 4px;\n}\n\n.ff-status-color {\n width: 16px;\n height: 16px;\n border-radius: 4px;\n opacity: 80%;\n}";
2768
- styleInject(css_248z$m);
2813
+ var css_248z$s = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-donut-chart-svg-container svg text:nth-of-type(1), .ff-status-item {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL, .ff-donut-chart-svg-container svg text:nth-of-type(2) {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-donut-chart-svg-container svg text:nth-of-type(3) {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-donut-chart-section {\n display: flex;\n align-items: center;\n padding: 8px;\n}\n\n.ff-donut-chart-svg-container {\n display: flex;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(1) {\n font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(2) {\n font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(3) {\n font-weight: 500;\n}\n\n.ff-status-container {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n.ff-status-item {\n display: flex;\n gap: 40px;\n justify-content: space-between;\n opacity: 1;\n}\n.ff-status-item.ff-highlighted {\n opacity: 1;\n}\n.ff-status-item.ff-fade {\n opacity: 10%;\n}\n.ff-status-item .ff-status-text {\n font-weight: 500;\n color: var(--status-skipped-text-color);\n}\n.ff-status-item .ff-status-details-script-count {\n display: flex;\n gap: 4px;\n font-weight: 600;\n}\n.ff-status-item .ff-status-details-script-percentage {\n font-weight: 400;\n color: var(--brand2-color);\n}\n\n.ff-status-label {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n\n.ff-status-details {\n display: flex;\n gap: 4px;\n}\n\n.ff-status-color {\n width: 16px;\n height: 16px;\n border-radius: 4px;\n opacity: 80%;\n}";
2814
+ styleInject(css_248z$s);
2769
2815
 
2770
2816
  const calculateArc$2 = (x, y, radius, startAngle, endAngle) => {
2771
2817
  const startX = x + radius * Math.cos(startAngle);
@@ -3117,8 +3163,8 @@ const useFileDropzone = options => {
3117
3163
  };
3118
3164
  };
3119
3165
 
3120
- var css_248z$l = ".ff-file-dropzone-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone {\n width: 640px;\n height: 188px;\n padding: 16px 0;\n border-radius: 8px;\n background: var(--file-dropzone-default-color);\n border: 1px dashed var(--brand-color);\n display: flex;\n align-items: center;\n flex-direction: column;\n text-align: center;\n gap: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone--active {\n background-color: var(--file-dropzone-selected-color);\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__icon {\n height: 80px;\n width: 80px;\n display: grid;\n place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn {\n margin: 0 auto;\n position: relative;\n font-weight: 600;\n line-height: 15px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 640px;\n max-height: 300px;\n overflow-y: auto;\n scroll-behavior: smooth;\n padding: 2px;\n -ms-overflow-style: none;\n scrollbar-width: thin;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper ::-webkit-scrollbar {\n width: 2px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px;\n border-radius: 4px;\n background-color: var(--file-details-bg);\n box-shadow: 0px 0px 4px 0px var(--file-details-container-shadow);\n overflow: hidden;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info {\n display: flex;\n align-items: center;\n gap: 4px;\n width: 60%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info .ff-file-info__icon {\n display: grid;\n place-items: center;\n height: 24px;\n width: 24px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper {\n display: flex;\n flex-direction: column;\n gap: 2px;\n justify-content: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper__name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: block;\n color: var(--text-color);\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions {\n display: flex;\n align-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-replace, .ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-remove {\n height: 24px;\n width: 24px;\n display: grid;\n place-items: center;\n cursor: pointer;\n}";
3121
- styleInject(css_248z$l);
3166
+ var css_248z$r = ".ff-file-dropzone-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone {\n width: 640px;\n height: 188px;\n padding: 16px 0;\n border-radius: 8px;\n background: var(--file-dropzone-default-color);\n border: 1px dashed var(--brand-color);\n display: flex;\n align-items: center;\n flex-direction: column;\n text-align: center;\n gap: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone--active {\n background-color: var(--file-dropzone-selected-color);\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__icon {\n height: 80px;\n width: 80px;\n display: grid;\n place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn {\n margin: 0 auto;\n position: relative;\n font-weight: 600;\n line-height: 15px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 640px;\n max-height: 300px;\n overflow-y: auto;\n scroll-behavior: smooth;\n padding: 2px;\n -ms-overflow-style: none;\n scrollbar-width: thin;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper ::-webkit-scrollbar {\n width: 2px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px;\n border-radius: 4px;\n background-color: var(--file-details-bg);\n box-shadow: 0px 0px 4px 0px var(--file-details-container-shadow);\n overflow: hidden;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info {\n display: flex;\n align-items: center;\n gap: 4px;\n width: 60%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info .ff-file-info__icon {\n display: grid;\n place-items: center;\n height: 24px;\n width: 24px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper {\n display: flex;\n flex-direction: column;\n gap: 2px;\n justify-content: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper__name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: block;\n color: var(--text-color);\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions {\n display: flex;\n align-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-replace, .ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-remove {\n height: 24px;\n width: 24px;\n display: grid;\n place-items: center;\n cursor: pointer;\n}";
3167
+ styleInject(css_248z$r);
3122
3168
 
3123
3169
  const Dropzone = ({
3124
3170
  icon,
@@ -6047,7 +6093,7 @@ function createFormControl(props = {}) {
6047
6093
  timer = setTimeout(callback, wait);
6048
6094
  };
6049
6095
  const _updateValid = async (shouldUpdateValid) => {
6050
- if (!props.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
6096
+ if (!_options.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
6051
6097
  const isValid = _options.resolver
6052
6098
  ? isEmptyObject((await _executeSchema()).errors)
6053
6099
  : await executeBuiltInValidation(_fields, true);
@@ -6059,7 +6105,7 @@ function createFormControl(props = {}) {
6059
6105
  }
6060
6106
  };
6061
6107
  const _updateIsValidating = (names, isValidating) => {
6062
- if (!props.disabled &&
6108
+ if (!_options.disabled &&
6063
6109
  (_proxyFormState.isValidating || _proxyFormState.validatingFields)) {
6064
6110
  (names || Array.from(_names.mount)).forEach((name) => {
6065
6111
  if (name) {
@@ -6075,7 +6121,7 @@ function createFormControl(props = {}) {
6075
6121
  }
6076
6122
  };
6077
6123
  const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
6078
- if (args && method && !props.disabled) {
6124
+ if (args && method && !_options.disabled) {
6079
6125
  _state.action = true;
6080
6126
  if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {
6081
6127
  const fieldValues = method(get(_fields, name), args.argA, args.argB);
@@ -6139,7 +6185,7 @@ function createFormControl(props = {}) {
6139
6185
  const output = {
6140
6186
  name,
6141
6187
  };
6142
- if (!props.disabled) {
6188
+ if (!_options.disabled) {
6143
6189
  const disabledField = !!(get(_fields, name) &&
6144
6190
  get(_fields, name)._f &&
6145
6191
  get(_fields, name)._f.disabled);
@@ -6275,7 +6321,7 @@ function createFormControl(props = {}) {
6275
6321
  }
6276
6322
  _names.unMount = new Set();
6277
6323
  };
6278
- const _getDirty = (name, data) => !props.disabled &&
6324
+ const _getDirty = (name, data) => !_options.disabled &&
6279
6325
  (name && data && set(_formValues, name, data),
6280
6326
  !deepEqual(getValues(), _defaultValues));
6281
6327
  const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
@@ -6591,7 +6637,7 @@ function createFormControl(props = {}) {
6591
6637
  };
6592
6638
  const register = (name, options = {}) => {
6593
6639
  let field = get(_fields, name);
6594
- const disabledIsDefined = isBoolean(options.disabled) || isBoolean(props.disabled);
6640
+ const disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);
6595
6641
  set(_fields, name, {
6596
6642
  ...(field || {}),
6597
6643
  _f: {
@@ -6607,7 +6653,7 @@ function createFormControl(props = {}) {
6607
6653
  field,
6608
6654
  disabled: isBoolean(options.disabled)
6609
6655
  ? options.disabled
6610
- : props.disabled,
6656
+ : _options.disabled,
6611
6657
  name,
6612
6658
  value: options.value,
6613
6659
  });
@@ -6617,7 +6663,7 @@ function createFormControl(props = {}) {
6617
6663
  }
6618
6664
  return {
6619
6665
  ...(disabledIsDefined
6620
- ? { disabled: options.disabled || props.disabled }
6666
+ ? { disabled: options.disabled || _options.disabled }
6621
6667
  : {}),
6622
6668
  ...(_options.progressive
6623
6669
  ? {
@@ -6701,6 +6747,12 @@ function createFormControl(props = {}) {
6701
6747
  e.preventDefault && e.preventDefault();
6702
6748
  e.persist && e.persist();
6703
6749
  }
6750
+ if (_options.disabled) {
6751
+ if (onInvalid) {
6752
+ await onInvalid({ ..._formState.errors }, e);
6753
+ }
6754
+ return;
6755
+ }
6704
6756
  let fieldValues = cloneObject(_formValues);
6705
6757
  _subjects.state.next({
6706
6758
  isSubmitting: true,
@@ -6879,7 +6931,9 @@ function createFormControl(props = {}) {
6879
6931
  : fieldReference.ref;
6880
6932
  if (fieldRef.focus) {
6881
6933
  fieldRef.focus();
6882
- options.shouldSelect && fieldRef.select();
6934
+ options.shouldSelect &&
6935
+ isFunction(fieldRef.select) &&
6936
+ fieldRef.select();
6883
6937
  }
6884
6938
  }
6885
6939
  };
@@ -7080,17 +7134,12 @@ function useForm(props = {}) {
7080
7134
  values: control._getWatch(),
7081
7135
  });
7082
7136
  }, [props.shouldUnregister, control]);
7083
- React__default.useEffect(() => {
7084
- if (_formControl.current) {
7085
- _formControl.current.watch = _formControl.current.watch.bind({});
7086
- }
7087
- }, [formState]);
7088
7137
  _formControl.current.formState = getProxyFormState(formState, control);
7089
7138
  return _formControl.current;
7090
7139
  }
7091
7140
 
7092
- var css_248z$k = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-form-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-form-container {\n background-color: var(--hover-color);\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n padding: 20px;\n width: 400px;\n margin: 0 auto;\n}\n.ff-form-container .ff-form-group {\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-group .ff-label {\n display: block;\n margin-bottom: 4px;\n font-weight: bold;\n}\n.ff-form-container .ff-form-group input {\n width: 94%;\n padding: 10px;\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n}\n.ff-form-container .ff-form-group input:focus {\n border-color: var(--brand-color);\n}\n.ff-form-container .ff-form-group input.ff-error {\n border-color: var(--ff-error-light);\n}\n.ff-form-container .ff-form-group .ff-error {\n color: var(--error-light);\n margin-top: 4px;\n}\n.ff-form-container .ff-form-group {\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-group .ff-label {\n display: block;\n margin-bottom: 4px;\n font-weight: bold;\n}\n.ff-form-container .ff-form-group input,\n.ff-form-container .ff-form-group select {\n width: 94%;\n padding: 10px;\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n}\n.ff-form-container .ff-form-group input:focus,\n.ff-form-container .ff-form-group select:focus {\n border-color: var(--brand-color);\n}\n.ff-form-container .ff-form-group input.ff-error,\n.ff-form-container .ff-form-group select.ff-error {\n border-color: var(--ff-error-light);\n}\n.ff-form-container .ff-form-radio-group {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-group-wrapper {\n display: flex;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-gender {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-gender input[type=radio] {\n margin-right: 0.5rem;\n}\n.ff-form-container .ff-form-radio-group .ff-error {\n padding-left: 12px;\n color: var(--error-light);\n margin-top: 4px;\n}\n.ff-form-container .ff-button-layout {\n width: 99%;\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n.ff-form-container .ff-button-layout button {\n width: 50%;\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n border: none;\n border-radius: 8px;\n padding: 10px;\n cursor: pointer;\n}";
7093
- styleInject(css_248z$k);
7141
+ var css_248z$q = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-form-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-form-container {\n background-color: var(--hover-color);\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n padding: 20px;\n width: 400px;\n margin: 0 auto;\n}\n.ff-form-container .ff-form-group {\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-group .ff-label {\n display: block;\n margin-bottom: 4px;\n font-weight: bold;\n}\n.ff-form-container .ff-form-group input {\n width: 94%;\n padding: 10px;\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n}\n.ff-form-container .ff-form-group input:focus {\n border-color: var(--brand-color);\n}\n.ff-form-container .ff-form-group input.ff-error {\n border-color: var(--ff-error-light);\n}\n.ff-form-container .ff-form-group .ff-error {\n color: var(--error-light);\n margin-top: 4px;\n}\n.ff-form-container .ff-form-group {\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-group .ff-label {\n display: block;\n margin-bottom: 4px;\n font-weight: bold;\n}\n.ff-form-container .ff-form-group input,\n.ff-form-container .ff-form-group select {\n width: 94%;\n padding: 10px;\n border: 1px solid var(--arrows-button-border-color);\n border-radius: 8px;\n}\n.ff-form-container .ff-form-group input:focus,\n.ff-form-container .ff-form-group select:focus {\n border-color: var(--brand-color);\n}\n.ff-form-container .ff-form-group input.ff-error,\n.ff-form-container .ff-form-group select.ff-error {\n border-color: var(--ff-error-light);\n}\n.ff-form-container .ff-form-radio-group {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 16px;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-group-wrapper {\n display: flex;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-gender {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-form-container .ff-form-radio-group .ff-radio-gender input[type=radio] {\n margin-right: 0.5rem;\n}\n.ff-form-container .ff-form-radio-group .ff-error {\n padding-left: 12px;\n color: var(--error-light);\n margin-top: 4px;\n}\n.ff-form-container .ff-button-layout {\n width: 99%;\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n.ff-form-container .ff-button-layout button {\n width: 50%;\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n border: none;\n border-radius: 8px;\n padding: 10px;\n cursor: pointer;\n}";
7142
+ styleInject(css_248z$q);
7094
7143
 
7095
7144
  const Form = ({
7096
7145
  onSubmit,
@@ -7124,8 +7173,8 @@ const Form = ({
7124
7173
  });
7125
7174
  };
7126
7175
 
7127
- var css_248z$j = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-input-with-dropdown-container .ff-helper-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-input-with-dropdown-container {\n display: flex;\n flex-direction: column;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown {\n display: flex;\n border: 1px solid var(--input-default-border-color);\n border-radius: 4px;\n padding: 0;\n position: relative;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n position: absolute;\n z-index: 9;\n color: var(--input-default-border-color);\n top: 7px;\n left: 7px;\n transition: all 0.3s ease-in-out;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label .ff-required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--filled {\n color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--no-hover {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n position: relative;\n padding: 6px 7px;\n line-height: 18px;\n border: none;\n outline: none;\n border-right: 1px solid var(--input-default-border-color);\n border-radius: 4px 0 0 4px;\n top: 1px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-outer-spin-button, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::placeholder {\n opacity: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input:disabled {\n cursor: not-allowed;\n background: transparent;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--no-hover {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown {\n min-width: 120px;\n border: none;\n outline: none;\n margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown:disabled {\n cursor: not-allowed;\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown {\n border-color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--filled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--disabled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--filled {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input {\n border-color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--filled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--disabled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label {\n top: -6.5px;\n background-color: var(--input-label-bg-color);\n padding: 0px 2px;\n color: var(--input-active-text-color);\n line-height: 12px;\n font-size: 8px !important;\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input::placeholder {\n opacity: 1;\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n top: -6px;\n background-color: var(--input-label-bg-color);\n padding: 0px 2px;\n line-height: 12px;\n font-size: 8px !important;\n}\n.ff-input-with-dropdown-container--filled span {\n font-size: 8px;\n}\n.ff-input-with-dropdown-container--filled .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-helper-text {\n color: var(--input-error-text-color);\n padding: 0 11px;\n}";
7128
- styleInject(css_248z$j);
7176
+ var css_248z$p = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-input-with-dropdown-container .ff-helper-text {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-input-with-dropdown-container {\n display: flex;\n flex-direction: column;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown {\n display: flex;\n border: 1px solid var(--input-default-border-color);\n border-radius: 4px;\n padding: 0;\n position: relative;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n position: absolute;\n z-index: 9;\n color: var(--input-default-border-color);\n top: 7px;\n left: 7px;\n transition: all 0.3s ease-in-out;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label .ff-required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--filled {\n color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--no-hover {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n position: relative;\n padding: 6px 7px;\n line-height: 18px;\n border: none;\n outline: none;\n border-right: 1px solid var(--input-default-border-color);\n border-radius: 4px 0 0 4px;\n top: 1px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-outer-spin-button, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::placeholder {\n opacity: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input:disabled {\n cursor: not-allowed;\n background: transparent;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--no-hover {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown {\n min-width: 120px;\n border: none;\n outline: none;\n margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown:disabled {\n cursor: not-allowed;\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown {\n border-color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--filled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--disabled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label {\n color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--filled {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--disabled {\n color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input {\n border-color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--filled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--disabled {\n border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label {\n top: -6px;\n background-color: var(--input-label-bg-color);\n padding: 0px 2px;\n color: var(--input-active-text-color);\n line-height: 12px;\n font-size: 8px !important;\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label--error {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input--error {\n border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input::placeholder {\n opacity: 1;\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container {\n border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n top: -6px;\n background-color: var(--input-label-bg-color);\n padding: 0px 2px;\n line-height: 12px;\n font-size: 8px !important;\n}\n.ff-input-with-dropdown-container--filled span {\n font-size: 8px;\n}\n.ff-input-with-dropdown-container--filled .required-asterisk {\n color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-helper-text {\n color: var(--input-error-text-color);\n padding: 0 11px;\n}";
7177
+ styleInject(css_248z$p);
7129
7178
 
7130
7179
  const InputWithDropdown = ({
7131
7180
  name = '',
@@ -7143,7 +7192,7 @@ const InputWithDropdown = ({
7143
7192
  onInputBlurHandler,
7144
7193
  optionsRequired = true
7145
7194
  }) => {
7146
- const isValueFilled = value !== undefined && value >= 0;
7195
+ const isValueFilled = !checkEmpty(value);
7147
7196
  return jsxs("div", {
7148
7197
  className: classNames('ff-input-with-dropdown-container', {
7149
7198
  'ff-input-with-dropdown-container--filled': isValueFilled
@@ -7205,8 +7254,8 @@ const InputWithDropdown = ({
7205
7254
  });
7206
7255
  };
7207
7256
 
7208
- var css_248z$i = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-radio {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-radio {\n position: relative;\n color: var(--text-color);\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-radio .ff-radio-input {\n display: none;\n}\n.ff-radio .ff-radio-custom {\n box-sizing: content-box;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n border: 1px solid var(--radio-button-border);\n position: relative;\n margin-right: 8px;\n transition: border-color background-color;\n}\n.ff-radio .ff-radio-custom::before {\n content: \"\";\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #fbfdff;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n transition: background-color 0.3s;\n}\n.ff-radio .ff-radio-custom::after {\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 4px solid #f7edff;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n transition: opacity 0.3s;\n}\n.ff-radio:hover .ff-radio-custom {\n border: 1px solid var(--brand-color);\n}\n.ff-radio:hover .ff-radio-custom::before {\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio:hover .ff-radio-custom::after {\n opacity: 1;\n transition: opacity 0.3s;\n}\n.ff-radio .ff-radio-input:checked + .ff-radio-custom {\n border-color: var(--brand-color);\n}\n.ff-radio .ff-radio-input:checked + .ff-radio-custom::before {\n background: var(--brand-color);\n height: 12px;\n width: 12px;\n}\n.ff-radio .ff-radio-input:disabled + .ff-radio-custom {\n border: 1px solid var(--radio-button-border);\n}\n.ff-radio .ff-radio-input:disabled + .ff-radio-custom::before {\n background: var(--drawer-footer-bg);\n}\n.ff-radio .ff-radio-input:disabled + .ff-radio-custom::after {\n border: 4px solid var(--radio-button-hover);\n opacity: 0;\n transition: opacity 0.3s;\n}\n.ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom {\n border-color: var(--brand-color);\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom::before {\n background: var(--brand-color);\n}\n.ff-radio--disabled {\n cursor: default;\n opacity: 0.5;\n}";
7209
- styleInject(css_248z$i);
7257
+ var css_248z$o = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-radio {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-radio {\n position: relative;\n color: var(--text-color);\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-radio .ff-radio-input {\n display: none;\n}\n.ff-radio .ff-radio-custom {\n box-sizing: content-box;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n border: 1px solid var(--radio-button-border);\n position: relative;\n margin-right: 8px;\n transition: border-color background-color;\n}\n.ff-radio .ff-radio-custom::before {\n content: \"\";\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #fbfdff;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n transition: background-color 0.3s;\n}\n.ff-radio .ff-radio-custom::after {\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 4px solid #f7edff;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n transition: opacity 0.3s;\n}\n.ff-radio:hover .ff-radio-custom {\n border: 1px solid var(--brand-color);\n}\n.ff-radio:hover .ff-radio-custom::before {\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio:hover .ff-radio-custom::after {\n opacity: 1;\n transition: opacity 0.3s;\n}\n.ff-radio .ff-radio-input:checked + .ff-radio-custom {\n border-color: var(--brand-color);\n}\n.ff-radio .ff-radio-input:checked + .ff-radio-custom::before {\n background: var(--brand-color);\n height: 12px;\n width: 12px;\n}\n.ff-radio .ff-radio-input:disabled + .ff-radio-custom {\n border: 1px solid var(--radio-button-border);\n}\n.ff-radio .ff-radio-input:disabled + .ff-radio-custom::before {\n background: var(--drawer-footer-bg);\n}\n.ff-radio .ff-radio-input:disabled + .ff-radio-custom::after {\n border: 4px solid var(--radio-button-hover);\n opacity: 0;\n transition: opacity 0.3s;\n}\n.ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom {\n border-color: var(--brand-color);\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom::before {\n background: var(--brand-color);\n}\n.ff-radio--disabled {\n cursor: default;\n opacity: 0.5;\n}";
7258
+ styleInject(css_248z$o);
7210
7259
 
7211
7260
  const RadioButton = ({
7212
7261
  label,
@@ -7234,8 +7283,8 @@ const RadioButton = ({
7234
7283
  });
7235
7284
  };
7236
7285
 
7237
- var css_248z$h = ".ff-radio-group {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}";
7238
- styleInject(css_248z$h);
7286
+ var css_248z$n = ".ff-radio-group {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}";
7287
+ styleInject(css_248z$n);
7239
7288
 
7240
7289
  const RadioGroup = ({
7241
7290
  options,
@@ -7257,8 +7306,8 @@ const RadioGroup = ({
7257
7306
  });
7258
7307
  };
7259
7308
 
7260
- var css_248z$g = ".ff-mini-edit-modal-container {\n width: fit-content;\n padding: 0;\n position: absolute;\n visibility: hidden;\n}\n.ff-mini-edit-modal-container.modalVisible {\n visibility: visible;\n}\n.ff-mini-edit-modal-container.animatedModal {\n animation: slideDown 0.5s ease, opacity 0.5s ease;\n}\n.ff-mini-edit-modal-container .popover-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n z-index: 5;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top {\n bottom: 100%;\n left: 30px;\n border-width: 0 10px 10px 10px;\n border-color: transparent transparent var(--ff-mini-modal-border) transparent;\n filter: drop-shadow(0 -2px 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left {\n left: -15px;\n border-width: 10px 10px 10px 0;\n border-color: transparent var(--ff-mini-modal-border) transparent transparent;\n filter: drop-shadow(-2px 0 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom {\n top: 100%;\n left: 30px;\n border-width: 10px 10px 0 10px;\n border-color: var(--ff-mini-modal-border) transparent transparent transparent;\n filter: drop-shadow(0 2px 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right {\n right: -10px;\n top: 75px;\n border-width: 10px 0 10px 10px;\n border-color: transparent transparent transparent var(--ff-mini-modal-border);\n filter: drop-shadow(2px 0 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.left-top-arrow {\n top: 10%;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-middle-arrow {\n top: 50%;\n}\n.ff-mini-edit-modal-container .wrapped-div {\n width: 35px;\n height: 35px;\n background-color: transparent;\n outline: 8px solid var(--ff-mini-modal-border);\n outline-offset: -8px;\n position: absolute;\n top: -34px;\n z-index: 10;\n border-radius: 7px 7px 0 0;\n box-shadow: 0px -3px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .wrapped-div::before, .ff-mini-edit-modal-container .wrapped-div::after {\n position: absolute;\n content: \"\";\n width: 13px;\n height: 13px;\n background: transparent;\n border-radius: 50%;\n bottom: 0;\n box-shadow: 8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .wrapped-div::before {\n left: -13px;\n clip-path: polygon(100% 100%, 110% 45%, 0% 70%, 0% 100%);\n}\n.ff-mini-edit-modal-container .wrapped-div::after {\n right: -13px;\n clip-path: polygon(-5% 100%, 0% 40%, 100% 70%, 100% 100%);\n box-shadow: -8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .mini-edit-modal {\n background: var(--ff-mini-modal-border);\n position: relative;\n max-height: fit-content;\n z-index: 2;\n padding: 4px;\n width: 100%;\n border-radius: 7px;\n margin: 0 0 0 -5px;\n height: 100%;\n box-shadow: 0px 0px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal header {\n border-radius: 4px 4px 0 0;\n}\n.ff-mini-edit-modal-container .mini-edit-modal footer {\n border-radius: 0 0 4px 4px;\n}\n.ff-mini-edit-modal-container .modal-content {\n max-height: 250px;\n overflow-y: auto;\n}\n.ff-mini-edit-modal-container .modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n background-color: var(--ff-mini-modal-footer-background);\n height: 24px;\n padding: 0 10px 0 0;\n transition: transform 0.3s ease-in-out;\n}\n@keyframes slideDown {\n 0% {\n transform: translateY(-50px);\n opacity: 0;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.ff-mini-modal-buttons-flex {\n display: flex;\n}\n\n.ff-mini-modal-gap-10 {\n gap: 10px;\n}";
7261
- styleInject(css_248z$g);
7309
+ var css_248z$m = ".ff-mini-edit-modal-container {\n width: fit-content;\n padding: 0;\n position: absolute;\n visibility: hidden;\n}\n.ff-mini-edit-modal-container.modalVisible {\n visibility: visible;\n}\n.ff-mini-edit-modal-container.animatedModal {\n animation: slideDown 0.5s ease, opacity 0.5s ease;\n}\n.ff-mini-edit-modal-container .popover-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n z-index: 5;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top {\n bottom: 100%;\n left: 30px;\n border-width: 0 10px 10px 10px;\n border-color: transparent transparent var(--ff-mini-modal-border) transparent;\n filter: drop-shadow(0 -2px 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left {\n left: -15px;\n border-width: 10px 10px 10px 0;\n border-color: transparent var(--ff-mini-modal-border) transparent transparent;\n filter: drop-shadow(-2px 0 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom {\n top: 100%;\n left: 30px;\n border-width: 10px 10px 0 10px;\n border-color: var(--ff-mini-modal-border) transparent transparent transparent;\n filter: drop-shadow(0 2px 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right {\n right: -10px;\n top: 75px;\n border-width: 10px 0 10px 10px;\n border-color: transparent transparent transparent var(--ff-mini-modal-border);\n filter: drop-shadow(2px 0 1px var(--ff-mini-modal-box-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.left-top-arrow {\n top: 10%;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-middle-arrow {\n top: 50%;\n}\n.ff-mini-edit-modal-container .wrapped-div {\n width: 35px;\n height: 35px;\n background-color: transparent;\n outline: 8px solid var(--ff-mini-modal-border);\n outline-offset: -8px;\n position: absolute;\n top: -34px;\n z-index: 10;\n border-radius: 7px 7px 0 0;\n box-shadow: 0px -3px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .wrapped-div::before, .ff-mini-edit-modal-container .wrapped-div::after {\n position: absolute;\n content: \"\";\n width: 13px;\n height: 13px;\n background: transparent;\n border-radius: 50%;\n bottom: 0;\n box-shadow: 8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .wrapped-div::before {\n left: -13px;\n clip-path: polygon(100% 100%, 110% 45%, 0% 70%, 0% 100%);\n}\n.ff-mini-edit-modal-container .wrapped-div::after {\n right: -13px;\n clip-path: polygon(-5% 100%, 0% 40%, 100% 70%, 100% 100%);\n box-shadow: -8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .mini-edit-modal {\n background: var(--ff-mini-modal-border);\n position: relative;\n max-height: fit-content;\n z-index: 2;\n padding: 4px;\n width: 100%;\n border-radius: 7px;\n margin: 0 0 0 -5px;\n height: 100%;\n box-shadow: 0px 0px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal header {\n border-radius: 4px 4px 0 0;\n}\n.ff-mini-edit-modal-container .mini-edit-modal footer {\n border-radius: 0 0 4px 4px;\n}\n.ff-mini-edit-modal-container .modal-content {\n max-height: 250px;\n overflow-y: auto;\n}\n.ff-mini-edit-modal-container .modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n background-color: var(--ff-mini-modal-footer-background);\n height: 24px;\n padding: 0 10px 0 0;\n transition: transform 0.3s ease-in-out;\n}\n@keyframes slideDown {\n 0% {\n transform: translateY(-50px);\n opacity: 0;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.ff-mini-modal-buttons-flex {\n display: flex;\n}\n\n.ff-mini-modal-gap-10 {\n gap: 10px;\n}";
7310
+ styleInject(css_248z$m);
7262
7311
 
7263
7312
  const MiniModal = /*#__PURE__*/forwardRef(({
7264
7313
  anchorRef,
@@ -7396,7 +7445,7 @@ const MiniModal = /*#__PURE__*/forwardRef(({
7396
7445
  height: `${modalProperties?.height}px`
7397
7446
  },
7398
7447
  children: [headerProps ? jsx(Typography, {
7399
- as: "p",
7448
+ as: "div",
7400
7449
  children: headerProps
7401
7450
  }) : jsxs(Typography, {
7402
7451
  as: "header",
@@ -7428,8 +7477,8 @@ const MiniModal = /*#__PURE__*/forwardRef(({
7428
7477
  }), document.body);
7429
7478
  });
7430
7479
 
7431
- var css_248z$f = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-tree-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tree-container {\n width: 100%;\n font-size: 12px;\n color: var(--brand-color);\n transition: all 0.3s ease;\n}\n.ff-tree-container table {\n border-collapse: collapse;\n width: 100%;\n text-align: left;\n}\n.ff-tree-container .ff-toggle-arrow-icon {\n height: 12px;\n width: 12px;\n margin-left: 8px;\n display: grid;\n place-items: center;\n transform: rotate(0deg);\n}\n.ff-tree-container .ff-toggle-arrow-icon svg path {\n fill: var(--brand-color);\n}\n.ff-tree-container .ff-toggle-arrow-icon.ff-expanded {\n transform: rotate(0deg);\n}\n.ff-tree-container .ff-toggle-arrow-icon.ff-collapsed {\n transform: rotate(-90deg);\n}\n.ff-tree-container th,\n.ff-tree-container td {\n padding: 0 8px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.ff-tree-container th {\n vertical-align: middle;\n height: 32px;\n background-color: var(--slider-table-color);\n color: var(--text-color);\n font-weight: 600;\n text-transform: uppercase;\n}\n.ff-tree-container tr .ff-action-section {\n display: none;\n}\n.ff-tree-container tr:hover {\n background-color: var(--hover-color);\n}\n.ff-tree-container tr:hover .ff-action-section {\n display: block;\n}\n.ff-tree-container .ff-title-container {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-tree-container .ff-title-container .ff-toggle-folder {\n display: flex;\n cursor: pointer;\n}\n.ff-tree-container .ff-title-container.ff-folder {\n font-weight: 600;\n}\n.ff-tree-container .ff-title-container.ff-file {\n font-weight: 400;\n}\n.ff-tree-container .ff-title-container .ff-title {\n display: flex;\n gap: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: 400;\n cursor: pointer;\n}\n.ff-tree-container .ff-title-container .ff-title .ff-hover-icon {\n display: none;\n position: absolute;\n right: 10px;\n}\n.ff-tree-container .ff-node-li {\n position: relative;\n --indent-size: 16px;\n --total-children-height: var(--node-height);\n}\n.ff-tree-container .ff-node-li td:first-child {\n padding-left: calc(var(--level) * var(--indent-size));\n height: 32px;\n}\n.ff-tree-container .ff-node-li::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: calc(var(--level) * var(--indent-size) - 4px);\n width: 1px;\n height: calc(var(--total-children-height));\n background-color: var(--tree-connecting-lines-color);\n z-index: 1;\n}\n.ff-tree-container .ff-node-li::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: calc(var(--level) * var(--indent-size) - 4px);\n width: 12px;\n height: 1px;\n background-color: var(--tree-connecting-lines-color);\n z-index: 1;\n}\n.ff-tree-container .ff-node-li.ff-is-last::before {\n height: calc(var(--node-height) / 2);\n}\n.ff-tree-container .ff-node-li[style*=\"--level: 0\"]::before, .ff-tree-container .ff-node-li[style*=\"--level: 0\"]::after {\n content: none;\n}";
7432
- styleInject(css_248z$f);
7480
+ var css_248z$l = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-tree-container {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tree-container {\n width: 100%;\n font-size: 12px;\n color: var(--brand-color);\n transition: all 0.3s ease;\n}\n.ff-tree-container table {\n border-collapse: collapse;\n width: 100%;\n text-align: left;\n}\n.ff-tree-container .ff-toggle-arrow-icon {\n height: 12px;\n width: 12px;\n margin-left: 8px;\n display: grid;\n place-items: center;\n transform: rotate(0deg);\n}\n.ff-tree-container .ff-toggle-arrow-icon svg path {\n fill: var(--brand-color);\n}\n.ff-tree-container .ff-toggle-arrow-icon.ff-expanded {\n transform: rotate(0deg);\n}\n.ff-tree-container .ff-toggle-arrow-icon.ff-collapsed {\n transform: rotate(-90deg);\n}\n.ff-tree-container th,\n.ff-tree-container td {\n padding: 0 8px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.ff-tree-container th {\n vertical-align: middle;\n height: 32px;\n background-color: var(--slider-table-color);\n color: var(--text-color);\n font-weight: 600;\n text-transform: uppercase;\n}\n.ff-tree-container tr .ff-action-section {\n display: none;\n}\n.ff-tree-container tr:hover {\n background-color: var(--hover-color);\n}\n.ff-tree-container tr:hover .ff-action-section {\n display: block;\n}\n.ff-tree-container .ff-title-container {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-tree-container .ff-title-container .ff-toggle-folder {\n display: flex;\n cursor: pointer;\n}\n.ff-tree-container .ff-title-container.ff-folder {\n font-weight: 600;\n}\n.ff-tree-container .ff-title-container.ff-file {\n font-weight: 400;\n}\n.ff-tree-container .ff-title-container .ff-title {\n display: flex;\n gap: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: 400;\n cursor: pointer;\n}\n.ff-tree-container .ff-title-container .ff-title .ff-hover-icon {\n display: none;\n position: absolute;\n right: 10px;\n}\n.ff-tree-container .ff-node-li {\n position: relative;\n --indent-size: 16px;\n --total-children-height: var(--node-height);\n}\n.ff-tree-container .ff-node-li td:first-child {\n padding-left: calc(var(--level) * var(--indent-size));\n height: 32px;\n}\n.ff-tree-container .ff-node-li::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: calc(var(--level) * var(--indent-size) - 4px);\n width: 1px;\n height: calc(var(--total-children-height));\n background-color: var(--tree-connecting-lines-color);\n z-index: 1;\n}\n.ff-tree-container .ff-node-li::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: calc(var(--level) * var(--indent-size) - 4px);\n width: 12px;\n height: 1px;\n background-color: var(--tree-connecting-lines-color);\n z-index: 1;\n}\n.ff-tree-container .ff-node-li.ff-is-last::before {\n height: calc(var(--node-height) / 2);\n}\n.ff-tree-container .ff-node-li[style*=\"--level: 0\"]::before, .ff-tree-container .ff-node-li[style*=\"--level: 0\"]::after {\n content: none;\n}";
7481
+ styleInject(css_248z$l);
7433
7482
 
7434
7483
  const TableTree = ({
7435
7484
  columnsData,
@@ -7588,8 +7637,8 @@ const TableTree = ({
7588
7637
  });
7589
7638
  };
7590
7639
 
7591
- var css_248z$e = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color:#d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight:#f5fb00;\n --slider-table-color: #efe1f9;\n}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tabs-container {\n box-sizing: border-box;\n}\n.ff-tabs-container .ff-tab-row--default {\n display: flex;\n gap: 8px;\n border: 1px solid var(--tabs-border-color);\n border-radius: 8px 8px 0 0;\n padding: 7px 8px 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default {\n border: none;\n background: none;\n padding: 0 4px;\n display: flex;\n flex-direction: column;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-label {\n padding-bottom: 4px;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar {\n width: 100%;\n border-radius: 2px 2px 0 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar--active {\n border-top: 2px solid var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.ff-tabs-container .ff-tab-row--capsule {\n display: flex;\n gap: 8px;\n border: 1px solid var(--tabs-border-color);\n border-radius: 8px;\n padding: 3px 4px;\n background-color: var(--tabs-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule {\n background: transparent;\n border: none;\n padding: 3px 4px;\n border-radius: 4px;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule.active {\n background-color: var(--tab-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule .ff-tab-bar {\n display: none;\n}\n.ff-tabs-container .ff-tab-row--no-border {\n border: none;\n}\n.ff-tabs-container .ff-tab-content {\n width: inherit;\n}";
7592
- styleInject(css_248z$e);
7640
+ var css_248z$k = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color: #d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight: #f5fb00;\n --slider-table-color: #efe1f9;\n --button-close-color: button-close-color;\n --button-bg-color: button-bg-color;\n}\n\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-tabs-container {\n box-sizing: border-box;\n}\n.ff-tabs-container .ff-tab-row--default {\n display: flex;\n gap: 8px;\n border: 1px solid var(--tabs-border-color);\n border-radius: 8px 8px 0 0;\n padding: 7px 8px 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default {\n border: none;\n background: none;\n padding: 0 4px;\n display: flex;\n flex-direction: column;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-label {\n padding-bottom: 4px;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar {\n width: 100%;\n border-radius: 2px 2px 0 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar--active {\n border-top: 2px solid var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.ff-tabs-container .ff-tab-row--capsule {\n display: flex;\n gap: 8px;\n border: 1px solid var(--tabs-border-color);\n border-radius: 8px;\n padding: 3px 4px;\n background-color: var(--tabs-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule {\n background: transparent;\n border: none;\n padding: 3px 4px;\n border-radius: 4px;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule.active {\n background-color: var(--tab-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule .ff-tab-bar {\n display: none;\n}\n.ff-tabs-container .ff-tab-row--no-border {\n border: none;\n}\n.ff-tabs-container .ff-tab-content {\n width: inherit;\n}";
7641
+ styleInject(css_248z$k);
7593
7642
 
7594
7643
  const Tabs = ({
7595
7644
  variant = 'default',
@@ -7598,19 +7647,13 @@ const Tabs = ({
7598
7647
  onTabClick,
7599
7648
  noBorder = false
7600
7649
  }) => {
7601
- const tabs = tabsData.map((tab, index) => ({
7602
- id: index.toString(),
7603
- label: tab.label,
7604
- component: tab.component,
7605
- disabled: tab.disabled
7606
- }));
7607
7650
  return jsxs("div", {
7608
7651
  className: `ff-tabs-container`,
7609
7652
  children: [jsx("div", {
7610
7653
  className: classNames(`ff-tab-row--${variant}`, {
7611
7654
  'ff-tab-row--no-border': noBorder
7612
7655
  }),
7613
- children: tabs.map(tab => jsxs("button", {
7656
+ children: tabsData.map(tab => jsxs("button", {
7614
7657
  onClick: () => !tab.disabled && onTabClick(tab.id),
7615
7658
  disabled: tab.disabled,
7616
7659
  className: classNames(`ff-tab-button--${variant}`, {
@@ -7635,13 +7678,13 @@ const Tabs = ({
7635
7678
  }, tab.id))
7636
7679
  }), jsx("div", {
7637
7680
  className: `ff-tab-content`,
7638
- children: tabs.find(tab => tab.id === activeTabId)?.component
7681
+ children: tabsData.find(tab => tab.id === activeTabId)?.component
7639
7682
  })]
7640
7683
  });
7641
7684
  };
7642
7685
 
7643
- var css_248z$d = ".ff-highlight-bg {\n background-color: var(--text-bg-highlight);\n}";
7644
- styleInject(css_248z$d);
7686
+ var css_248z$j = ".ff-highlight-bg {\n background-color: var(--text-bg-highlight);\n}";
7687
+ styleInject(css_248z$j);
7645
7688
 
7646
7689
  // Function to escape special characters in the search term
7647
7690
  const escapeRegExp = text => {
@@ -7664,8 +7707,8 @@ const HighlightText = ({
7664
7707
  });
7665
7708
  };
7666
7709
 
7667
- var css_248z$c = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-search-container .ff-search-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-search-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-search-container .ff-search-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n padding: 4px;\n}\n.ff-search-container .ff-search-icon .ff-icon-container svg path {\n fill: var(--brand-color);\n}\n.ff-search-container .ff-search-input {\n border: none;\n color: var(--tooltip-bg-color);\n line-height: 12px;\n visibility: hidden;\n transition: width 0.4s ease;\n}\n.ff-search-container .ff-search-input:focus {\n outline: none;\n border: none;\n}\n.ff-search-container .ff-search-input:hover {\n border: none;\n}\n.ff-search-container.disabled {\n opacity: 0.5;\n}\n.ff-search-container.expanded {\n border: 1px solid var(--border-color);\n border-radius: 4px;\n}\n.ff-search-container.expanded .ff-vertical-line {\n height: 8px;\n width: 1px;\n position: relative;\n right: 2px;\n border-radius: 1px;\n margin: 8px 0px;\n background-color: var(--border-color);\n}\n.ff-search-container.expanded .ff-search-input {\n visibility: visible;\n}\n.ff-search-container.expanded .ff-search-input::placeholder {\n color: var(--ff-search-filed-placeholder-text);\n}\n.ff-search-container.expanded .ff-search-icon {\n padding: 4px;\n border: none;\n cursor: default;\n}\n.ff-search-container.expanded .ff-search-clear-button {\n display: grid;\n place-items: center;\n cursor: pointer;\n width: 22px;\n}\n.ff-search-container.expanded .ff-search-close-icon {\n margin: 4px;\n cursor: pointer;\n}\n.ff-search-container.expanded .ff-search-close-icon .ff-icon-container svg path {\n fill: var(--ff-search-filed-close-Icon);\n}";
7668
- styleInject(css_248z$c);
7710
+ var css_248z$i = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-search-container .ff-search-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-search-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.ff-search-container .ff-search-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n padding: 4px;\n}\n.ff-search-container .ff-search-icon .ff-icon-container svg path {\n fill: var(--brand-color);\n}\n.ff-search-container .ff-search-input {\n border: none;\n color: var(--tooltip-bg-color);\n line-height: 12px;\n visibility: hidden;\n transition: width 0.4s ease;\n}\n.ff-search-container .ff-search-input:focus {\n outline: none;\n border: none;\n}\n.ff-search-container .ff-search-input:hover {\n border: none;\n}\n.ff-search-container.disabled {\n opacity: 0.5;\n}\n.ff-search-container.expanded {\n border: 1px solid var(--border-color);\n border-radius: 4px;\n}\n.ff-search-container.expanded .ff-vertical-line {\n height: 8px;\n width: 1px;\n position: relative;\n right: 2px;\n border-radius: 1px;\n margin: 8px 0px;\n background-color: var(--border-color);\n}\n.ff-search-container.expanded .ff-search-input {\n visibility: visible;\n}\n.ff-search-container.expanded .ff-search-input::placeholder {\n color: var(--ff-search-filed-placeholder-text);\n}\n.ff-search-container.expanded .ff-search-icon {\n padding: 4px;\n border: none;\n cursor: default;\n}\n.ff-search-container.expanded .ff-search-clear-button {\n display: grid;\n place-items: center;\n cursor: pointer;\n width: 22px;\n}\n.ff-search-container.expanded .ff-search-close-icon {\n margin: 4px;\n cursor: pointer;\n}\n.ff-search-container.expanded .ff-search-close-icon .ff-icon-container svg path {\n fill: var(--ff-search-filed-close-Icon);\n}";
7711
+ styleInject(css_248z$i);
7669
7712
 
7670
7713
  const Search = ({
7671
7714
  placeholder = 'Search',
@@ -15669,8 +15712,8 @@ const TimePicker = ({
15669
15712
  });
15670
15713
  };
15671
15714
 
15672
- var css_248z$b = "@import 'react-day-picker/style.css';\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n/* Custom date picker styling */\n.ff-date-picker {\n position: relative;\n}\n.ff-date-picker .rdp-root {\n --rdp-accent-color: var(--brand-color);\n --rdp-day-height: 24px;\n --rdp-day-width: 36px;\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n --rdp-font-family: \"Poppins\", sans-serif;\n}\n.ff-date-picker .ff-cursor-pointer {\n cursor: pointer;\n}\n.ff-date-picker .ff-datepicker-input-container {\n display: flex;\n gap: 10px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n padding: 4px 8px;\n padding-left: 2rem;\n height: 32px;\n border-radius: 5px;\n border: 1px solid var(--border-color);\n color: var(--status-skipped-text-color);\n line-height: 15px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input:focus,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-calendar-icon,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-clock-icon {\n position: absolute;\n transform: translate(50%, 50%);\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field {\n flex: 1;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input {\n width: 100%;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field {\n flex: 0 0 120px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field .ff-time-input {\n width: 100%;\n}\n.ff-date-picker .ff-date-picker-container {\n display: flex;\n flex-direction: column;\n position: absolute;\n border-radius: 8px;\n padding: 4px;\n box-sizing: border-box;\n background-color: var(--tab-bg-color);\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\n gap: 8px;\n z-index: 10;\n}\n.ff-date-picker .ff-date-picker-container .ff-calendar-container {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n height: 240px;\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls {\n padding: 4px;\n display: flex;\n justify-content: end;\n gap: 8px;\n border-top: 1px solid var(--border-color);\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls .ff-date-picker-button {\n font-weight: 600;\n line-height: 15px;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button {\n margin: 0 5px;\n border: 1px solid var(--border-color);\n background-color: var(--toggle-button-bg-color);\n box-shadow: 0 -2px 2px 0 var(--ff-mini-modal-box-shadow);\n padding: 4px;\n border-radius: 30%;\n cursor: pointer;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button:disabled {\n cursor: auto;\n opacity: 0.5;\n}\n.ff-date-picker .ff-calendar .ff-calendar-haeder {\n display: flex;\n align-items: center;\n gap: 5px;\n color: var(--text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid,\n.ff-date-picker .ff-calendar .ff-custom-month_grid {\n width: calc((var(--rdp-day-width) + 4px) * 7);\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n padding: 5px;\n max-width: 100%;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month {\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n border-radius: 8px;\n background-color: #f9f9f9;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--selected {\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n}\n.ff-date-picker .ff-calendar .rdp-weekdays th {\n color: #6f7c8e;\n font-weight: 400;\n}\n.ff-date-picker .ff-calendar .rdp-day {\n padding: 2px;\n font-weight: 500;\n}\n.ff-date-picker .ff-calendar .rdp-day_button {\n border-radius: 4px;\n padding: 3px 9px;\n}\n.ff-date-picker .ff-calendar .rdp-day_button:hover {\n background-color: var(--hover-color);\n}\n.ff-date-picker .ff-calendar .rdp-selected {\n font: inherit;\n}\n.ff-date-picker .ff-calendar .rdp-selected .rdp-day_button {\n background: var(--rdp-accent-color);\n color: var(--drawer-footer-bg);\n border: none;\n}\n.ff-date-picker .ff-calendar .rdp-today:not(.rdp-outside) .rdp-day_button {\n border: 2px solid var(--rdp-accent-color);\n}\n.ff-date-picker .ff-time-picker-container {\n position: relative;\n width: 150px;\n height: 100%;\n overflow-y: hidden;\n border-left: 1px solid #ccc;\n padding: 10px 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container::-webkit-scrollbar {\n display: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields {\n display: flex;\n height: 14%;\n width: 100%;\n margin-bottom: 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container {\n display: flex;\n border: 1px solid var(--border-color);\n border-right: 0;\n border-radius: 4px 0 0 4px;\n width: 55%;\n position: relative;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n border: none;\n padding: 5px;\n width: 100%;\n text-align: center;\n border-radius: 4px 0 0 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input-label {\n position: absolute;\n left: 10px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.2s ease all;\n color: var(--input-default-label-color);\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within {\n border-color: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--danger {\n border-color: var(--input-error-text-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container {\n position: relative;\n width: 45%;\n display: flex;\n border: 1px solid var(--border-color);\n border-radius: 0 4px 4px 0;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-select {\n display: flex;\n align-items: center;\n padding: 0 5px;\n width: 100%;\n border-radius: 4px;\n background-color: white;\n cursor: pointer;\n border: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container--active {\n border-color: var(--brand-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon {\n margin-left: auto;\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-options {\n position: fixed;\n z-index: 100;\n min-width: 60px;\n margin: 4px 0 0;\n padding: 0;\n list-style: none;\n border: 1px solid var(--ff-select-background-color);\n border-radius: 4px;\n background-color: var(--primary-button-text-color);\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item {\n padding: 8px;\n color: var(--text-color);\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item:hover {\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options {\n height: 86%;\n overflow-y: auto;\n padding-right: 5px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-track {\n background-color: var(--hover-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options .ff-time-option {\n padding: 10px 12px;\n cursor: pointer;\n text-align: center;\n border-radius: 8px;\n background-color: rgb(249, 249, 249);\n margin: 10px 0;\n}";
15673
- styleInject(css_248z$b);
15715
+ var css_248z$h = "@import 'react-day-picker/style.css';\n@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n/* Custom date picker styling */\n.ff-date-picker {\n position: relative;\n}\n.ff-date-picker .rdp-root {\n --rdp-accent-color: var(--brand-color);\n --rdp-day-height: 24px;\n --rdp-day-width: 36px;\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n --rdp-font-family: \"Poppins\", sans-serif;\n}\n.ff-date-picker .ff-cursor-pointer {\n cursor: pointer;\n}\n.ff-date-picker .ff-datepicker-input-container {\n display: flex;\n gap: 10px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n padding: 4px 8px;\n padding-left: 2rem;\n height: 32px;\n border-radius: 5px;\n border: 1px solid var(--border-color);\n color: var(--status-skipped-text-color);\n line-height: 15px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input:focus,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-calendar-icon,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-clock-icon {\n position: absolute;\n transform: translate(50%, 50%);\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field {\n flex: 1;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input {\n width: 100%;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n padding: 0px 4px;\n margin-left: 8px;\n line-height: 12px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field {\n flex: 0 0 120px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field .ff-time-input {\n width: 100%;\n}\n.ff-date-picker .ff-date-picker-container {\n display: flex;\n flex-direction: column;\n position: absolute;\n border-radius: 8px;\n padding: 4px;\n box-sizing: border-box;\n background-color: var(--tab-bg-color);\n box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\n gap: 8px;\n z-index: 10;\n}\n.ff-date-picker .ff-date-picker-container .ff-calendar-container {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n height: 240px;\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls {\n padding: 4px;\n display: flex;\n justify-content: end;\n gap: 8px;\n border-top: 1px solid var(--border-color);\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls .ff-date-picker-button {\n font-weight: 600;\n line-height: 15px;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button {\n margin: 0 5px;\n border: 1px solid var(--border-color);\n background-color: var(--toggle-button-bg-color);\n box-shadow: 0 -2px 2px 0 var(--ff-mini-modal-box-shadow);\n padding: 4px;\n border-radius: 30%;\n cursor: pointer;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button:disabled {\n cursor: auto;\n opacity: 0.5;\n}\n.ff-date-picker .ff-calendar .ff-calendar-haeder {\n display: flex;\n align-items: center;\n gap: 5px;\n color: var(--text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid,\n.ff-date-picker .ff-calendar .ff-custom-month_grid {\n width: calc((var(--rdp-day-width) + 4px) * 7);\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n padding: 5px;\n max-width: 100%;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month {\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n border-radius: 8px;\n background-color: #f9f9f9;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--selected {\n background-color: var(--brand-color);\n color: var(--primary-button-text-color);\n}\n.ff-date-picker .ff-calendar .rdp-weekdays th {\n color: #6f7c8e;\n font-weight: 400;\n}\n.ff-date-picker .ff-calendar .rdp-day {\n padding: 2px;\n font-weight: 500;\n}\n.ff-date-picker .ff-calendar .rdp-day_button {\n border-radius: 4px;\n padding: 3px 9px;\n}\n.ff-date-picker .ff-calendar .rdp-day_button:hover {\n background-color: var(--hover-color);\n}\n.ff-date-picker .ff-calendar .rdp-selected {\n font: inherit;\n}\n.ff-date-picker .ff-calendar .rdp-selected .rdp-day_button {\n background: var(--rdp-accent-color);\n color: var(--drawer-footer-bg);\n border: none;\n}\n.ff-date-picker .ff-calendar .rdp-today:not(.rdp-outside) .rdp-day_button {\n border: 2px solid var(--rdp-accent-color);\n}\n.ff-date-picker .ff-time-picker-container {\n position: relative;\n width: 150px;\n height: 100%;\n overflow-y: hidden;\n border-left: 1px solid #ccc;\n padding: 10px 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container::-webkit-scrollbar {\n display: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields {\n display: flex;\n height: 14%;\n width: 100%;\n margin-bottom: 5px;\n box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container {\n display: flex;\n border: 1px solid var(--border-color);\n border-right: 0;\n border-radius: 4px 0 0 4px;\n width: 55%;\n position: relative;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n border: none;\n padding: 5px;\n width: 100%;\n text-align: center;\n border-radius: 4px 0 0 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input::placeholder {\n opacity: 0;\n line-height: 18px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input-label {\n position: absolute;\n left: 10px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.2s ease all;\n color: var(--input-default-label-color);\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within {\n border-color: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label {\n top: 0;\n left: 5px;\n color: var(--brand-color);\n background-color: var(--input-label-bg-color);\n line-height: 12px;\n padding: 0 2px;\n font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label--danger {\n color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input::placeholder {\n opacity: 1;\n margin-bottom: 1px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--danger {\n border-color: var(--input-error-text-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input:focus {\n outline: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container {\n position: relative;\n width: 45%;\n display: flex;\n border: 1px solid var(--border-color);\n border-radius: 0 4px 4px 0;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-select {\n display: flex;\n align-items: center;\n padding: 0 5px;\n width: 100%;\n border-radius: 4px;\n background-color: white;\n cursor: pointer;\n border: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container--active {\n border-color: var(--brand-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover {\n border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon {\n margin-left: auto;\n pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-options {\n position: fixed;\n z-index: 100;\n min-width: 60px;\n margin: 4px 0 0;\n padding: 0;\n list-style: none;\n border: 1px solid var(--ff-select-background-color);\n border-radius: 4px;\n background-color: var(--primary-button-text-color);\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item {\n padding: 8px;\n color: var(--text-color);\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item:hover {\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options {\n height: 86%;\n overflow-y: auto;\n padding-right: 5px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-track {\n background-color: var(--hover-color);\n border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options .ff-time-option {\n padding: 10px 12px;\n cursor: pointer;\n text-align: center;\n border-radius: 8px;\n background-color: rgb(249, 249, 249);\n margin: 10px 0;\n}";
15716
+ styleInject(css_248z$h);
15674
15717
 
15675
15718
  const CustomDatePicker = ({
15676
15719
  minDate,
@@ -16190,8 +16233,8 @@ const StateDropdown = ({
16190
16233
  });
16191
16234
  };
16192
16235
 
16193
- var css_248z$a = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-plus-icon {\n min-width: 71px;\n min-height: 24px;\n border-radius: 12px;\n border-style: none;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 8px;\n background-color: var(--secondary-icon-color);\n padding: 2px 8px 2px 2px;\n border: 1px solid transparent;\n}\n.ff-plus-icon .ff-icon-color path {\n color: var(--primary-icon-color);\n}\n.ff-plus-icon .icon-name {\n min-width: 33px;\n color: var(--primary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover {\n border: 1px solid var(--secondary-icon-color);\n background-color: var(--hover-color);\n}\n.ff-plus-icon:hover .icon-name {\n min-width: 33px;\n min-height: 20px;\n font-weight: 600;\n color: var(--secondary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover .ff-icon-color path {\n color: var(--secondary-icon-color);\n}";
16194
- styleInject(css_248z$a);
16236
+ var css_248z$g = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-plus-icon {\n min-width: 71px;\n min-height: 24px;\n border-radius: 12px;\n border-style: none;\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 8px;\n background-color: var(--secondary-icon-color);\n padding: 2px 8px 2px 2px;\n border: 1px solid transparent;\n}\n.ff-plus-icon .ff-icon-color path {\n color: var(--primary-icon-color);\n}\n.ff-plus-icon .icon-name {\n min-width: 33px;\n color: var(--primary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover {\n border: 1px solid var(--secondary-icon-color);\n background-color: var(--hover-color);\n}\n.ff-plus-icon:hover .icon-name {\n min-width: 33px;\n min-height: 20px;\n font-weight: 600;\n color: var(--secondary-icon-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-plus-icon:hover .ff-icon-color path {\n color: var(--secondary-icon-color);\n}";
16237
+ styleInject(css_248z$g);
16195
16238
 
16196
16239
  const IconButton = ({
16197
16240
  label,
@@ -16215,8 +16258,8 @@ const IconButton = ({
16215
16258
  });
16216
16259
  };
16217
16260
 
16218
- var css_248z$9 = ".ff-modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--background-modal-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-direction: column;\n}\n\n.ff-modal-content {\n background: var(--ff-mini-modal-border);\n position: relative;\n max-width: 100%;\n border-radius: 12px;\n padding: 16px;\n}\n.ff-modal-content .ff-modal-header {\n height: 32px;\n width: 100%;\n}\n\n.ff-modal-footer {\n background-color: var(--expandable-menu-option-bg);\n max-width: 100%;\n width: 100%;\n height: 32px;\n border-radius: 0 0 12px 12px;\n display: flex;\n flex-direction: row;\n justify-content: end;\n align-items: center;\n gap: 8px;\n padding: 4px 16px;\n}";
16219
- styleInject(css_248z$9);
16261
+ var css_248z$f = ".ff-modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--background-modal-color);\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-direction: column;\n}\n\n.ff-modal-content {\n background: var(--ff-mini-modal-border);\n position: relative;\n max-width: 100%;\n border-radius: 12px 12px 0 0;\n padding: 8px;\n}\n.ff-modal-content .ff-modal-header {\n height: 32px;\n width: 100%;\n}\n\n.ff-modal-footer {\n background-color: var(--expandable-menu-option-bg);\n max-width: 100%;\n width: 100%;\n height: 32px;\n border-radius: 0 0 12px 12px;\n display: flex;\n flex-direction: row;\n justify-content: end;\n align-items: center;\n gap: 8px;\n padding: 4px 16px;\n}";
16262
+ styleInject(css_248z$f);
16220
16263
 
16221
16264
  const Modal = ({
16222
16265
  isOpen,
@@ -16235,7 +16278,8 @@ const Modal = ({
16235
16278
  // default width
16236
16279
  customHeight = 'auto',
16237
16280
  // default height
16238
- children
16281
+ children,
16282
+ zIndex = 999
16239
16283
  }) => {
16240
16284
  useEffect(() => {
16241
16285
  const handleKeyDown = e => {
@@ -16261,6 +16305,9 @@ const Modal = ({
16261
16305
  const currentTheme = themeContext?.currentTheme;
16262
16306
  return /*#__PURE__*/createPortal(jsxs("div", {
16263
16307
  className: `ff-modal-overlay ${overlayClassName || ''}`,
16308
+ style: {
16309
+ zIndex: zIndex
16310
+ },
16264
16311
  onClick: shouldCloseOnOverlayClick ? onClose : undefined,
16265
16312
  children: [jsxs("div", {
16266
16313
  className: `ff-modal-content ${currentTheme} ${contentClassName || ''}`,
@@ -20895,8 +20942,8 @@ const DragAndDrop = {
20895
20942
  DNDUtilities
20896
20943
  };
20897
20944
 
20898
- var css_248z$8 = ".ff_variable_input_container .ff_label_container {\n display: flex;\n align-items: center;\n margin-bottom: 4px;\n}\n.ff_variable_input_container .ff_label_container.ff_danger_label .ff_input_label {\n color: var(--error);\n}\n.ff_variable_input_container .ff_label_container.ff_danger_label .ff_required_asterisk {\n color: var(--error);\n}\n.ff_variable_input_container .ff_required_asterisk {\n color: var(--input-error-text-color);\n font-size: 1.1em;\n margin-right: 4px;\n}\n.ff_variable_input_container .ff_input_label {\n font-size: 14px;\n font-weight: 500;\n color: var(--text-color);\n}\n.ff_variable_input_container .ff_input_label.ff_no_hover {\n color: var(--toggle-disable-icon-color);\n}\n.ff_variable_input_container .ff_input_label.ff_disabled_label {\n color: var(--toggle-disable-icon-color);\n cursor: not-allowed;\n}\n.ff_variable_input_container .ff_input_label.ff_danger_label {\n color: var(--error);\n}\n.ff_variable_input_container .ff_content_editable {\n min-width: 8rem;\n border: 1px solid var(--input-default-border-color);\n padding: 8px;\n min-height: 30px;\n border-radius: 4px;\n font-family: Arial, sans-serif;\n font-size: 14px;\n line-height: 20px;\n transition: border-color 0.2s ease;\n position: relative;\n text-align: left;\n display: flex;\n align-items: center;\n overflow: auto;\n}\n.ff_variable_input_container .ff_content_editable .ff_var_red {\n color: var(--status-rejected-text-color);\n}\n.ff_variable_input_container .ff_content_editable .ff_var_def_color {\n color: var(--text-color);\n}\n.ff_variable_input_container .ff_content_editable .ff_var_green {\n color: var(--status-success-text-color);\n}\n.ff_variable_input_container .ff_content_editable::after {\n content: \"*\";\n color: var(--input-error-text-color);\n font-size: 1.2em;\n position: absolute;\n top: 2px;\n right: 2px;\n display: none;\n}\n.ff_variable_input_container .ff_content_editable.ff_required::after {\n display: inline;\n}\n.ff_variable_input_container .ff_content_editable.ff_required_empty:focus-within, .ff_variable_input_container .ff_content_editable.ff_required_empty:focus {\n border-color: var(--input-error-text-color);\n}\n.ff_variable_input_container .ff_content_editable:empty::before {\n content: attr(data-placeholder);\n color: var(--ff-search-filed-placeholder-text);\n position: absolute;\n user-select: none;\n pointer-events: none;\n font-size: medium;\n}\n.ff_variable_input_container .ff_content_editable.ff_disabled {\n pointer-events: none;\n opacity: 0.5;\n background-color: var(--input-default-border-color);\n}\n.ff_variable_input_container .ff_content_editable.ff_invalid_input {\n border: 1px solid var(--input-error-text-color);\n}\n.ff_variable_input_container .ff_suggestions {\n border: 1px solid var(--input-default-border-color);\n margin-top: 4px;\n padding: 4px;\n border-radius: 4px;\n list-style-type: none;\n background-color: var(--ff-select-background-color);\n max-height: 150px;\n overflow-y: auto;\n}\n.ff_variable_input_container .ff_suggestion_item {\n padding: 4px;\n cursor: pointer;\n}\n.ff_variable_input_container .ff_suggestion_item:hover {\n background-color: var(--ff-select-background-color);\n}";
20899
- styleInject(css_248z$8);
20945
+ var css_248z$e = ".ff_variable_input_container .ff_label_container {\n display: flex;\n align-items: center;\n margin-bottom: 4px;\n}\n.ff_variable_input_container .ff_label_container.ff_danger_label .ff_input_label {\n color: var(--error);\n}\n.ff_variable_input_container .ff_label_container.ff_danger_label .ff_required_asterisk {\n color: var(--error);\n}\n.ff_variable_input_container .ff_required_asterisk {\n color: var(--input-error-text-color);\n font-size: 1.1em;\n margin-right: 4px;\n}\n.ff_variable_input_container .ff_input_label {\n font-size: 14px;\n font-weight: 500;\n color: var(--text-color);\n}\n.ff_variable_input_container .ff_input_label.ff_no_hover {\n color: var(--toggle-disable-icon-color);\n}\n.ff_variable_input_container .ff_input_label.ff_disabled_label {\n color: var(--toggle-disable-icon-color);\n cursor: not-allowed;\n}\n.ff_variable_input_container .ff_input_label.ff_danger_label {\n color: var(--error);\n}\n.ff_variable_input_container .ff_content_editable {\n min-width: 8rem;\n border: 1px solid var(--input-default-border-color);\n padding: 8px;\n min-height: 30px;\n border-radius: 4px;\n font-family: Arial, sans-serif;\n font-size: 14px;\n line-height: 20px;\n transition: border-color 0.2s ease;\n position: relative;\n text-align: left;\n display: flex;\n align-items: center;\n overflow: auto;\n}\n.ff_variable_input_container .ff_content_editable .ff_var_red {\n color: var(--status-rejected-text-color);\n}\n.ff_variable_input_container .ff_content_editable .ff_var_def_color {\n color: var(--text-color);\n}\n.ff_variable_input_container .ff_content_editable .ff_var_green {\n color: var(--status-success-text-color);\n}\n.ff_variable_input_container .ff_content_editable::after {\n content: \"*\";\n color: var(--input-error-text-color);\n font-size: 1.2em;\n position: absolute;\n top: 2px;\n right: 2px;\n display: none;\n}\n.ff_variable_input_container .ff_content_editable.ff_required::after {\n display: inline;\n}\n.ff_variable_input_container .ff_content_editable.ff_required_empty:focus-within, .ff_variable_input_container .ff_content_editable.ff_required_empty:focus {\n border-color: var(--input-error-text-color);\n}\n.ff_variable_input_container .ff_content_editable:empty::before {\n content: attr(data-placeholder);\n color: var(--ff-search-filed-placeholder-text);\n position: absolute;\n user-select: none;\n pointer-events: none;\n font-size: medium;\n}\n.ff_variable_input_container .ff_content_editable.ff_disabled {\n pointer-events: none;\n opacity: 0.5;\n background-color: var(--input-default-border-color);\n}\n.ff_variable_input_container .ff_content_editable.ff_invalid_input {\n border: 1px solid var(--input-error-text-color);\n}\n.ff_variable_input_container .ff_suggestions {\n border: 1px solid var(--input-default-border-color);\n margin-top: 4px;\n padding: 4px;\n border-radius: 4px;\n list-style-type: none;\n background-color: var(--ff-select-background-color);\n max-height: 150px;\n overflow-y: auto;\n}\n.ff_variable_input_container .ff_suggestion_item {\n padding: 4px;\n cursor: pointer;\n}\n.ff_variable_input_container .ff_suggestion_item:hover {\n background-color: var(--ff-select-background-color);\n}";
20946
+ styleInject(css_248z$e);
20900
20947
 
20901
20948
  const VariableInput = ({
20902
20949
  type = 'url',
@@ -21174,47 +21221,22 @@ const VariableInput = ({
21174
21221
  });
21175
21222
  };
21176
21223
 
21177
- var css_248z$7 = ".ff-all-project {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n background-color: var(--secondary-icon-color);\n color: var(--expandable-menu-default-bg);\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 10px;\n padding: 4px;\n}\n.ff-all-project .ff-all-project-dropdown .label-icon {\n height: 16px;\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-all-project .ff-dropdown {\n position: absolute;\n top: 50px;\n padding: 1px;\n border: 0.5px solid var(--expandable-menu-default-bg);\n border-radius: 4px;\n background-color: var(--secondary-icon-color);\n color: var(--primary-icon-color);\n}\n.ff-all-project .ff-dropdown .ff-search {\n margin-bottom: 1px;\n}\n.ff-all-project .ff-dropdown .ff-search input {\n height: 30px;\n width: inherit;\n border-radius: 4px;\n border-style: none;\n}\n.ff-all-project .ff-dropdown .ff-search input::placeholder {\n padding-left: 32px;\n font-size: 8px;\n line-height: 12px;\n}\n.ff-all-project .ff-dropdown .ff-search span {\n position: absolute;\n top: 15px;\n left: 20px;\n}\n.ff-all-project .ff-dropdown .scroll {\n max-height: 124px;\n overflow-y: scroll;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options .projects-icons {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n height: 24px;\n width: 24px;\n}\n.ff-all-project .ff-dropdown .option-card .all-projects-option {\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n border-radius: 4px;\n}";
21178
- styleInject(css_248z$7);
21224
+ var css_248z$d = ".ff-all-project {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n background-color: var(--secondary-icon-color);\n color: var(--expandable-menu-default-bg);\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n gap: 10px;\n padding: 4px;\n}\n.ff-all-project .ff-all-project-dropdown .label-icon {\n height: 16px;\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n}\n.ff-all-project .ff-dropdown {\n position: absolute;\n top: 50px;\n padding: 1px;\n border: 0.5px solid var(--expandable-menu-default-bg);\n border-radius: 4px;\n background-color: var(--secondary-icon-color);\n color: var(--primary-icon-color);\n}\n.ff-all-project .ff-dropdown .ff-search {\n margin-bottom: 1px;\n}\n.ff-all-project .ff-dropdown .ff-search input {\n height: 30px;\n width: inherit;\n border-radius: 4px;\n border-style: none;\n}\n.ff-all-project .ff-dropdown .ff-search input::placeholder {\n padding-left: 28px;\n font-size: 8px;\n line-height: 12px;\n}\n.ff-all-project .ff-dropdown .ff-search span {\n position: absolute;\n top: 15px;\n left: 18px;\n}\n.ff-all-project .ff-dropdown .scroll {\n max-height: 124px;\n overflow-y: scroll;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n justify-content: flex-start;\n gap: 4px;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options .projects-icons {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n height: 24px;\n width: 24px;\n}\n.ff-all-project .ff-dropdown .option-card .all-projects-option {\n background-color: var(--primary-icon-color);\n color: var(--secondary-icon-color);\n border-radius: 4px;\n}";
21225
+ styleInject(css_248z$d);
21179
21226
 
21180
- const AllProjectsDropdown = () => {
21181
- const [showOptions, setShowOptions] = useState(false);
21182
- const [selectedOptions, setSelectedOptions] = useState({
21227
+ const AllProjectsDropdown = ({
21228
+ onClick = () => {},
21229
+ options,
21230
+ selectedOption = {
21183
21231
  label: 'All Projects',
21184
21232
  value: 'All Projects',
21185
21233
  iconName: 'all_projects'
21186
- });
21234
+ }
21235
+ }) => {
21236
+ const [showOptions, setShowOptions] = useState(false);
21237
+ const [selectedOptions, setSelectedOptions] = useState(selectedOption);
21187
21238
  const [search, setSearch] = useState(true);
21188
- let options = [{
21189
- label: 'All Projects',
21190
- value: 'All Projects',
21191
- iconName: 'all_projects'
21192
- }, {
21193
- label: 'Pantaloon Project',
21194
- value: 'Pantaloon Web Project',
21195
- iconName: 'web_icon'
21196
- }, {
21197
- label: 'Mobile Project',
21198
- value: 'Mobile Project',
21199
- iconName: 'mobile_icon'
21200
- }, {
21201
- label: 'Web & Mobile Project',
21202
- value: 'Web & Mobile Project',
21203
- iconName: 'web&mobile_icon'
21204
- }, {
21205
- label: 'Sales Force',
21206
- value: 'Sales Force',
21207
- iconName: 'sales_force'
21208
- }, {
21209
- label: 'MS Dynamic',
21210
- value: 'MS Dynamic',
21211
- iconName: 'ms_dynamic'
21212
- }, {
21213
- label: 'Web Service',
21214
- value: 'Web Service',
21215
- iconName: ''
21216
- }];
21217
- const handleSelect = () => {
21239
+ const handleShowOption = () => {
21218
21240
  setShowOptions(!showOptions);
21219
21241
  };
21220
21242
  const handleSelectOption = option => {
@@ -21224,10 +21246,16 @@ const AllProjectsDropdown = () => {
21224
21246
  const handleInput = () => {
21225
21247
  setSearch(false);
21226
21248
  };
21249
+ const handleSearchEnter = () => {
21250
+ setSearch(false);
21251
+ };
21252
+ const handleSearchLeave = () => {
21253
+ setSearch(true);
21254
+ };
21227
21255
  return jsxs("div", {
21228
21256
  className: classNames('ff-all-project'),
21229
21257
  children: [jsxs("div", {
21230
- onClick: handleSelect,
21258
+ onClick: handleShowOption,
21231
21259
  className: classNames('ff-all-project-dropdown'),
21232
21260
  children: [jsx(Typography, {
21233
21261
  as: 'div',
@@ -21235,7 +21263,7 @@ const AllProjectsDropdown = () => {
21235
21263
  fontSize: 12,
21236
21264
  fontWeight: 'regular',
21237
21265
  className: classNames('projects-label'),
21238
- children: truncateText(selectedOptions.label, 12)
21266
+ children: truncateText(selectedOptions?.label, 12)
21239
21267
  }), jsx("div", {
21240
21268
  className: classNames('label-icon'),
21241
21269
  children: jsx(Icon, {
@@ -21249,18 +21277,20 @@ const AllProjectsDropdown = () => {
21249
21277
  className: classNames('ff-dropdown'),
21250
21278
  children: [jsxs("div", {
21251
21279
  className: classNames('ff-search'),
21280
+ onMouseEnter: () => handleSearchEnter(),
21281
+ onMouseLeave: () => handleSearchLeave(),
21252
21282
  children: [search && jsx(Icon, {
21253
21283
  name: "search",
21254
21284
  height: 8,
21255
21285
  width: 8
21256
21286
  }), jsx("input", {
21257
21287
  type: "text",
21258
- placeholder: "Search Project",
21288
+ placeholder: `${search ? 'Search Project' : ''}`,
21259
21289
  onClick: () => handleInput()
21260
21290
  })]
21261
21291
  }), jsx("div", {
21262
21292
  className: classNames('option-card', `${options.length > 4 ? 'scroll' : ''}`),
21263
- children: options.map(option => jsxs("div", {
21293
+ children: options.map((option, index) => jsxs("div", {
21264
21294
  onClick: () => handleSelectOption(option),
21265
21295
  className: classNames('projects-options', `${option.label === 'All Projects' ? 'all-projects-option' : ''}`),
21266
21296
  children: [jsx("div", {
@@ -21275,15 +21305,15 @@ const AllProjectsDropdown = () => {
21275
21305
  as: 'div',
21276
21306
  lineHeight: '30px',
21277
21307
  children: option.label
21278
- }, ffid())]
21279
- }, ffid()))
21308
+ }, index)]
21309
+ }, index))
21280
21310
  })]
21281
21311
  })]
21282
21312
  });
21283
21313
  };
21284
21314
 
21285
- var css_248z$6 = ".ff-pie-chart-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-size: var(--fontSize);\n}\n.ff-pie-chart-container .ff-pie-chart-border {\n display: inline-block;\n border: 2px solid var(--pie-chart-border-color);\n border-radius: 50%;\n}\n.ff-pie-chart-container .ff-pie-chart-tooltip {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -100%);\n padding: 8px;\n border-radius: 4px;\n background-color: var(--tooltip-bg-color);\n color: var(--primary-icon-color);\n border: 10px solid;\n font-size: 14px;\n font-weight: 400;\n pointer-events: none;\n opacity: 0.8;\n}\n.ff-pie-chart-container .ff-pie-chart-legend {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n}\n.ff-pie-chart-container .ff-pie-chart-legend .ff-pie-chart-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}";
21286
- styleInject(css_248z$6);
21315
+ var css_248z$c = ".ff-pie-chart-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-size: var(--fontSize);\n}\n.ff-pie-chart-container .ff-pie-chart-border {\n display: inline-block;\n border: 2px solid var(--pie-chart-border-color);\n border-radius: 50%;\n}\n.ff-pie-chart-container .ff-pie-chart-tooltip {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -100%);\n padding: 8px;\n border-radius: 4px;\n background-color: var(--tooltip-bg-color);\n color: var(--primary-icon-color);\n border: 10px solid;\n font-size: 14px;\n font-weight: 400;\n pointer-events: none;\n opacity: 0.8;\n}\n.ff-pie-chart-container .ff-pie-chart-legend {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n}\n.ff-pie-chart-container .ff-pie-chart-legend .ff-pie-chart-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}";
21316
+ styleInject(css_248z$c);
21287
21317
 
21288
21318
  const calculateArc$1 = ({
21289
21319
  x,
@@ -21438,12 +21468,15 @@ const PieChart = ({
21438
21468
  });
21439
21469
  };
21440
21470
 
21441
- var css_248z$5 = ".ff-app-header {\n display: flex;\n justify-content: space-between;\n background-color: var(--brand-color);\n padding-left: 8px;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n.ff-app-header .ff-app-header-logo-icon {\n padding: 8px;\n height: 24px;\n}\n.ff-app-header .ff-app-header-nav-bar {\n display: flex;\n align-items: center;\n background-color: var(--brand-color);\n transform: translateY(12px);\n border-radius: 20px;\n padding: 5px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items {\n display: flex;\n align-items: center;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item {\n margin-left: 8px;\n color: var(--ff-header-text-color);\n cursor: pointer;\n display: flex;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected {\n padding: 3px;\n background-color: var(--primary-icon-color);\n border-radius: 20px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected .ff-app-header-nav-bar-item-label {\n background-color: var(--brand-color);\n border-radius: 20px;\n padding: 4px 8px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container {\n display: flex;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item {\n color: var(--ff-header-submenu-text-color);\n align-content: center;\n padding-left: 8px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected {\n color: var(--ff-header-submenu-highlight-text-color);\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container {\n display: flex;\n align-items: center;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-more-icon svg {\n cursor: pointer;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-more-icon svg path {\n fill: var(--primary-icon-color);\n}\n.ff-app-header .ff-app-header-right-content {\n height: 24px;\n padding: 8px;\n}";
21442
- styleInject(css_248z$5);
21471
+ var css_248z$b = ".ff-app-header {\n display: flex;\n justify-content: space-between;\n background-color: var(--brand-color);\n padding-left: 8px;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n}\n.ff-app-header .ff-app-header-logo-icon {\n padding: 8px;\n height: 24px;\n}\n.ff-app-header .ff-app-header-nav-bar {\n display: flex;\n align-items: center;\n background-color: var(--brand-color);\n transform: translateY(12px);\n border-radius: 20px;\n padding: 5px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items {\n display: flex;\n align-items: center;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item {\n margin-left: 8px;\n color: var(--ff-header-text-color);\n cursor: pointer;\n display: flex;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected {\n padding: 3px;\n background-color: var(--primary-icon-color);\n border-radius: 20px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected .ff-app-header-nav-bar-item-label {\n background-color: var(--brand-color);\n border-radius: 20px;\n padding: 4px 8px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container {\n display: flex;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item {\n color: var(--ff-header-submenu-text-color);\n align-content: center;\n padding-left: 8px;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected {\n color: var(--ff-header-submenu-highlight-text-color);\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container {\n display: flex;\n align-items: center;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-more-icon svg {\n cursor: pointer;\n}\n.ff-app-header .ff-app-header-nav-bar .ff-app-header-more-icon svg path {\n fill: var(--primary-icon-color);\n}\n.ff-app-header .ff-app-header-right-content {\n height: 24px;\n padding: 8px;\n}";
21472
+ styleInject(css_248z$b);
21443
21473
 
21474
+ // import AllProjectsDropdown from '../AllProjectsDropdown';
21444
21475
  const AppHeader = ({
21445
21476
  logoIconName = 'fireflink_icon',
21477
+ leftContent,
21446
21478
  rightContent,
21479
+ projectsList,
21447
21480
  appHeaderMenuItems,
21448
21481
  selectedMenu,
21449
21482
  selectedSubMenu,
@@ -21463,35 +21496,36 @@ const AppHeader = ({
21463
21496
  height: 24,
21464
21497
  width: 21
21465
21498
  })
21499
+ }), leftContent && jsx("div", {
21500
+ className: "ff-app-header-left-content",
21501
+ children: leftContent
21466
21502
  }), jsxs("div", {
21467
21503
  className: "ff-app-header-nav-bar",
21468
- children: [jsx("div", {
21469
- children: "All projects"
21470
- }), jsx("div", {
21504
+ children: [checkEmpty(projectsList) && jsx("div", {}), jsx("div", {
21471
21505
  className: "ff-app-header-nav-bar-items fontSm",
21472
21506
  children: appHeaderMenuItems.map(menuItem => {
21473
21507
  return jsxs("div", {
21474
21508
  className: classNames('ff-app-header-nav-bar-item', {
21475
- ['ff-app-header-nav-bar-item--selected']: menuItem.menuName === selectedMenu
21509
+ ['ff-app-header-nav-bar-item--selected']: menuItem.menuLabel === selectedMenu
21476
21510
  }),
21477
- onClick: () => onMenuClick(menuItem.menuName),
21511
+ onClick: () => onMenuClick(menuItem),
21478
21512
  children: [jsx(Typography, {
21479
21513
  as: "div",
21480
21514
  className: "ff-app-header-nav-bar-item-label",
21481
21515
  lineHeight: "18px",
21482
- children: menuItem.menuName
21483
- }), menuItem.menuName === selectedMenu && menuItem?.subMenuItems && menuItem.subMenuItems.map(subMenuItem => {
21516
+ children: menuItem.menuLabel
21517
+ }), menuItem.menuLabel === selectedMenu && menuItem?.subMenuItems && menuItem.subMenuItems.map(subMenuItem => {
21484
21518
  return jsxs("div", {
21485
- onClick: () => onSubMenuClick(subMenuItem.subMenuName),
21519
+ onClick: () => onSubMenuClick(subMenuItem),
21486
21520
  className: "ff-app-header-submenu-container",
21487
21521
  children: [jsx(Typography, {
21488
21522
  as: "div",
21489
21523
  className: classNames('ff-app-header-nav-bar-submenu-item', {
21490
- ['ff-app-header-nav-bar-submenu-item--selected']: subMenuItem.subMenuName === selectedSubMenu
21524
+ ['ff-app-header-nav-bar-submenu-item--selected']: subMenuItem.subMenuLabel === selectedSubMenu
21491
21525
  }),
21492
21526
  lineHeight: "18px",
21493
- children: subMenuItem.subMenuName
21494
- }), subMenuItem.subMenuName === selectedSubMenu && subMenuItem?.quickMenuItems && jsxs("div", {
21527
+ children: subMenuItem.subMenuLabel
21528
+ }), subMenuItem.subMenuLabel === selectedSubMenu && subMenuItem?.quickMenuItems && jsxs("div", {
21495
21529
  className: "ff-app-header-quickmenu-container",
21496
21530
  children: [jsx("div", {
21497
21531
  children: jsx(Icon, {
@@ -21500,7 +21534,7 @@ const AppHeader = ({
21500
21534
  }), subMenuItem.quickMenuItems.map(quickMenuItem => {
21501
21535
  return jsx(Fragment, {
21502
21536
  children: jsx("div", {
21503
- onClick: () => onQuickMenuClick(quickMenuItem.quickMenuName),
21537
+ onClick: () => onQuickMenuClick(quickMenuItem),
21504
21538
  className: classNames('ff-app-header-nav-bar-quickmenu-item', {
21505
21539
  ['ff-app-header-nav-bar-quickmenu-item--selected']: quickMenuItem.quickMenuName === selectedQuickMenu
21506
21540
  }),
@@ -21513,9 +21547,9 @@ const AppHeader = ({
21513
21547
  });
21514
21548
  })]
21515
21549
  })]
21516
- }, subMenuItem.subMenuName);
21550
+ }, subMenuItem.subMenuLabel);
21517
21551
  })]
21518
- }, menuItem.menuName);
21552
+ }, menuItem.menuLabel);
21519
21553
  })
21520
21554
  }), jsx("div", {
21521
21555
  children: jsx(Icon, {
@@ -21523,7 +21557,7 @@ const AppHeader = ({
21523
21557
  className: "ff-app-header-more-icon"
21524
21558
  })
21525
21559
  })]
21526
- }), jsx("div", {
21560
+ }), rightContent && jsx("div", {
21527
21561
  className: "ff-app-header-right-content",
21528
21562
  children: rightContent
21529
21563
  })]
@@ -21531,8 +21565,8 @@ const AppHeader = ({
21531
21565
  });
21532
21566
  };
21533
21567
 
21534
- var css_248z$4 = ".ff_rounded_lg {\n border-radius: 8px;\n}\n\n.ff_paper_basic_style {\n padding: 20px;\n background-color: var(--ff-paper-dark-background-color);\n}\n\n.ff_paper_default_style {\n padding: 20px;\n background-color: var(--ff-paper-background-color);\n}";
21535
- styleInject(css_248z$4);
21568
+ var css_248z$a = ".ff_rounded_lg {\n border-radius: 8px;\n}\n\n.ff_paper_basic_style {\n padding: 20px;\n background-color: var(--ff-paper-dark-background-color);\n}\n\n.ff_paper_default_style {\n padding: 20px;\n background-color: var(--ff-paper-background-color);\n}";
21569
+ styleInject(css_248z$a);
21536
21570
 
21537
21571
  const Paper = ({
21538
21572
  children,
@@ -21548,8 +21582,8 @@ const Paper = ({
21548
21582
  });
21549
21583
  };
21550
21584
 
21551
- var css_248z$3 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header, .ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-dashboard-donut-chart-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section-table-legend {\n flex-direction: row;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container {\n text-align: center;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n font-weight: 600;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n font-weight: 500;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container .ff-donut-chart-tooltip {\n position: fixed;\n padding: 5px;\n border-radius: 4px;\n pointer-events: none;\n background-color: var(--tooltip-bg-color);\n color: var(--tooltip-text-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container {\n display: grid;\n gap: 10px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.numberLegend {\n grid-template-columns: repeat(3, 1fr);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.numberLegend .ff-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend {\n grid-template-columns: repeat(2, 1fr);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item {\n display: flex;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item .ff-legend-capsule {\n background-color: var(--status-success-text-color);\n color: var(--tooltip-text-color);\n border-radius: 15px;\n min-width: 25px;\n height: 18px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item .ff-legend-key {\n margin-left: 8px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.memoryLegend {\n grid-template-columns: repeat(2, 1fr);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.memoryLegend .ff-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding-right: 10px;\n border-right: 1px solid var(--border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.memoryLegend .ff-legend-item:nth-child(2n) {\n border-right: none;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table-wrapper {\n overflow: hidden;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n margin-left: 1rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table {\n width: 100%;\n min-width: 300px;\n border-collapse: collapse;\n text-align: left;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header {\n font-weight: bold;\n background-color: var(--tabs-bg-color);\n color: var(--input-hover-border-color);\n padding: 0.5rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header:last-child {\n text-align: right;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-capsule {\n background-color: var(--status-success-text-color);\n color: var(--tooltip-text-color);\n border-radius: 1rem;\n min-width: 22px;\n height: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n padding: 0.5rem;\n color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name {\n display: flex;\n align-items: baseline;\n gap: 5px;\n color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n text-align: right;\n}";
21552
- styleInject(css_248z$3);
21585
+ var css_248z$9 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs, .ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header, .ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-dashboard-donut-chart-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section-table-legend {\n flex-direction: row;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container {\n text-align: center;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n font-weight: 600;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n font-weight: 500;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container .ff-donut-chart-tooltip {\n position: fixed;\n padding: 5px;\n border-radius: 4px;\n pointer-events: none;\n background-color: var(--tooltip-bg-color);\n color: var(--tooltip-text-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container {\n display: grid;\n gap: 10px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.numberLegend {\n grid-template-columns: repeat(3, 1fr);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.numberLegend .ff-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend {\n grid-template-columns: repeat(2, 1fr);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item {\n display: flex;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item .ff-legend-capsule {\n background-color: var(--status-success-text-color);\n color: var(--tooltip-text-color);\n border-radius: 15px;\n min-width: 25px;\n height: 18px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item .ff-legend-key {\n margin-left: 8px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.memoryLegend {\n grid-template-columns: repeat(2, 1fr);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.memoryLegend .ff-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding-right: 10px;\n border-right: 1px solid var(--border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.memoryLegend .ff-legend-item:nth-child(2n) {\n border-right: none;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table-wrapper {\n overflow: hidden;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n margin-left: 1rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table {\n width: 100%;\n min-width: 300px;\n border-collapse: collapse;\n text-align: left;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header {\n font-weight: bold;\n background-color: var(--tabs-bg-color);\n color: var(--input-hover-border-color);\n padding: 0.5rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header:last-child {\n text-align: right;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-capsule {\n background-color: var(--status-success-text-color);\n color: var(--tooltip-text-color);\n border-radius: 1rem;\n min-width: 22px;\n height: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n padding: 0.5rem;\n color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name {\n display: flex;\n align-items: baseline;\n gap: 5px;\n color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n text-align: right;\n}";
21586
+ styleInject(css_248z$9);
21553
21587
 
21554
21588
  const calculateArc = (x, y, radius, startAngle, endAngle) => {
21555
21589
  const startX = x + radius * Math.cos(startAngle);
@@ -21817,9 +21851,9 @@ const DashboardDonutChart = ({
21817
21851
 
21818
21852
  var propTypes = {exports: {}};
21819
21853
 
21820
- var reactIs = {exports: {}};
21854
+ var reactIs$1 = {exports: {}};
21821
21855
 
21822
- var reactIs_production_min = {};
21856
+ var reactIs_production_min$1 = {};
21823
21857
 
21824
21858
  /** @license React v16.13.1
21825
21859
  * react-is.production.min.js
@@ -21829,10 +21863,10 @@ var reactIs_production_min = {};
21829
21863
  * This source code is licensed under the MIT license found in the
21830
21864
  * LICENSE file in the root directory of this source tree.
21831
21865
  */
21832
- var hasRequiredReactIs_production_min;
21833
- function requireReactIs_production_min() {
21834
- if (hasRequiredReactIs_production_min) return reactIs_production_min;
21835
- hasRequiredReactIs_production_min = 1;
21866
+ var hasRequiredReactIs_production_min$1;
21867
+ function requireReactIs_production_min$1() {
21868
+ if (hasRequiredReactIs_production_min$1) return reactIs_production_min$1;
21869
+ hasRequiredReactIs_production_min$1 = 1;
21836
21870
  var b = "function" === typeof Symbol && Symbol.for,
21837
21871
  c = b ? Symbol.for("react.element") : 60103,
21838
21872
  d = b ? Symbol.for("react.portal") : 60106,
@@ -21885,64 +21919,64 @@ function requireReactIs_production_min() {
21885
21919
  function A(a) {
21886
21920
  return z(a) === m;
21887
21921
  }
21888
- reactIs_production_min.AsyncMode = l;
21889
- reactIs_production_min.ConcurrentMode = m;
21890
- reactIs_production_min.ContextConsumer = k;
21891
- reactIs_production_min.ContextProvider = h;
21892
- reactIs_production_min.Element = c;
21893
- reactIs_production_min.ForwardRef = n;
21894
- reactIs_production_min.Fragment = e;
21895
- reactIs_production_min.Lazy = t;
21896
- reactIs_production_min.Memo = r;
21897
- reactIs_production_min.Portal = d;
21898
- reactIs_production_min.Profiler = g;
21899
- reactIs_production_min.StrictMode = f;
21900
- reactIs_production_min.Suspense = p;
21901
- reactIs_production_min.isAsyncMode = function (a) {
21922
+ reactIs_production_min$1.AsyncMode = l;
21923
+ reactIs_production_min$1.ConcurrentMode = m;
21924
+ reactIs_production_min$1.ContextConsumer = k;
21925
+ reactIs_production_min$1.ContextProvider = h;
21926
+ reactIs_production_min$1.Element = c;
21927
+ reactIs_production_min$1.ForwardRef = n;
21928
+ reactIs_production_min$1.Fragment = e;
21929
+ reactIs_production_min$1.Lazy = t;
21930
+ reactIs_production_min$1.Memo = r;
21931
+ reactIs_production_min$1.Portal = d;
21932
+ reactIs_production_min$1.Profiler = g;
21933
+ reactIs_production_min$1.StrictMode = f;
21934
+ reactIs_production_min$1.Suspense = p;
21935
+ reactIs_production_min$1.isAsyncMode = function (a) {
21902
21936
  return A(a) || z(a) === l;
21903
21937
  };
21904
- reactIs_production_min.isConcurrentMode = A;
21905
- reactIs_production_min.isContextConsumer = function (a) {
21938
+ reactIs_production_min$1.isConcurrentMode = A;
21939
+ reactIs_production_min$1.isContextConsumer = function (a) {
21906
21940
  return z(a) === k;
21907
21941
  };
21908
- reactIs_production_min.isContextProvider = function (a) {
21942
+ reactIs_production_min$1.isContextProvider = function (a) {
21909
21943
  return z(a) === h;
21910
21944
  };
21911
- reactIs_production_min.isElement = function (a) {
21945
+ reactIs_production_min$1.isElement = function (a) {
21912
21946
  return "object" === typeof a && null !== a && a.$$typeof === c;
21913
21947
  };
21914
- reactIs_production_min.isForwardRef = function (a) {
21948
+ reactIs_production_min$1.isForwardRef = function (a) {
21915
21949
  return z(a) === n;
21916
21950
  };
21917
- reactIs_production_min.isFragment = function (a) {
21951
+ reactIs_production_min$1.isFragment = function (a) {
21918
21952
  return z(a) === e;
21919
21953
  };
21920
- reactIs_production_min.isLazy = function (a) {
21954
+ reactIs_production_min$1.isLazy = function (a) {
21921
21955
  return z(a) === t;
21922
21956
  };
21923
- reactIs_production_min.isMemo = function (a) {
21957
+ reactIs_production_min$1.isMemo = function (a) {
21924
21958
  return z(a) === r;
21925
21959
  };
21926
- reactIs_production_min.isPortal = function (a) {
21960
+ reactIs_production_min$1.isPortal = function (a) {
21927
21961
  return z(a) === d;
21928
21962
  };
21929
- reactIs_production_min.isProfiler = function (a) {
21963
+ reactIs_production_min$1.isProfiler = function (a) {
21930
21964
  return z(a) === g;
21931
21965
  };
21932
- reactIs_production_min.isStrictMode = function (a) {
21966
+ reactIs_production_min$1.isStrictMode = function (a) {
21933
21967
  return z(a) === f;
21934
21968
  };
21935
- reactIs_production_min.isSuspense = function (a) {
21969
+ reactIs_production_min$1.isSuspense = function (a) {
21936
21970
  return z(a) === p;
21937
21971
  };
21938
- reactIs_production_min.isValidElementType = function (a) {
21972
+ reactIs_production_min$1.isValidElementType = function (a) {
21939
21973
  return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
21940
21974
  };
21941
- reactIs_production_min.typeOf = z;
21942
- return reactIs_production_min;
21975
+ reactIs_production_min$1.typeOf = z;
21976
+ return reactIs_production_min$1;
21943
21977
  }
21944
21978
 
21945
- var reactIs_development = {};
21979
+ var reactIs_development$1 = {};
21946
21980
 
21947
21981
  /** @license React v16.13.1
21948
21982
  * react-is.development.js
@@ -21952,10 +21986,10 @@ var reactIs_development = {};
21952
21986
  * This source code is licensed under the MIT license found in the
21953
21987
  * LICENSE file in the root directory of this source tree.
21954
21988
  */
21955
- var hasRequiredReactIs_development;
21956
- function requireReactIs_development() {
21957
- if (hasRequiredReactIs_development) return reactIs_development;
21958
- hasRequiredReactIs_development = 1;
21989
+ var hasRequiredReactIs_development$1;
21990
+ function requireReactIs_development$1() {
21991
+ if (hasRequiredReactIs_development$1) return reactIs_development$1;
21992
+ hasRequiredReactIs_development$1 = 1;
21959
21993
  if (process.env.NODE_ENV !== "production") {
21960
21994
  (function () {
21961
21995
 
@@ -22082,49 +22116,49 @@ function requireReactIs_development() {
22082
22116
  function isSuspense(object) {
22083
22117
  return typeOf(object) === REACT_SUSPENSE_TYPE;
22084
22118
  }
22085
- reactIs_development.AsyncMode = AsyncMode;
22086
- reactIs_development.ConcurrentMode = ConcurrentMode;
22087
- reactIs_development.ContextConsumer = ContextConsumer;
22088
- reactIs_development.ContextProvider = ContextProvider;
22089
- reactIs_development.Element = Element;
22090
- reactIs_development.ForwardRef = ForwardRef;
22091
- reactIs_development.Fragment = Fragment;
22092
- reactIs_development.Lazy = Lazy;
22093
- reactIs_development.Memo = Memo;
22094
- reactIs_development.Portal = Portal;
22095
- reactIs_development.Profiler = Profiler;
22096
- reactIs_development.StrictMode = StrictMode;
22097
- reactIs_development.Suspense = Suspense;
22098
- reactIs_development.isAsyncMode = isAsyncMode;
22099
- reactIs_development.isConcurrentMode = isConcurrentMode;
22100
- reactIs_development.isContextConsumer = isContextConsumer;
22101
- reactIs_development.isContextProvider = isContextProvider;
22102
- reactIs_development.isElement = isElement;
22103
- reactIs_development.isForwardRef = isForwardRef;
22104
- reactIs_development.isFragment = isFragment;
22105
- reactIs_development.isLazy = isLazy;
22106
- reactIs_development.isMemo = isMemo;
22107
- reactIs_development.isPortal = isPortal;
22108
- reactIs_development.isProfiler = isProfiler;
22109
- reactIs_development.isStrictMode = isStrictMode;
22110
- reactIs_development.isSuspense = isSuspense;
22111
- reactIs_development.isValidElementType = isValidElementType;
22112
- reactIs_development.typeOf = typeOf;
22119
+ reactIs_development$1.AsyncMode = AsyncMode;
22120
+ reactIs_development$1.ConcurrentMode = ConcurrentMode;
22121
+ reactIs_development$1.ContextConsumer = ContextConsumer;
22122
+ reactIs_development$1.ContextProvider = ContextProvider;
22123
+ reactIs_development$1.Element = Element;
22124
+ reactIs_development$1.ForwardRef = ForwardRef;
22125
+ reactIs_development$1.Fragment = Fragment;
22126
+ reactIs_development$1.Lazy = Lazy;
22127
+ reactIs_development$1.Memo = Memo;
22128
+ reactIs_development$1.Portal = Portal;
22129
+ reactIs_development$1.Profiler = Profiler;
22130
+ reactIs_development$1.StrictMode = StrictMode;
22131
+ reactIs_development$1.Suspense = Suspense;
22132
+ reactIs_development$1.isAsyncMode = isAsyncMode;
22133
+ reactIs_development$1.isConcurrentMode = isConcurrentMode;
22134
+ reactIs_development$1.isContextConsumer = isContextConsumer;
22135
+ reactIs_development$1.isContextProvider = isContextProvider;
22136
+ reactIs_development$1.isElement = isElement;
22137
+ reactIs_development$1.isForwardRef = isForwardRef;
22138
+ reactIs_development$1.isFragment = isFragment;
22139
+ reactIs_development$1.isLazy = isLazy;
22140
+ reactIs_development$1.isMemo = isMemo;
22141
+ reactIs_development$1.isPortal = isPortal;
22142
+ reactIs_development$1.isProfiler = isProfiler;
22143
+ reactIs_development$1.isStrictMode = isStrictMode;
22144
+ reactIs_development$1.isSuspense = isSuspense;
22145
+ reactIs_development$1.isValidElementType = isValidElementType;
22146
+ reactIs_development$1.typeOf = typeOf;
22113
22147
  })();
22114
22148
  }
22115
- return reactIs_development;
22149
+ return reactIs_development$1;
22116
22150
  }
22117
22151
 
22118
- var hasRequiredReactIs;
22119
- function requireReactIs() {
22120
- if (hasRequiredReactIs) return reactIs.exports;
22121
- hasRequiredReactIs = 1;
22152
+ var hasRequiredReactIs$1;
22153
+ function requireReactIs$1() {
22154
+ if (hasRequiredReactIs$1) return reactIs$1.exports;
22155
+ hasRequiredReactIs$1 = 1;
22122
22156
  if (process.env.NODE_ENV === 'production') {
22123
- reactIs.exports = requireReactIs_production_min();
22157
+ reactIs$1.exports = requireReactIs_production_min$1();
22124
22158
  } else {
22125
- reactIs.exports = requireReactIs_development();
22159
+ reactIs$1.exports = requireReactIs_development$1();
22126
22160
  }
22127
- return reactIs.exports;
22161
+ return reactIs$1.exports;
22128
22162
  }
22129
22163
 
22130
22164
  /*
@@ -22339,7 +22373,7 @@ var hasRequiredFactoryWithTypeCheckers;
22339
22373
  function requireFactoryWithTypeCheckers() {
22340
22374
  if (hasRequiredFactoryWithTypeCheckers) return factoryWithTypeCheckers;
22341
22375
  hasRequiredFactoryWithTypeCheckers = 1;
22342
- var ReactIs = requireReactIs();
22376
+ var ReactIs = requireReactIs$1();
22343
22377
  var assign = requireObjectAssign();
22344
22378
  var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret();
22345
22379
  var has = /*@__PURE__*/requireHas();
@@ -22952,7 +22986,7 @@ function requirePropTypes() {
22952
22986
  if (hasRequiredPropTypes) return propTypes.exports;
22953
22987
  hasRequiredPropTypes = 1;
22954
22988
  if (process.env.NODE_ENV !== 'production') {
22955
- var ReactIs = requireReactIs();
22989
+ var ReactIs = requireReactIs$1();
22956
22990
 
22957
22991
  // By explicitly using `prop-types` you are opting into new development behavior.
22958
22992
  // http://fb.me/prop-types-in-prod
@@ -23187,37 +23221,347 @@ ReCAPTCHA.defaultProps = {
23187
23221
  badge: "bottomright"
23188
23222
  };
23189
23223
 
23190
- var hoistNonReactStatics_cjs;
23191
- var hasRequiredHoistNonReactStatics_cjs;
23192
- function requireHoistNonReactStatics_cjs() {
23193
- if (hasRequiredHoistNonReactStatics_cjs) return hoistNonReactStatics_cjs;
23194
- hasRequiredHoistNonReactStatics_cjs = 1;
23195
- var reactIs = requireReactIs();
23224
+ var reactIs = {exports: {}};
23196
23225
 
23197
- /**
23198
- * Copyright 2015, Yahoo! Inc.
23199
- * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
23200
- */
23201
- var REACT_STATICS = {
23202
- childContextTypes: true,
23203
- contextType: true,
23204
- contextTypes: true,
23205
- defaultProps: true,
23206
- displayName: true,
23207
- getDefaultProps: true,
23208
- getDerivedStateFromError: true,
23209
- getDerivedStateFromProps: true,
23210
- mixins: true,
23211
- propTypes: true,
23212
- type: true
23213
- };
23214
- var KNOWN_STATICS = {
23215
- name: true,
23216
- length: true,
23217
- prototype: true,
23218
- caller: true,
23219
- callee: true,
23220
- arguments: true,
23226
+ var reactIs_production_min = {};
23227
+
23228
+ /** @license React v16.13.1
23229
+ * react-is.production.min.js
23230
+ *
23231
+ * Copyright (c) Facebook, Inc. and its affiliates.
23232
+ *
23233
+ * This source code is licensed under the MIT license found in the
23234
+ * LICENSE file in the root directory of this source tree.
23235
+ */
23236
+ var hasRequiredReactIs_production_min;
23237
+ function requireReactIs_production_min() {
23238
+ if (hasRequiredReactIs_production_min) return reactIs_production_min;
23239
+ hasRequiredReactIs_production_min = 1;
23240
+ var b = "function" === typeof Symbol && Symbol.for,
23241
+ c = b ? Symbol.for("react.element") : 60103,
23242
+ d = b ? Symbol.for("react.portal") : 60106,
23243
+ e = b ? Symbol.for("react.fragment") : 60107,
23244
+ f = b ? Symbol.for("react.strict_mode") : 60108,
23245
+ g = b ? Symbol.for("react.profiler") : 60114,
23246
+ h = b ? Symbol.for("react.provider") : 60109,
23247
+ k = b ? Symbol.for("react.context") : 60110,
23248
+ l = b ? Symbol.for("react.async_mode") : 60111,
23249
+ m = b ? Symbol.for("react.concurrent_mode") : 60111,
23250
+ n = b ? Symbol.for("react.forward_ref") : 60112,
23251
+ p = b ? Symbol.for("react.suspense") : 60113,
23252
+ q = b ? Symbol.for("react.suspense_list") : 60120,
23253
+ r = b ? Symbol.for("react.memo") : 60115,
23254
+ t = b ? Symbol.for("react.lazy") : 60116,
23255
+ v = b ? Symbol.for("react.block") : 60121,
23256
+ w = b ? Symbol.for("react.fundamental") : 60117,
23257
+ x = b ? Symbol.for("react.responder") : 60118,
23258
+ y = b ? Symbol.for("react.scope") : 60119;
23259
+ function z(a) {
23260
+ if ("object" === typeof a && null !== a) {
23261
+ var u = a.$$typeof;
23262
+ switch (u) {
23263
+ case c:
23264
+ switch (a = a.type, a) {
23265
+ case l:
23266
+ case m:
23267
+ case e:
23268
+ case g:
23269
+ case f:
23270
+ case p:
23271
+ return a;
23272
+ default:
23273
+ switch (a = a && a.$$typeof, a) {
23274
+ case k:
23275
+ case n:
23276
+ case t:
23277
+ case r:
23278
+ case h:
23279
+ return a;
23280
+ default:
23281
+ return u;
23282
+ }
23283
+ }
23284
+ case d:
23285
+ return u;
23286
+ }
23287
+ }
23288
+ }
23289
+ function A(a) {
23290
+ return z(a) === m;
23291
+ }
23292
+ reactIs_production_min.AsyncMode = l;
23293
+ reactIs_production_min.ConcurrentMode = m;
23294
+ reactIs_production_min.ContextConsumer = k;
23295
+ reactIs_production_min.ContextProvider = h;
23296
+ reactIs_production_min.Element = c;
23297
+ reactIs_production_min.ForwardRef = n;
23298
+ reactIs_production_min.Fragment = e;
23299
+ reactIs_production_min.Lazy = t;
23300
+ reactIs_production_min.Memo = r;
23301
+ reactIs_production_min.Portal = d;
23302
+ reactIs_production_min.Profiler = g;
23303
+ reactIs_production_min.StrictMode = f;
23304
+ reactIs_production_min.Suspense = p;
23305
+ reactIs_production_min.isAsyncMode = function (a) {
23306
+ return A(a) || z(a) === l;
23307
+ };
23308
+ reactIs_production_min.isConcurrentMode = A;
23309
+ reactIs_production_min.isContextConsumer = function (a) {
23310
+ return z(a) === k;
23311
+ };
23312
+ reactIs_production_min.isContextProvider = function (a) {
23313
+ return z(a) === h;
23314
+ };
23315
+ reactIs_production_min.isElement = function (a) {
23316
+ return "object" === typeof a && null !== a && a.$$typeof === c;
23317
+ };
23318
+ reactIs_production_min.isForwardRef = function (a) {
23319
+ return z(a) === n;
23320
+ };
23321
+ reactIs_production_min.isFragment = function (a) {
23322
+ return z(a) === e;
23323
+ };
23324
+ reactIs_production_min.isLazy = function (a) {
23325
+ return z(a) === t;
23326
+ };
23327
+ reactIs_production_min.isMemo = function (a) {
23328
+ return z(a) === r;
23329
+ };
23330
+ reactIs_production_min.isPortal = function (a) {
23331
+ return z(a) === d;
23332
+ };
23333
+ reactIs_production_min.isProfiler = function (a) {
23334
+ return z(a) === g;
23335
+ };
23336
+ reactIs_production_min.isStrictMode = function (a) {
23337
+ return z(a) === f;
23338
+ };
23339
+ reactIs_production_min.isSuspense = function (a) {
23340
+ return z(a) === p;
23341
+ };
23342
+ reactIs_production_min.isValidElementType = function (a) {
23343
+ return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
23344
+ };
23345
+ reactIs_production_min.typeOf = z;
23346
+ return reactIs_production_min;
23347
+ }
23348
+
23349
+ var reactIs_development = {};
23350
+
23351
+ /** @license React v16.13.1
23352
+ * react-is.development.js
23353
+ *
23354
+ * Copyright (c) Facebook, Inc. and its affiliates.
23355
+ *
23356
+ * This source code is licensed under the MIT license found in the
23357
+ * LICENSE file in the root directory of this source tree.
23358
+ */
23359
+ var hasRequiredReactIs_development;
23360
+ function requireReactIs_development() {
23361
+ if (hasRequiredReactIs_development) return reactIs_development;
23362
+ hasRequiredReactIs_development = 1;
23363
+ if (process.env.NODE_ENV !== "production") {
23364
+ (function () {
23365
+
23366
+ // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
23367
+ // nor polyfill, then a plain number is used for performance.
23368
+ var hasSymbol = typeof Symbol === 'function' && Symbol.for;
23369
+ var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
23370
+ var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
23371
+ var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
23372
+ var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
23373
+ var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
23374
+ var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
23375
+ var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
23376
+ // (unstable) APIs that have been removed. Can we remove the symbols?
23377
+
23378
+ var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
23379
+ var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
23380
+ var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
23381
+ var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
23382
+ var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
23383
+ var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
23384
+ var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
23385
+ var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
23386
+ var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
23387
+ var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
23388
+ var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
23389
+ function isValidElementType(type) {
23390
+ return typeof type === 'string' || typeof type === 'function' ||
23391
+ // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
23392
+ type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
23393
+ }
23394
+ function typeOf(object) {
23395
+ if (typeof object === 'object' && object !== null) {
23396
+ var $$typeof = object.$$typeof;
23397
+ switch ($$typeof) {
23398
+ case REACT_ELEMENT_TYPE:
23399
+ var type = object.type;
23400
+ switch (type) {
23401
+ case REACT_ASYNC_MODE_TYPE:
23402
+ case REACT_CONCURRENT_MODE_TYPE:
23403
+ case REACT_FRAGMENT_TYPE:
23404
+ case REACT_PROFILER_TYPE:
23405
+ case REACT_STRICT_MODE_TYPE:
23406
+ case REACT_SUSPENSE_TYPE:
23407
+ return type;
23408
+ default:
23409
+ var $$typeofType = type && type.$$typeof;
23410
+ switch ($$typeofType) {
23411
+ case REACT_CONTEXT_TYPE:
23412
+ case REACT_FORWARD_REF_TYPE:
23413
+ case REACT_LAZY_TYPE:
23414
+ case REACT_MEMO_TYPE:
23415
+ case REACT_PROVIDER_TYPE:
23416
+ return $$typeofType;
23417
+ default:
23418
+ return $$typeof;
23419
+ }
23420
+ }
23421
+ case REACT_PORTAL_TYPE:
23422
+ return $$typeof;
23423
+ }
23424
+ }
23425
+ return undefined;
23426
+ } // AsyncMode is deprecated along with isAsyncMode
23427
+
23428
+ var AsyncMode = REACT_ASYNC_MODE_TYPE;
23429
+ var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
23430
+ var ContextConsumer = REACT_CONTEXT_TYPE;
23431
+ var ContextProvider = REACT_PROVIDER_TYPE;
23432
+ var Element = REACT_ELEMENT_TYPE;
23433
+ var ForwardRef = REACT_FORWARD_REF_TYPE;
23434
+ var Fragment = REACT_FRAGMENT_TYPE;
23435
+ var Lazy = REACT_LAZY_TYPE;
23436
+ var Memo = REACT_MEMO_TYPE;
23437
+ var Portal = REACT_PORTAL_TYPE;
23438
+ var Profiler = REACT_PROFILER_TYPE;
23439
+ var StrictMode = REACT_STRICT_MODE_TYPE;
23440
+ var Suspense = REACT_SUSPENSE_TYPE;
23441
+ var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
23442
+
23443
+ function isAsyncMode(object) {
23444
+ {
23445
+ if (!hasWarnedAboutDeprecatedIsAsyncMode) {
23446
+ hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
23447
+
23448
+ console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
23449
+ }
23450
+ }
23451
+ return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
23452
+ }
23453
+ function isConcurrentMode(object) {
23454
+ return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
23455
+ }
23456
+ function isContextConsumer(object) {
23457
+ return typeOf(object) === REACT_CONTEXT_TYPE;
23458
+ }
23459
+ function isContextProvider(object) {
23460
+ return typeOf(object) === REACT_PROVIDER_TYPE;
23461
+ }
23462
+ function isElement(object) {
23463
+ return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
23464
+ }
23465
+ function isForwardRef(object) {
23466
+ return typeOf(object) === REACT_FORWARD_REF_TYPE;
23467
+ }
23468
+ function isFragment(object) {
23469
+ return typeOf(object) === REACT_FRAGMENT_TYPE;
23470
+ }
23471
+ function isLazy(object) {
23472
+ return typeOf(object) === REACT_LAZY_TYPE;
23473
+ }
23474
+ function isMemo(object) {
23475
+ return typeOf(object) === REACT_MEMO_TYPE;
23476
+ }
23477
+ function isPortal(object) {
23478
+ return typeOf(object) === REACT_PORTAL_TYPE;
23479
+ }
23480
+ function isProfiler(object) {
23481
+ return typeOf(object) === REACT_PROFILER_TYPE;
23482
+ }
23483
+ function isStrictMode(object) {
23484
+ return typeOf(object) === REACT_STRICT_MODE_TYPE;
23485
+ }
23486
+ function isSuspense(object) {
23487
+ return typeOf(object) === REACT_SUSPENSE_TYPE;
23488
+ }
23489
+ reactIs_development.AsyncMode = AsyncMode;
23490
+ reactIs_development.ConcurrentMode = ConcurrentMode;
23491
+ reactIs_development.ContextConsumer = ContextConsumer;
23492
+ reactIs_development.ContextProvider = ContextProvider;
23493
+ reactIs_development.Element = Element;
23494
+ reactIs_development.ForwardRef = ForwardRef;
23495
+ reactIs_development.Fragment = Fragment;
23496
+ reactIs_development.Lazy = Lazy;
23497
+ reactIs_development.Memo = Memo;
23498
+ reactIs_development.Portal = Portal;
23499
+ reactIs_development.Profiler = Profiler;
23500
+ reactIs_development.StrictMode = StrictMode;
23501
+ reactIs_development.Suspense = Suspense;
23502
+ reactIs_development.isAsyncMode = isAsyncMode;
23503
+ reactIs_development.isConcurrentMode = isConcurrentMode;
23504
+ reactIs_development.isContextConsumer = isContextConsumer;
23505
+ reactIs_development.isContextProvider = isContextProvider;
23506
+ reactIs_development.isElement = isElement;
23507
+ reactIs_development.isForwardRef = isForwardRef;
23508
+ reactIs_development.isFragment = isFragment;
23509
+ reactIs_development.isLazy = isLazy;
23510
+ reactIs_development.isMemo = isMemo;
23511
+ reactIs_development.isPortal = isPortal;
23512
+ reactIs_development.isProfiler = isProfiler;
23513
+ reactIs_development.isStrictMode = isStrictMode;
23514
+ reactIs_development.isSuspense = isSuspense;
23515
+ reactIs_development.isValidElementType = isValidElementType;
23516
+ reactIs_development.typeOf = typeOf;
23517
+ })();
23518
+ }
23519
+ return reactIs_development;
23520
+ }
23521
+
23522
+ var hasRequiredReactIs;
23523
+ function requireReactIs() {
23524
+ if (hasRequiredReactIs) return reactIs.exports;
23525
+ hasRequiredReactIs = 1;
23526
+ if (process.env.NODE_ENV === 'production') {
23527
+ reactIs.exports = requireReactIs_production_min();
23528
+ } else {
23529
+ reactIs.exports = requireReactIs_development();
23530
+ }
23531
+ return reactIs.exports;
23532
+ }
23533
+
23534
+ var hoistNonReactStatics_cjs;
23535
+ var hasRequiredHoistNonReactStatics_cjs;
23536
+ function requireHoistNonReactStatics_cjs() {
23537
+ if (hasRequiredHoistNonReactStatics_cjs) return hoistNonReactStatics_cjs;
23538
+ hasRequiredHoistNonReactStatics_cjs = 1;
23539
+ var reactIs = requireReactIs();
23540
+
23541
+ /**
23542
+ * Copyright 2015, Yahoo! Inc.
23543
+ * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
23544
+ */
23545
+ var REACT_STATICS = {
23546
+ childContextTypes: true,
23547
+ contextType: true,
23548
+ contextTypes: true,
23549
+ defaultProps: true,
23550
+ displayName: true,
23551
+ getDefaultProps: true,
23552
+ getDerivedStateFromError: true,
23553
+ getDerivedStateFromProps: true,
23554
+ mixins: true,
23555
+ propTypes: true,
23556
+ type: true
23557
+ };
23558
+ var KNOWN_STATICS = {
23559
+ name: true,
23560
+ length: true,
23561
+ prototype: true,
23562
+ caller: true,
23563
+ callee: true,
23564
+ arguments: true,
23221
23565
  arity: true
23222
23566
  };
23223
23567
  var FORWARD_REF_STATICS = {
@@ -23532,8 +23876,8 @@ var RecaptchaWrapper = makeAsyncScript(getURL, {
23532
23876
  } : {}
23533
23877
  })(ReCAPTCHA);
23534
23878
 
23535
- var css_248z$2 = ".ff-recaptcha-wrapper {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.ff-recaptcha-wrapper .ff-recaptcha-error {\n color: var(--input-error-text-color);\n font-size: 12px;\n margin-top: 4px;\n}";
23536
- styleInject(css_248z$2);
23879
+ var css_248z$8 = ".ff-recaptcha-wrapper {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.ff-recaptcha-wrapper .ff-recaptcha-error {\n color: var(--input-error-text-color);\n font-size: 12px;\n margin-top: 4px;\n}";
23880
+ styleInject(css_248z$8);
23537
23881
 
23538
23882
  const Recaptcha = /*#__PURE__*/forwardRef(({
23539
23883
  onVerify,
@@ -23576,8 +23920,8 @@ const nlpDropdownDefaultCSSData = {
23576
23920
  dropDownWrapperPadding: 0
23577
23921
  };
23578
23922
 
23579
- var css_248z$1 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper {\n max-height: 160px;\n z-index: 100;\n position: absolute;\n min-width: 100px;\n border: 1px solid var(--ff-select-option-border-color);\n box-sizing: border-box;\n margin-top: 4px;\n border-radius: 4px;\n background-color: var(--ff-select-background-color);\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n overflow: hidden auto;\n display: flex;\n justify-content: space-between;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-options-wrapper1 {\n max-height: 160px;\n z-index: 100;\n min-width: auto;\n box-sizing: border-box;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar-track {\n background-color: transparent;\n border-radius: 4px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-option {\n width: calc(100% - 18px);\n border: 1px solid transparent;\n border-radius: 4px;\n padding: 0px 8px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-option:hover {\n border-color: var(--ff-select-background-color);\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-no-option {\n width: calc(100% - 16px);\n margin: 0;\n overflow: hidden;\n padding: 0px 8px;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: not-allowed;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-data {\n width: 200px;\n height: 134px;\n border: 1px solid transparent;\n border-radius: 5px;\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n overflow: scroll;\n}";
23580
- styleInject(css_248z$1);
23923
+ var css_248z$7 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper {\n max-height: 160px;\n z-index: 100;\n position: absolute;\n min-width: 100px;\n border: 1px solid var(--ff-select-option-border-color);\n box-sizing: border-box;\n margin-top: 4px;\n border-radius: 4px;\n background-color: var(--ff-select-background-color);\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n overflow: hidden auto;\n display: flex;\n justify-content: space-between;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-options-wrapper1 {\n max-height: 160px;\n z-index: 100;\n min-width: auto;\n box-sizing: border-box;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar {\n width: 4px;\n height: 12px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar-thumb {\n background-color: var(--ff-select-scroll-thumb-color);\n border-radius: 4px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar-track {\n background-color: transparent;\n border-radius: 4px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-option {\n width: calc(100% - 18px);\n border: 1px solid transparent;\n border-radius: 4px;\n padding: 0px 8px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-option:hover {\n border-color: var(--ff-select-background-color);\n background-color: var(--ff-select-option-hover-color);\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-no-option {\n width: calc(100% - 16px);\n margin: 0;\n overflow: hidden;\n padding: 0px 8px;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: not-allowed;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-data {\n width: 200px;\n height: 134px;\n border: 1px solid transparent;\n border-radius: 5px;\n box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n overflow: scroll;\n}";
23924
+ styleInject(css_248z$7);
23581
23925
 
23582
23926
  const NlpDropdown = ({
23583
23927
  onSelectBlur,
@@ -23741,8 +24085,8 @@ const NlpDropdown = ({
23741
24085
  });
23742
24086
  };
23743
24087
 
23744
- var css_248z = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-nlp-input-wrapper .ff-nlp-input, .ff-nlp-input-wrapper .ff-nlp-input-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend, .ff-nlp-input-wrapper .ff-nlp-input-label--active {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-nlp-input-wrapper {\n position: relative;\n}\n.ff-nlp-input-wrapper .ff-nlp-input {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n min-height: 32px;\n min-width: 489px;\n display: flex;\n align-items: end;\n position: relative;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset {\n margin: 0;\n padding: 25px 0px 0px 8px;\n border: 1px solid transparent;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n border-radius: 4px;\n display: block;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--no-label {\n padding: 30px 0px 0px 8px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--default {\n opacity: 0;\n border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--active {\n opacity: 1;\n border-color: var(--ff-nlp-input-brand-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--option {\n opacity: 1;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--no-border {\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--error {\n border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend {\n padding: 0 2px;\n letter-spacing: 0.5px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--active {\n transition: opacity 0.25s ease-out, transform 0.25s ease-out, font-size 0.25s ease-out, padding 0.25s ease-out;\n opacity: 1;\n color: var(--ff-nlp-input-brand-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--option {\n opacity: 1;\n color: var(--ff-nlp-input-default-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--error {\n color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--required {\n margin-right: 2px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input {\n position: absolute;\n top: 6px;\n right: auto;\n bottom: auto;\n left: auto;\n width: calc(100% - 38px);\n min-height: calc(100% - 8px);\n padding: 0 28px 0 8px;\n border-radius: 4px;\n border: 1px solid transparent;\n z-index: 100;\n background: transparent;\n outline: none;\n color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input:hover ~ .ff-nlp-input-label {\n color: var(--ff-nlp-input-text-hover-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default {\n opacity: 1;\n border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover {\n border-color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover ~ .ff-nlp-input-fieldset--option {\n border-color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover ~ .ff-nlp-input-fieldset--option .ff-nlp-input-legend--option {\n color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-label {\n min-height: calc(100% - 2px);\n margin-top: 0px;\n top: 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--active {\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--active:hover {\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border {\n border: none;\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border:hover {\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border:hover ~ .ff-nlp-input-fieldset--no-border {\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable {\n border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable:hover {\n border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable:hover ~ .ff-nlp-input-label--default {\n color: var(--ff-nlp-input-default-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--error {\n border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--error:hover {\n border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label {\n position: absolute;\n top: 13px;\n right: auto;\n bottom: auto;\n left: 8px;\n z-index: 1;\n font-size: 12px;\n top: 60%;\n padding-left: 8px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 1;\n color: var(--ff-nlp-input-default-color);\n transform: translateY(-50%);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--active {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n transform: translateY(-150%);\n padding: 0 6px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--required {\n margin-right: 2px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow {\n position: absolute;\n top: 60%;\n height: 100%;\n right: 10px;\n transform: rotateX(180deg) translateY(50%);\n cursor: pointer;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow--no-label {\n top: 50%;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow--down {\n transform: rotateX(0deg) translateY(-50%);\n z-index: 101;\n}\n.ff-nlp-input-wrapper-error-text {\n position: absolute;\n top: auto;\n right: auto;\n bottom: -14px;\n left: 12px;\n white-space: nowrap;\n}";
23745
- styleInject(css_248z);
24088
+ var css_248z$6 = "@font-face {\n font-family: \"Poppins\";\n font-weight: 400;\n src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 500;\n src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 600;\n src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n font-family: \"Poppins\";\n font-weight: 700;\n src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n font-family: \"Poppins\", sans-serif;\n font-size: 10px;\n}\n\n.fontSm, .ff-nlp-input-wrapper .ff-nlp-input, .ff-nlp-input-wrapper .ff-nlp-input-input {\n font-family: \"Poppins\", sans-serif;\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\", sans-serif;\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\", sans-serif;\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\", sans-serif;\n font-size: 24px;\n}\n\n.font-size-8, .ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend, .ff-nlp-input-wrapper .ff-nlp-input-label--active {\n font-family: \"Poppins\", sans-serif;\n font-size: 8px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\", sans-serif;\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\", sans-serif;\n font-size: 80px;\n}\n\n.ff-nlp-input-wrapper {\n position: relative;\n}\n.ff-nlp-input-wrapper .ff-nlp-input {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n min-height: 32px;\n min-width: 489px;\n display: flex;\n align-items: end;\n position: relative;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset {\n margin: 0;\n padding: 25px 0px 0px 8px;\n border: 1px solid transparent;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n border-radius: 4px;\n display: block;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--no-label {\n padding: 30px 0px 0px 8px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--default {\n opacity: 0;\n border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--active {\n opacity: 1;\n border-color: var(--ff-nlp-input-brand-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--option {\n opacity: 1;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--no-border {\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--error {\n border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend {\n padding: 0 2px;\n letter-spacing: 0.5px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--active {\n transition: opacity 0.25s ease-out, transform 0.25s ease-out, font-size 0.25s ease-out, padding 0.25s ease-out;\n opacity: 1;\n color: var(--ff-nlp-input-brand-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--option {\n opacity: 1;\n color: var(--ff-nlp-input-default-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--error {\n color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--required {\n margin-right: 2px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input {\n position: absolute;\n top: 6px;\n right: auto;\n bottom: auto;\n left: auto;\n width: calc(100% - 38px);\n min-height: calc(100% - 8px);\n padding: 0 28px 0 8px;\n border-radius: 4px;\n border: 1px solid transparent;\n z-index: 100;\n background: transparent;\n outline: none;\n color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input:hover ~ .ff-nlp-input-label {\n color: var(--ff-nlp-input-text-hover-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--border-radius {\n border-radius: 0px 4px 4px 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default {\n opacity: 1;\n border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover {\n border-color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover ~ .ff-nlp-input-fieldset--option {\n border-color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover ~ .ff-nlp-input-fieldset--option .ff-nlp-input-legend--option {\n color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-label {\n min-height: calc(100% - 2px);\n margin-top: 0px;\n top: 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--active {\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--active:hover {\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border {\n border: none;\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border:hover {\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border:hover ~ .ff-nlp-input-fieldset--no-border {\n border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable {\n border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable:hover {\n border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable:hover ~ .ff-nlp-input-label--default {\n color: var(--ff-nlp-input-default-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--error {\n border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--error:hover {\n border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label {\n position: absolute;\n top: 13px;\n right: auto;\n bottom: auto;\n left: 8px;\n z-index: 1;\n font-size: 12px;\n top: 60%;\n padding-left: 8px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--default {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 1;\n color: var(--ff-nlp-input-default-color);\n transform: translateY(-50%);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--active {\n transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n opacity: 0;\n transform: translateY(-150%);\n padding: 0 6px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--required {\n margin-right: 2px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow {\n position: absolute;\n top: 60%;\n height: 100%;\n right: 10px;\n transform: rotateX(180deg) translateY(50%);\n cursor: pointer;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow--no-label {\n top: 50%;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow--down {\n transform: rotateX(0deg) translateY(-50%);\n z-index: 101;\n}\n.ff-nlp-input-wrapper-error-text {\n position: absolute;\n top: auto;\n right: auto;\n bottom: -14px;\n left: 12px;\n white-space: nowrap;\n}";
24089
+ styleInject(css_248z$6);
23746
24090
 
23747
24091
  const nlpInputReducer = (state, action) => {
23748
24092
  switch (action.type) {
@@ -24053,6 +24397,594 @@ const NlpInput = ({
24053
24397
  });
24054
24398
  };
24055
24399
 
24400
+ var css_248z$5 = ".ff-machine-input-field-wrapper {\n min-width: 100px;\n height: 32px;\n position: relative;\n cursor: pointer;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse {\n height: 100%;\n width: 100%;\n border: 1px solid var(--ff-machine-input-field-border-color);\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: space-around;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse {\n display: flex;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-icon {\n margin-right: 8px;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse {\n flex-direction: row-reverse;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse {\n flex-direction: row-reverse;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-label {\n position: absolute;\n top: -6px;\n left: 8px;\n background-color: var(--ff-machine-input-field-border-color);\n border-radius: 4px;\n padding: 1px 2px;\n height: 10px;\n}";
24401
+ styleInject(css_248z$5);
24402
+
24403
+ const MachineInputField = /*#__PURE__*/forwardRef(({
24404
+ width = '',
24405
+ options = [],
24406
+ runCount = 0,
24407
+ className = '',
24408
+ contentReverse = false
24409
+ }, ref) => {
24410
+ const getIcon = {
24411
+ Local: 'browser_stack_icon',
24412
+ mac: 'mac_icon',
24413
+ android: 'android_icon',
24414
+ 'Google Chrome': 'chrome_icon'
24415
+ };
24416
+ return jsxs("div", {
24417
+ ref: ref,
24418
+ style: {
24419
+ width: width
24420
+ },
24421
+ className: classNames('ff-machine-input-field-wrapper', className),
24422
+ children: [jsxs(Typography, {
24423
+ as: "span",
24424
+ color: "var(--ff-machine-input-field-text-color)",
24425
+ fontSize: 8,
24426
+ textAlign: "center",
24427
+ className: "ff-machine-input-label",
24428
+ children: ["Run ", runCount]
24429
+ }), jsx("div", {
24430
+ className: classNames('ff-machine-input-field', {
24431
+ 'ff-machine-input-field-reverse': contentReverse
24432
+ }),
24433
+ children: options.map(({
24434
+ label,
24435
+ type
24436
+ }) => jsxs("div", {
24437
+ className: classNames('ff-machine-icon-text-wrapper', {
24438
+ 'ff-machine-icon-text-wrapper-reverse': contentReverse
24439
+ }),
24440
+ children: [jsx(Icon, {
24441
+ name: getIcon[type],
24442
+ className: "ff-machine-icon"
24443
+ }), jsx(Typography, {
24444
+ className: "ff-machine-text",
24445
+ color: "var(--ff-machine-input-field-text-color)",
24446
+ children: label
24447
+ })]
24448
+ }, type))
24449
+ })]
24450
+ });
24451
+ });
24452
+ MachineInputField.displayName = 'MachineInputField';
24453
+
24454
+ var css_248z$4 = ".ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper {\n height: 66px;\n box-sizing: border-box;\n width: fit-content;\n margin-bottom: 16px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper {\n position: relative;\n display: flex;\n box-sizing: border-box;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-sequential-select-branch {\n width: 240px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow {\n position: relative;\n display: flex;\n align-items: center;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-branch-arrow-wrapper {\n width: 40px;\n border-top: 1px solid var(--ff-connecting-branch-color);\n margin-top: 4px;\n position: relative;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-branch-arrow-wrapper .ff-branch-arrow {\n width: 6px;\n height: 6px;\n background-color: var(--ff-connecting-branch-color);\n clip-path: polygon(100% 50%, 0 100%, 0 0);\n position: absolute;\n right: -1px;\n top: -3px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-select-branch-point {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background-color: var(--ff-connecting-branch-color);\n position: absolute;\n left: -3px;\n z-index: 102;\n top: 50%;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .branch-button {\n margin-top: 4px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down {\n position: absolute;\n height: 38px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down .ff-select-branch-point {\n position: absolute;\n height: 5px;\n width: 5px;\n background-color: var(--ff-connecting-branch-color);\n border-radius: 50%;\n top: 50%;\n left: -2px;\n z-index: 102;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down .ff-select-branch-arrow {\n width: 0px;\n height: 62px;\n top: calc(50% + 1px);\n border-left: 1px solid var(--ff-connecting-branch-color);\n z-index: 102;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist {\n box-sizing: border-box;\n width: 240px;\n margin-top: 4px;\n padding: 0px 4px;\n display: flex;\n justify-content: space-between;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-scope-wrapper {\n display: flex;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-scope-wrapper .ff-scope-text {\n margin-left: 4px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper {\n display: flex;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-dataset-icon,\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-run-delete-icon,\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-datalist-text {\n cursor: pointer;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-datalist-text {\n margin: 0px 12px 0px 4px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-sequential-branches-wrapper {\n box-sizing: border-box;\n width: fit-content;\n height: fit-content;\n}";
24455
+ styleInject(css_248z$4);
24456
+
24457
+ var css_248z$3 = ".ff-connecting-branch-grid,\n.ff-connecting-branch-grid-reverse {\n box-sizing: border-box;\n display: grid;\n grid-template-columns: 24px 180px 40px 180px 24px;\n height: 66px;\n margin-bottom: 16px;\n position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper {\n position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow {\n position: absolute;\n height: 7px;\n width: 7px;\n background-color: var(--ff-connecting-branch-color);\n z-index: 2;\n clip-path: polygon(0 0, 0% 100%, 100% 50%);\n top: calc(25% - 3px);\n right: -2px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow-reverse {\n position: absolute;\n height: 7px;\n width: 7px;\n background-color: var(--ff-connecting-branch-color);\n z-index: 2;\n left: -2px;\n top: calc(25% - 3px);\n clip-path: polygon(0 50%, 100% 100%, 100% 0);\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-container,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-container {\n width: 100%;\n height: 25%;\n border: 1px solid var(--ff-connecting-branch-color);\n border-top: none;\n border-right: none;\n border-bottom-left-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-container-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-container-reverse {\n width: 100%;\n height: 25%;\n border: 1px solid var(--ff-connecting-branch-color);\n border-top: none;\n border-left: none;\n border-bottom-right-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist {\n display: flex;\n padding-top: 4px;\n height: 24px;\n justify-content: flex-end;\n width: 100%;\n align-items: center;\n flex-direction: row;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist .ff-connecting-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .ff-connecting-icon {\n margin-right: 4px;\n cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist .ff-connecting-text,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .ff-connecting-text {\n margin-right: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist .ff-connecting-delete-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .ff-connecting-delete-icon {\n cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse {\n display: flex;\n padding-top: 4px;\n height: 24px;\n justify-content: flex-end;\n width: 100%;\n align-items: center;\n flex-direction: row-reverse;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .ff-connecting-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .ff-connecting-icon {\n margin-right: 4px;\n cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .ff-connecting-text,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .ff-connecting-text {\n margin-right: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .ff-connecting-delete-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .ff-connecting-delete-icon {\n cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper {\n position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point {\n position: absolute;\n height: 5px;\n width: 5px;\n background-color: var(--ff-connecting-branch-color);\n border-radius: 50%;\n z-index: 2;\n right: -4px;\n top: calc(50% - 1px);\n}\n.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point-reverse {\n position: absolute;\n height: 5px;\n width: 5px;\n background-color: var(--ff-connecting-branch-color);\n border-radius: 50%;\n z-index: 2;\n left: -4px;\n top: calc(50% - 1px);\n}\n.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow {\n height: 0px;\n width: 100%;\n margin-top: calc(50% - 3px);\n position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow {\n position: absolute;\n height: 7px;\n width: 7px;\n background-color: var(--ff-connecting-branch-color);\n clip-path: polygon(0 0, 0% 100%, 100% 50%);\n top: calc(25% - 4px);\n right: -1px;\n z-index: 2;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow-reverse {\n position: absolute;\n height: 7px;\n width: 7px;\n background-color: var(--ff-connecting-branch-color);\n clip-path: polygon(0 50%, 100% 100%, 100% 0);\n top: calc(25% - 4px);\n left: -1px;\n z-index: 2;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-end-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-end-arrow {\n width: 100%;\n height: 100%;\n margin-top: 17px;\n border-top: 1px solid var(--ff-connecting-branch-color);\n border-right: 1px solid var(--ff-connecting-branch-color);\n border-top-right-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-end-arrow-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-end-arrow-reverse {\n width: 100%;\n height: 100%;\n margin-top: 17px;\n border-top: 1px solid var(--ff-connecting-branch-color);\n border-left: 1px solid var(--ff-connecting-branch-color);\n border-top-left-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-browser-button,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-browser-button {\n height: 32px;\n display: flex;\n align-items: center;\n}\n\n.ff-connecting-branch-grid-reverse {\n direction: rtl;\n margin-left: 1px;\n}";
24458
+ styleInject(css_248z$3);
24459
+
24460
+ const Branches = ({
24461
+ machineInstances,
24462
+ rowIndex,
24463
+ machineColumnCount,
24464
+ machineColumnWidth,
24465
+ nextRowMachineInstance,
24466
+ previousRowMachineInstance,
24467
+ onAddBrowser,
24468
+ onDeleteBrowser,
24469
+ onAddRunBrowser
24470
+ }) => {
24471
+ const evenRow = rowIndex % 2 === 0;
24472
+ const lastMachineInstance = checkEmpty(machineInstances[machineColumnCount - 1]);
24473
+ const getBorderStyle = (currentBranch, nextBranch) => {
24474
+ if (currentBranch && nextBranch && 'id' in currentBranch && 'id' in nextBranch) {
24475
+ return currentBranch.id === nextBranch.id ? 'dotted' : 'solid';
24476
+ }
24477
+ return 'solid';
24478
+ };
24479
+ const showMiddleArrow = index => machineInstances.length - 1 !== index && machineColumnCount > 1;
24480
+ const getGridTemplateColumnStyle = () => {
24481
+ if (machineColumnCount === 1) {
24482
+ return `24px ${machineColumnWidth}px 24px`;
24483
+ }
24484
+ return `24px ${machineColumnWidth}px repeat(${machineColumnCount - 1}, 40px ${machineColumnWidth}px) 24px`;
24485
+ };
24486
+ return jsxs("div", {
24487
+ className: classNames({
24488
+ 'ff-connecting-branch-grid': evenRow,
24489
+ 'ff-connecting-branch-grid-reverse': !evenRow
24490
+ }),
24491
+ style: {
24492
+ gridTemplateColumns: getGridTemplateColumnStyle()
24493
+ },
24494
+ children: [jsxs("div", {
24495
+ className: "ff-connecting-branch-start-wrapper",
24496
+ children: [jsx("div", {
24497
+ className: classNames({
24498
+ 'ff-connecting-branch-arrow': evenRow,
24499
+ 'ff-connecting-branch-arrow-reverse': !evenRow
24500
+ })
24501
+ }), jsx("div", {
24502
+ className: classNames({
24503
+ 'ff-connecting-branch-container': evenRow,
24504
+ 'ff-connecting-branch-container-reverse': !evenRow
24505
+ }),
24506
+ style: {
24507
+ border: `1px ${getBorderStyle(machineInstances[0], previousRowMachineInstance)} var(--ff-connecting-branch-color)`,
24508
+ borderTop: 'none',
24509
+ borderLeft: `${!evenRow && 'none'}`,
24510
+ borderRight: `${evenRow && 'none'}`
24511
+ }
24512
+ })]
24513
+ }), machineInstances?.map((machineInstance, index) => {
24514
+ const {
24515
+ executionEnv = 'Local',
24516
+ browserName = 'Local',
24517
+ browserVersion = '1',
24518
+ runCount = 0,
24519
+ id = ''
24520
+ } = machineInstance;
24521
+ return jsxs(Fragment, {
24522
+ children: [!checkEmpty(machineInstance) ? jsxs("div", {
24523
+ children: [jsxs("div", {
24524
+ className: "ff-connecting-branch-input-point-wrapper",
24525
+ children: [jsx("div", {
24526
+ className: classNames({
24527
+ 'ff-connecting-branch-point': evenRow,
24528
+ 'ff-connecting-branch-point-reverse': !evenRow
24529
+ })
24530
+ }), jsx(MachineInputField, {
24531
+ width: "180px",
24532
+ runCount: runCount,
24533
+ options: [{
24534
+ label: executionEnv,
24535
+ type: executionEnv
24536
+ }, {
24537
+ label: browserVersion,
24538
+ type: browserName
24539
+ }],
24540
+ contentReverse: !evenRow
24541
+ }, ffid())]
24542
+ }), jsxs("div", {
24543
+ className: classNames({
24544
+ 'ff-connecting-branch-datalist': evenRow,
24545
+ 'ff-connecting-branch-datalist-reverse': !evenRow
24546
+ }),
24547
+ children: [jsx(Icon, {
24548
+ name: "datalist_icon",
24549
+ className: "ff-connecting-icon"
24550
+ }), jsx(Typography, {
24551
+ className: "ff-connecting-text",
24552
+ color: "var(--ff-connecting-branch-color)",
24553
+ children: "Dataset List"
24554
+ }), jsx(Icon, {
24555
+ name: "plus_icon",
24556
+ className: "ff-connecting-icon",
24557
+ onClick: () => onAddRunBrowser(id),
24558
+ color: "var(--ff-connecting-branch-color)"
24559
+ }), jsx(Typography, {
24560
+ className: "ff-connecting-text",
24561
+ color: "var(--ff-connecting-branch-color)",
24562
+ children: "Run"
24563
+ }), jsx(Icon, {
24564
+ name: "delete",
24565
+ className: "ff-connecting-delete-icon",
24566
+ onClick: () => onDeleteBrowser(id, runCount),
24567
+ color: "var(--ff-connecting-branch-delete-color)"
24568
+ })]
24569
+ })]
24570
+ }) : jsx("div", {
24571
+ className: "ff-connecting-branch-browser-button",
24572
+ children: jsx(Button$1, {
24573
+ variant: "tertiary",
24574
+ label: "Browser / Devices",
24575
+ onClick: onAddBrowser
24576
+ })
24577
+ }), showMiddleArrow(index) && jsx("div", {
24578
+ className: "ff-connecting-branch-middle-arrow",
24579
+ style: {
24580
+ borderTop: `1px ${getBorderStyle(machineInstance, machineInstances[index + 1])} var(--ff-connecting-branch-color)`
24581
+ },
24582
+ children: jsx("div", {
24583
+ className: classNames({
24584
+ 'ff-connecting-branch-arrow': evenRow,
24585
+ 'ff-connecting-branch-arrow-reverse': !evenRow
24586
+ })
24587
+ })
24588
+ })]
24589
+ }, ffid());
24590
+ }), !lastMachineInstance && jsx("div", {
24591
+ className: classNames({
24592
+ 'ff-connecting-branch-end-arrow': evenRow,
24593
+ 'ff-connecting-branch-end-arrow-reverse': !evenRow
24594
+ }),
24595
+ style: {
24596
+ border: `1px ${getBorderStyle(machineInstances[machineColumnCount - 1], nextRowMachineInstance)} var(--ff-connecting-branch-color)`,
24597
+ borderBottom: 'none',
24598
+ borderLeft: `${evenRow && 'none'}`,
24599
+ borderRight: `${!evenRow && 'none'}`
24600
+ }
24601
+ })]
24602
+ });
24603
+ };
24604
+
24605
+ var css_248z$2 = ".ff-connecting-branch-grid-wrapper {\n box-sizing: border-box;\n}";
24606
+ styleInject(css_248z$2);
24607
+
24608
+ const ConnectingBranches = ({
24609
+ machineBranchInstances,
24610
+ machineColumnCount,
24611
+ machineColumnWidth,
24612
+ onAddBrowser,
24613
+ onDeleteBrowser,
24614
+ onAddRunBrowser
24615
+ }) => {
24616
+ const [machineInstance, setMachineInstance] = useState(machineBranchInstances);
24617
+ useEffect(() => {
24618
+ setMachineInstance(machineBranchInstances);
24619
+ }, [machineBranchInstances]);
24620
+ const getMachineBranchInstancesChunk = (machineBranchInstances, chunkSize) => {
24621
+ const machineBranchInstancesChunk = [];
24622
+ for (let i = 0; i < machineBranchInstances.length; i += chunkSize) {
24623
+ machineBranchInstancesChunk.push(machineBranchInstances.slice(i, i + chunkSize));
24624
+ }
24625
+ return machineBranchInstancesChunk;
24626
+ };
24627
+ const machineInstancesRow = getMachineBranchInstancesChunk(machineInstance, machineColumnCount);
24628
+ return jsx("div", {
24629
+ className: "ff-connecting-branch-grid-wrapper",
24630
+ children: machineInstancesRow.map((machineInstances, index) => jsx(Fragment, {
24631
+ children: jsx(Branches, {
24632
+ machineInstances: machineInstances,
24633
+ rowIndex: index,
24634
+ machineColumnCount: machineColumnCount,
24635
+ machineColumnWidth: machineColumnWidth,
24636
+ onAddBrowser: onAddBrowser,
24637
+ onDeleteBrowser: onDeleteBrowser,
24638
+ onAddRunBrowser: onAddRunBrowser,
24639
+ nextRowMachineInstance: machineInstancesRow[index + 1]?.[0],
24640
+ previousRowMachineInstance: machineInstancesRow[index - 1]?.[machineColumnCount - 1]
24641
+ })
24642
+ }, ffid()))
24643
+ });
24644
+ };
24645
+
24646
+ var css_248z$1 = ".ff-datalist-modal-header-wrapper,\n.ff-datalist-modal-child-wrapper,\n.ff-datalist-modal-footer-wrapper {\n margin: 0 8px;\n}\n\n.ff-datalist-modal-header-wrapper {\n width: 255px;\n border-bottom: 1px solid var(--ff-connecting-branch-modal-border);\n display: flex;\n align-items: center;\n}\n\n.ff-datalist-modal-child-wrapper .variable {\n margin: 8px 0;\n}\n\n.ff-datalist-modal-footer-wrapper {\n display: flex;\n justify-content: space-between;\n border-top: 1px solid var(--ff-connecting-branch-modal-border);\n}\n.ff-datalist-modal-footer-wrapper .datalist-button-wrapper {\n display: flex;\n gap: 10px;\n margin-top: 4px;\n justify-content: flex-end;\n}";
24647
+ styleInject(css_248z$1);
24648
+
24649
+ const DatasetListModal = /*#__PURE__*/forwardRef((props, ref) => {
24650
+ const selectOptions = [{
24651
+ label: 'Project Environment Variable'
24652
+ }, {
24653
+ label: 'Global Variables'
24654
+ }, {
24655
+ label: 'Test Data Set'
24656
+ }];
24657
+ const renderSelectOptions = () => selectOptions.map(({
24658
+ label
24659
+ }, idx) => jsx(Select$1, {
24660
+ optionsList: [],
24661
+ onChange: () => {},
24662
+ label: label,
24663
+ className: "variable"
24664
+ }, idx));
24665
+ const renderFooterContent = () => jsxs("div", {
24666
+ className: "ff-datalist-modal-footer-wrapper",
24667
+ children: [jsx(Checkbox, {
24668
+ checked: false,
24669
+ label: "Set as Default"
24670
+ }), jsxs("div", {
24671
+ className: "datalist-button-wrapper",
24672
+ children: [jsx(Button$1, {
24673
+ label: "Cancel",
24674
+ variant: "tertiary"
24675
+ }), jsx(Button$1, {
24676
+ label: "Update",
24677
+ variant: "primary"
24678
+ })]
24679
+ })]
24680
+ });
24681
+ return jsx("div", {
24682
+ children: jsx(MiniModal, {
24683
+ anchorRef: ref,
24684
+ headerProps: jsx("div", {
24685
+ className: "ff-datalist-modal-header-wrapper",
24686
+ children: jsx(Typography, {
24687
+ as: "span",
24688
+ color: "var(--ff-connecting-branch-modal-header)",
24689
+ fontWeight: "semi-bold",
24690
+ fontSize: 12,
24691
+ lineHeight: "38px",
24692
+ children: "Data Sets"
24693
+ })
24694
+ }),
24695
+ childContent: jsx("div", {
24696
+ className: "ff-datalist-modal-child-wrapper",
24697
+ children: renderSelectOptions()
24698
+ }),
24699
+ footerContent: renderFooterContent(),
24700
+ cancelButtonProps: {
24701
+ text: 'Cancel',
24702
+ // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
24703
+ onClick: props?.onUpdateDatasetList
24704
+ },
24705
+ proceedButtonProps: {
24706
+ text: 'Proceed',
24707
+ // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
24708
+ onClick: props?.onUpdateDatasetList
24709
+ },
24710
+ modalPosition: "right",
24711
+ isPopOver: true,
24712
+ leftTopArrow: true,
24713
+ extraRightSpace: {
24714
+ leftTopArrow: 40
24715
+ },
24716
+ extraLeftSpace: {
24717
+ rightAlignModal: 110
24718
+ },
24719
+ ...props
24720
+ })
24721
+ });
24722
+ });
24723
+
24724
+ var css_248z = ".ff-connecting-datalist-modal-header-wrapper,\n.ff-connecting-modal-child-wrapper {\n width: 534px;\n padding: 0 4px;\n}\n\n.ff-connecting-datalist-modal-header-wrapper {\n border-bottom: 1px solid var(--ff-connecting-branch-modal-border);\n margin-bottom: 4px;\n}\n\n.ff-connecting-modal-child-wrapper .ff-branch-select-input-wrapper {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.ff-connecting-modal-child-wrapper .ff-branch-select-input-wrapper .ff-select-browser {\n width: 263px;\n}\n.ff-connecting-modal-child-wrapper .ff-branch-select-input-wrapper .ff-branch-input-wrapper {\n display: flex;\n align-items: flex-end;\n height: 38px;\n}\n.ff-connecting-modal-child-wrapper .ff-branch-select-input-wrapper .ff-branch-input-wrapper .ff-input-browser {\n width: 245px;\n}\n\n.ff-connecting-modal-footer-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 8px;\n margin-top: 8px;\n border-top: 1px solid var(--ff-connecting-branch-modal-border);\n}\n.ff-connecting-modal-footer-wrapper .ff-branch-toggle-wrapper,\n.ff-connecting-modal-footer-wrapper .ff-datalist-button-wrapper {\n display: flex;\n gap: 8px;\n}\n.ff-connecting-modal-footer-wrapper .ff-branch-toggle-wrapper {\n gap: 4px;\n}";
24725
+ styleInject(css_248z);
24726
+
24727
+ const AddBrowserModal = /*#__PURE__*/forwardRef((props, ref) => {
24728
+ // TODO: WILL BE REMOVE IN THE FUTURE
24729
+ const selectOptions = [{
24730
+ label: 'Execution Environment',
24731
+ inputName: 'number of runs'
24732
+ }, {
24733
+ label: 'Browser',
24734
+ inputName: 'Browser Version'
24735
+ }, {
24736
+ label: 'Android Device',
24737
+ inputName: 'os version'
24738
+ }, {
24739
+ label: 'IOS Device',
24740
+ inputName: 'os version-1'
24741
+ }];
24742
+ const renderSelectOptions = () => jsx("div", {
24743
+ children: selectOptions.map(({
24744
+ label,
24745
+ inputName
24746
+ }, index) => jsxs("div", {
24747
+ className: "ff-branch-select-input-wrapper",
24748
+ children: [jsx(Select$1, {
24749
+ optionsList: [],
24750
+ onChange: () => {},
24751
+ label: label,
24752
+ className: "ff-select-browser"
24753
+ }), jsx("div", {
24754
+ className: "ff-branch-input-wrapper",
24755
+ children: jsx(Input, {
24756
+ value: "0",
24757
+ label: "Number of Runs",
24758
+ type: "number",
24759
+ onChange: () => {},
24760
+ name: inputName,
24761
+ className: "ff-input-browser"
24762
+ })
24763
+ })]
24764
+ }, index))
24765
+ });
24766
+ const renderFooterContent = () => jsxs("div", {
24767
+ className: "ff-connecting-modal-footer-wrapper",
24768
+ children: [jsxs("div", {
24769
+ className: "ff-branch-toggle-wrapper",
24770
+ children: [jsx(Typography, {
24771
+ as: "span",
24772
+ lineHeight: "32px",
24773
+ children: "Run in Headless Mode"
24774
+ }), jsx(Toggle, {})]
24775
+ }), jsxs("div", {
24776
+ className: "ff-datalist-button-wrapper",
24777
+ children: [jsx(Button$1, {
24778
+ label: "Cancel",
24779
+ variant: "tertiary"
24780
+ }), jsx(Button$1, {
24781
+ label: "Update",
24782
+ variant: "primary"
24783
+ })]
24784
+ })]
24785
+ });
24786
+ return jsx("div", {
24787
+ children: jsx(MiniModal, {
24788
+ anchorRef: ref,
24789
+ headerProps: jsx("div", {
24790
+ className: "ff-connecting-datalist-modal-header-wrapper",
24791
+ children: jsx(Typography, {
24792
+ as: "span",
24793
+ color: "var(--ff-connecting-branch-modal-header)",
24794
+ fontWeight: "semi-bold",
24795
+ fontSize: 12,
24796
+ lineHeight: "38px",
24797
+ children: "Add Browser / Device"
24798
+ })
24799
+ }),
24800
+ childContent: jsx("div", {
24801
+ className: "ff-connecting-modal-child-wrapper",
24802
+ children: renderSelectOptions()
24803
+ }),
24804
+ footerContent: renderFooterContent(),
24805
+ cancelButtonProps: {
24806
+ text: 'Cancel',
24807
+ // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
24808
+ onClick: props.onUpdateAddBrowser
24809
+ },
24810
+ proceedButtonProps: {
24811
+ text: 'Proceed',
24812
+ // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
24813
+ onClick: props.onUpdateAddBrowser
24814
+ },
24815
+ modalPosition: "right",
24816
+ isPopOver: true,
24817
+ leftTopArrow: true,
24818
+ extraRightSpace: {
24819
+ leftTopArrow: 45
24820
+ },
24821
+ extraLeftSpace: {
24822
+ rightAlignModal: 115
24823
+ },
24824
+ ...props
24825
+ })
24826
+ });
24827
+ });
24828
+
24829
+ const SequentialConnectingBranch = ({
24830
+ machineInstances = [],
24831
+ machineColumnWidth = 180,
24832
+ machineColumnCount = 1,
24833
+ machineInstance,
24834
+ selectedMachine = '',
24835
+ machineOptionsList = [],
24836
+ onMachineSelectionChange = () => {}
24837
+ }) => {
24838
+ const dataListRef = useRef(null);
24839
+ const selectButtonRef = useRef(null);
24840
+ const defaultMachineColumnCount = Math.max(machineColumnCount, 1);
24841
+ const defaultMachineColumnWidth = Math.max(machineColumnWidth, 180);
24842
+ const isBrowserDetails = checkEmpty(machineInstances);
24843
+ const [datasetListModal, setDatasetListModal] = useState(!!selectedMachine && isBrowserDetails);
24844
+ const [addBrowserModal, setAddBrowserModal] = useState(false);
24845
+ const [machineBranchInstances, setMachineBranchInstances] = useState(machineInstances);
24846
+ // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
24847
+ const onHandleSelect = option => {
24848
+ setDatasetListModal(true);
24849
+ onMachineSelectionChange(option);
24850
+ };
24851
+ // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
24852
+ const onUpdateDatasetList = () => {
24853
+ setDatasetListModal(false);
24854
+ setAddBrowserModal(true);
24855
+ };
24856
+ // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
24857
+ const onUpdateAddBrowser = () => {
24858
+ setAddBrowserModal(false);
24859
+ setDatasetListModal(false);
24860
+ };
24861
+ // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
24862
+ const onAddBrowser = () => {
24863
+ const newMachineInstance = {
24864
+ ...machineInstance,
24865
+ id: ffid()
24866
+ };
24867
+ console.log(newMachineInstance);
24868
+ setMachineBranchInstances(prevInstances => [...prevInstances.slice(0, -1), newMachineInstance, {}]);
24869
+ };
24870
+ // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
24871
+ const onDeleteBrowser = (id, runCount) => {
24872
+ const machineInstance = machineBranchInstances.filter(instance => {
24873
+ if ('id' in instance && 'runCount' in instance) {
24874
+ return instance.id !== id || instance.runCount !== runCount;
24875
+ }
24876
+ return true;
24877
+ });
24878
+ setMachineBranchInstances(machineInstance);
24879
+ };
24880
+ // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
24881
+ const onAddRunBrowser = id => {
24882
+ const index = machineBranchInstances.findLastIndex(instance => 'id' in instance && instance.id === id);
24883
+ if (index !== -1) {
24884
+ const existingMachineInstance = machineBranchInstances[index];
24885
+ if (existingMachineInstance && 'runCount' in existingMachineInstance) {
24886
+ const newRunInstance = {
24887
+ ...existingMachineInstance,
24888
+ runCount: (existingMachineInstance.runCount ?? 0) + 1
24889
+ };
24890
+ setMachineBranchInstances(prevInstances => [...prevInstances.slice(0, index + 1), newRunInstance, ...prevInstances.slice(index + 1)]);
24891
+ }
24892
+ }
24893
+ };
24894
+ useEffect(() => {
24895
+ setMachineBranchInstances([...machineBranchInstances, {}]);
24896
+ }, []);
24897
+ return jsxs("div", {
24898
+ className: "ff-sequential-connecting-branch-wrapper",
24899
+ children: [jsxs("div", {
24900
+ className: "ff-connecting-select-branch-wrapper",
24901
+ children: [jsxs("div", {
24902
+ className: "ff-select-branch-wrapper",
24903
+ children: [jsx(Select$1, {
24904
+ onChange: onHandleSelect,
24905
+ optionsList: machineOptionsList,
24906
+ required: true,
24907
+ label: "Choose Machine",
24908
+ showLabel: true,
24909
+ className: "ff-sequential-select-branch"
24910
+ }), !!selectedMachine && jsxs("div", {
24911
+ className: classNames({
24912
+ 'ff-select-branch-arrow': isBrowserDetails,
24913
+ 'ff-select-branch-arrow-down': !isBrowserDetails
24914
+ }),
24915
+ children: [jsx("div", {
24916
+ className: "ff-select-branch-point"
24917
+ }), jsxs("div", {
24918
+ className: "ff-select-branch-arrow",
24919
+ children: [jsx("div", {
24920
+ className: "ff-branch-arrow-wrapper",
24921
+ children: isBrowserDetails && jsx("div", {
24922
+ className: "ff-branch-arrow"
24923
+ })
24924
+ }), addBrowserModal && jsxs(Fragment, {
24925
+ children: [jsx(Button$1, {
24926
+ variant: "tertiary",
24927
+ label: "Browser / Device",
24928
+ size: "small",
24929
+ className: "branch-button",
24930
+ ref: selectButtonRef,
24931
+ onClick: onAddBrowser
24932
+ }), jsx(AddBrowserModal, {
24933
+ ref: selectButtonRef,
24934
+ onUpdateAddBrowser: onUpdateAddBrowser
24935
+ })]
24936
+ })]
24937
+ })]
24938
+ })]
24939
+ }), jsxs("div", {
24940
+ className: "ff-select-scope-datalist",
24941
+ children: [jsxs("div", {
24942
+ className: "ff-scope-wrapper",
24943
+ children: [jsx(Icon, {
24944
+ name: "windows"
24945
+ }), jsx(Typography, {
24946
+ as: "span",
24947
+ fontSize: 12,
24948
+ color: "var(--ff-connecting-branch-scope-color)",
24949
+ className: "ff-scope-text",
24950
+ children: "Private"
24951
+ })]
24952
+ }), jsxs("div", {
24953
+ className: "ff-datalist-wrapper",
24954
+ children: [jsx(Icon, {
24955
+ name: "datalist_icon",
24956
+ className: "ff-dataset-icon",
24957
+ ref: dataListRef
24958
+ }), datasetListModal && jsx(DatasetListModal, {
24959
+ ref: dataListRef,
24960
+ onUpdateDatasetList: onUpdateDatasetList
24961
+ }), jsx(Typography, {
24962
+ as: "span",
24963
+ fontSize: 12,
24964
+ color: "var(--ff-connecting-branch-color)",
24965
+ className: "ff-datalist-text",
24966
+ children: "Dataset List"
24967
+ }), jsx(Icon, {
24968
+ name: "delete",
24969
+ className: "ff-run-delete-icon",
24970
+ color: "var(--ff-connecting-branch-delete-color)"
24971
+ })]
24972
+ })]
24973
+ })]
24974
+ }), jsx("div", {
24975
+ className: "ff-sequential-branches-wrapper",
24976
+ children: !isBrowserDetails && jsx(ConnectingBranches, {
24977
+ machineBranchInstances: machineBranchInstances,
24978
+ machineColumnCount: defaultMachineColumnCount,
24979
+ machineColumnWidth: defaultMachineColumnWidth,
24980
+ onAddBrowser: onAddBrowser,
24981
+ onDeleteBrowser: onDeleteBrowser,
24982
+ onAddRunBrowser: onAddRunBrowser
24983
+ })
24984
+ })]
24985
+ });
24986
+ };
24987
+
24056
24988
  function findAndInsert(data, key, targetId, newEntry, insertPosition, childrenKey = 'children' // Allow dynamic key for nested children
24057
24989
  ) {
24058
24990
  function recursiveSearch(items) {
@@ -28871,7 +29803,7 @@ KJUR.asn1.DERTaggedObject = function (params) {
28871
29803
  };
28872
29804
  YAHOO.lang.extend(KJUR.asn1.DERTaggedObject, KJUR.asn1.ASN1Object);
28873
29805
 
28874
- var __extends = window && window.__extends || function () {
29806
+ var __extends = undefined && undefined.__extends || function () {
28875
29807
  var extendStatics = function (d, b) {
28876
29808
  extendStatics = Object.setPrototypeOf || {
28877
29809
  __proto__: []
@@ -29400,5 +30332,5 @@ const throttle = (func, limit) => {
29400
30332
  return throttled;
29401
30333
  };
29402
30334
 
29403
- export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button$1 as Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, LazyLoad, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select$1 as Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, truncateText, useTheme };
30335
+ export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button$1 as Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, LazyLoad, MachineInputField, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select$1 as Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, truncateText, useTheme };
29404
30336
  //# sourceMappingURL=index.esm.js.map