anteriority-ui 1.6.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/.verify-bundle.css +678 -164
  2. package/.verify-bundle.js +2 -2
  3. package/AnteriorityUI.md +543 -3
  4. package/README.md +15 -2
  5. package/common/hooks/useKeyboardShortcut.js +49 -0
  6. package/common/hooks/usePasteImage.js +57 -0
  7. package/common/icons/index.js +2 -2
  8. package/index.js +100 -84
  9. package/lucide.js +1 -0
  10. package/package.json +4 -1
  11. package/screens/components/AlertModal/AlertModal.js +6 -3
  12. package/screens/components/Badge/index.js +3 -2
  13. package/screens/components/BlueLink/index.js +3 -3
  14. package/screens/components/CalendarComponent/CustomDatePicker.js +4 -3
  15. package/screens/components/CalendarPicker/index.js +4 -2
  16. package/screens/components/ChatWindow/index.js +6 -3
  17. package/screens/components/Checks/index.js +3 -3
  18. package/screens/components/CommandPalette/constants.js +24 -0
  19. package/screens/components/CommandPalette/index.js +211 -0
  20. package/screens/components/CommandPalette/index.module.css +205 -0
  21. package/screens/components/Container/index.js +5 -1
  22. package/screens/components/Container/index.module.css +17 -0
  23. package/screens/components/CopyText/index.js +4 -3
  24. package/screens/components/CountdownBar/index.js +4 -2
  25. package/screens/components/DateTag/index.js +2 -2
  26. package/screens/components/DesplegablePanel/index.js +4 -2
  27. package/screens/components/DrawPanel/index.js +3 -2
  28. package/screens/components/Filter/index.js +4 -2
  29. package/screens/components/FormControls/index.js +2 -2
  30. package/screens/components/Icons/findIcons.js +1 -1
  31. package/screens/components/Icons/registry.js +31 -31
  32. package/screens/components/ImagePastePreview/constants.js +14 -0
  33. package/screens/components/ImagePastePreview/index.js +53 -0
  34. package/screens/components/ImagePastePreview/index.module.css +47 -0
  35. package/screens/components/InfoTooltip/index.js +4 -2
  36. package/screens/components/KeyboardShortcut/index.js +9 -0
  37. package/screens/components/MarkdownEditor/index.js +5 -3
  38. package/screens/components/Material-UI/Components/MenuPopover/index.js +4 -2
  39. package/screens/components/Material-UI/Components/MultilinePlaceholder/constants.js +16 -0
  40. package/screens/components/Material-UI/Components/MultilinePlaceholder/index.js +75 -22
  41. package/screens/components/Material-UI/Components/MultilinePlaceholder/index.module.css +25 -0
  42. package/screens/components/Material-UI/Components/Paginador/index.js +5 -1
  43. package/screens/components/ModalTooltip/ModalTooltip.js +2 -1
  44. package/screens/components/Notification/Error/ErrorMessage.js +2 -2
  45. package/screens/components/NotificationsPanel/constants.js +4 -0
  46. package/screens/components/NotificationsPanel/index.js +39 -6
  47. package/screens/components/NotificationsPanel/index.module.css +33 -3
  48. package/screens/components/PasswordResetPanel/index.js +5 -1
  49. package/screens/components/PasteImageField/constants.js +14 -0
  50. package/screens/components/PasteImageField/index.js +56 -0
  51. package/screens/components/PasteImageField/index.module.css +6 -0
  52. package/screens/components/PlaceholderButton/index.js +6 -3
  53. package/screens/components/Profile/Avatar/index.js +12 -6
  54. package/screens/components/Profile/index.js +4 -3
  55. package/screens/components/Radio/constants.js +28 -0
  56. package/screens/components/Radio/index.js +102 -0
  57. package/screens/components/Radio/index.module.css +47 -0
  58. package/screens/components/SchemaForm/constants.js +4 -0
  59. package/screens/components/SchemaForm/index.js +59 -0
  60. package/screens/components/SchemaForm/index.module.css +54 -0
  61. package/screens/components/SchemaForm/templates.js +32 -0
  62. package/screens/components/SchemaForm/widgets.js +234 -0
  63. package/screens/components/Sidebar/index.js +252 -251
  64. package/screens/components/Sidebar/utils.js +0 -4
  65. package/screens/components/SubSidebarLayout/index.js +4 -2
  66. package/screens/components/SummaryCard/index.js +4 -3
  67. package/screens/components/TableA/index.js +9 -5
  68. package/screens/components/TableB/index.js +34 -8
  69. package/screens/components/Text/constants.js +14 -0
  70. package/screens/components/Text/index.js +29 -0
  71. package/screens/components/Text/index.module.css +37 -0
  72. package/screens/components/ToggleCard/index.js +6 -3
  73. package/screens/components/TopBar/components/NavDropdown/index.js +45 -0
  74. package/screens/components/TopBar/components/NavDropdown/index.module.css +23 -0
  75. package/screens/components/TopBar/components/NavLinks/index.js +72 -0
  76. package/screens/components/TopBar/components/SearchBar/index.js +38 -0
  77. package/screens/components/TopBar/components/TopBarActions/index.js +47 -0
  78. package/screens/components/TopBar/components/UserMenu/index.js +84 -0
  79. package/screens/components/TopBar/constants.js +2 -0
  80. package/screens/components/TopBar/index.js +151 -151
  81. package/screens/components/TopBar/index.module.css +88 -8
  82. package/screens/components/TopBar/utils.js +47 -0
  83. package/screens/components/UserEditPopover/index.js +2 -2
  84. package/screens/plasmic/index.js +783 -0
  85. package/screens/plasmic-gen/Button.js +10 -0
  86. package/screens/plasmic-gen/Homepage.js +11 -0
  87. package/screens/plasmic-gen/plasmic/blank_project/PlasmicButton.js +747 -0
  88. package/screens/plasmic-gen/plasmic/blank_project/PlasmicButton.module.css +451 -0
  89. package/screens/plasmic-gen/plasmic/blank_project/PlasmicGlobalVariant__Screen.js +20 -0
  90. package/screens/plasmic-gen/plasmic/blank_project/PlasmicHomepage.js +125 -0
  91. package/screens/plasmic-gen/plasmic/blank_project/PlasmicHomepage.module.css +21 -0
  92. package/screens/plasmic-gen/plasmic/blank_project/PlasmicStyleTokensProvider.js +11 -0
  93. package/screens/plasmic-gen/plasmic/blank_project/icons/PlasmicIcon__ChevronDown2.js +36 -0
  94. package/screens/plasmic-gen/plasmic/blank_project/icons/PlasmicIcon__Circle.js +36 -0
  95. package/screens/plasmic-gen/plasmic/blank_project/images/image13.svg +3 -0
  96. package/screens/plasmic-gen/plasmic/blank_project/plasmic.css +716 -0
  97. package/screens/plasmic-gen/plasmic/blank_project/plasmic.js +8 -0
  98. package/screens/plasmic-gen/plasmic/plasmic__default_style.css +379 -0
  99. package/screens/plasmic-gen/plasmic/react_aria/PlasmicStyleTokensProvider.js +11 -0
  100. package/screens/plasmic-gen/plasmic/react_aria/plasmic.css +381 -0
  101. package/screens/plasmic-gen/plasmic/react_aria/plasmic.js +5 -0
