impact-ui 5.0.0-alpha.1 → 5.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/PaletteOutlined.js +4 -0
- package/dist/_virtual/colorManipulator.js +4 -0
- package/dist/_virtual/createStyled.js +4 -0
- package/dist/_virtual/index10.js +6 -0
- package/dist/_virtual/index11.js +6 -0
- package/dist/_virtual/index12.js +6 -0
- package/dist/_virtual/index13.js +4 -0
- package/dist/_virtual/index14.js +4 -0
- package/dist/_virtual/index15.js +4 -0
- package/dist/_virtual/index16.js +4 -0
- package/dist/_virtual/index4.js +4 -2
- package/dist/_virtual/index5.js +4 -2
- package/dist/_virtual/index7.js +4 -2
- package/dist/_virtual/index8.js +4 -2
- package/dist/_virtual/index9.js +6 -0
- package/dist/_virtual/react-is.production.js +4 -0
- package/dist/_virtual/useThemeWithoutDefault.js +4 -0
- package/dist/components/Accordion/index.js +1 -1
- package/dist/components/AccordionModern/SortableAccordionComp.js +2 -2
- package/dist/components/AccordionModern/index.d.ts.map +1 -1
- package/dist/components/AccordionModern/index.js +34 -41
- package/dist/components/Alert/index.js +1 -1
- package/dist/components/Avatar/index.js +1 -1
- package/dist/components/Badge/filled/filledIconLabelBadges/index.js +1 -1
- package/dist/components/Badge/filled/filledOnlyIconBadges/index.js +1 -1
- package/dist/components/Badge/filled/filledOnlyLabelBadges/index.js +1 -1
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/Badge/stroke/strokeIconLabelBadges/index.js +1 -1
- package/dist/components/Badge/stroke/strokeOnlyIconBadges/index.js +1 -1
- package/dist/components/Badge/stroke/strokeOnlyLabelBadges/index.js +1 -1
- package/dist/components/Badge/subtle/subtleIOnlyIconBadges/index.js +1 -1
- package/dist/components/Badge/subtle/subtleIconLabelBadges/index.js +1 -1
- package/dist/components/Badge/subtle/subtleOnlyLabelBadges/index.js +1 -1
- package/dist/components/BottomSheet/index.js +1 -1
- package/dist/components/Breadcrumbs/HomeIcon.js +1 -1
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +8 -2
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +5 -1
- package/dist/components/ButtonGroup/index.js +1 -1
- package/dist/components/Card/index.js +1 -1
- package/dist/components/Chart/ChartSkeleton.d.ts.map +1 -1
- package/dist/components/Chart/ChartSkeleton.js +24 -17
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/Chart/index.js +83 -27
- package/dist/components/Chatbot/bookMarkPanel.d.ts.map +1 -1
- package/dist/components/Chatbot/bookMarkPanel.js +12 -5
- package/dist/components/Chatbot/chatInput.d.ts.map +1 -1
- package/dist/components/Chatbot/chatInput.js +7 -9
- package/dist/components/Chatbot/chatbotModuleMenu.d.ts.map +1 -1
- package/dist/components/Chatbot/chatbotModuleMenu.js +10 -15
- package/dist/components/Chatbot/constant.d.ts.map +1 -1
- package/dist/components/Chatbot/constant.js +12 -12
- package/dist/components/Chatbot/historyPanel.d.ts.map +1 -1
- package/dist/components/Chatbot/historyPanel.js +11 -3
- package/dist/components/Chatbot/index.d.ts.map +1 -1
- package/dist/components/Chatbot/index.js +5 -4
- package/dist/components/Chatbot/newChatComponent.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Chips/chipLeadingIcon.d.ts +6 -0
- package/dist/components/Chips/chipLeadingIcon.d.ts.map +1 -0
- package/dist/components/Chips/chipLeadingIcon.js +46 -0
- package/dist/components/Chips/index.d.ts.map +1 -1
- package/dist/components/Chips/index.js +7 -2
- package/dist/components/CommentsPanel/CommentsContext.d.ts.map +1 -1
- package/dist/components/CommentsPanel/CommentsContext.js +5 -4
- package/dist/components/CommentsPanel/CommentsPanel.impl.d.ts.map +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.impl.js +11 -8
- package/dist/components/CommentsPanel/CommentsPanel.types.d.ts +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.types.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.js +1 -1
- package/dist/components/DatePicker/datePickerInput.d.ts.map +1 -1
- package/dist/components/DatePicker/datePickerInput.js +5 -2
- package/dist/components/DatePicker/index.js +2 -2
- package/dist/components/DateRangePicker/dateRangePickerInput.js +6 -7
- package/dist/components/DateRangePicker/index.js +2 -2
- package/dist/components/DynamicLayout/index.js +1 -1
- package/dist/components/EmptyState/index.js +1 -1
- package/dist/components/FileUpload/index.d.ts.map +1 -1
- package/dist/components/FileUpload/index.js +11 -4
- package/dist/components/FilterPanel/index.d.ts.map +1 -1
- package/dist/components/FilterPanel/index.js +67 -43
- package/dist/components/FiltersStrip/FilterSlider.js +1 -1
- package/dist/components/FiltersStrip/index.js +1 -1
- package/dist/components/Header/Header.types.d.ts +16 -4
- package/dist/components/Header/Header.types.d.ts.map +1 -1
- package/dist/components/Header/index.d.ts +1 -1
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +72 -45
- package/dist/components/HomePage/HomePage.types.d.ts +3 -2
- package/dist/components/HomePage/HomePage.types.d.ts.map +1 -1
- package/dist/components/HomePage/constants.d.ts.map +1 -1
- package/dist/components/HomePage/constants.js +23 -44
- package/dist/components/HomePage/index.d.ts.map +1 -1
- package/dist/components/HomePage/index.js +9 -20
- package/dist/components/ImpactIcon/index.d.ts +19 -0
- package/dist/components/ImpactIcon/index.d.ts.map +1 -0
- package/dist/components/ImpactIcon/index.js +52 -0
- package/dist/components/Input/HelperText.d.ts.map +1 -1
- package/dist/components/Input/HelperText.js +3 -1
- package/dist/components/Input/InputWithIcon.js +1 -1
- package/dist/components/Input/VanillaInput.js +1 -1
- package/dist/components/Input/index.js +3 -3
- package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +5 -4
- package/dist/components/KeyboardShortCuts/ShortcutModal.js +2 -2
- package/dist/components/KeyboardShortCuts/allSetBox.js +2 -2
- package/dist/components/KeyboardShortCuts/index.js +1 -1
- package/dist/components/KeyboardShortCuts/tutorial.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/tutorial.js +3 -2
- package/dist/components/Loader/index.js +1 -1
- package/dist/components/Menu/IconMenuItem.js +1 -1
- package/dist/components/Menu/MenuHeaderInfo.d.ts.map +1 -1
- package/dist/components/Menu/MenuHeaderInfo.js +10 -2
- package/dist/components/Menu/NestedMenuItem.js +1 -1
- package/dist/components/Menu/index.js +5 -14
- package/dist/components/Menu/nestedMenuItemsFromObject.js +1 -1
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/MonthPicker/index.d.ts.map +1 -1
- package/dist/components/MonthPicker/index.js +10 -4
- package/dist/components/MonthRangePicker/constants.d.ts +4 -0
- package/dist/components/MonthRangePicker/constants.d.ts.map +1 -1
- package/dist/components/MonthRangePicker/constants.js +15 -1
- package/dist/components/MonthRangePicker/index.d.ts.map +1 -1
- package/dist/components/MonthRangePicker/index.js +32 -28
- package/dist/components/NewCreateItemFlow/index.js +1 -1
- package/dist/components/NewDynamicLayout/index.d.ts.map +1 -1
- package/dist/components/NewDynamicLayout/index.js +13 -15
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.js +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.js +12 -16
- package/dist/components/Notification/NotificationHeader.d.ts.map +1 -1
- package/dist/components/Notification/NotificationHeader.js +13 -3
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/OnboardingTour/index.d.ts.map +1 -1
- package/dist/components/OnboardingTour/index.js +10 -4
- package/dist/components/OnboardingTour/productTourList.js +4 -4
- package/dist/components/OnboardingTour/tooltipCard.d.ts.map +1 -1
- package/dist/components/OnboardingTour/tooltipCard.js +2 -2
- package/dist/components/Panel/index.d.ts +1 -1
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +13 -7
- package/dist/components/Popover/Popover.types.d.ts +5 -0
- package/dist/components/Popover/Popover.types.d.ts.map +1 -1
- package/dist/components/Popover/index.d.ts +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +12 -4
- package/dist/components/ProfileMenu/ProfileMenu.types.d.ts +50 -0
- package/dist/components/ProfileMenu/ProfileMenu.types.d.ts.map +1 -0
- package/dist/components/ProfileMenu/ProfileMenuListItem.d.ts +12 -0
- package/dist/components/ProfileMenu/ProfileMenuListItem.d.ts.map +1 -0
- package/dist/components/ProfileMenu/ProfileMenuListItem.js +42 -0
- package/dist/components/ProfileMenu/index.d.ts +11 -0
- package/dist/components/ProfileMenu/index.d.ts.map +1 -0
- package/dist/components/ProfileMenu/index.js +141 -0
- package/dist/components/ProgressBar/index.js +1 -1
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.js +10 -2
- package/dist/components/RadioButtonGroup/index.js +1 -1
- package/dist/components/Select/index.js +2 -2
- package/dist/components/Select/menuList.d.ts.map +1 -1
- package/dist/components/Select/menuList.js +2 -1
- package/dist/components/Shortcuts/ShortcutHint.d.ts.map +1 -1
- package/dist/components/Shortcuts/ShortcutHint.js +4 -18
- package/dist/components/Sidebar/SidebarActions.d.ts.map +1 -1
- package/dist/components/Sidebar/SidebarActions.js +3 -3
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +1 -1
- package/dist/components/Skeleton/index.js +1 -1
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +8 -6
- package/dist/components/Slider/sliderValueLabel.d.ts +7 -0
- package/dist/components/Slider/sliderValueLabel.d.ts.map +1 -0
- package/dist/components/Slider/sliderValueLabel.js +31 -0
- package/dist/components/Stepper/index.d.ts.map +1 -1
- package/dist/components/Stepper/index.js +2 -2
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/Switch/index.js +11 -10
- package/dist/components/TableChat/EmptyContainer.js +1 -1
- package/dist/components/TableChat/TableChatSidePanel.js +1 -1
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatFooterSkeleton.js +1 -1
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatHeaderSkeleton.js +1 -1
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatMessageListSkeleton.js +1 -1
- package/dist/components/TableChat/components/ChatMessageSkeleton/ChatSkeleton.js +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.js +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.js +6 -5
- package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.js +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.js +19 -37
- package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js +13 -21
- package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.js +24 -13
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.js +4 -4
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.js +23 -11
- package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.js +21 -24
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js +5 -6
- package/dist/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.js +6 -6
- package/dist/components/TableChat/components/TableChatRightSection/ImageUploader/ImageUploader.js +5 -5
- package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.d.ts.map +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.js +12 -5
- package/dist/components/TableChat/components/TextEditor/EditorToolbar.js +1 -1
- package/dist/components/TableChat/components/TextEditor/Mention.d.ts.map +1 -1
- package/dist/components/TableChat/components/TextEditor/Mention.js +2 -7
- package/dist/components/TableChat/components/TextEditor/MentionList.js +1 -1
- package/dist/components/TableV36/AdvanceSearchModalItem.d.ts.map +1 -1
- package/dist/components/TableV36/AdvanceSortModal.d.ts.map +1 -1
- package/dist/components/TableV36/AdvanceSortModal.js +42 -48
- package/dist/components/TableV36/AgGridHeader.d.ts.map +1 -1
- package/dist/components/TableV36/AgGridHeader.js +21 -11
- package/dist/components/TableV36/CommentsPortal.d.ts.map +1 -1
- package/dist/components/TableV36/CommentsPortal.js +7 -4
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +1 -1
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.js +0 -3
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +1 -1
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +5 -0
- package/dist/components/TableV36/NoComments.js +1 -1
- package/dist/components/TableV36/Table.types.d.ts +2 -2
- package/dist/components/TableV36/Table.types.d.ts.map +1 -1
- package/dist/components/TableV36/TableSkeletonCell.d.ts.map +1 -1
- package/dist/components/TableV36/TableSkeletonCell.js +3 -15
- package/dist/components/TableV36/index.d.ts.map +1 -1
- package/dist/components/TableV36/index.js +31 -112
- package/dist/components/TableV36/tableFunctions.d.ts.map +1 -1
- package/dist/components/TableV36/tableFunctions.js +37 -26
- package/dist/components/TableV36/tableHeader.d.ts +2 -6
- package/dist/components/TableV36/tableHeader.d.ts.map +1 -1
- package/dist/components/TableV36/tableHeader.js +9 -13
- package/dist/components/TableV36/tableMoreOptions.d.ts +1 -3
- package/dist/components/TableV36/tableMoreOptions.d.ts.map +1 -1
- package/dist/components/TableV36/tableMoreOptions.js +37 -44
- package/dist/components/TableV36/tablePagination.d.ts.map +1 -1
- package/dist/components/TableV36/tablePagination.js +1 -4
- package/dist/components/TableV36/tableSettings.d.ts.map +1 -1
- package/dist/components/TableV36/tableSettings.js +8 -9
- package/dist/components/TableV36/withCommentIcon.d.ts.map +1 -1
- package/dist/components/TableV36/withCommentIcon.js +13 -5
- package/dist/components/Tabs/index.js +1 -1
- package/dist/components/Tag/index.js +1 -1
- package/dist/components/TextArea/index.js +3 -3
- package/dist/components/ThemingPanel/AccentColorSection.d.ts +11 -0
- package/dist/components/ThemingPanel/AccentColorSection.d.ts.map +1 -0
- package/dist/components/ThemingPanel/AccentColorSection.js +43 -0
- package/dist/components/ThemingPanel/EnhanceContrastSection.d.ts +11 -0
- package/dist/components/ThemingPanel/EnhanceContrastSection.d.ts.map +1 -0
- package/dist/components/ThemingPanel/EnhanceContrastSection.js +42 -0
- package/dist/components/ThemingPanel/InterfaceThemeSection.d.ts +13 -0
- package/dist/components/ThemingPanel/InterfaceThemeSection.d.ts.map +1 -0
- package/dist/components/ThemingPanel/InterfaceThemeSection.js +118 -0
- package/dist/components/ThemingPanel/StylesSection.d.ts +11 -0
- package/dist/components/ThemingPanel/StylesSection.d.ts.map +1 -0
- package/dist/components/ThemingPanel/StylesSection.js +43 -0
- package/dist/components/ThemingPanel/ThemesTab.d.ts +18 -0
- package/dist/components/ThemingPanel/ThemesTab.d.ts.map +1 -0
- package/dist/components/ThemingPanel/ThemesTab.js +33 -0
- package/dist/components/ThemingPanel/ThemingPanel.d.ts +10 -0
- package/dist/components/ThemingPanel/ThemingPanel.d.ts.map +1 -0
- package/dist/components/ThemingPanel/ThemingPanel.js +178 -0
- package/dist/components/ThemingPanel/ThemingPanel.types.d.ts +21 -0
- package/dist/components/ThemingPanel/ThemingPanel.types.d.ts.map +1 -0
- package/dist/components/ThemingPanel/index.d.ts +9 -0
- package/dist/components/ThemingPanel/index.d.ts.map +1 -0
- package/dist/components/ThemingPanel/themingPanel.constants.d.ts +23 -0
- package/dist/components/ThemingPanel/themingPanel.constants.d.ts.map +1 -0
- package/dist/components/ThemingPanel/themingPanel.constants.js +44 -0
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/components/common/HelperText/index.js +1 -1
- package/dist/components/common/MentionEditor/MentionList/index.js +1 -1
- package/dist/components/common/MentionEditor/index.js +1 -1
- package/dist/components/index.d.ts +8 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +42 -0
- package/dist/components/shared/tableColumnSettings/columnsTabV36.d.ts.map +1 -1
- package/dist/components/shared/tableColumnSettings/tableSettingsV36.d.ts.map +1 -1
- package/dist/locales/de-DE.json.d.ts +40 -0
- package/dist/locales/de-DE.json.js +40 -0
- package/dist/locales/en-US.json.d.ts +40 -0
- package/dist/locales/en-US.json.js +40 -0
- package/dist/locales/es-ES.json.d.ts +40 -0
- package/dist/locales/es-ES.json.js +40 -0
- package/dist/mcp-component-registry.json +143 -76
- package/dist/node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js +4 -4
- package/dist/node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js +2 -1
- package/dist/node_modules/@emotion/react/dist/emotion-react.browser.esm.js +2 -0
- package/dist/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js +1 -1
- package/dist/node_modules/@impactsmartsuite/impact-icons/dist/index.js +448 -335
- package/dist/node_modules/@mui/base/TextareaAutosize/TextareaAutosize.js +21 -15
- package/dist/node_modules/@mui/icons-material/Add.js +2 -3
- package/dist/node_modules/@mui/icons-material/AttachFile.js +2 -3
- package/dist/node_modules/@mui/icons-material/AutoFixHigh.js +2 -3
- package/dist/node_modules/@mui/icons-material/Block.js +2 -3
- package/dist/node_modules/@mui/icons-material/BookmarkBorderOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/Brush.js +2 -3
- package/dist/node_modules/@mui/icons-material/Cancel.js +2 -3
- package/dist/node_modules/@mui/icons-material/CheckCircle.js +2 -3
- package/dist/node_modules/@mui/icons-material/ChevronLeft.js +1 -2
- package/dist/node_modules/@mui/icons-material/ChevronLeftOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/ChevronRight.js +1 -2
- package/dist/node_modules/@mui/icons-material/ChevronRightOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/Clear.js +1 -2
- package/dist/node_modules/@mui/icons-material/Close.js +1 -2
- package/dist/node_modules/@mui/icons-material/CloseOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/CloseRounded.js +2 -3
- package/dist/node_modules/@mui/icons-material/DeleteOutlineOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/DeleteOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/DragIndicator.js +2 -3
- package/dist/node_modules/@mui/icons-material/ErrorOutline.js +2 -3
- package/dist/node_modules/@mui/icons-material/ExpandLess.js +1 -2
- package/dist/node_modules/@mui/icons-material/ExpandLessOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/ExpandMore.js +1 -2
- package/dist/node_modules/@mui/icons-material/ExpandMoreOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/FileDownloadOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/FilterAltOffOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/FilterAltOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/FilterList.js +2 -3
- package/dist/node_modules/@mui/icons-material/FilterListOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/FormatBold.js +2 -3
- package/dist/node_modules/@mui/icons-material/FormatColorTextOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/FormatItalic.js +1 -2
- package/dist/node_modules/@mui/icons-material/FormatListBulleted.js +2 -3
- package/dist/node_modules/@mui/icons-material/FormatListNumbered.js +2 -3
- package/dist/node_modules/@mui/icons-material/Image.js +2 -3
- package/dist/node_modules/@mui/icons-material/Info.js +2 -3
- package/dist/node_modules/@mui/icons-material/InfoOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/InsertEmoticon.js +2 -3
- package/dist/node_modules/@mui/icons-material/KeyboardArrowDown.js +2 -3
- package/dist/node_modules/@mui/icons-material/KeyboardArrowDownOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/KeyboardArrowLeft.js +2 -3
- package/dist/node_modules/@mui/icons-material/KeyboardArrowRight.js +2 -3
- package/dist/node_modules/@mui/icons-material/KeyboardArrowRightOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/KeyboardArrowUp.js +1 -2
- package/dist/node_modules/@mui/icons-material/KeyboardRounded.js +2 -3
- package/dist/node_modules/@mui/icons-material/Link.js +2 -3
- package/dist/node_modules/@mui/icons-material/Looks3.js +2 -3
- package/dist/node_modules/@mui/icons-material/Looks4.js +2 -3
- package/dist/node_modules/@mui/icons-material/Looks5.js +2 -3
- package/dist/node_modules/@mui/icons-material/Looks6.js +2 -3
- package/dist/node_modules/@mui/icons-material/LooksOne.js +2 -3
- package/dist/node_modules/@mui/icons-material/LooksTwo.js +2 -3
- package/dist/node_modules/@mui/icons-material/MoreHoriz.js +2 -3
- package/dist/node_modules/@mui/icons-material/MoreHorizOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/MoreVert.js +2 -3
- package/dist/node_modules/@mui/icons-material/North.js +2 -3
- package/dist/node_modules/@mui/icons-material/NotificationsOff.js +2 -3
- package/dist/node_modules/@mui/icons-material/PaletteOutlined.js +33 -0
- package/dist/node_modules/@mui/icons-material/RemoveRounded.js +2 -3
- package/dist/node_modules/@mui/icons-material/SaveOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/Search.js +2 -3
- package/dist/node_modules/@mui/icons-material/SearchOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/SettingsOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/StrikethroughS.js +2 -3
- package/dist/node_modules/@mui/icons-material/TableChartOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/Tune.js +2 -3
- package/dist/node_modules/@mui/icons-material/ViewColumnOutlined.js +2 -3
- package/dist/node_modules/@mui/icons-material/Warning.js +2 -3
- package/dist/node_modules/@mui/icons-material/esm/AddOutlined.js +1 -1
- package/dist/node_modules/@mui/icons-material/esm/DragIndicator.js +1 -1
- package/dist/node_modules/@mui/icons-material/esm/FileDownload.js +1 -1
- package/dist/node_modules/@mui/icons-material/esm/HighlightOff.js +1 -1
- package/dist/node_modules/@mui/icons-material/esm/KeyboardArrowDown.js +1 -1
- package/dist/node_modules/@mui/icons-material/esm/Replay.js +1 -1
- package/dist/node_modules/@mui/material/Accordion/Accordion.js +82 -43
- package/dist/node_modules/@mui/material/Accordion/accordionClasses.js +2 -2
- package/dist/node_modules/@mui/material/AccordionDetails/AccordionDetails.js +8 -8
- package/dist/node_modules/@mui/material/AccordionDetails/accordionDetailsClasses.js +2 -2
- package/dist/node_modules/@mui/material/AccordionSummary/AccordionSummary.js +35 -29
- package/dist/node_modules/@mui/material/AccordionSummary/accordionSummaryClasses.js +2 -2
- package/dist/node_modules/@mui/material/Alert/Alert.js +88 -66
- package/dist/node_modules/@mui/material/Alert/alertClasses.js +3 -3
- package/dist/node_modules/@mui/material/AlertTitle/AlertTitle.js +8 -8
- package/dist/node_modules/@mui/material/AlertTitle/alertTitleClasses.js +2 -2
- package/dist/node_modules/@mui/material/Avatar/Avatar.js +76 -31
- package/dist/node_modules/@mui/material/Avatar/avatarClasses.js +2 -2
- package/dist/node_modules/@mui/material/Backdrop/Backdrop.js +7 -7
- package/dist/node_modules/@mui/material/Backdrop/backdropClasses.js +2 -2
- package/dist/node_modules/@mui/material/Badge/Badge.js +178 -117
- package/dist/node_modules/@mui/material/Badge/badgeClasses.js +2 -2
- package/dist/node_modules/@mui/material/{node_modules/@mui/base/useBadge → Badge}/useBadge.js +2 -2
- package/dist/node_modules/@mui/material/Box/Box.js +7 -6
- package/dist/node_modules/@mui/material/Box/boxClasses.js +5 -0
- package/dist/node_modules/@mui/material/Breadcrumbs/BreadcrumbCollapsed.js +6 -4
- package/dist/node_modules/@mui/material/Breadcrumbs/Breadcrumbs.js +10 -10
- package/dist/node_modules/@mui/material/Breadcrumbs/breadcrumbsClasses.js +2 -2
- package/dist/node_modules/@mui/material/Button/Button.js +24 -20
- package/dist/node_modules/@mui/material/Button/buttonClasses.js +3 -3
- package/dist/node_modules/@mui/material/ButtonBase/ButtonBase.js +12 -12
- package/dist/node_modules/@mui/material/ButtonBase/Ripple.js +0 -1
- package/dist/node_modules/@mui/material/ButtonBase/TouchRipple.js +10 -17
- package/dist/node_modules/@mui/material/ButtonBase/buttonBaseClasses.js +2 -2
- package/dist/node_modules/@mui/material/ButtonBase/touchRippleClasses.js +1 -1
- package/dist/node_modules/@mui/material/ButtonGroup/ButtonGroupButtonContext.js +8 -0
- package/dist/node_modules/@mui/material/Card/Card.js +8 -8
- package/dist/node_modules/@mui/material/Card/cardClasses.js +2 -2
- package/dist/node_modules/@mui/material/Checkbox/Checkbox.js +15 -14
- package/dist/node_modules/@mui/material/Checkbox/checkboxClasses.js +2 -2
- package/dist/node_modules/@mui/material/Chip/Chip.js +30 -22
- package/dist/node_modules/@mui/material/Chip/chipClasses.js +2 -2
- package/dist/node_modules/@mui/material/CircularProgress/CircularProgress.js +11 -11
- package/dist/node_modules/@mui/material/CircularProgress/circularProgressClasses.js +2 -2
- package/dist/node_modules/@mui/material/{node_modules/@mui/base/ClickAwayListener → ClickAwayListener}/ClickAwayListener.js +12 -15
- package/dist/node_modules/@mui/material/Collapse/Collapse.js +16 -18
- package/dist/node_modules/@mui/material/Collapse/collapseClasses.js +2 -2
- package/dist/node_modules/@mui/material/DefaultPropsProvider/DefaultPropsProvider.js +25 -0
- package/dist/node_modules/@mui/material/Dialog/Dialog.js +20 -12
- package/dist/node_modules/@mui/material/Dialog/dialogClasses.js +2 -2
- package/dist/node_modules/@mui/material/DialogActions/DialogActions.js +8 -8
- package/dist/node_modules/@mui/material/DialogActions/dialogActionsClasses.js +2 -2
- package/dist/node_modules/@mui/material/DialogContent/DialogContent.js +7 -7
- package/dist/node_modules/@mui/material/DialogContent/dialogContentClasses.js +2 -2
- package/dist/node_modules/@mui/material/DialogContentText/DialogContentText.js +9 -8
- package/dist/node_modules/@mui/material/DialogContentText/dialogContentTextClasses.js +2 -2
- package/dist/node_modules/@mui/material/DialogTitle/DialogTitle.js +7 -7
- package/dist/node_modules/@mui/material/DialogTitle/dialogTitleClasses.js +2 -2
- package/dist/node_modules/@mui/material/Divider/dividerClasses.js +1 -1
- package/dist/node_modules/@mui/material/Drawer/Drawer.js +22 -13
- package/dist/node_modules/@mui/material/Drawer/drawerClasses.js +2 -2
- package/dist/node_modules/@mui/material/Fade/Fade.js +8 -7
- package/dist/node_modules/@mui/material/FormControl/FormControl.js +10 -10
- package/dist/node_modules/@mui/material/FormControl/formControlClasses.js +2 -2
- package/dist/node_modules/@mui/material/FormControlLabel/FormControlLabel.js +10 -11
- package/dist/node_modules/@mui/material/FormControlLabel/formControlLabelClasses.js +2 -2
- package/dist/node_modules/@mui/material/FormGroup/FormGroup.js +7 -7
- package/dist/node_modules/@mui/material/FormGroup/formGroupClasses.js +2 -2
- package/dist/node_modules/@mui/material/FormHelperText/FormHelperText.js +8 -8
- package/dist/node_modules/@mui/material/FormHelperText/formHelperTextClasses.js +2 -2
- package/dist/node_modules/@mui/material/GlobalStyles/GlobalStyles.js +4 -4
- package/dist/node_modules/@mui/material/Grow/Grow.js +11 -14
- package/dist/node_modules/@mui/material/IconButton/IconButton.js +15 -15
- package/dist/node_modules/@mui/material/IconButton/iconButtonClasses.js +2 -2
- package/dist/node_modules/@mui/material/InputBase/InputBase.js +18 -18
- package/dist/node_modules/@mui/material/InputBase/inputBaseClasses.js +2 -2
- package/dist/node_modules/@mui/material/LinearProgress/LinearProgress.js +15 -15
- package/dist/node_modules/@mui/material/LinearProgress/linearProgressClasses.js +2 -2
- package/dist/node_modules/@mui/material/Link/Link.js +11 -11
- package/dist/node_modules/@mui/material/Link/getTextDecoration.js +2 -2
- package/dist/node_modules/@mui/material/Link/linkClasses.js +2 -2
- package/dist/node_modules/@mui/material/List/List.js +7 -7
- package/dist/node_modules/@mui/material/List/listClasses.js +2 -2
- package/dist/node_modules/@mui/material/ListItemIcon/ListItemIcon.js +7 -7
- package/dist/node_modules/@mui/material/ListItemIcon/listItemIconClasses.js +2 -2
- package/dist/node_modules/@mui/material/ListItemText/listItemTextClasses.js +1 -1
- package/dist/node_modules/@mui/material/Menu/Menu.js +18 -16
- package/dist/node_modules/@mui/material/Menu/menuClasses.js +2 -2
- package/dist/node_modules/@mui/material/MenuItem/MenuItem.js +16 -15
- package/dist/node_modules/@mui/material/MenuItem/menuItemClasses.js +2 -2
- package/dist/node_modules/@mui/material/MenuList/MenuList.js +13 -11
- package/dist/node_modules/@mui/material/Modal/Modal.js +107 -46
- package/dist/node_modules/@mui/material/{node_modules/@mui/base/unstable_useModal → Modal}/ModalManager.js +3 -3
- package/dist/node_modules/@mui/material/Modal/modalClasses.js +9 -0
- package/dist/node_modules/@mui/material/{node_modules/@mui/base/unstable_useModal → Modal}/useModal.js +12 -11
- package/dist/node_modules/@mui/material/OutlinedInput/NotchedOutline.js +9 -3
- package/dist/node_modules/@mui/material/OutlinedInput/OutlinedInput.js +11 -10
- package/dist/node_modules/@mui/material/OutlinedInput/outlinedInputClasses.js +2 -2
- package/dist/node_modules/@mui/material/Paper/Paper.js +11 -11
- package/dist/node_modules/@mui/material/Paper/paperClasses.js +2 -2
- package/dist/node_modules/@mui/material/Popover/Popover.js +39 -25
- package/dist/node_modules/@mui/material/Popover/popoverClasses.js +2 -2
- package/dist/node_modules/@mui/material/{node_modules/@mui/base/Popper/Popper.js → Popper/BasePopper.js} +24 -19
- package/dist/node_modules/@mui/material/Popper/Popper.js +14 -11
- package/dist/node_modules/@mui/material/Popper/popperClasses.js +9 -0
- package/dist/node_modules/@mui/material/{node_modules/@mui/base/Portal → Portal}/Portal.js +16 -12
- package/dist/node_modules/@mui/material/Radio/Radio.js +19 -17
- package/dist/node_modules/@mui/material/Radio/RadioButtonIcon.js +11 -4
- package/dist/node_modules/@mui/material/Radio/radioClasses.js +3 -3
- package/dist/node_modules/@mui/material/RadioGroup/RadioGroup.js +30 -9
- package/dist/node_modules/@mui/material/RadioGroup/radioGroupClasses.js +9 -0
- package/dist/node_modules/@mui/material/Skeleton/Skeleton.js +9 -9
- package/dist/node_modules/@mui/material/Skeleton/skeletonClasses.js +2 -2
- package/dist/node_modules/@mui/material/Slide/Slide.js +12 -11
- package/dist/node_modules/@mui/material/Slider/Slider.js +434 -320
- package/dist/node_modules/@mui/material/Slider/sliderClasses.js +3 -3
- package/dist/node_modules/@mui/material/{node_modules/@mui/base/useSlider → Slider}/useSlider.js +86 -60
- package/dist/node_modules/@mui/material/Snackbar/Snackbar.js +18 -18
- package/dist/node_modules/@mui/material/Snackbar/snackbarClasses.js +2 -2
- package/dist/node_modules/@mui/material/{node_modules/@mui/base/useSnackbar → Snackbar}/useSnackbar.js +22 -27
- package/dist/node_modules/@mui/material/SnackbarContent/SnackbarContent.js +9 -9
- package/dist/node_modules/@mui/material/SnackbarContent/snackbarContentClasses.js +2 -2
- package/dist/node_modules/@mui/material/Stack/Stack.js +6 -6
- package/dist/node_modules/@mui/material/Step/Step.js +8 -8
- package/dist/node_modules/@mui/material/Step/stepClasses.js +2 -2
- package/dist/node_modules/@mui/material/StepConnector/StepConnector.js +8 -8
- package/dist/node_modules/@mui/material/StepConnector/stepConnectorClasses.js +2 -2
- package/dist/node_modules/@mui/material/StepIcon/StepIcon.js +7 -7
- package/dist/node_modules/@mui/material/StepIcon/stepIconClasses.js +2 -2
- package/dist/node_modules/@mui/material/StepLabel/StepLabel.js +7 -7
- package/dist/node_modules/@mui/material/StepLabel/stepLabelClasses.js +2 -2
- package/dist/node_modules/@mui/material/Stepper/Stepper.js +12 -10
- package/dist/node_modules/@mui/material/Stepper/stepperClasses.js +3 -3
- package/dist/node_modules/@mui/material/SvgIcon/SvgIcon.js +10 -10
- package/dist/node_modules/@mui/material/SvgIcon/svgIconClasses.js +2 -2
- package/dist/node_modules/@mui/material/Switch/Switch.js +71 -52
- package/dist/node_modules/@mui/material/Switch/switchClasses.js +2 -2
- package/dist/node_modules/@mui/material/Tab/Tab.js +12 -10
- package/dist/node_modules/@mui/material/Tab/tabClasses.js +2 -2
- package/dist/node_modules/@mui/material/TabScrollButton/TabScrollButton.js +10 -11
- package/dist/node_modules/@mui/material/TabScrollButton/tabScrollButtonClasses.js +2 -2
- package/dist/node_modules/@mui/material/Tabs/ScrollbarSize.js +6 -5
- package/dist/node_modules/@mui/material/Tabs/Tabs.js +46 -27
- package/dist/node_modules/@mui/material/Tabs/tabsClasses.js +2 -2
- package/dist/node_modules/@mui/material/TextareaAutosize/TextareaAutosize.js +216 -0
- package/dist/node_modules/@mui/material/ToggleButton/ToggleButton.js +25 -13
- package/dist/node_modules/@mui/material/ToggleButton/toggleButtonClasses.js +3 -3
- package/dist/node_modules/@mui/material/ToggleButtonGroup/ToggleButtonGroup.js +94 -52
- package/dist/node_modules/@mui/material/ToggleButtonGroup/ToggleButtonGroupButtonContext.js +8 -0
- package/dist/node_modules/@mui/material/ToggleButtonGroup/ToggleButtonGroupContext.js +8 -0
- package/dist/node_modules/@mui/material/ToggleButtonGroup/toggleButtonGroupClasses.js +3 -3
- package/dist/node_modules/@mui/material/Tooltip/Tooltip.js +61 -71
- package/dist/node_modules/@mui/material/Tooltip/tooltipClasses.js +2 -2
- package/dist/node_modules/@mui/material/Typography/Typography.js +8 -8
- package/dist/node_modules/@mui/material/Typography/typographyClasses.js +2 -2
- package/dist/node_modules/@mui/material/{node_modules/@mui/base/FocusTrap → Unstable_TrapFocus}/FocusTrap.js +56 -53
- package/dist/node_modules/@mui/material/internal/SwitchBase.js +12 -7
- package/dist/node_modules/@mui/material/internal/switchBaseClasses.js +2 -2
- package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/appendOwnerState}/appendOwnerState.js +2 -2
- package/dist/node_modules/@mui/material/node_modules/@mui/utils/esm/clamp/clamp.js +6 -0
- package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/deepmerge/deepmerge.js +6 -5
- package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/elementAcceptingRef/elementAcceptingRef.js +1 -1
- package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/elementTypeAcceptingRef/elementTypeAcceptingRef.js +1 -1
- package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/extractEventHandlers}/extractEventHandlers.js +1 -1
- package/dist/node_modules/@mui/material/node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js +11 -0
- package/dist/node_modules/@mui/material/node_modules/@mui/utils/esm/getValidReactChildren/getValidReactChildren.js +7 -0
- package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/isHostComponent}/isHostComponent.js +1 -1
- package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/mergeSlotProps}/mergeSlotProps.js +5 -5
- package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/omitEventHandlers}/omitEventHandlers.js +1 -1
- package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/refType/refType.js +1 -1
- package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/resolveComponentProps}/resolveComponentProps.js +1 -1
- package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/useControlled/useControlled.js +1 -1
- package/dist/node_modules/@mui/material/node_modules/@mui/utils/esm/useLazyRef/useLazyRef.js +12 -0
- package/dist/node_modules/@mui/material/node_modules/@mui/utils/esm/useOnMount/useOnMount.js +8 -0
- package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/useSlotProps}/useSlotProps.js +5 -5
- package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/useTimeout/useTimeout.js +9 -1
- package/dist/node_modules/@mui/material/styles/ThemeProvider.js +43 -0
- package/dist/node_modules/@mui/material/styles/createPalette.js +7 -7
- package/dist/node_modules/@mui/material/styles/createTheme.js +6 -4
- package/dist/node_modules/@mui/material/styles/createTypography.js +1 -1
- package/dist/node_modules/@mui/material/styles/rootShouldForwardProp.js +5 -0
- package/dist/node_modules/@mui/material/styles/slotShouldForwardProp.js +6 -0
- package/dist/node_modules/@mui/material/styles/styled.js +4 -6
- package/dist/node_modules/@mui/material/{node_modules/@mui/base/utils → utils}/areArraysEqual.js +1 -1
- package/dist/node_modules/@mui/material/utils/capitalize.js +1 -1
- package/dist/node_modules/@mui/material/utils/createChainedFunction.js +1 -1
- package/dist/node_modules/@mui/material/utils/debounce.js +1 -1
- package/dist/node_modules/@mui/material/utils/deprecatedPropType.js +1 -1
- package/dist/node_modules/@mui/material/utils/getScrollbarSize.js +1 -1
- package/dist/node_modules/@mui/material/utils/index.js +17 -17
- package/dist/node_modules/@mui/material/utils/isMuiElement.js +1 -1
- package/dist/node_modules/@mui/material/utils/ownerDocument.js +1 -1
- package/dist/node_modules/@mui/material/utils/ownerWindow.js +1 -1
- package/dist/node_modules/@mui/material/utils/requirePropFactory.js +1 -1
- package/dist/node_modules/@mui/material/utils/setRef.js +1 -1
- package/dist/node_modules/@mui/material/utils/shouldSpreadAdditionalProps.js +1 -1
- package/dist/node_modules/@mui/material/utils/unsupportedProp.js +1 -1
- package/dist/node_modules/@mui/material/utils/useControlled.js +1 -1
- package/dist/node_modules/@mui/material/utils/useEnhancedEffect.js +1 -1
- package/dist/node_modules/@mui/material/utils/useEventCallback.js +1 -1
- package/dist/node_modules/@mui/material/utils/useForkRef.js +1 -1
- package/dist/node_modules/@mui/material/utils/useId.js +1 -1
- package/dist/node_modules/@mui/material/utils/useIsFocusVisible.js +1 -1
- package/dist/node_modules/@mui/material/utils/useSlot.js +55 -0
- package/dist/node_modules/@mui/private-theming/ThemeProvider/ThemeProvider.js +59 -0
- package/dist/node_modules/@mui/private-theming/ThemeProvider/nested.js +5 -0
- package/dist/node_modules/@mui/private-theming/node_modules/@mui/utils/esm/exactProp/exactProp.js +19 -0
- package/dist/node_modules/@mui/private-theming/useTheme/ThemeContext.js +8 -0
- package/dist/node_modules/@mui/private-theming/useTheme/useTheme.js +12 -0
- package/dist/node_modules/@mui/styled-engine/StyledEngineProvider/StyledEngineProvider.js +65 -0
- package/dist/node_modules/@mui/styled-engine/index.js +18 -2
- package/dist/node_modules/@mui/system/colorManipulator.js +271 -0
- package/dist/node_modules/@mui/system/createStyled.js +265 -0
- package/dist/node_modules/@mui/system/esm/DefaultPropsProvider/DefaultPropsProvider.js +63 -0
- package/dist/node_modules/@mui/system/esm/GlobalStyles/GlobalStyles.js +29 -5
- package/dist/node_modules/@mui/system/esm/RtlProvider/index.js +27 -0
- package/dist/node_modules/@mui/system/esm/Stack/createStack.js +3 -3
- package/dist/node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js +86 -0
- package/dist/node_modules/@mui/system/esm/ThemeProvider/useLayerOrder.js +50 -0
- package/dist/node_modules/@mui/system/esm/borders.js +23 -47
- package/dist/node_modules/@mui/system/esm/breakpoints.js +1 -1
- package/dist/node_modules/@mui/system/esm/colorManipulator.js +5 -78
- package/dist/node_modules/@mui/system/esm/createStyled.js +92 -79
- package/dist/node_modules/@mui/system/esm/createTheme/applyStyles.js +16 -0
- package/dist/node_modules/@mui/system/esm/createTheme/createTheme.js +3 -1
- package/dist/node_modules/@mui/system/esm/createTheme/index.js +8 -0
- package/dist/node_modules/@mui/system/esm/merge.js +1 -1
- package/dist/node_modules/@mui/system/esm/sizing.js +12 -2
- package/dist/node_modules/@mui/system/esm/style.js +1 -1
- package/dist/node_modules/@mui/system/esm/styleFunctionSx/defaultSxConfig.js +7 -0
- package/dist/node_modules/@mui/system/esm/styleFunctionSx/extendSxProp.js +1 -1
- package/dist/node_modules/@mui/system/esm/styleFunctionSx/index.js +9 -0
- package/dist/node_modules/@mui/system/esm/styleFunctionSx/styleFunctionSx.js +10 -3
- package/dist/node_modules/@mui/system/esm/useThemeProps/getThemeProps.js +1 -1
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/ClassNameGenerator/ClassNameGenerator.js +19 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/capitalize/capitalize.js +10 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/capitalize/index.js +4 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/clamp.js +6 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js +4 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/composeClasses/composeClasses.js +25 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/deepmerge/deepmerge.js +43 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/deepmerge/index.js +5 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/exactProp/exactProp.js +19 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js +10 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js +4 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js +23 -0
- package/dist/node_modules/@mui/{utils → system/node_modules/@mui/utils/esm}/getDisplayName/getDisplayName.js +1 -1
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/getDisplayName/index.js +5 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/resolveProps/resolveProps.js +29 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js +5 -0
- package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/useId/useId.js +24 -0
- package/dist/node_modules/@mui/system/useThemeWithoutDefault.js +39 -0
- package/dist/node_modules/@mui/utils/esm/debounce/debounce.js +17 -0
- package/dist/node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js +6 -0
- package/dist/node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js +8 -0
- package/dist/node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js +5 -0
- package/dist/node_modules/@mui/utils/esm/useForkRef/useForkRef.js +42 -0
- package/dist/node_modules/call-bind/index.js +1 -1
- package/dist/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js +2 -2
- package/dist/node_modules/{@mui/material → hoist-non-react-statics}/node_modules/react-is/cjs/react-is.development.js +32 -60
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js +106 -0
- package/dist/node_modules/{@mui/material → hoist-non-react-statics}/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/is-symbol/index.js +1 -1
- package/dist/node_modules/moment/dist/locale/de.js +21 -1
- package/dist/node_modules/moment/dist/moment.js +975 -747
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.js +1 -1
- package/dist/node_modules/prop-types/index.js +1 -1
- package/dist/node_modules/{@mui/utils → prop-types}/node_modules/react-is/cjs/react-is.development.js +32 -60
- package/dist/node_modules/{react-is → prop-types/node_modules/react-is}/cjs/react-is.production.min.js +1 -1
- package/dist/node_modules/prop-types/node_modules/react-is/index.js +17 -0
- package/dist/node_modules/react-is/cjs/react-is.development.js +88 -148
- package/dist/node_modules/react-is/cjs/react-is.production.js +103 -0
- package/dist/node_modules/react-is/index.js +8 -13
- package/dist/node_modules/react-with-styles-interface-css/dist/index.js +1 -1
- package/dist/node_modules/stylis/src/Parser.js +1 -1
- package/dist/node_modules/stylis/src/Tokenizer.js +1 -1
- package/dist/stories/designTokensStoryHelpers.d.ts +2 -0
- package/dist/stories/designTokensStoryHelpers.d.ts.map +1 -0
- package/dist/stories/tableV36ChatApiMock.d.ts +10 -29
- package/dist/stories/tableV36ChatApiMock.d.ts.map +1 -1
- package/dist/storybook-utils/rootAttributes.d.ts +1 -1
- package/dist/storybook-utils/rootAttributes.d.ts.map +1 -1
- package/dist/styles/style.css +1 -1
- package/dist/styles/tokens/effects.generated.d.ts +59 -0
- package/dist/styles/tokens/effects.generated.d.ts.map +1 -0
- package/dist/styles/tokens/effects.generated.js +79 -0
- package/dist/styles/tokens/tokens.generated.d.ts +428 -0
- package/dist/styles/tokens/tokens.generated.d.ts.map +1 -0
- package/dist/styles/tokens/tokens.generated.js +421 -0
- package/dist/tokens/ImpactUiAppProviders.d.ts +18 -0
- package/dist/tokens/ImpactUiAppProviders.d.ts.map +1 -0
- package/dist/tokens/ImpactUiAppProviders.js +22 -0
- package/dist/tokens/ImpactUiThemeProvider.d.ts +17 -0
- package/dist/tokens/ImpactUiThemeProvider.d.ts.map +1 -0
- package/dist/tokens/ImpactUiThemeProvider.js +68 -0
- package/dist/tokens/createImpactUiMuiTheme.d.ts +13 -0
- package/dist/tokens/createImpactUiMuiTheme.d.ts.map +1 -0
- package/dist/tokens/createImpactUiMuiTheme.js +112 -0
- package/dist/tokens/index.d.ts +16 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/theme.types.d.ts +18 -0
- package/dist/tokens/theme.types.d.ts.map +1 -0
- package/dist/tokens/themeDom.d.ts +30 -0
- package/dist/tokens/themeDom.d.ts.map +1 -0
- package/dist/tokens/themeDom.js +138 -0
- package/dist/tokens/useImpactUiTheme.d.ts +9 -0
- package/dist/tokens/useImpactUiTheme.d.ts.map +1 -0
- package/dist/tokens/useImpactUiTheme.js +43 -0
- package/package.json +11 -3
- package/dist/_virtual/react-is3.production.min.js +0 -4
- package/dist/components/TableV36/TableV36PortalContext.d.ts +0 -6
- package/dist/components/TableV36/TableV36PortalContext.d.ts.map +0 -1
- package/dist/components/TableV36/TableV36PortalContext.js +0 -10
- package/dist/node_modules/@mui/material/node_modules/@mui/base/Modal/Modal.js +0 -250
- package/dist/node_modules/@mui/material/node_modules/@mui/base/Modal/modalClasses.js +0 -9
- package/dist/node_modules/@mui/material/node_modules/@mui/base/Popper/popperClasses.js +0 -9
- package/dist/node_modules/@mui/material/node_modules/@mui/base/TextareaAutosize/TextareaAutosize.js +0 -226
- package/dist/node_modules/@mui/material/node_modules/@mui/base/utils/ClassNameConfigurator.js +0 -20
- package/dist/node_modules/@mui/material/node_modules/react-is/cjs/react-is.production.min.js +0 -109
- package/dist/node_modules/@mui/material/styles/useThemeProps.js +0 -17
- package/dist/node_modules/@mui/system/esm/propsToClassKey.js +0 -23
- package/dist/node_modules/@mui/utils/node_modules/react-is/cjs/react-is.production.min.js +0 -109
- package/dist/node_modules/@mui/utils/node_modules/react-is/index.js +0 -12
- /package/dist/node_modules/@emotion/{serialize/node_modules/@emotion/unitless → unitless}/dist/emotion-unitless.esm.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/ClassNameGenerator/ClassNameGenerator.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/HTMLElementType/HTMLElementType.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/capitalize/capitalize.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/chainPropTypes/chainPropTypes.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/composeClasses/composeClasses.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/createChainedFunction/createChainedFunction.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/debounce/debounce.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/deprecatedPropType/deprecatedPropType.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/exactProp/exactProp.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/formatMuiErrorMessage/formatMuiErrorMessage.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/generateUtilityClass/generateUtilityClass.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/generateUtilityClasses/generateUtilityClasses.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/getScrollbarSize/getScrollbarSize.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/integerPropType/integerPropType.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/isMuiElement/isMuiElement.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/ownerDocument/ownerDocument.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/ownerWindow/ownerWindow.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/requirePropFactory/requirePropFactory.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/resolveProps/resolveProps.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/scrollLeft/scrollLeft.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/setRef/setRef.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/unsupportedProp/unsupportedProp.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/useEnhancedEffect/useEnhancedEffect.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/useEventCallback/useEventCallback.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/useForkRef/useForkRef.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/useId/useId.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/useIsFocusVisible/useIsFocusVisible.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/usePreviousProps/usePreviousProps.js +0 -0
- /package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/visuallyHidden/visuallyHidden.js +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}@keyframes shortcut-card-enter-1{0%{opacity:0;transform:translateY(20px) rotate(-8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes shortcut-card-enter-2{0%{opacity:0;transform:translateY(20px) rotate(4deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(4deg) scale(1)}}@keyframes shortcut-card-enter-3{0%{opacity:0;transform:translateY(20px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.screen2-container,.screen3-container{display:flex;flex-direction:column;gap:24px}:is(.screen2-container,.screen3-container) .screen-video{height:295px;width:520px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container{align-items:center;background-color:#b3bdf8;border-radius:10px;display:flex;gap:8px;height:72px;justify-content:center;padding:8px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-description{color:#60697d;font-size:16px;font-weight:800;line-height:24px;text-align:center}.shortcut-landing-page{align-items:center;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:40px;position:relative;width:500px}.shortcut-landing-page-content{height:452px;margin:0 auto;max-width:100%;position:relative;width:520px}.shortcut-landing-page-content .shortcut-landing-page-content-item{align-items:flex-start;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;overflow:hidden;padding:24px;position:absolute;width:270px}.shortcut-landing-page-content .shortcut-landing-page-content-item .background-image{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/backgroundFlower.svg) no-repeat;height:100px;left:122px;mix-blend-mode:plus-lighter;opacity:.2;pointer-events:none;position:absolute;top:69px;width:146px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon svg{display:block}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg{color:#26ab1a;height:24px;width:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg{color:#ee42cc}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg{color:#4259ee}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons{align-items:center;display:flex;gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item{align-items:center;background:#fff;border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;max-height:24px;min-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--modifier{border:1px solid #c3c8d4;padding:2px 10px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--letter{border:1px solid #d9dde7;padding:2px 12px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item .content-header-buttons-item-text{color:#1f2b4d;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-plus{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1{background:linear-gradient(180deg,#e8ffe7,#fff);border-left:1px solid #38d331;border-right:1px solid #38d331;border-top:1px solid #38d331;box-shadow:0 -10px 22px #38d33112;left:10px;top:18px;transform:rotate(-8deg);z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{background:linear-gradient(180deg,#ffeef4,#fff);border-left:1px solid #ee42cc;border-right:1px solid #ee42cc;border-top:1px solid #ee42cc;box-shadow:0 -10px 22px #ee42cc12;left:239.64px;top:141.78px;transform:rotate(4deg);z-index:2}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2 .background-image{transform:rotate(9deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{background:linear-gradient(180deg,#eef0ff,#fff);border-left:1px solid #4259ee;border-right:1px solid #4259ee;border-top:1px solid #4259ee;box-shadow:0 -24px 22px #4259ee12;left:1px;top:286.32px;transform:rotate(-1deg);z-index:3}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{display:flex;flex-direction:column;gap:6px;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-1{animation:shortcut-card-enter-1 .4s cubic-bezier(.22,1,.36,1) .2s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-2{animation:shortcut-card-enter-2 .4s cubic-bezier(.22,1,.36,1) .3s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-3{animation:shortcut-card-enter-3 .4s cubic-bezier(.22,1,.36,1) .4s both;will-change:opacity,transform}.tab-items{border-radius:8px}.tab-items,.tab-items .ia-tabContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-items .impact-tab-panel{flex:1;min-height:0;overflow-y:auto}.modal-overlay{-webkit-align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}.modal-overlay,.tutorial-overlay{background-color:#0d152ccc;bottom:0;left:0;position:fixed;right:0;top:0;-webkit-tap-highlight-color:transparent;opacity:1;z-index:9999}.tutorial-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.tutorial-overlay.overlay--hidden{opacity:0;pointer-events:none}.close-icon-container{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0000001f;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.close-icon-container:focus-visible{box-shadow:0 0 4px #0000001f,0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.close-icon-container:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.close-icon-container svg{height:18px;width:18px}.modal-wrapper{border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;left:50%;max-height:620px;min-height:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:9999}.modal-wrapper .close-icon-container{right:-10px;top:-10px}.modal-wrapper .modal-content{background:linear-gradient(300deg,#4259ee -225%,#fff 30%);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:48px;min-height:0;overflow:hidden;padding:16px 16px 0}.modal-wrapper .modal-content .search-bar{height:36px}.modal-wrapper .modal-content .search-bar :is(.impact-input-wrapper,.impact_inputbox_container_with_icons){height:100%;width:100%}.modal-wrapper .modal-content .tab-items .impact-tab-panel{margin-top:8px}.modal-wrapper .modal-content .list-container{display:flex;flex-direction:column;gap:8px}.modal-wrapper .modal-content .list-container .list-item{align-items:center;border-bottom:1px solid #eff2fa;display:flex;justify-content:space-between;padding:0 12px 8px;position:relative}.modal-wrapper .modal-content .list-container .list-item.pointer{cursor:pointer}.modal-wrapper .modal-content .list-container .list-item.pointer:before{background-color:#f5f6fa;bottom:0;content:"";left:-16px;opacity:0;pointer-events:none;position:absolute;right:-16px;top:-8px;z-index:0}.modal-wrapper .modal-content .list-container .list-item.pointer:hover:before{opacity:1}.modal-wrapper .modal-content .list-container .list-item.pointer>*{position:relative;z-index:1}.modal-wrapper .modal-content .list-container .list-item .list-item-content{display:flex;flex-direction:column;gap:2px}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-title{color:#0d152c;font-size:14px;font-weight:500;line-height:21px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-keys{cursor:auto;display:flex;gap:8px}.modal-wrapper .modal-footer{align-items:center;background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #d9dde7;bottom:0;display:flex;height:48px;justify-content:center;left:0;padding:12px 16px;position:absolute;right:0}.modal-wrapper .modal-footer .modal-footer-content-left{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-buttons{align-items:center;display:flex;gap:8px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-seperator{border:1px solid #d9dde7;height:16px;margin:4px;width:0}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.modal-wrapper .modal-footer .modal-footer-content{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-text{color:#60697d;font-family:Manrope;font-size:14px;font-weight:500;line-height:20px}.keycap{align-items:center;background-color:#f8f9fb;border:1px solid #c3c8d4;border-radius:4px;display:flex;height:24px;justify-content:center;min-width:34px;padding:2px 10px}.keycap .keycap-label{color:#1f2b4d;font-family:Inter;font-size:14px;font-weight:500;line-height:20px}@media (prefers-reduced-motion:reduce){.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item{animation:none!important;opacity:1}}.keys{align-items:center;display:flex;gap:8px}.keys .button-outer{background:#000;border-radius:5px;display:flex;height:55px;justify-content:flex-end;position:relative;width:80px}.keys .button-outer:before{bottom:0;left:2px;transform:rotate(-51.34deg);transform-origin:left center;width:9px}.keys .button-outer:after,.keys .button-outer:before{background:#fff;content:"";filter:blur(.5px);height:1px;position:absolute}.keys .button-outer:after{bottom:1px;right:1px;transform:rotate(79deg);transform-origin:right center;width:6px}.keys .button-outer .button-inner{align-items:flex-end;background:linear-gradient(180deg,#404040 10.91%,#222);border:1px solid #404040;border-radius:5px;display:flex;flex-direction:column;height:49px;justify-content:space-between;padding:8px;width:74px}.keys .button-outer .button-inner.windows-key{align-items:flex-start;justify-content:center}.keys .button-outer .button-inner:before{background:#fff;content:"";filter:blur(.5px);height:5px;left:2px;position:absolute;top:1px;transform:rotate(-55.34deg);transform-origin:left top;width:1px}.keys .button-outer .button-inner :is(.key-symbol,.key-text){color:#fff;font-family:SF Compact;font-size:12px;font-weight:400;text-align:right}.keys .button-outer.single-key{height:55px;width:55px}.keys .button-outer.single-key .button-inner{align-items:center;height:49px;justify-content:center;width:49px}.keys .button-outer.single-key .key-text{font-size:27px;text-align:center}.keys.keycombo-section-buttons{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper{align-items:center;border:1px solid #4259eeb3;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;gap:16px;padding:12px;position:fixed;transition:all .8s ease-in-out;width:max-content;z-index:999999}.tutorial-modal-wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#4259ee0f;border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.tutorial-modal-wrapper.tutorial-modal--step-0{left:84px;top:8px}.tutorial-modal-wrapper.tutorial-modal--step-0.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-1{left:84px;top:calc(100% - 5px);transform:translateY(-100%)}.tutorial-modal-wrapper.tutorial-modal--step-1.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-2{right:auto}.tutorial-modal-wrapper.tutorial-modal--three-keys .top-section .top-section-content .top-section-text{max-width:200px;text-align:left}.tutorial-modal-wrapper .tutorial-arrow--left-top{top:17px}.tutorial-modal-wrapper .tutorial-arrow--left,.tutorial-modal-wrapper .tutorial-arrow--left-top{border-bottom:10px solid #0000;border-right:17px solid #4259ee;border-top:10px solid #0000;left:-17px;position:absolute;z-index:1}.tutorial-modal-wrapper .tutorial-arrow--left{top:50%;transform:translateY(-50%)}.tutorial-modal-wrapper .tutorial-arrow--top-right{border-bottom:17px solid #4259ee;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;right:51px;top:-17px;z-index:1}.tutorial-modal-wrapper .top-section{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;gap:16px;padding:8px;position:relative;z-index:1}.tutorial-modal-wrapper .top-section .top-section-content{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper .top-section .top-section-content .loader{display:flex}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container{display:flex;flex-direction:row}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small .ia-loader-inner{height:12px;width:12px}.tutorial-modal-wrapper .top-section .top-section-content .loader .lottie-iframe{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .top-section-text{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px;text-align:center}.tutorial-modal-wrapper .top-section .top-section-buttons{margin-left:auto}.tutorial-modal-wrapper .bottom-section{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;z-index:1}.tutorial-modal-wrapper .bottom-section .bottom-section-text{color:#b3bdf8;cursor:pointer;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.progress-bar,.tutorial-modal-wrapper .bottom-section .bottom-section-progress{align-items:center;display:flex}.progress-bar .progress-line{border-top:4px solid #c3c8d4;height:0;transition:border-color .3s ease;width:76px}.progress-bar .progress-line--active{border-color:#4259ee}.progress-bar .progress-step{align-items:center;background-color:#fff;border:1px solid #7a8294;border-radius:50%;color:#7a8294;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;transition:all .3s ease;width:20px}.progress-bar .progress-step--active{border-color:#4259ee;color:#4259ee}.progress-bar .progress-step--completed{background-color:#4259ee;border-color:#4259ee;color:#fff}.progress-bar .progress-step .step-number{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;text-align:center}.progress-bar .progress-step .step-number--active{color:#4259ee}.all-set-box-wrapper{bottom:24px;left:50%;position:fixed;transform:translate(-50%);z-index:999999}.all-set-box-wrapper .close-icon-container{right:-10px;top:-10px;z-index:9}.all-set-box-wrapper .all-set-box-content{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(132deg,#3bb273 -250.62%,#3bb27300 66.76%);border:2px solid #3bb273;border-radius:12px;box-shadow:inset -5px -5px 250px #ffffff05;display:flex;flex-direction:column;gap:2px;padding:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container{align-items:center;display:flex;gap:2px;height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-animation{height:36px;overflow:visible;transform:translate(-2px,-6px) scale(2);width:36px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-description{color:#0d152c;font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:1512px){.shortcut-landing-page-content{height:339px;width:390px}.shortcut-landing-page-content .shortcut-landing-page-content-item{gap:16px;height:120px;padding:18px;width:202px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{left:183px;top:106.33px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{top:214.75px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3.has-extra-modifier{width:255px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{font-size:12px;line-height:18px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{font-size:10px;line-height:14px}:is(.screen2-container,.screen3-container) .screen-video{height:222px;width:390px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper{gap:16px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-description{font-size:12px;line-height:18px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container{gap:6px;height:54px;padding:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys{gap:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer{height:40px;width:60px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer:before{width:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer:after{width:4px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner{height:36px;padding:6px;width:56px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before{height:3px}.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text{font-size:9px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key{height:40px;width:40px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner{align-items:center;height:36px;justify-content:center;width:36px}.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text{font-size:20px}}.keyboard-shortcuts-carousel .screen-slide{height:452px}@media screen and (max-width:1512px){.keyboard-shortcuts-carousel .screen-slide{height:339px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}@keyframes shortcut-card-enter-1{0%{opacity:0;transform:translateY(20px) rotate(-8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes shortcut-card-enter-2{0%{opacity:0;transform:translateY(20px) rotate(4deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(4deg) scale(1)}}@keyframes shortcut-card-enter-3{0%{opacity:0;transform:translateY(20px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.screen2-container,.screen3-container{display:flex;flex-direction:column;gap:24px}:is(.screen2-container,.screen3-container) .screen-video{height:295px;width:520px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container{align-items:center;background-color:var(--iu-bg-primary-lighter);border-radius:10px;display:flex;gap:8px;height:72px;justify-content:center;padding:8px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-description{color:var(--iu-on-surface-label);font-size:16px;font-weight:800;line-height:24px;text-align:center}.shortcut-landing-page{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-radius:12px;box-shadow:var(--iu-effect-shadow-elevation-16-soft);display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:40px;position:relative;width:500px}.shortcut-landing-page-content{height:452px;margin:0 auto;max-width:100%;position:relative;width:520px}.shortcut-landing-page-content .shortcut-landing-page-content-item{align-items:flex-start;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;overflow:hidden;padding:24px;position:absolute;width:270px}.shortcut-landing-page-content .shortcut-landing-page-content-item .background-image{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/backgroundFlower.svg) no-repeat;height:100px;left:122px;mix-blend-mode:plus-lighter;opacity:.2;pointer-events:none;position:absolute;top:69px;width:146px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{align-items:center;background:var(--iu-bg-surface-layer-bg);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon svg{display:block}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg{color:var(--iu-bg-success);height:24px;width:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg{color:var(--iu-bg-error)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg{color:var(--iu-bg-primary)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons{align-items:center;display:flex;gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item{align-items:center;background:var(--iu-bg-surface-layer-bg);border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;max-height:24px;min-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--modifier{border:1px solid var(--iu-bg-disabled-2);padding:2px 10px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--letter{border:1px solid var(--iu-border-default);padding:2px 12px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item .content-header-buttons-item-text{color:var(--iu-on-surface-body);font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-plus{align-items:center;color:var(--iu-on-surface-label);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1{background:linear-gradient(180deg,var(--iu-bg-success-subtle) 0,var(--iu-bg-surface-layer-bg) 100%);border-left:1px solid var(--iu-bg-success);border-right:1px solid var(--iu-bg-success);border-top:1px solid var(--iu-bg-success);box-shadow:0 -10px 22px color-mix(in srgb,var(--iu-bg-success) 7%,#0000);left:10px;top:18px;transform:rotate(-8deg);z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{background:linear-gradient(180deg,var(--iu-bg-error-subtle) 0,var(--iu-bg-surface-layer-bg) 100%);border-left:1px solid var(--iu-bg-error);border-right:1px solid var(--iu-bg-error);border-top:1px solid var(--iu-bg-error);box-shadow:0 -10px 22px color-mix(in srgb,var(--iu-bg-error) 7%,#0000);left:239.64px;top:141.78px;transform:rotate(4deg);z-index:2}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2 .background-image{transform:rotate(9deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{background:linear-gradient(180deg,var(--iu-bg-primary-subtle) 0,var(--iu-bg-surface-layer-bg) 100%);border-left:1px solid var(--iu-bg-primary);border-right:1px solid var(--iu-bg-primary);border-top:1px solid var(--iu-bg-primary);box-shadow:0 -24px 22px color-mix(in srgb,var(--iu-bg-primary) 7%,#0000);left:1px;top:286.32px;transform:rotate(-1deg);z-index:3}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{display:flex;flex-direction:column;gap:6px;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{color:var(--iu-on-surface-title);font-size:16px;font-weight:800;line-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{color:var(--iu-on-surface-caption);font-size:12px;font-weight:500;line-height:16px}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-1{animation:shortcut-card-enter-1 .4s cubic-bezier(.22,1,.36,1) .2s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-2{animation:shortcut-card-enter-2 .4s cubic-bezier(.22,1,.36,1) .3s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-3{animation:shortcut-card-enter-3 .4s cubic-bezier(.22,1,.36,1) .4s both;will-change:opacity,transform}.tab-items{border-radius:8px}.tab-items,.tab-items .ia-tabContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-items .impact-tab-panel{flex:1;min-height:0;overflow-y:auto}.modal-overlay{-webkit-align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}.modal-overlay,.tutorial-overlay{background-color:var(--iu-effect-mix-modal-backdrop-80);bottom:0;left:0;position:fixed;right:0;top:0;-webkit-tap-highlight-color:transparent;opacity:1;z-index:9999}.tutorial-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.tutorial-overlay.overlay--hidden{opacity:0;pointer-events:none}.close-icon-container{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-radius:50%;box-shadow:var(--iu-effect-shadow-drop-4);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.close-icon-container:focus-visible{box-shadow:var(--iu-effect-shadow-drop-4),0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.close-icon-container:focus:not(:focus-visible){box-shadow:var(--iu-effect-shadow-drop-4);outline:none}.close-icon-container svg{height:18px;width:18px}.modal-wrapper{border-radius:12px;box-shadow:var(--iu-effect-shadow-elevation-16-soft);display:flex;flex-direction:column;left:50%;max-height:620px;min-height:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:9999}.modal-wrapper .close-icon-container{right:-10px;top:-10px}.modal-wrapper .modal-content{background:linear-gradient(300deg,var(--iu-bg-primary) -225%,var(--iu-bg-surface-layer-bg) 30%);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:48px;min-height:0;overflow:hidden;padding:16px 16px 0}.modal-wrapper .modal-content .search-bar{height:36px}.modal-wrapper .modal-content .search-bar :is(.impact-input-wrapper,.impact_inputbox_container_with_icons){height:100%;width:100%}.modal-wrapper .modal-content .tab-items .impact-tab-panel{margin-top:8px}.modal-wrapper .modal-content .list-container{display:flex;flex-direction:column;gap:8px}.modal-wrapper .modal-content .list-container .list-item{align-items:center;border-bottom:1px solid var(--iu-bg-surface-body-bg);display:flex;justify-content:space-between;padding:0 12px 8px;position:relative}.modal-wrapper .modal-content .list-container .list-item.pointer{cursor:pointer}.modal-wrapper .modal-content .list-container .list-item.pointer:before{background-color:var(--iu-bg-surface-lighter);bottom:0;content:"";left:-16px;opacity:0;pointer-events:none;position:absolute;right:-16px;top:-8px;z-index:0}.modal-wrapper .modal-content .list-container .list-item.pointer:hover:before{opacity:1}.modal-wrapper .modal-content .list-container .list-item.pointer>*{position:relative;z-index:1}.modal-wrapper .modal-content .list-container .list-item .list-item-content{display:flex;flex-direction:column;gap:2px}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-title{color:var(--iu-on-surface-title);font-size:14px;font-weight:500;line-height:21px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-description{color:var(--iu-on-surface-caption);font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-keys{cursor:auto;display:flex;gap:8px}.modal-wrapper .modal-footer{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-radius:0 0 8px 8px;border-top:1px solid var(--iu-border-default);bottom:0;display:flex;height:48px;justify-content:center;left:0;padding:12px 16px;position:absolute;right:0}.modal-wrapper .modal-footer .modal-footer-content-left{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-buttons{align-items:center;display:flex;gap:8px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-seperator{border:1px solid var(--iu-border-default);height:16px;margin:4px;width:0}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-text{color:var(--iu-on-surface-label);font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.modal-wrapper .modal-footer .modal-footer-content{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-text{color:var(--iu-on-surface-label);font-family:Manrope;font-size:14px;font-weight:500;line-height:20px}.keycap{align-items:center;background-color:var(--iu-bg-disabled-1);border:1px solid var(--iu-bg-disabled-2);border-radius:4px;display:flex;height:24px;justify-content:center;min-width:34px;padding:2px 10px}.keycap .keycap-label{color:var(--iu-on-surface-body);font-family:Inter;font-size:14px;font-weight:500;line-height:20px}@media (prefers-reduced-motion:reduce){.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item{animation:none!important;opacity:1}}.keys{align-items:center;display:flex;gap:8px}.keys .button-outer{background:var(--iu-legacy-black-pure);border-radius:5px;display:flex;height:55px;justify-content:flex-end;position:relative;width:80px}.keys .button-outer:before{bottom:0;left:2px;transform:rotate(-51.34deg);transform-origin:left center;width:9px}.keys .button-outer:after,.keys .button-outer:before{background:var(--iu-primitive-color-grey-0);content:"";filter:blur(.5px);height:1px;position:absolute}.keys .button-outer:after{bottom:1px;right:1px;transform:rotate(79deg);transform-origin:right center;width:6px}.keys .button-outer .button-inner{align-items:flex-end;background:linear-gradient(180deg,var(--iu-primitive-color-grey-1100) 10.91%,var(--iu-primitive-color-grey-1200) 100%);border:1px solid var(--iu-primitive-color-grey-1100);border-radius:5px;display:flex;flex-direction:column;height:49px;justify-content:space-between;padding:8px;width:74px}.keys .button-outer .button-inner.windows-key{align-items:flex-start;justify-content:center}.keys .button-outer .button-inner:before{background:var(--iu-primitive-color-grey-0);content:"";filter:blur(.5px);height:5px;left:2px;position:absolute;top:1px;transform:rotate(-55.34deg);transform-origin:left top;width:1px}.keys .button-outer .button-inner :is(.key-symbol,.key-text){color:var(--iu-primitive-color-grey-0);font-family:SF Compact;font-size:12px;font-weight:400;text-align:right}.keys .button-outer.single-key{height:55px;width:55px}.keys .button-outer.single-key .button-inner{align-items:center;height:49px;justify-content:center;width:49px}.keys .button-outer.single-key .key-text{font-size:27px;text-align:center}.keys.keycombo-section-buttons{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper{align-items:center;border:1px solid color-mix(in srgb,var(--iu-bg-primary) 70%,#0000);border-radius:12px;box-shadow:var(--iu-effect-shadow-elevation-16-soft);display:flex;flex-direction:column;gap:16px;padding:12px;position:fixed;transition:all .8s ease-in-out;width:max-content;z-index:999999}.tutorial-modal-wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb,var(--iu-bg-primary) 6%,#0000);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.tutorial-modal-wrapper.tutorial-modal--step-0{left:84px;top:8px}.tutorial-modal-wrapper.tutorial-modal--step-0.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-1{left:84px;top:calc(100% - 5px);transform:translateY(-100%)}.tutorial-modal-wrapper.tutorial-modal--step-1.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-2{right:auto}.tutorial-modal-wrapper.tutorial-modal--three-keys .top-section .top-section-content .top-section-text{max-width:200px;text-align:left}.tutorial-modal-wrapper .tutorial-arrow--left-top{top:17px}.tutorial-modal-wrapper .tutorial-arrow--left,.tutorial-modal-wrapper .tutorial-arrow--left-top{border-bottom:10px solid #0000;border-right:17px solid var(--iu-bg-primary);border-top:10px solid #0000;left:-17px;position:absolute;z-index:1}.tutorial-modal-wrapper .tutorial-arrow--left{top:50%;transform:translateY(-50%)}.tutorial-modal-wrapper .tutorial-arrow--top-right{border-bottom:17px solid var(--iu-bg-primary);border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;right:51px;top:-17px;z-index:1}.tutorial-modal-wrapper .top-section{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-radius:12px;box-shadow:var(--iu-effect-shadow-elevation-16-soft);display:flex;gap:16px;padding:8px;position:relative;z-index:1}.tutorial-modal-wrapper .top-section .top-section-content{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper .top-section .top-section-content .loader{display:flex}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container{display:flex;flex-direction:row}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small .ia-loader-inner{height:12px;width:12px}.tutorial-modal-wrapper .top-section .top-section-content .loader .lottie-iframe{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .top-section-text{color:var(--iu-on-surface-body);font-size:14px;font-weight:700;line-height:21px;text-align:center}.tutorial-modal-wrapper .top-section .top-section-buttons{margin-left:auto}.tutorial-modal-wrapper .bottom-section{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;z-index:1}.tutorial-modal-wrapper .bottom-section .bottom-section-text{color:var(--iu-bg-primary-lighter);cursor:pointer;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.progress-bar,.tutorial-modal-wrapper .bottom-section .bottom-section-progress{align-items:center;display:flex}.progress-bar .progress-line{border-top:4px solid var(--iu-bg-disabled-2);height:0;transition:border-color .3s ease;width:76px}.progress-bar .progress-line--active{border-color:var(--iu-bg-primary)}.progress-bar .progress-step{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-on-surface-caption);border-radius:50%;color:var(--iu-on-surface-caption);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;transition:all .3s ease;width:20px}.progress-bar .progress-step--active{border-color:var(--iu-bg-primary);color:var(--iu-bg-primary)}.progress-bar .progress-step--completed{background-color:var(--iu-bg-primary);border-color:var(--iu-bg-primary);color:var(--iu-on-primary-text)}.progress-bar .progress-step .step-number{color:var(--iu-on-surface-caption);font-size:14px;font-weight:500;line-height:20px;text-align:center}.progress-bar .progress-step .step-number--active{color:var(--iu-bg-primary)}.all-set-box-wrapper{bottom:24px;left:50%;position:fixed;transform:translate(-50%);z-index:999999}.all-set-box-wrapper .close-icon-container{right:-10px;top:-10px;z-index:9}.all-set-box-wrapper .all-set-box-content{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(132deg,var(--iu-bg-success) -250.62%,color-mix(in srgb,var(--iu-bg-success) 0%,#0000) 66.76%);border:2px solid var(--iu-bg-success);border-radius:12px;box-shadow:-5px -5px 250px color-mix(in srgb,var(--iu-bg-surface-layer-bg) 2%,#0000) inset;display:flex;flex-direction:column;gap:2px;padding:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container{align-items:center;display:flex;gap:2px;height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-title{color:var(--iu-on-surface-title);font-size:16px;font-weight:800;line-height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-animation{height:36px;overflow:visible;transform:translate(-2px,-6px) scale(2);width:36px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-description{color:var(--iu-on-surface-title);font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:1512px){.shortcut-landing-page-content{height:339px;width:390px}.shortcut-landing-page-content .shortcut-landing-page-content-item{gap:16px;height:120px;padding:18px;width:202px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{left:183px;top:106.33px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{top:214.75px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3.has-extra-modifier{width:255px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{font-size:12px;line-height:18px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{font-size:10px;line-height:14px}:is(.screen2-container,.screen3-container) .screen-video{height:222px;width:390px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper{gap:16px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-description{font-size:12px;line-height:18px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container{gap:6px;height:54px;padding:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys{gap:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer{height:40px;width:60px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer:before{width:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer:after{width:4px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner{height:36px;padding:6px;width:56px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before{height:3px}.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text{font-size:9px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key{height:40px;width:40px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner{align-items:center;height:36px;justify-content:center;width:36px}.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text{font-size:20px}}.keyboard-shortcuts-carousel .screen-slide{height:452px}@media screen and (max-width:1512px){.keyboard-shortcuts-carousel .screen-slide{height:339px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
2
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useEffect } from "react";
|
|
4
4
|
import { OnboardingTour } from "../OnboardingTour/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tutorial.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/tutorial.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"tutorial.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/tutorial.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAQjE,OAAO,iCAAiC,CAAC;AA+FzC,UAAU,kBAAkB;IAC1B,oBAAoB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,GAAI,uCAAuC,kBAAkB,sBA0MtF,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}@keyframes shortcut-card-enter-1{0%{opacity:0;transform:translateY(20px) rotate(-8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes shortcut-card-enter-2{0%{opacity:0;transform:translateY(20px) rotate(4deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(4deg) scale(1)}}@keyframes shortcut-card-enter-3{0%{opacity:0;transform:translateY(20px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.screen2-container,.screen3-container{display:flex;flex-direction:column;gap:24px}:is(.screen2-container,.screen3-container) .screen-video{height:295px;width:520px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container{align-items:center;background-color:#b3bdf8;border-radius:10px;display:flex;gap:8px;height:72px;justify-content:center;padding:8px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-description{color:#60697d;font-size:16px;font-weight:800;line-height:24px;text-align:center}.shortcut-landing-page{align-items:center;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:40px;position:relative;width:500px}.shortcut-landing-page-content{height:452px;margin:0 auto;max-width:100%;position:relative;width:520px}.shortcut-landing-page-content .shortcut-landing-page-content-item{align-items:flex-start;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;overflow:hidden;padding:24px;position:absolute;width:270px}.shortcut-landing-page-content .shortcut-landing-page-content-item .background-image{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/backgroundFlower.svg) no-repeat;height:100px;left:122px;mix-blend-mode:plus-lighter;opacity:.2;pointer-events:none;position:absolute;top:69px;width:146px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon svg{display:block}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg{color:#26ab1a;height:24px;width:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg{color:#ee42cc}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg{color:#4259ee}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons{align-items:center;display:flex;gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item{align-items:center;background:#fff;border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;max-height:24px;min-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--modifier{border:1px solid #c3c8d4;padding:2px 10px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--letter{border:1px solid #d9dde7;padding:2px 12px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item .content-header-buttons-item-text{color:#1f2b4d;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-plus{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1{background:linear-gradient(180deg,#e8ffe7,#fff);border-left:1px solid #38d331;border-right:1px solid #38d331;border-top:1px solid #38d331;box-shadow:0 -10px 22px #38d33112;left:10px;top:18px;transform:rotate(-8deg);z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{background:linear-gradient(180deg,#ffeef4,#fff);border-left:1px solid #ee42cc;border-right:1px solid #ee42cc;border-top:1px solid #ee42cc;box-shadow:0 -10px 22px #ee42cc12;left:239.64px;top:141.78px;transform:rotate(4deg);z-index:2}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2 .background-image{transform:rotate(9deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{background:linear-gradient(180deg,#eef0ff,#fff);border-left:1px solid #4259ee;border-right:1px solid #4259ee;border-top:1px solid #4259ee;box-shadow:0 -24px 22px #4259ee12;left:1px;top:286.32px;transform:rotate(-1deg);z-index:3}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{display:flex;flex-direction:column;gap:6px;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-1{animation:shortcut-card-enter-1 .4s cubic-bezier(.22,1,.36,1) .2s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-2{animation:shortcut-card-enter-2 .4s cubic-bezier(.22,1,.36,1) .3s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-3{animation:shortcut-card-enter-3 .4s cubic-bezier(.22,1,.36,1) .4s both;will-change:opacity,transform}.tab-items{border-radius:8px}.tab-items,.tab-items .ia-tabContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-items .impact-tab-panel{flex:1;min-height:0;overflow-y:auto}.modal-overlay{-webkit-align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}.modal-overlay,.tutorial-overlay{background-color:#0d152ccc;bottom:0;left:0;position:fixed;right:0;top:0;-webkit-tap-highlight-color:transparent;opacity:1;z-index:9999}.tutorial-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.tutorial-overlay.overlay--hidden{opacity:0;pointer-events:none}.close-icon-container{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0000001f;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.close-icon-container:focus-visible{box-shadow:0 0 4px #0000001f,0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.close-icon-container:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.close-icon-container svg{height:18px;width:18px}.modal-wrapper{border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;left:50%;max-height:620px;min-height:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:9999}.modal-wrapper .close-icon-container{right:-10px;top:-10px}.modal-wrapper .modal-content{background:linear-gradient(300deg,#4259ee -225%,#fff 30%);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:48px;min-height:0;overflow:hidden;padding:16px 16px 0}.modal-wrapper .modal-content .search-bar{height:36px}.modal-wrapper .modal-content .search-bar :is(.impact-input-wrapper,.impact_inputbox_container_with_icons){height:100%;width:100%}.modal-wrapper .modal-content .tab-items .impact-tab-panel{margin-top:8px}.modal-wrapper .modal-content .list-container{display:flex;flex-direction:column;gap:8px}.modal-wrapper .modal-content .list-container .list-item{align-items:center;border-bottom:1px solid #eff2fa;display:flex;justify-content:space-between;padding:0 12px 8px;position:relative}.modal-wrapper .modal-content .list-container .list-item.pointer{cursor:pointer}.modal-wrapper .modal-content .list-container .list-item.pointer:before{background-color:#f5f6fa;bottom:0;content:"";left:-16px;opacity:0;pointer-events:none;position:absolute;right:-16px;top:-8px;z-index:0}.modal-wrapper .modal-content .list-container .list-item.pointer:hover:before{opacity:1}.modal-wrapper .modal-content .list-container .list-item.pointer>*{position:relative;z-index:1}.modal-wrapper .modal-content .list-container .list-item .list-item-content{display:flex;flex-direction:column;gap:2px}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-title{color:#0d152c;font-size:14px;font-weight:500;line-height:21px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-keys{cursor:auto;display:flex;gap:8px}.modal-wrapper .modal-footer{align-items:center;background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #d9dde7;bottom:0;display:flex;height:48px;justify-content:center;left:0;padding:12px 16px;position:absolute;right:0}.modal-wrapper .modal-footer .modal-footer-content-left{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-buttons{align-items:center;display:flex;gap:8px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-seperator{border:1px solid #d9dde7;height:16px;margin:4px;width:0}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-text{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.modal-wrapper .modal-footer .modal-footer-content{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-text{color:#60697d;font-family:Manrope;font-size:14px;font-weight:500;line-height:20px}.keycap{align-items:center;background-color:#f8f9fb;border:1px solid #c3c8d4;border-radius:4px;display:flex;height:24px;justify-content:center;min-width:34px;padding:2px 10px}.keycap .keycap-label{color:#1f2b4d;font-family:Inter;font-size:14px;font-weight:500;line-height:20px}@media (prefers-reduced-motion:reduce){.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item{animation:none!important;opacity:1}}.keys{align-items:center;display:flex;gap:8px}.keys .button-outer{background:#000;border-radius:5px;display:flex;height:55px;justify-content:flex-end;position:relative;width:80px}.keys .button-outer:before{bottom:0;left:2px;transform:rotate(-51.34deg);transform-origin:left center;width:9px}.keys .button-outer:after,.keys .button-outer:before{background:#fff;content:"";filter:blur(.5px);height:1px;position:absolute}.keys .button-outer:after{bottom:1px;right:1px;transform:rotate(79deg);transform-origin:right center;width:6px}.keys .button-outer .button-inner{align-items:flex-end;background:linear-gradient(180deg,#404040 10.91%,#222);border:1px solid #404040;border-radius:5px;display:flex;flex-direction:column;height:49px;justify-content:space-between;padding:8px;width:74px}.keys .button-outer .button-inner.windows-key{align-items:flex-start;justify-content:center}.keys .button-outer .button-inner:before{background:#fff;content:"";filter:blur(.5px);height:5px;left:2px;position:absolute;top:1px;transform:rotate(-55.34deg);transform-origin:left top;width:1px}.keys .button-outer .button-inner :is(.key-symbol,.key-text){color:#fff;font-family:SF Compact;font-size:12px;font-weight:400;text-align:right}.keys .button-outer.single-key{height:55px;width:55px}.keys .button-outer.single-key .button-inner{align-items:center;height:49px;justify-content:center;width:49px}.keys .button-outer.single-key .key-text{font-size:27px;text-align:center}.keys.keycombo-section-buttons{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper{align-items:center;border:1px solid #4259eeb3;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;flex-direction:column;gap:16px;padding:12px;position:fixed;transition:all .8s ease-in-out;width:max-content;z-index:999999}.tutorial-modal-wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#4259ee0f;border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.tutorial-modal-wrapper.tutorial-modal--step-0{left:84px;top:8px}.tutorial-modal-wrapper.tutorial-modal--step-0.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-1{left:84px;top:calc(100% - 5px);transform:translateY(-100%)}.tutorial-modal-wrapper.tutorial-modal--step-1.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-2{right:auto}.tutorial-modal-wrapper.tutorial-modal--three-keys .top-section .top-section-content .top-section-text{max-width:200px;text-align:left}.tutorial-modal-wrapper .tutorial-arrow--left-top{top:17px}.tutorial-modal-wrapper .tutorial-arrow--left,.tutorial-modal-wrapper .tutorial-arrow--left-top{border-bottom:10px solid #0000;border-right:17px solid #4259ee;border-top:10px solid #0000;left:-17px;position:absolute;z-index:1}.tutorial-modal-wrapper .tutorial-arrow--left{top:50%;transform:translateY(-50%)}.tutorial-modal-wrapper .tutorial-arrow--top-right{border-bottom:17px solid #4259ee;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;right:51px;top:-17px;z-index:1}.tutorial-modal-wrapper .top-section{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 18px 8px #0000000f;display:flex;gap:16px;padding:8px;position:relative;z-index:1}.tutorial-modal-wrapper .top-section .top-section-content{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper .top-section .top-section-content .loader{display:flex}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container{display:flex;flex-direction:row}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small .ia-loader-inner{height:12px;width:12px}.tutorial-modal-wrapper .top-section .top-section-content .loader .lottie-iframe{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .top-section-text{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px;text-align:center}.tutorial-modal-wrapper .top-section .top-section-buttons{margin-left:auto}.tutorial-modal-wrapper .bottom-section{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;z-index:1}.tutorial-modal-wrapper .bottom-section .bottom-section-text{color:#b3bdf8;cursor:pointer;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.progress-bar,.tutorial-modal-wrapper .bottom-section .bottom-section-progress{align-items:center;display:flex}.progress-bar .progress-line{border-top:4px solid #c3c8d4;height:0;transition:border-color .3s ease;width:76px}.progress-bar .progress-line--active{border-color:#4259ee}.progress-bar .progress-step{align-items:center;background-color:#fff;border:1px solid #7a8294;border-radius:50%;color:#7a8294;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;transition:all .3s ease;width:20px}.progress-bar .progress-step--active{border-color:#4259ee;color:#4259ee}.progress-bar .progress-step--completed{background-color:#4259ee;border-color:#4259ee;color:#fff}.progress-bar .progress-step .step-number{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;text-align:center}.progress-bar .progress-step .step-number--active{color:#4259ee}.all-set-box-wrapper{bottom:24px;left:50%;position:fixed;transform:translate(-50%);z-index:999999}.all-set-box-wrapper .close-icon-container{right:-10px;top:-10px;z-index:9}.all-set-box-wrapper .all-set-box-content{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(132deg,#3bb273 -250.62%,#3bb27300 66.76%);border:2px solid #3bb273;border-radius:12px;box-shadow:inset -5px -5px 250px #ffffff05;display:flex;flex-direction:column;gap:2px;padding:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container{align-items:center;display:flex;gap:2px;height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-animation{height:36px;overflow:visible;transform:translate(-2px,-6px) scale(2);width:36px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-description{color:#0d152c;font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:1512px){.shortcut-landing-page-content{height:339px;width:390px}.shortcut-landing-page-content .shortcut-landing-page-content-item{gap:16px;height:120px;padding:18px;width:202px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{left:183px;top:106.33px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{top:214.75px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3.has-extra-modifier{width:255px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{font-size:12px;line-height:18px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{font-size:10px;line-height:14px}:is(.screen2-container,.screen3-container) .screen-video{height:222px;width:390px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper{gap:16px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-description{font-size:12px;line-height:18px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container{gap:6px;height:54px;padding:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys{gap:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer{height:40px;width:60px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer:before{width:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer:after{width:4px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner{height:36px;padding:6px;width:56px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before{height:3px}.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text{font-size:9px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key{height:40px;width:40px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner{align-items:center;height:36px;justify-content:center;width:36px}.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text{font-size:20px}}.keyboard-shortcuts-carousel .screen-slide{height:452px}@media screen and (max-width:1512px){.keyboard-shortcuts-carousel .screen-slide{height:339px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}@keyframes shortcut-card-enter-1{0%{opacity:0;transform:translateY(20px) rotate(-8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes shortcut-card-enter-2{0%{opacity:0;transform:translateY(20px) rotate(4deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(4deg) scale(1)}}@keyframes shortcut-card-enter-3{0%{opacity:0;transform:translateY(20px) rotate(-1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}.screen2-container,.screen3-container{display:flex;flex-direction:column;gap:24px}:is(.screen2-container,.screen3-container) .screen-video{height:295px;width:520px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container{align-items:center;background-color:var(--iu-bg-primary-lighter);border-radius:10px;display:flex;gap:8px;height:72px;justify-content:center;padding:8px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-description{color:var(--iu-on-surface-label);font-size:16px;font-weight:800;line-height:24px;text-align:center}.shortcut-landing-page{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-radius:12px;box-shadow:var(--iu-effect-shadow-elevation-16-soft);display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:40px;position:relative;width:500px}.shortcut-landing-page-content{height:452px;margin:0 auto;max-width:100%;position:relative;width:520px}.shortcut-landing-page-content .shortcut-landing-page-content-item{align-items:flex-start;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:160px;overflow:hidden;padding:24px;position:absolute;width:270px}.shortcut-landing-page-content .shortcut-landing-page-content-item .background-image{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/backgroundFlower.svg) no-repeat;height:100px;left:122px;mix-blend-mode:plus-lighter;opacity:.2;pointer-events:none;position:absolute;top:69px;width:146px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{align-items:center;background:var(--iu-bg-surface-layer-bg);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon svg{display:block}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg{color:var(--iu-bg-success);height:24px;width:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-panel .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg{color:var(--iu-bg-error)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-filter .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg{color:var(--iu-bg-primary)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header.header-keyboard .content-header-icon svg path{fill:currentColor}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons{align-items:center;display:flex;gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item{align-items:center;background:var(--iu-bg-surface-layer-bg);border-radius:4px;box-sizing:border-box;display:flex;justify-content:center;max-height:24px;min-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--modifier{border:1px solid var(--iu-bg-disabled-2);padding:2px 10px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item--letter{border:1px solid var(--iu-border-default);padding:2px 12px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-buttons-item .content-header-buttons-item-text{color:var(--iu-on-surface-body);font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-plus{align-items:center;color:var(--iu-on-surface-label);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1{background:linear-gradient(180deg,var(--iu-bg-success-subtle) 0,var(--iu-bg-surface-layer-bg) 100%);border-left:1px solid var(--iu-bg-success);border-right:1px solid var(--iu-bg-success);border-top:1px solid var(--iu-bg-success);box-shadow:0 -10px 22px color-mix(in srgb,var(--iu-bg-success) 7%,#0000);left:10px;top:18px;transform:rotate(-8deg);z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-1 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{background:linear-gradient(180deg,var(--iu-bg-error-subtle) 0,var(--iu-bg-surface-layer-bg) 100%);border-left:1px solid var(--iu-bg-error);border-right:1px solid var(--iu-bg-error);border-top:1px solid var(--iu-bg-error);box-shadow:0 -10px 22px color-mix(in srgb,var(--iu-bg-error) 7%,#0000);left:239.64px;top:141.78px;transform:rotate(4deg);z-index:2}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2 .background-image{transform:rotate(9deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{background:linear-gradient(180deg,var(--iu-bg-primary-subtle) 0,var(--iu-bg-surface-layer-bg) 100%);border-left:1px solid var(--iu-bg-primary);border-right:1px solid var(--iu-bg-primary);border-top:1px solid var(--iu-bg-primary);box-shadow:0 -24px 22px color-mix(in srgb,var(--iu-bg-primary) 7%,#0000);left:1px;top:286.32px;transform:rotate(-1deg);z-index:3}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3 .background-image{transform:rotate(8deg)}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{display:flex;flex-direction:column;gap:6px;position:relative;width:100%;z-index:1}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{color:var(--iu-on-surface-title);font-size:16px;font-weight:800;line-height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{color:var(--iu-on-surface-caption);font-size:12px;font-weight:500;line-height:16px}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-1{animation:shortcut-card-enter-1 .4s cubic-bezier(.22,1,.36,1) .2s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-2{animation:shortcut-card-enter-2 .4s cubic-bezier(.22,1,.36,1) .3s both;will-change:opacity,transform}.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item.item-3{animation:shortcut-card-enter-3 .4s cubic-bezier(.22,1,.36,1) .4s both;will-change:opacity,transform}.tab-items{border-radius:8px}.tab-items,.tab-items .ia-tabContainer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-items .impact-tab-panel{flex:1;min-height:0;overflow-y:auto}.modal-overlay{-webkit-align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;transition:opacity 225ms cubic-bezier(.4,0,.2,1)}.modal-overlay,.tutorial-overlay{background-color:var(--iu-effect-mix-modal-backdrop-80);bottom:0;left:0;position:fixed;right:0;top:0;-webkit-tap-highlight-color:transparent;opacity:1;z-index:9999}.tutorial-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.tutorial-overlay.overlay--hidden{opacity:0;pointer-events:none}.close-icon-container{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-radius:50%;box-shadow:var(--iu-effect-shadow-drop-4);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.close-icon-container:focus-visible{box-shadow:var(--iu-effect-shadow-drop-4),0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.close-icon-container:focus:not(:focus-visible){box-shadow:var(--iu-effect-shadow-drop-4);outline:none}.close-icon-container svg{height:18px;width:18px}.modal-wrapper{border-radius:12px;box-shadow:var(--iu-effect-shadow-elevation-16-soft);display:flex;flex-direction:column;left:50%;max-height:620px;min-height:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:9999}.modal-wrapper .close-icon-container{right:-10px;top:-10px}.modal-wrapper .modal-content{background:linear-gradient(300deg,var(--iu-bg-primary) -225%,var(--iu-bg-surface-layer-bg) 30%);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;gap:16px;margin-bottom:48px;min-height:0;overflow:hidden;padding:16px 16px 0}.modal-wrapper .modal-content .search-bar{height:36px}.modal-wrapper .modal-content .search-bar :is(.impact-input-wrapper,.impact_inputbox_container_with_icons){height:100%;width:100%}.modal-wrapper .modal-content .tab-items .impact-tab-panel{margin-top:8px}.modal-wrapper .modal-content .list-container{display:flex;flex-direction:column;gap:8px}.modal-wrapper .modal-content .list-container .list-item{align-items:center;border-bottom:1px solid var(--iu-bg-surface-body-bg);display:flex;justify-content:space-between;padding:0 12px 8px;position:relative}.modal-wrapper .modal-content .list-container .list-item.pointer{cursor:pointer}.modal-wrapper .modal-content .list-container .list-item.pointer:before{background-color:var(--iu-bg-surface-lighter);bottom:0;content:"";left:-16px;opacity:0;pointer-events:none;position:absolute;right:-16px;top:-8px;z-index:0}.modal-wrapper .modal-content .list-container .list-item.pointer:hover:before{opacity:1}.modal-wrapper .modal-content .list-container .list-item.pointer>*{position:relative;z-index:1}.modal-wrapper .modal-content .list-container .list-item .list-item-content{display:flex;flex-direction:column;gap:2px}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-title{color:var(--iu-on-surface-title);font-size:14px;font-weight:500;line-height:21px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-content .list-item-description{color:var(--iu-on-surface-caption);font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.modal-wrapper .modal-content .list-container .list-item .list-item-keys{cursor:auto;display:flex;gap:8px}.modal-wrapper .modal-footer{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-radius:0 0 8px 8px;border-top:1px solid var(--iu-border-default);bottom:0;display:flex;height:48px;justify-content:center;left:0;padding:12px 16px;position:absolute;right:0}.modal-wrapper .modal-footer .modal-footer-content-left{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-buttons{align-items:center;display:flex;gap:8px}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-seperator{border:1px solid var(--iu-border-default);height:16px;margin:4px;width:0}.modal-wrapper .modal-footer .modal-footer-content-left .modal-footer-content-left-text{color:var(--iu-on-surface-label);font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.modal-wrapper .modal-footer .modal-footer-content{align-items:center;display:flex;gap:12px}.modal-wrapper .modal-footer .modal-footer-content-text{color:var(--iu-on-surface-label);font-family:Manrope;font-size:14px;font-weight:500;line-height:20px}.keycap{align-items:center;background-color:var(--iu-bg-disabled-1);border:1px solid var(--iu-bg-disabled-2);border-radius:4px;display:flex;height:24px;justify-content:center;min-width:34px;padding:2px 10px}.keycap .keycap-label{color:var(--iu-on-surface-body);font-family:Inter;font-size:14px;font-weight:500;line-height:20px}@media (prefers-reduced-motion:reduce){.shortcut-landing-page-content.shortcut-landing-entrance .shortcut-landing-page-content-item{animation:none!important;opacity:1}}.keys{align-items:center;display:flex;gap:8px}.keys .button-outer{background:var(--iu-legacy-black-pure);border-radius:5px;display:flex;height:55px;justify-content:flex-end;position:relative;width:80px}.keys .button-outer:before{bottom:0;left:2px;transform:rotate(-51.34deg);transform-origin:left center;width:9px}.keys .button-outer:after,.keys .button-outer:before{background:var(--iu-primitive-color-grey-0);content:"";filter:blur(.5px);height:1px;position:absolute}.keys .button-outer:after{bottom:1px;right:1px;transform:rotate(79deg);transform-origin:right center;width:6px}.keys .button-outer .button-inner{align-items:flex-end;background:linear-gradient(180deg,var(--iu-primitive-color-grey-1100) 10.91%,var(--iu-primitive-color-grey-1200) 100%);border:1px solid var(--iu-primitive-color-grey-1100);border-radius:5px;display:flex;flex-direction:column;height:49px;justify-content:space-between;padding:8px;width:74px}.keys .button-outer .button-inner.windows-key{align-items:flex-start;justify-content:center}.keys .button-outer .button-inner:before{background:var(--iu-primitive-color-grey-0);content:"";filter:blur(.5px);height:5px;left:2px;position:absolute;top:1px;transform:rotate(-55.34deg);transform-origin:left top;width:1px}.keys .button-outer .button-inner :is(.key-symbol,.key-text){color:var(--iu-primitive-color-grey-0);font-family:SF Compact;font-size:12px;font-weight:400;text-align:right}.keys .button-outer.single-key{height:55px;width:55px}.keys .button-outer.single-key .button-inner{align-items:center;height:49px;justify-content:center;width:49px}.keys .button-outer.single-key .key-text{font-size:27px;text-align:center}.keys.keycombo-section-buttons{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper{align-items:center;border:1px solid color-mix(in srgb,var(--iu-bg-primary) 70%,#0000);border-radius:12px;box-shadow:var(--iu-effect-shadow-elevation-16-soft);display:flex;flex-direction:column;gap:16px;padding:12px;position:fixed;transition:all .8s ease-in-out;width:max-content;z-index:999999}.tutorial-modal-wrapper:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb,var(--iu-bg-primary) 6%,#0000);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.tutorial-modal-wrapper.tutorial-modal--step-0{left:84px;top:8px}.tutorial-modal-wrapper.tutorial-modal--step-0.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-1{left:84px;top:calc(100% - 5px);transform:translateY(-100%)}.tutorial-modal-wrapper.tutorial-modal--step-1.tutorial-modal--sidebar-expanded{left:300px}.tutorial-modal-wrapper.tutorial-modal--step-2{right:auto}.tutorial-modal-wrapper.tutorial-modal--three-keys .top-section .top-section-content .top-section-text{max-width:200px;text-align:left}.tutorial-modal-wrapper .tutorial-arrow--left-top{top:17px}.tutorial-modal-wrapper .tutorial-arrow--left,.tutorial-modal-wrapper .tutorial-arrow--left-top{border-bottom:10px solid #0000;border-right:17px solid var(--iu-bg-primary);border-top:10px solid #0000;left:-17px;position:absolute;z-index:1}.tutorial-modal-wrapper .tutorial-arrow--left{top:50%;transform:translateY(-50%)}.tutorial-modal-wrapper .tutorial-arrow--top-right{border-bottom:17px solid var(--iu-bg-primary);border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;right:51px;top:-17px;z-index:1}.tutorial-modal-wrapper .top-section{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-radius:12px;box-shadow:var(--iu-effect-shadow-elevation-16-soft);display:flex;gap:16px;padding:8px;position:relative;z-index:1}.tutorial-modal-wrapper .top-section .top-section-content{align-items:center;display:flex;gap:8px}.tutorial-modal-wrapper .top-section .top-section-content .loader{display:flex}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container{display:flex;flex-direction:row}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .loader .ia-loader-container .ia-loader-small .ia-loader-inner{height:12px;width:12px}.tutorial-modal-wrapper .top-section .top-section-content .loader .lottie-iframe{height:16px;width:16px}.tutorial-modal-wrapper .top-section .top-section-content .top-section-text{color:var(--iu-on-surface-body);font-size:14px;font-weight:700;line-height:21px;text-align:center}.tutorial-modal-wrapper .top-section .top-section-buttons{margin-left:auto}.tutorial-modal-wrapper .bottom-section{align-items:center;align-self:stretch;display:flex;justify-content:space-between;position:relative;z-index:1}.tutorial-modal-wrapper .bottom-section .bottom-section-text{color:var(--iu-bg-primary-lighter);cursor:pointer;font-size:14px;font-weight:700;line-height:21px;text-align:center;text-transform:capitalize}.progress-bar,.tutorial-modal-wrapper .bottom-section .bottom-section-progress{align-items:center;display:flex}.progress-bar .progress-line{border-top:4px solid var(--iu-bg-disabled-2);height:0;transition:border-color .3s ease;width:76px}.progress-bar .progress-line--active{border-color:var(--iu-bg-primary)}.progress-bar .progress-step{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-on-surface-caption);border-radius:50%;color:var(--iu-on-surface-caption);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;transition:all .3s ease;width:20px}.progress-bar .progress-step--active{border-color:var(--iu-bg-primary);color:var(--iu-bg-primary)}.progress-bar .progress-step--completed{background-color:var(--iu-bg-primary);border-color:var(--iu-bg-primary);color:var(--iu-on-primary-text)}.progress-bar .progress-step .step-number{color:var(--iu-on-surface-caption);font-size:14px;font-weight:500;line-height:20px;text-align:center}.progress-bar .progress-step .step-number--active{color:var(--iu-bg-primary)}.all-set-box-wrapper{bottom:24px;left:50%;position:fixed;transform:translate(-50%);z-index:999999}.all-set-box-wrapper .close-icon-container{right:-10px;top:-10px;z-index:9}.all-set-box-wrapper .all-set-box-content{-webkit-backdrop-filter:blur(21px);backdrop-filter:blur(21px);background:linear-gradient(132deg,var(--iu-bg-success) -250.62%,color-mix(in srgb,var(--iu-bg-success) 0%,#0000) 66.76%);border:2px solid var(--iu-bg-success);border-radius:12px;box-shadow:-5px -5px 250px color-mix(in srgb,var(--iu-bg-surface-layer-bg) 2%,#0000) inset;display:flex;flex-direction:column;gap:2px;padding:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container{align-items:center;display:flex;gap:2px;height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-title{color:var(--iu-on-surface-title);font-size:16px;font-weight:800;line-height:24px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-title-container .all-set-box-content-animation{height:36px;overflow:visible;transform:translate(-2px,-6px) scale(2);width:36px}.all-set-box-wrapper .all-set-box-content .all-set-box-content-description{color:var(--iu-on-surface-title);font-size:14px;font-weight:500;line-height:20px}@media screen and (max-width:1512px){.shortcut-landing-page-content{height:339px;width:390px}.shortcut-landing-page-content .shortcut-landing-page-content-item{gap:16px;height:120px;padding:18px;width:202px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-2{left:183px;top:106.33px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3{top:214.75px}.shortcut-landing-page-content .shortcut-landing-page-content-item.item-3.has-extra-modifier{width:255px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-header .content-header-icon{height:24px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content{gap:4px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-title{font-size:12px;line-height:18px}.shortcut-landing-page-content .shortcut-landing-page-content-item .content-content .content-content-header-description{font-size:10px;line-height:14px}:is(.screen2-container,.screen3-container) .screen-video{height:222px;width:390px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper{gap:16px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-description{font-size:12px;line-height:18px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container{gap:6px;height:54px;padding:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys{gap:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer{height:40px;width:60px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer:before{width:6px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer:after{width:4px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner{height:36px;padding:6px;width:56px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner:before{height:3px}.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-symbol,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer .button-inner .key-text{font-size:9px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key{height:40px;width:40px}:is(.screen2-container,.screen3-container) .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner{align-items:center;height:36px;justify-content:center;width:36px}.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.screen2-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-symbol,.screen3-container .keycombo-container-wrapper .keycombo-container .keys .button-outer.single-key .button-inner .key-text{font-size:20px}}.keyboard-shortcuts-carousel .screen-slide{height:452px}@media screen and (max-width:1512px){.keyboard-shortcuts-carousel .screen-slide{height:339px}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
2
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import React__default, { useState, useRef, useLayoutEffect } from "react";
|
|
4
4
|
import { CheckboxTick as CheckboxTick_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
|
|
5
5
|
import { isMac } from "../../utils/shortcuts/platform.js";
|
|
6
6
|
import { ShortcutManager } from "../../utils/shortcuts/ShortcutManager.js";
|
|
7
|
+
import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
|
|
7
8
|
import { Loader } from "../Loader/index.js";
|
|
8
9
|
import { Keys } from "./Keycombo.js";
|
|
9
10
|
|
|
@@ -76,7 +77,7 @@ const ProgressBar = ({ currentStep, totalSteps }) => {
|
|
|
76
77
|
"div",
|
|
77
78
|
{
|
|
78
79
|
className: `progress-step ${isCompleted ? "progress-step--completed" : ""} ${isActive ? "progress-step--active" : ""}`,
|
|
79
|
-
children: isCompleted ? /* @__PURE__ */ jsx(
|
|
80
|
+
children: isCompleted ? /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(CheckboxTick_default), size: 16 }) : /* @__PURE__ */ jsx("span", { className: "step-number " + (isActive ? "step-number--active" : ""), children: stepNum })
|
|
80
81
|
}
|
|
81
82
|
)
|
|
82
83
|
] }, index);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-loader-container{align-items:center;display:flex;flex-direction:column;position:relative;z-index:99999}.ia-styles.ia-loader-container .ia-loader-outer{
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-loader-container{align-items:center;display:flex;flex-direction:column;position:relative;z-index:99999}.ia-styles.ia-loader-container .ia-loader-outer{border-radius:50%;position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.ia-styles.ia-loader-container .ia-loader-outer{animation:spin 1s linear infinite}.ia-styles.ia-loader-container .ia-loader-outer .ia-loader-inner{align-items:center;animation:spin 1s linear infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-layer-bg);border-radius:50%;color:var(--iu-on-surface-label);display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;justify-content:center;line-height:16.39px;position:absolute;text-align:center}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-small{height:24px;width:24px}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-small .ia-loader-inner{height:20px;left:2px;top:2px;width:20px}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-medium{height:48px;width:48px}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-medium .ia-loader-inner{height:40px;left:4px;top:4px;width:40px}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-large{height:72px;width:72px}.ia-styles.ia-loader-container .ia-loader-outer.ia-loader-large .ia-loader-inner{height:60px;left:6px;top:6px;width:60px}.ia-styles.ia-loader-container .ia-loader-outer{background:conic-gradient(from 180deg at 50% 50%,#4259ee00 0deg,var(--iu-bg-primary) 1turn)}.ia-styles.ia-loader-container .ia-loaderText{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16.39px;margin-top:4px;text-align:center}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton/index.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-menu .MuiButtonBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-list-icon svg{height:16px;width:16px}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.ia-styles.ia-menu .MuiPaper-root{background:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:8px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiMenuItem-root{align-items:center;color:var(--iu-on-surface-body);display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiMenuItem-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-menu .MuiMenuItem-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiMenuItem-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiMenuItem-root:hover{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .MuiMenuItem-root.Mui-selected{background-color:var(--iu-bg-primary-subtle);border-radius:8px}.ia-styles.ia-menu .MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid var(--iu-bg-surface-lighter);gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .MuiMenuItem-root.child-hover{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid var(--iu-bg-surface-lighter);flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:var(--iu-on-primary-text)}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:var(--iu-bg-primary-subtle);border-color:var(--iu-bg-primary-darker);border-width:1px;color:var(--iu-bg-primary-darker)}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .ia-menu-state-message{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;line-height:20px;padding:16px;text-align:center}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{background-color:var(--iu-bg-surface-layer-bg)!important;border-radius:4px;height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container.Mui-focusVisible{background-color:var(--iu-bg-surface-layer-bg)!important}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover:not(.Mui-disabled){background-color:var(--iu-bg-surface-layer-bg)!important;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked{background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat center/10px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked.Mui-focusVisible{background-color:var(--iu-bg-surface-layer-bg)!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover:not(.Mui-disabled){background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat center/10px!important;border:1px solid var(--iu-bg-primary)}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked.Mui-disabled{background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectedTickDisabled.svg) no-repeat center/10px!important}.menu-section-header{align-items:center;color:var(--iu-on-surface-label);display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-list-icon svg{height:16px;width:16px}.ia-section-icon{min-width:32px!important}.ia-list-label-container{color:var(--iu-on-surface-body);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:var(--iu-on-surface-caption);font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{border-top:1px solid var(--iu-border-default);bottom:0;padding:0;position:sticky}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef, createElement } from "react";
|
|
4
4
|
import default_1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuHeaderInfo.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuHeaderInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuHeaderInfo.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuHeaderInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAO1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,8BAA8B,CAAC;AA4QtC,eAAO,MAAM,cAAc,4RA/OxB,mBAAmB,uBA+OqC,CAAC;AAG5D,+DAA+D;AAC/D,eAAO,MAAM,iBAAiB,4RAnP3B,mBAAmB,uBAmPyB,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-menu .menu-header{background
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-menu .menu-header{background:var(--iu-bg-surface-layer-bg);border-radius:8px 8px 0 0;padding-bottom:0;position:sticky;top:0;width:260px;z-index:10}.ia-menu .menu-header .MuiRadioGroup-row{margin-bottom:8px}.ia-menu .menu-header .MuiTextField-root .MuiInputBase-root{background-color:var(--iu-bg-surface-lighter);border-radius:8px}.ia-menu .menu-header .MuiTextField-root .MuiInputBase-root .MuiInputAdornment-root{color:var(--iu-on-surface-label)}.ia-menu .menu-header .menu-header-search-container{align-items:center;display:flex;gap:8px;padding:0 16px}.ia-menu .menu-header .menu-header-search-container .menu-header-search-icon{height:14px;width:14px}.ia-menu .menu-header .menu-header-search-container .menu-header-search-input{border:none;border-radius:8px;font-size:14px;outline:none;padding:8px 0;width:100%}.ia-menu .menu-header .menu-header-search-container .menu-header-search-input::placeholder{color:var(--iu-on-surface-label)}.ia-menu .menu-header .menu-header-radio-group-container{border-bottom:1px solid var(--iu-border-default);margin-bottom:8px}.ia-menu .menu-header .menu-header-radio-group-container .MuiFormGroup-root.orientation-row{padding:2px 12px}.ia-menu .menu-header .menu-header-radio-group{display:flex;justify-content:space-between}.ia-menu .menu-header .MuiButtonBase-root,.ia-menu .menu-header .MuiFormGroup-root.orientation-row{padding:0 8px}.ia-menu .menu-header .select-all-option{margin-right:12px;padding:0 12px}.ia-menu .select-all-option{display:flex;justify-content:space-between}.ia-menu .select-all-option .MuiCheckbox-root{margin-right:8px;padding:0}.ia-menu .select-all-option .select-all-text{color:var(--iu-on-surface-title)!important;flex-grow:1;font-weight:500}.ia-menu .select-all-option .clear-text{color:var(--iu-on-surface-label);cursor:pointer;font-weight:500}.ia-menu .menu-list-container{max-height:250px;overflow-y:auto;padding-bottom:0;padding-top:0}.ia-menu .menu-option{align-items:center;display:flex;padding:8px 16px}.ia-menu .menu-option.selected{background-color:var(--iu-bg-primary-subtle)}.ia-menu .menu-option .MuiCheckbox-root{margin-right:8px;padding:0}.ia-menu .menu-option .menu-option-label{flex-grow:1}.ia-menu .ia-menu-action-button-container{display:flex;gap:8px;justify-content:flex-end}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { memo, useState, useRef, useEffect, useMemo } from "react";
|
|
4
4
|
import { SearchIconTable as SearchIconTable_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
|
|
5
5
|
import { Checkbox } from "../Checkbox/index.js";
|
|
6
|
+
import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
|
|
6
7
|
import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
|
|
7
8
|
|
|
8
9
|
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
@@ -199,7 +200,14 @@ const MenuHeaderInfoComponent = ({
|
|
|
199
200
|
className: "menu-header-search-container",
|
|
200
201
|
role: "search",
|
|
201
202
|
children: [
|
|
202
|
-
/* @__PURE__ */ jsx(
|
|
203
|
+
/* @__PURE__ */ jsx(
|
|
204
|
+
ImpactIcon,
|
|
205
|
+
{
|
|
206
|
+
className: "menu-header-search-icon",
|
|
207
|
+
icon: impactIconSource(SearchIconTable_default),
|
|
208
|
+
size: 14
|
|
209
|
+
}
|
|
210
|
+
),
|
|
203
211
|
/* @__PURE__ */ jsx(
|
|
204
212
|
"input",
|
|
205
213
|
{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-menu .MuiButtonBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-list-icon svg{height:16px;width:16px}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.ia-styles.ia-menu .MuiPaper-root{background:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:8px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiMenuItem-root{align-items:center;color:var(--iu-on-surface-body);display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiMenuItem-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-menu .MuiMenuItem-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiMenuItem-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiMenuItem-root:hover{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .MuiMenuItem-root.Mui-selected{background-color:var(--iu-bg-primary-subtle);border-radius:8px}.ia-styles.ia-menu .MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid var(--iu-bg-surface-lighter);gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .MuiMenuItem-root.child-hover{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid var(--iu-bg-surface-lighter);flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:var(--iu-on-primary-text)}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:var(--iu-bg-primary-subtle);border-color:var(--iu-bg-primary-darker);border-width:1px;color:var(--iu-bg-primary-darker)}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .ia-menu-state-message{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;line-height:20px;padding:16px;text-align:center}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{background-color:var(--iu-bg-surface-layer-bg)!important;border-radius:4px;height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container.Mui-focusVisible{background-color:var(--iu-bg-surface-layer-bg)!important}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover:not(.Mui-disabled){background-color:var(--iu-bg-surface-layer-bg)!important;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked{background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat center/10px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked.Mui-focusVisible{background-color:var(--iu-bg-surface-layer-bg)!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover:not(.Mui-disabled){background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat center/10px!important;border:1px solid var(--iu-bg-primary)}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked.Mui-disabled{background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectedTickDisabled.svg) no-repeat center/10px!important}.menu-section-header{align-items:center;color:var(--iu-on-surface-label);display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-list-icon svg{height:16px;width:16px}.ia-section-icon{min-width:32px!important}.ia-list-label-container{color:var(--iu-on-surface-body);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:var(--iu-on-surface-caption);font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{border-top:1px solid var(--iu-border-default);bottom:0;padding:0;position:sticky}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef, useRef, useImperativeHandle, useState } from "react";
|
|
4
4
|
import { IconMenuItem } from "./IconMenuItem.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-menu .MuiButtonBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-list-icon svg{height:16px;width:16px}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.ia-styles.ia-menu .MuiPaper-root{background:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:8px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiMenuItem-root{align-items:center;color:var(--iu-on-surface-body);display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiMenuItem-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-menu .MuiMenuItem-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiMenuItem-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiMenuItem-root:hover{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .MuiMenuItem-root.Mui-selected{background-color:var(--iu-bg-primary-subtle);border-radius:8px}.ia-styles.ia-menu .MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid var(--iu-bg-surface-lighter);gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .MuiMenuItem-root.child-hover{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid var(--iu-bg-surface-lighter);flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:var(--iu-on-primary-text)}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:var(--iu-bg-primary-subtle);border-color:var(--iu-bg-primary-darker);border-width:1px;color:var(--iu-bg-primary-darker)}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .ia-menu-state-message{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;line-height:20px;padding:16px;text-align:center}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{background-color:var(--iu-bg-surface-layer-bg)!important;border-radius:4px;height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container.Mui-focusVisible{background-color:var(--iu-bg-surface-layer-bg)!important}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover:not(.Mui-disabled){background-color:var(--iu-bg-surface-layer-bg)!important;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked{background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat center/10px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked.Mui-focusVisible{background-color:var(--iu-bg-surface-layer-bg)!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover:not(.Mui-disabled){background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat center/10px!important;border:1px solid var(--iu-bg-primary)}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked.Mui-disabled{background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectedTickDisabled.svg) no-repeat center/10px!important}.menu-section-header{align-items:center;color:var(--iu-on-surface-label);display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-list-icon svg{height:16px;width:16px}.ia-section-icon{min-width:32px!important}.ia-list-label-container{color:var(--iu-on-surface-body);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:var(--iu-on-surface-caption);font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{border-top:1px solid var(--iu-border-default);bottom:0;padding:0;position:sticky}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef, useState, useEffect } from "react";
|
|
4
4
|
import { nestedMenuItemsFromObject } from "./nestedMenuItemsFromObject.js";
|
|
@@ -93,19 +93,10 @@ const Menu = forwardRef(
|
|
|
93
93
|
const isSearching = customHeaderProps.isSearching;
|
|
94
94
|
const hasEmptySearch = Boolean(searchQuery && (data == null ? void 0 : data.length) === 0 && !isSearching);
|
|
95
95
|
const hasNoInitialData = !searchQuery && (data == null ? void 0 : data.length) === 0 && !isLoading;
|
|
96
|
-
const renderLoadingState = () => /* @__PURE__ */ jsx("div", {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
const renderSearchingState = () => /* @__PURE__ */ jsx("div", { style: { padding: "16px", textAlign: "center", color: "#666" }, children: /* @__PURE__ */ jsxs("div", { children: [
|
|
101
|
-
" ",
|
|
102
|
-
t("menu.searching")
|
|
103
|
-
] }) });
|
|
104
|
-
const renderEmptySearchState = () => /* @__PURE__ */ jsx("div", { style: { padding: "16px", textAlign: "center", color: "#666" }, children: /* @__PURE__ */ jsxs("div", { children: [
|
|
105
|
-
" ",
|
|
106
|
-
t("menu.noResults", { query: searchQuery ?? "" })
|
|
107
|
-
] }) });
|
|
108
|
-
const renderNoDataState = () => /* @__PURE__ */ jsx("div", { style: { padding: "16px", textAlign: "center", color: "#666" }, children: /* @__PURE__ */ jsxs("div", { children: [
|
|
96
|
+
const renderLoadingState = () => /* @__PURE__ */ jsx("div", { className: "ia-menu-state-message", children: /* @__PURE__ */ jsx("div", { children: t("menu.loadingOptions") }) });
|
|
97
|
+
const renderSearchingState = () => /* @__PURE__ */ jsx("div", { className: "ia-menu-state-message", children: /* @__PURE__ */ jsx("div", { children: t("menu.searching") }) });
|
|
98
|
+
const renderEmptySearchState = () => /* @__PURE__ */ jsx("div", { className: "ia-menu-state-message", children: /* @__PURE__ */ jsx("div", { children: t("menu.noResults", { query: searchQuery ?? "" }) }) });
|
|
99
|
+
const renderNoDataState = () => /* @__PURE__ */ jsx("div", { className: "ia-menu-state-message", children: /* @__PURE__ */ jsxs("div", { children: [
|
|
109
100
|
"📭 ",
|
|
110
101
|
t("menu.noOptions")
|
|
111
102
|
] }) });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-menu .MuiButtonBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-list-icon svg{height:16px;width:16px}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.ia-styles.ia-menu .MuiPaper-root{background:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:8px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiMenuItem-root{align-items:center;color:var(--iu-on-surface-body);display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiMenuItem-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-menu .MuiMenuItem-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiMenuItem-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiMenuItem-root:hover{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .MuiMenuItem-root.Mui-selected{background-color:var(--iu-bg-primary-subtle);border-radius:8px}.ia-styles.ia-menu .MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid var(--iu-bg-surface-lighter);gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .MuiMenuItem-root.child-hover{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid var(--iu-bg-surface-lighter);flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:var(--iu-on-primary-text)}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:var(--iu-bg-primary-subtle);border-color:var(--iu-bg-primary-darker);border-width:1px;color:var(--iu-bg-primary-darker)}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:var(--iu-bg-surface-lighter);border-radius:8px;color:var(--iu-on-surface-body)}.ia-styles.ia-menu .ia-menu-state-message{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;line-height:20px;padding:16px;text-align:center}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{background-color:var(--iu-bg-surface-layer-bg)!important;border-radius:4px;height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container.Mui-focusVisible{background-color:var(--iu-bg-surface-layer-bg)!important}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover:not(.Mui-disabled){background-color:var(--iu-bg-surface-layer-bg)!important;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked{background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat center/10px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked.Mui-focusVisible{background-color:var(--iu-bg-surface-layer-bg)!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover:not(.Mui-disabled){background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat center/10px!important;border:1px solid var(--iu-bg-primary)}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked.Mui-disabled{background:var(--iu-bg-surface-layer-bg) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectedTickDisabled.svg) no-repeat center/10px!important}.menu-section-header{align-items:center;color:var(--iu-on-surface-label);display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-list-icon svg{height:16px;width:16px}.ia-section-icon{min-width:32px!important}.ia-list-label-container{color:var(--iu-on-surface-body);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:var(--iu-on-surface-caption);font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{border-top:1px solid var(--iu-border-default);bottom:0;padding:0;position:sticky}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { IconMenuItem } from "./IconMenuItem.js";
|
|
4
4
|
import { NestedMenuItem } from "./NestedMenuItem.js";
|