@@ -2812,6 +2812,190 @@
2812
2812
  color: var(--color-danger, #ea1f1f);
2813
2813
  }
2814
2814
 
2815
+ /* dist/screens/components/CommandPalette/index.module.css */
2816
+ .CommandPalette_overlay {
2817
+ position: fixed;
2818
+ top: 0;
2819
+ left: 0;
2820
+ width: 100vw;
2821
+ height: 100vh;
2822
+ background: rgba(0, 0, 0, 0.5);
2823
+ backdrop-filter: blur(4px);
2824
+ z-index: 9999;
2825
+ display: flex;
2826
+ justify-content: center;
2827
+ align-items: flex-start;
2828
+ padding-top: 12vh;
2829
+ box-sizing: border-box;
2830
+ animation: CommandPalette_overlayFadeIn 0.15s ease-out;
2831
+ }
2832
+ @keyframes CommandPalette_overlayFadeIn {
2833
+ from {
2834
+ opacity: 0;
2835
+ }
2836
+ to {
2837
+ opacity: 1;
2838
+ }
2839
+ }
2840
+ .CommandPalette_palette {
2841
+ width: min(640px, 92vw);
2842
+ max-height: 70vh;
2843
+ display: flex;
2844
+ flex-direction: column;
2845
+ background-color: var(--palette-bg, #1b1d23);
2846
+ color: var(--palette-text, #e6edf3);
2847
+ border: 1px solid var(--palette-border, #30363d);
2848
+ border-radius: 12px;
2849
+ box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
2850
+ overflow: hidden;
2851
+ font-family: var(--font-sans);
2852
+ animation: CommandPalette_paletteSlideIn 0.15s ease-out;
2853
+ }
2854
+ @keyframes CommandPalette_paletteSlideIn {
2855
+ from {
2856
+ opacity: 0;
2857
+ transform: translateY(-8px);
2858
+ }
2859
+ to {
2860
+ opacity: 1;
2861
+ transform: translateY(0);
2862
+ }
2863
+ }
2864
+ .CommandPalette_searchRow {
2865
+ display: flex;
2866
+ align-items: center;
2867
+ gap: 10px;
2868
+ padding: 14px 16px;
2869
+ border-bottom: 1px solid var(--palette-border, #30363d);
2870
+ flex-shrink: 0;
2871
+ }
2872
+ .CommandPalette_searchIcon {
2873
+ color: var(--palette-accent, #58a6ff);
2874
+ flex-shrink: 0;
2875
+ }
2876
+ .CommandPalette_input {
2877
+ flex: 1;
2878
+ min-width: 0;
2879
+ border: none;
2880
+ outline: none;
2881
+ background: transparent;
2882
+ color: var(--palette-text, #e6edf3);
2883
+ font-size: 0.95rem;
2884
+ font-family: inherit;
2885
+ }
2886
+ .CommandPalette_input::placeholder {
2887
+ color: var(--palette-icon, #8b949e);
2888
+ }
2889
+ .CommandPalette_clearButton,
2890
+ .CommandPalette_closeButton {
2891
+ display: inline-flex;
2892
+ align-items: center;
2893
+ justify-content: center;
2894
+ border: none;
2895
+ background: transparent;
2896
+ color: var(--palette-icon, #8b949e);
2897
+ cursor: pointer;
2898
+ padding: 4px;
2899
+ border-radius: 6px;
2900
+ flex-shrink: 0;
2901
+ }
2902
+ .CommandPalette_clearButton:hover,
2903
+ .CommandPalette_closeButton:hover {
2904
+ background-color: rgba(255, 255, 255, 0.08);
2905
+ color: var(--palette-text, #e6edf3);
2906
+ }
2907
+ .CommandPalette_shortcutHint {
2908
+ flex-shrink: 0;
2909
+ padding: 2px 6px;
2910
+ border-radius: 4px;
2911
+ border: 1px solid var(--palette-border, #30363d);
2912
+ background-color: rgba(255, 255, 255, 0.04);
2913
+ color: var(--palette-icon, #8b949e);
2914
+ font-size: 0.68rem;
2915
+ font-family: inherit;
2916
+ white-space: nowrap;
2917
+ }
2918
+ .CommandPalette_resultsScroll {
2919
+ display: flex;
2920
+ flex-direction: column;
2921
+ }
2922
+ .CommandPalette_results {
2923
+ padding: 8px;
2924
+ min-height: 0;
2925
+ }
2926
+ .CommandPalette_emptyMessage {
2927
+ margin: 0;
2928
+ padding: 28px 16px;
2929
+ text-align: center;
2930
+ font-size: 0.85rem;
2931
+ color: var(--palette-icon, #8b949e);
2932
+ }
2933
+ .CommandPalette_loadingWrapper {
2934
+ display: flex;
2935
+ justify-content: center;
2936
+ align-items: center;
2937
+ padding: 36px 16px;
2938
+ }
2939
+ .CommandPalette_skeletonGroup {
2940
+ display: flex;
2941
+ flex-direction: column;
2942
+ gap: 4px;
2943
+ padding: 4px;
2944
+ }
2945
+ .CommandPalette_skeletonRow {
2946
+ display: flex;
2947
+ align-items: center;
2948
+ gap: 10px;
2949
+ padding: 9px 10px;
2950
+ }
2951
+ .CommandPalette_group {
2952
+ display: flex;
2953
+ flex-direction: column;
2954
+ margin-bottom: 4px;
2955
+ }
2956
+ .CommandPalette_groupLabel {
2957
+ padding: 10px 10px 6px 10px;
2958
+ font-size: 0.7rem;
2959
+ font-weight: 700;
2960
+ letter-spacing: 0.04em;
2961
+ text-transform: uppercase;
2962
+ color: var(--palette-category, #8b949e);
2963
+ }
2964
+ .CommandPalette_item {
2965
+ display: flex;
2966
+ align-items: center;
2967
+ gap: 10px;
2968
+ width: 100%;
2969
+ padding: 9px 10px;
2970
+ border: none;
2971
+ border-radius: 8px;
2972
+ background: transparent;
2973
+ color: var(--palette-text, #e6edf3);
2974
+ font-size: 0.88rem;
2975
+ font-family: inherit;
2976
+ text-align: left;
2977
+ cursor: pointer;
2978
+ }
2979
+ .CommandPalette_itemActive {
2980
+ background-color: rgba(255, 255, 255, 0.08);
2981
+ }
2982
+ .CommandPalette_itemIcon {
2983
+ flex-shrink: 0;
2984
+ color: var(--palette-icon, #8b949e);
2985
+ }
2986
+ .CommandPalette_itemLabel {
2987
+ flex: 1;
2988
+ min-width: 0;
2989
+ overflow: hidden;
2990
+ text-overflow: ellipsis;
2991
+ white-space: nowrap;
2992
+ }
2993
+ .CommandPalette_itemDescription {
2994
+ flex-shrink: 0;
2995
+ font-size: 0.78rem;
2996
+ color: var(--palette-icon, #8b949e);
2997
+ }
2998
+
2815
2999
  /* dist/screens/components/Container/index.module.css */
2816
3000
  .Container_containerCard {
2817
3001
  position: relative;
@@ -2829,6 +3013,21 @@
2829
3013
  display: flex;
2830
3014
  flex-direction: column;
2831
3015
  }
3016
+ .Container_hasBgImage::before {
3017
+ content: "";
3018
+ position: absolute;
3019
+ inset: 0;
3020
+ border-radius: inherit;
3021
+ background-image: var(--container-bg-image);
3022
+ background-size: cover;
3023
+ background-position: center;
3024
+ filter: var(--container-bg-blur, none);
3025
+ z-index: 0;
3026
+ }
3027
+ .Container_hasBgImage > * {
3028
+ position: relative;
3029
+ z-index: 1;
3030
+ }
2832
3031
  @media (max-width: 768px) {
2833
3032
  .Container_containerCard {
2834
3033
  max-width: 100%;
@@ -3400,6 +3599,73 @@
3400
3599
  resize: vertical;
3401
3600
  }
3402
3601
 
3602
+ /* dist/screens/components/ImagePastePreview/index.module.css */
3603
+ .ImagePastePreview_list {
3604
+ display: flex;
3605
+ flex-wrap: wrap;
3606
+ gap: 8px;
3607
+ }
3608
+ .ImagePastePreview_chip {
3609
+ display: flex;
3610
+ align-items: center;
3611
+ gap: 8px;
3612
+ padding: 6px 8px;
3613
+ border: 1px solid var(--image-paste-preview-border, #e2e8f0);
3614
+ border-radius: 8px;
3615
+ background-color: #f8fafc;
3616
+ width: fit-content;
3617
+ max-width: 100%;
3618
+ box-sizing: border-box;
3619
+ }
3620
+ .ImagePastePreview_thumb {
3621
+ width: 36px;
3622
+ height: 36px;
3623
+ object-fit: cover;
3624
+ border-radius: 6px;
3625
+ border: 1px solid var(--image-paste-preview-thumb-border, #cbd5e1);
3626
+ flex-shrink: 0;
3627
+ }
3628
+ .ImagePastePreview_removeButton {
3629
+ display: inline-flex;
3630
+ align-items: center;
3631
+ justify-content: center;
3632
+ width: 20px;
3633
+ height: 20px;
3634
+ border: none;
3635
+ border-radius: 50%;
3636
+ background-color: transparent;
3637
+ color: #64748b;
3638
+ cursor: pointer;
3639
+ flex-shrink: 0;
3640
+ padding: 0;
3641
+ }
3642
+ .ImagePastePreview_removeButton:hover {
3643
+ background-color: #e2e8f0;
3644
+ color: #0f172a;
3645
+ }
3646
+
3647
+ /* dist/screens/components/Material-UI/Components/MultilinePlaceholder/index.module.css */
3648
+ .MultilinePlaceholder_textarea {
3649
+ scrollbar-width: thin;
3650
+ scrollbar-color: #cbd5e1 transparent;
3651
+ }
3652
+ .MultilinePlaceholder_textarea::-webkit-scrollbar {
3653
+ width: 6px;
3654
+ }
3655
+ .MultilinePlaceholder_textarea::-webkit-scrollbar-track {
3656
+ background: transparent;
3657
+ }
3658
+ .MultilinePlaceholder_textarea::-webkit-scrollbar-thumb {
3659
+ background-color: #cbd5e1;
3660
+ border-radius: 3px;
3661
+ }
3662
+ .MultilinePlaceholder_textarea::-webkit-scrollbar-thumb:hover {
3663
+ background-color: #94a3b8;
3664
+ }
3665
+ .MultilinePlaceholder_imagePreviewList {
3666
+ margin-top: 8px;
3667
+ }
3668
+
3403
3669
  /* dist/screens/components/HoursPicker/index.module.css */
3404
3670
  .HoursPicker_inputGroup {
3405
3671
  display: flex;
@@ -4002,11 +4268,37 @@
4002
4268
  gap: 0.75rem;
4003
4269
  min-height: 0;
4004
4270
  }
4271
+ .NotificationsPanel_emptyContainer {
4272
+ display: flex;
4273
+ flex-direction: column;
4274
+ align-items: center;
4275
+ justify-content: center;
4276
+ text-align: center;
4277
+ min-height: 200px;
4278
+ padding: 2.25rem 1.5rem;
4279
+ box-sizing: border-box;
4280
+ }
4281
+ .NotificationsPanel_emptyIconWrapper {
4282
+ display: flex;
4283
+ align-items: center;
4284
+ justify-content: center;
4285
+ color: var(--notifications-empty-icon, #94a3b8);
4286
+ margin-bottom: 0.85rem;
4287
+ }
4288
+ .NotificationsPanel_emptyTitle {
4289
+ margin: 0 0 0.35rem 0;
4290
+ font-size: 1rem;
4291
+ font-weight: 600;
4292
+ color: var(--notifications-empty-title, #1e293b);
4293
+ }
4005
4294
  .NotificationsPanel_emptyMessage {
4006
- margin: 1rem 0;
4295
+ margin: 0;
4007
4296
  text-align: center;
4008
- font-size: 0.85rem;
4009
- color: #94a3b8;
4297
+ font-size: 0.95rem;
4298
+ font-weight: 400;
4299
+ line-height: 1.45;
4300
+ color: var(--notifications-empty-text, #64748b);
4301
+ max-width: 260px;
4010
4302
  }
4011
4303
  .NotificationsPanel_item {
4012
4304
  align-items: flex-start;
@@ -4119,6 +4411,14 @@
4119
4411
  }
4120
4412
  }
4121
4413
 
4414
+ /* dist/screens/components/PasteImageField/index.module.css */
4415
+ .PasteImageField_wrapper {
4416
+ display: flex;
4417
+ flex-direction: column;
4418
+ gap: 8px;
4419
+ width: 100%;
4420
+ }
4421
+
4122
4422
  /* dist/screens/components/PlaceholderButton/index.module.css */
4123
4423
  .PlaceholderButton_configContainer {
4124
4424
  display: flex;
@@ -4265,50 +4565,215 @@
4265
4565
  }
4266
4566
  }
4267
4567
 
4268
- /* dist/screens/components/Sidebar/index.module.css */
4269
- .Sidebar_sidebar {
4270
- height: 100vh;
4271
- max-height: 100vh;
4272
- background: var(--sidebar-bg);
4273
- backdrop-filter: var(--sidebar-blur);
4274
- -webkit-backdrop-filter: var(--sidebar-blur);
4275
- border-radius: 0;
4276
- border: none;
4277
- border-right: var(--sidebar-border-right);
4278
- color: var(--sidebar-text);
4279
- padding: 24px 16px;
4280
- width: 280px;
4281
- min-width: 280px;
4282
- align-self: stretch;
4568
+ /* dist/screens/components/SchemaForm/index.module.css */
4569
+ .SchemaForm_form {
4283
4570
  display: flex;
4284
4571
  flex-direction: column;
4285
- gap: 16px;
4286
- box-sizing: border-box;
4287
- position: relative;
4288
- transition:
4289
- width 0.3s ease,
4290
- min-width 0.3s ease,
4291
- padding 0.3s ease;
4572
+ gap: 1.25rem;
4573
+ width: 100%;
4292
4574
  }
4293
- .Sidebar_sidebar.Sidebar_collapsed {
4294
- width: 68px;
4295
- min-width: 68px;
4296
- padding: 20px 8px;
4575
+ .SchemaForm_fieldset {
4576
+ display: contents;
4577
+ margin: 0;
4578
+ padding: 0;
4579
+ border: none;
4297
4580
  }
4298
- .Sidebar_sidebar.Sidebar_collapsed .Sidebar_sidebarHeader {
4299
- justify-content: center;
4581
+ .SchemaForm_legend {
4300
4582
  padding: 0;
4583
+ margin-bottom: 0.25rem;
4584
+ font-size: 0.95rem;
4585
+ font-weight: 600;
4586
+ color: var(--color-text, #0f172a);
4301
4587
  }
4302
- .Sidebar_sidebar.Sidebar_collapsed .Sidebar_sidebarItemBtn {
4303
- padding: 10px 0 !important;
4304
- justify-content: center !important;
4588
+ .SchemaForm_fieldsGrid {
4589
+ display: flex;
4590
+ flex-direction: column;
4591
+ gap: 1.25rem;
4592
+ width: 100%;
4305
4593
  }
4306
- .Sidebar_sidebar.Sidebar_collapsed .Sidebar_btnLayout {
4307
- justify-content: center !important;
4594
+ .SchemaForm_gridItem {
4595
+ width: 100%;
4308
4596
  }
4309
- .Sidebar_sidebar.Sidebar_collapsed .Sidebar_leftPart {
4310
- justify-content: center !important;
4311
- flex: none !important;
4597
+ .SchemaForm_field {
4598
+ display: flex;
4599
+ flex-direction: column;
4600
+ width: 100%;
4601
+ }
4602
+ .SchemaForm_fieldDescription {
4603
+ margin: 0.25rem 0 0;
4604
+ font-size: 0.8rem;
4605
+ color: var(--color-text-muted, #64748b);
4606
+ }
4607
+ .SchemaForm_checkboxesLabel {
4608
+ margin: 0 0 0.5rem;
4609
+ font-size: 0.95rem;
4610
+ color: var(--color-text, #0f172a);
4611
+ }
4612
+ .SchemaForm_hiddenFileInput {
4613
+ display: none;
4614
+ }
4615
+
4616
+ /* dist/screens/components/Swich/index.module.css */
4617
+ .Swich_switchButton {
4618
+ position: relative;
4619
+ display: inline-flex;
4620
+ align-items: center;
4621
+ width: 50px;
4622
+ height: 24px;
4623
+ border-radius: 12px;
4624
+ border: none;
4625
+ cursor: pointer;
4626
+ padding: 0;
4627
+ transition: background-color 0.3s ease;
4628
+ overflow: hidden;
4629
+ }
4630
+ .Swich_switchButton:disabled {
4631
+ opacity: 0.6;
4632
+ cursor: not-allowed;
4633
+ }
4634
+ .Swich_active {
4635
+ }
4636
+ .Swich_inactive {
4637
+ }
4638
+ .Swich_thumb {
4639
+ position: absolute;
4640
+ top: 3px;
4641
+ width: 18px;
4642
+ height: 18px;
4643
+ background-color: #ffffff;
4644
+ border-radius: 50%;
4645
+ transition: transform 0.2s ease;
4646
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
4647
+ pointer-events: none;
4648
+ z-index: 2;
4649
+ display: flex;
4650
+ align-items: center;
4651
+ justify-content: center;
4652
+ }
4653
+ .Swich_active .Swich_thumb {
4654
+ transform: translateX(29px);
4655
+ }
4656
+ .Swich_inactive .Swich_thumb {
4657
+ transform: translateX(3px);
4658
+ }
4659
+ .Swich_thumbIcon {
4660
+ display: flex;
4661
+ align-items: center;
4662
+ justify-content: center;
4663
+ width: 100%;
4664
+ height: 100%;
4665
+ animation: Swich_thumbIconPop 0.18s ease-out;
4666
+ }
4667
+ @keyframes Swich_thumbIconPop {
4668
+ 0% {
4669
+ transform: scale(0.6);
4670
+ opacity: 0;
4671
+ }
4672
+ 100% {
4673
+ transform: scale(1);
4674
+ opacity: 1;
4675
+ }
4676
+ }
4677
+ .Swich_trackLabel {
4678
+ position: absolute;
4679
+ top: 0;
4680
+ bottom: 0;
4681
+ display: flex;
4682
+ align-items: center;
4683
+ justify-content: center;
4684
+ font-size: 0.62rem;
4685
+ font-weight: 700;
4686
+ line-height: 1;
4687
+ letter-spacing: 0.02em;
4688
+ user-select: none;
4689
+ pointer-events: none;
4690
+ color: #ffffff;
4691
+ z-index: 1;
4692
+ animation: Swich_trackLabelFade 0.2s ease-out;
4693
+ }
4694
+ .Swich_trackLabelActive {
4695
+ left: 0;
4696
+ width: 29px;
4697
+ padding-left: 2px;
4698
+ }
4699
+ .Swich_trackLabelInactive {
4700
+ right: 0;
4701
+ width: 29px;
4702
+ padding-right: 2px;
4703
+ }
4704
+ @keyframes Swich_trackLabelFade {
4705
+ 0% {
4706
+ opacity: 0;
4707
+ transform: scale(0.85);
4708
+ }
4709
+ 100% {
4710
+ opacity: 1;
4711
+ transform: scale(1);
4712
+ }
4713
+ }
4714
+ .Swich_ripple {
4715
+ position: absolute;
4716
+ border-radius: 50%;
4717
+ transform: scale(0);
4718
+ animation: Swich_ripple 0.6s linear;
4719
+ background-color: rgba(255, 255, 255, 0.4);
4720
+ pointer-events: none;
4721
+ z-index: 1;
4722
+ }
4723
+ .Swich_inactive .Swich_ripple {
4724
+ background-color: rgba(0, 0, 0, 0.2);
4725
+ }
4726
+ @keyframes Swich_ripple {
4727
+ to {
4728
+ transform: scale(4);
4729
+ opacity: 0;
4730
+ }
4731
+ }
4732
+
4733
+ /* dist/screens/components/Sidebar/index.module.css */
4734
+ .Sidebar_sidebar {
4735
+ height: 100vh;
4736
+ max-height: 100vh;
4737
+ background: var(--sidebar-bg);
4738
+ backdrop-filter: var(--sidebar-blur);
4739
+ -webkit-backdrop-filter: var(--sidebar-blur);
4740
+ border-radius: 0;
4741
+ border: none;
4742
+ border-right: var(--sidebar-border-right);
4743
+ color: var(--sidebar-text);
4744
+ padding: 24px 16px;
4745
+ width: 280px;
4746
+ min-width: 280px;
4747
+ align-self: stretch;
4748
+ display: flex;
4749
+ flex-direction: column;
4750
+ gap: 16px;
4751
+ box-sizing: border-box;
4752
+ position: relative;
4753
+ transition:
4754
+ width 0.3s ease,
4755
+ min-width 0.3s ease,
4756
+ padding 0.3s ease;
4757
+ }
4758
+ .Sidebar_sidebar.Sidebar_collapsed {
4759
+ width: 68px;
4760
+ min-width: 68px;
4761
+ padding: 20px 8px;
4762
+ }
4763
+ .Sidebar_sidebar.Sidebar_collapsed .Sidebar_sidebarHeader {
4764
+ justify-content: center;
4765
+ padding: 0;
4766
+ }
4767
+ .Sidebar_sidebar.Sidebar_collapsed .Sidebar_sidebarItemBtn {
4768
+ padding: 10px 0 !important;
4769
+ justify-content: center !important;
4770
+ }
4771
+ .Sidebar_sidebar.Sidebar_collapsed .Sidebar_btnLayout {
4772
+ justify-content: center !important;
4773
+ }
4774
+ .Sidebar_sidebar.Sidebar_collapsed .Sidebar_leftPart {
4775
+ justify-content: center !important;
4776
+ flex: none !important;
4312
4777
  gap: 0 !important;
4313
4778
  }
4314
4779
  .Sidebar_sidebarHeader {
@@ -4827,123 +5292,6 @@
4827
5292
  margin: 0;
4828
5293
  }
4829
5294
 
4830
- /* dist/screens/components/Swich/index.module.css */
4831
- .Swich_switchButton {
4832
- position: relative;
4833
- display: inline-flex;
4834
- align-items: center;
4835
- width: 50px;
4836
- height: 24px;
4837
- border-radius: 12px;
4838
- border: none;
4839
- cursor: pointer;
4840
- padding: 0;
4841
- transition: background-color 0.3s ease;
4842
- overflow: hidden;
4843
- }
4844
- .Swich_switchButton:disabled {
4845
- opacity: 0.6;
4846
- cursor: not-allowed;
4847
- }
4848
- .Swich_active {
4849
- }
4850
- .Swich_inactive {
4851
- }
4852
- .Swich_thumb {
4853
- position: absolute;
4854
- top: 3px;
4855
- width: 18px;
4856
- height: 18px;
4857
- background-color: #ffffff;
4858
- border-radius: 50%;
4859
- transition: transform 0.2s ease;
4860
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
4861
- pointer-events: none;
4862
- z-index: 2;
4863
- display: flex;
4864
- align-items: center;
4865
- justify-content: center;
4866
- }
4867
- .Swich_active .Swich_thumb {
4868
- transform: translateX(29px);
4869
- }
4870
- .Swich_inactive .Swich_thumb {
4871
- transform: translateX(3px);
4872
- }
4873
- .Swich_thumbIcon {
4874
- display: flex;
4875
- align-items: center;
4876
- justify-content: center;
4877
- width: 100%;
4878
- height: 100%;
4879
- animation: Swich_thumbIconPop 0.18s ease-out;
4880
- }
4881
- @keyframes Swich_thumbIconPop {
4882
- 0% {
4883
- transform: scale(0.6);
4884
- opacity: 0;
4885
- }
4886
- 100% {
4887
- transform: scale(1);
4888
- opacity: 1;
4889
- }
4890
- }
4891
- .Swich_trackLabel {
4892
- position: absolute;
4893
- top: 0;
4894
- bottom: 0;
4895
- display: flex;
4896
- align-items: center;
4897
- justify-content: center;
4898
- font-size: 0.62rem;
4899
- font-weight: 700;
4900
- line-height: 1;
4901
- letter-spacing: 0.02em;
4902
- user-select: none;
4903
- pointer-events: none;
4904
- color: #ffffff;
4905
- z-index: 1;
4906
- animation: Swich_trackLabelFade 0.2s ease-out;
4907
- }
4908
- .Swich_trackLabelActive {
4909
- left: 0;
4910
- width: 29px;
4911
- padding-left: 2px;
4912
- }
4913
- .Swich_trackLabelInactive {
4914
- right: 0;
4915
- width: 29px;
4916
- padding-right: 2px;
4917
- }
4918
- @keyframes Swich_trackLabelFade {
4919
- 0% {
4920
- opacity: 0;
4921
- transform: scale(0.85);
4922
- }
4923
- 100% {
4924
- opacity: 1;
4925
- transform: scale(1);
4926
- }
4927
- }
4928
- .Swich_ripple {
4929
- position: absolute;
4930
- border-radius: 50%;
4931
- transform: scale(0);
4932
- animation: Swich_ripple 0.6s linear;
4933
- background-color: rgba(255, 255, 255, 0.4);
4934
- pointer-events: none;
4935
- z-index: 1;
4936
- }
4937
- .Swich_inactive .Swich_ripple {
4938
- background-color: rgba(0, 0, 0, 0.2);
4939
- }
4940
- @keyframes Swich_ripple {
4941
- to {
4942
- transform: scale(4);
4943
- opacity: 0;
4944
- }
4945
- }
4946
-
4947
5295
  /* dist/screens/components/TableA/index.module.css */
4948
5296
  .TableA_tableWrapper {
4949
5297
  width: 100%;
@@ -5366,6 +5714,40 @@
5366
5714
  border-bottom-right-radius: 0;
5367
5715
  }
5368
5716
 
5717
+ /* dist/screens/components/Text/index.module.css */
5718
+ .Text_text {
5719
+ margin: 0;
5720
+ font-family: var(--font-sans);
5721
+ color: var(--text-color, #0f172a);
5722
+ }
5723
+ .Text_h1 {
5724
+ font-size: 2rem;
5725
+ font-weight: 700;
5726
+ line-height: 1.25;
5727
+ }
5728
+ .Text_h2 {
5729
+ font-size: 1.5rem;
5730
+ font-weight: 700;
5731
+ line-height: 1.3;
5732
+ }
5733
+ .Text_h3 {
5734
+ font-size: 1.15rem;
5735
+ font-weight: 600;
5736
+ line-height: 1.35;
5737
+ }
5738
+ .Text_body {
5739
+ font-size: 1rem;
5740
+ font-weight: 400;
5741
+ line-height: 1.5;
5742
+ }
5743
+ .Text_caption {
5744
+ display: inline-block;
5745
+ font-size: 0.8rem;
5746
+ font-weight: 400;
5747
+ line-height: 1.4;
5748
+ color: var(--text-color, #64748b);
5749
+ }
5750
+
5369
5751
  /* dist/screens/components/TopBar/index.module.css */
5370
5752
  .TopBar_topbar {
5371
5753
  display: flex;
@@ -5384,7 +5766,7 @@
5384
5766
  display: flex;
5385
5767
  align-items: center;
5386
5768
  gap: 12px;
5387
- flex-shrink: 0;
5769
+ flex: 1;
5388
5770
  min-width: 0;
5389
5771
  }
5390
5772
  .TopBar_logoButton {
@@ -5436,6 +5818,52 @@
5436
5818
  align-items: center;
5437
5819
  width: 100%;
5438
5820
  max-width: 420px;
5821
+ border: none;
5822
+ padding: 0;
5823
+ background: transparent;
5824
+ font-family: inherit;
5825
+ cursor: default;
5826
+ }
5827
+ button.TopBar_searchWrapper {
5828
+ cursor: pointer;
5829
+ text-align: left;
5830
+ }
5831
+ .TopBar_navLinks {
5832
+ display: flex;
5833
+ align-items: center;
5834
+ gap: 28px;
5835
+ }
5836
+ .TopBar_navLinkWrapper {
5837
+ position: relative;
5838
+ display: flex;
5839
+ }
5840
+ .TopBar_navLink {
5841
+ display: inline-flex;
5842
+ align-items: center;
5843
+ gap: 4px;
5844
+ border: none;
5845
+ background: transparent;
5846
+ padding: 0;
5847
+ color: var(--topbar-navlink-color, var(--topbar-text, #0f172a));
5848
+ font-family: inherit;
5849
+ font-size: 0.9rem;
5850
+ font-weight: 500;
5851
+ text-decoration: none;
5852
+ cursor: pointer;
5853
+ white-space: nowrap;
5854
+ }
5855
+ .TopBar_navLink:hover,
5856
+ .TopBar_navLinkOpen {
5857
+ color: var(--topbar-navlink-active, var(--topbar-accent, #0ea5e9));
5858
+ }
5859
+ .TopBar_navLinkChevron {
5860
+ transition: transform 0.15s ease;
5861
+ }
5862
+ .TopBar_navLinkChevronOpen {
5863
+ transform: rotate(180deg);
5864
+ }
5865
+ .TopBar_ctaButton {
5866
+ flex-shrink: 0;
5439
5867
  }
5440
5868
  .TopBar_searchIcon {
5441
5869
  position: absolute;
@@ -5484,8 +5912,10 @@
5484
5912
  .TopBar_rightSection {
5485
5913
  display: flex;
5486
5914
  align-items: center;
5915
+ justify-content: flex-end;
5487
5916
  gap: 4px;
5488
- flex-shrink: 0;
5917
+ flex: 1;
5918
+ min-width: 0;
5489
5919
  }
5490
5920
  .TopBar_actionBtnWrapper {
5491
5921
  position: relative;
@@ -5493,13 +5923,33 @@
5493
5923
  }
5494
5924
  .TopBar_actionBtn {
5495
5925
  border-radius: 6px !important;
5496
- color: var(--topbar-icon, #475569) !important;
5497
- background-color: var(--topbar-action-bg, #f1f5f9) !important;
5498
- border: 1px solid var(--topbar-action-border, #e2e8f0) !important;
5926
+ color: var(--action-icon-color, var(--topbar-icon, #475569)) !important;
5927
+ background-color: var(--action-bg-color, var(--topbar-action-bg, #f1f5f9)) !important;
5928
+ border: 1px solid var(--action-border-color, var(--topbar-action-border, #e2e8f0)) !important;
5929
+ position: relative !important;
5930
+ overflow: hidden !important;
5931
+ transition:
5932
+ background-color 0.15s ease,
5933
+ color 0.15s ease,
5934
+ border-color 0.15s ease !important;
5935
+ }
5936
+ .TopBar_actionBtn .MuiTouchRipple-root {
5937
+ color: var(--action-ripple-color, var(--topbar-action-ripple, rgba(15, 23, 42, 0.28))) !important;
5938
+ border-radius: inherit !important;
5939
+ overflow: hidden !important;
5940
+ }
5941
+ .TopBar_actionBtn .MuiTouchRipple-rippleVisible {
5942
+ opacity: 0.35 !important;
5943
+ }
5944
+ .TopBar_actionBtnWithHover:hover {
5945
+ background-color: var(--action-hover-bg, var(--topbar-action-hover-bg, var(--topbar-hover-bg, #e2e8f0))) !important;
5946
+ color: var(--action-hover-text, var(--topbar-action-hover-text, var(--topbar-text, #0f172a))) !important;
5947
+ border-color: var(--action-hover-border, var(--topbar-action-hover-border, var(--topbar-action-border, #e2e8f0))) !important;
5499
5948
  }
5500
- .TopBar_actionBtn:hover {
5501
- background-color: var(--topbar-hover-bg, #e2e8f0) !important;
5502
- color: var(--topbar-text, #0f172a) !important;
5949
+ .TopBar_actionBtnNoHover:hover {
5950
+ background-color: var(--action-bg-color, var(--topbar-action-bg, #f1f5f9)) !important;
5951
+ color: var(--action-icon-color, var(--topbar-icon, #475569)) !important;
5952
+ border-color: var(--action-border-color, var(--topbar-action-border, #e2e8f0)) !important;
5503
5953
  }
5504
5954
  .TopBar_actionBadge {
5505
5955
  position: absolute;
@@ -5643,6 +6093,30 @@
5643
6093
  }
5644
6094
  }
5645
6095
 
6096
+ /* dist/screens/components/TopBar/components/NavDropdown/index.module.css */
6097
+ .NavDropdown_panel {
6098
+ position: fixed;
6099
+ left: 0;
6100
+ width: 100%;
6101
+ background-color: var(--nav-dropdown-bg, #ffffff);
6102
+ color: var(--nav-dropdown-text, #0f172a);
6103
+ border-bottom: 1px solid var(--nav-dropdown-border, #e2e8f0);
6104
+ box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
6105
+ box-sizing: border-box;
6106
+ z-index: 1200;
6107
+ animation: NavDropdown_slideDown 0.18s ease-out;
6108
+ }
6109
+ @keyframes NavDropdown_slideDown {
6110
+ from {
6111
+ opacity: 0;
6112
+ transform: translateY(-6px);
6113
+ }
6114
+ to {
6115
+ opacity: 1;
6116
+ transform: translateY(0);
6117
+ }
6118
+ }
6119
+
5646
6120
  /* dist/screens/components/UserEditPopover/index.module.css */
5647
6121
  .UserEditPopover_popoverPaper {
5648
6122
  padding: 16px;
@@ -5729,3 +6203,43 @@
5729
6203
  background: var(--usereditpopover-cancel-hover-bg, #e2e8f0);
5730
6204
  color: var(--usereditpopover-cancel-hover, #0f172a);
5731
6205
  }
6206
+
6207
+ /* dist/screens/components/Radio/index.module.css */
6208
+ .Radio_formControl {
6209
+ display: flex;
6210
+ flex-direction: column;
6211
+ gap: 0.5rem;
6212
+ font-family: var(--font-sans, sans-serif);
6213
+ border: none;
6214
+ padding: 0;
6215
+ margin: 0;
6216
+ }
6217
+ .Radio_formLabel {
6218
+ font-size: 0.95rem;
6219
+ font-weight: 600;
6220
+ color: var(--text-color, #0f172a);
6221
+ margin-bottom: 0.25rem;
6222
+ }
6223
+ .Radio_formLabel.Radio_Mui-focused {
6224
+ color: var(--text-color, #0f172a);
6225
+ }
6226
+ .Radio_radioGroupContainer {
6227
+ gap: 0.25rem;
6228
+ }
6229
+ .Radio_radioWrapper {
6230
+ margin-left: 0;
6231
+ margin-right: 0;
6232
+ user-select: none;
6233
+ transition: opacity 0.2s ease;
6234
+ }
6235
+ .Radio_radioWrapper .Radio_MuiFormControlLabel-label {
6236
+ font-family: var(--font-sans, sans-serif);
6237
+ color: var(--text-color, #0f172a);
6238
+ font-size: 1rem;
6239
+ }
6240
+ .Radio_muiRadioCustom svg {
6241
+ transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
6242
+ }
6243
+ .Radio_muiRadioCustom:hover {
6244
+ background-color: color-mix(in srgb, currentColor 8%, transparent);
6245
+ }