@pgcorp/ui-kit 0.14.0 → 0.15.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 (117) hide show
  1. package/README.md +330 -12
  2. package/dist/assets/src/components/layout/{SResizeHandle.vue_vue_type_style_index_0_scoped_13b9b27a_lang.css → SResizeHandle.vue_vue_type_style_index_0_scoped_dc65aba1_lang.css} +1 -1
  3. package/dist/assets/src/components/shared/_internal/SDialogSurface.css_vue_type_style_index_0_src_a108e8f1_scoped_a108e8f1_lang.css +2 -0
  4. package/dist/assets/src/components/shared/containers/{SCollapsiblePanel.css_vue_type_style_index_0_src_71824088_scoped_71824088_lang.css → SCollapsiblePanel.css_vue_type_style_index_0_src_db85261d_scoped_db85261d_lang.css} +1 -1
  5. package/dist/assets/src/components/shared/containers/{SOverlayHost.css_vue_type_style_index_0_src_8f9be94e_scoped_8f9be94e_lang.css → SOverlayHost.css_vue_type_style_index_0_src_09215628_scoped_09215628_lang.css} +1 -1
  6. package/dist/assets/src/components/shared/containers/{SPopover.css_vue_type_style_index_0_src_4091d007_scoped_4091d007_lang.css → SPopover.css_vue_type_style_index_0_src_a4f1f64a_scoped_a4f1f64a_lang.css} +1 -1
  7. package/dist/assets/src/components/shared/containers/SSidebarSection.css_vue_type_style_index_0_src_52396e42_scoped_52396e42_lang.css +2 -0
  8. package/dist/assets/src/components/shared/controls/SButton.css_vue_type_style_index_0_src_7a5acda9_scoped_7a5acda9_lang.css +1 -1
  9. package/dist/assets/src/components/shared/controls/SCheckbox.css_vue_type_style_index_0_src_2562f916_scoped_2562f916_lang.css +2 -0
  10. package/dist/assets/src/components/shared/controls/SCombobox.css_vue_type_style_index_0_src_d630c922_scoped_d630c922_lang.css +2 -0
  11. package/dist/assets/src/components/shared/controls/SContextMenu.css_vue_type_style_index_0_src_43b6e378_scoped_43b6e378_lang.css +1 -0
  12. package/dist/assets/src/components/shared/controls/{SDropdownMenu.css_vue_type_style_index_0_src_857e2649_scoped_857e2649_lang.css → SDropdownMenu.css_vue_type_style_index_0_src_40040ae5_scoped_40040ae5_lang.css} +1 -1
  13. package/dist/assets/src/components/shared/controls/{SMenuSurface.css_vue_type_style_index_0_src_84109ad9_scoped_84109ad9_lang.css → SMenuSurface.css_vue_type_style_index_0_src_d2b7d71b_scoped_d2b7d71b_lang.css} +1 -1
  14. package/dist/assets/src/components/shared/controls/SSelect.css_vue_type_style_index_0_src_d1ead6c0_scoped_d1ead6c0_lang.css +2 -0
  15. package/dist/assets/src/components/shared/data-display/SControlledToastViewport.css_vue_type_style_index_0_src_a69aa84b_scoped_a69aa84b_lang.css +2 -0
  16. package/dist/assets/src/components/shared/data-display/SScrollViewport.css_vue_type_style_index_0_src_d94fcf8c_scoped_d94fcf8c_lang.css +2 -0
  17. package/dist/assets/src/components/shared/data-display/STooltip.css_vue_type_style_index_0_src_true_lang.css +1 -1
  18. package/dist/assets/src/components/shared/data-display/_internal/STableFrame.css_vue_type_style_index_0_src_914bad28_scoped_914bad28_lang.css +2 -0
  19. package/dist/assets/src/components/shared/navigation/{SBottomNav.vue_vue_type_style_index_0_scoped_24be0f2b_lang.css → SBottomNav.vue_vue_type_style_index_0_scoped_68cf84b3_lang.css} +1 -1
  20. package/dist/src/components/layout/SResizeHandle.vue.js +2 -2
  21. package/dist/src/components/layout/SResizeHandle.vue_vue_type_script_setup_true_lang.js +4 -2
  22. package/dist/src/components/shared/_internal/SDialogSurface.vue.d.ts +9 -1
  23. package/dist/src/components/shared/_internal/SDialogSurface.vue.js +2 -2
  24. package/dist/src/components/shared/_internal/SDialogSurface.vue_vue_type_script_setup_true_lang.js +174 -82
  25. package/dist/src/components/shared/_internal/dialogSurface.d.ts +2 -0
  26. package/dist/src/components/shared/_internal/dialogSurface.js +30 -27
  27. package/dist/src/components/shared/_internal/dialogSurfaceMotion.d.ts +14 -0
  28. package/dist/src/components/shared/_internal/dialogSurfaceMotion.js +84 -0
  29. package/dist/src/components/shared/_internal/focusTrap.js +15 -13
  30. package/dist/src/components/shared/containers/SCollapsiblePanel.vue.d.ts +5 -0
  31. package/dist/src/components/shared/containers/SCollapsiblePanel.vue.js +2 -2
  32. package/dist/src/components/shared/containers/SCollapsiblePanel.vue_vue_type_script_setup_true_lang.js +123 -121
  33. package/dist/src/components/shared/containers/SDrawer.vue.d.ts +4 -4
  34. package/dist/src/components/shared/containers/SDrawer.vue.js +3 -6
  35. package/dist/src/components/shared/containers/SDrawer.vue_vue_type_script_setup_true_lang.js +104 -128
  36. package/dist/src/components/shared/containers/SModal.vue.d.ts +8 -8
  37. package/dist/src/components/shared/containers/SModal.vue.js +3 -6
  38. package/dist/src/components/shared/containers/SModal.vue_vue_type_script_setup_true_lang.js +87 -103
  39. package/dist/src/components/shared/containers/SOverlayHost.vue.js +2 -2
  40. package/dist/src/components/shared/containers/SOverlayHost.vue_vue_type_script_setup_true_lang.js +32 -31
  41. package/dist/src/components/shared/containers/SPanel.vue.d.ts +1 -1
  42. package/dist/src/components/shared/containers/SPopover.vue.js +2 -2
  43. package/dist/src/components/shared/containers/SPopover.vue_vue_type_script_setup_true_lang.js +225 -200
  44. package/dist/src/components/shared/containers/SSidebarSection.vue.js +2 -2
  45. package/dist/src/components/shared/containers/SSidebarSection.vue_vue_type_script_setup_true_lang.js +4 -3
  46. package/dist/src/components/shared/controls/SCheckbox.vue.js +2 -2
  47. package/dist/src/components/shared/controls/SCheckbox.vue_vue_type_script_setup_true_lang.js +13 -7
  48. package/dist/src/components/shared/controls/SCombobox.vue.js +2 -2
  49. package/dist/src/components/shared/controls/SCombobox.vue_vue_type_script_setup_true_lang.js +104 -94
  50. package/dist/src/components/shared/controls/SContextMenu.vue.js +2 -2
  51. package/dist/src/components/shared/controls/SContextMenu.vue_vue_type_script_setup_true_lang.js +86 -81
  52. package/dist/src/components/shared/controls/SDropdownMenu.vue.js +2 -2
  53. package/dist/src/components/shared/controls/SDropdownMenu.vue_vue_type_script_setup_true_lang.js +77 -72
  54. package/dist/src/components/shared/controls/SMenuSurface.vue.js +2 -2
  55. package/dist/src/components/shared/controls/SMenuSurface.vue_vue_type_script_setup_true_lang.js +81 -77
  56. package/dist/src/components/shared/controls/SSelect.vue.js +2 -2
  57. package/dist/src/components/shared/controls/SSelect.vue_vue_type_script_setup_true_lang.js +85 -77
  58. package/dist/src/components/shared/data-display/SControlledToastViewport.vue.js +2 -2
  59. package/dist/src/components/shared/data-display/SControlledToastViewport.vue_vue_type_script_setup_true_lang.js +58 -49
  60. package/dist/src/components/shared/data-display/SScrollViewport.vue.d.ts +10 -5
  61. package/dist/src/components/shared/data-display/SScrollViewport.vue.js +2 -2
  62. package/dist/src/components/shared/data-display/SScrollViewport.vue_vue_type_script_setup_true_lang.js +162 -111
  63. package/dist/src/components/shared/data-display/STooltip.vue_vue_type_script_setup_true_lang.js +276 -224
  64. package/dist/src/components/shared/data-display/_internal/STableFrame.vue.d.ts +3 -3
  65. package/dist/src/components/shared/data-display/_internal/STableFrame.vue.js +2 -2
  66. package/dist/src/components/shared/data-display/_internal/STableFrame.vue_vue_type_script_setup_true_lang.js +62 -46
  67. package/dist/src/components/shared/data-display/scrollViewport.d.ts +2 -0
  68. package/dist/src/components/shared/navigation/SBottomNav.vue.js +2 -2
  69. package/dist/src/components/shared/navigation/SBottomNav.vue_vue_type_script_setup_true_lang.js +3 -1
  70. package/dist/src/components/shared/navigation/STabList.vue.d.ts +1 -1
  71. package/dist/src/composables/useDialogOverlay.d.ts +12 -2
  72. package/dist/src/composables/useDialogOverlay.js +192 -119
  73. package/dist/src/internal/flatTree.d.ts +8 -0
  74. package/dist/src/internal/flatTree.js +23 -0
  75. package/dist/src/internal/focusNavigation.d.ts +3 -0
  76. package/dist/src/internal/focusNavigation.js +28 -15
  77. package/dist/src/internal/inertLease.d.ts +8 -0
  78. package/dist/src/internal/inertLease.js +33 -0
  79. package/dist/src/internal/layerStack.d.ts +40 -0
  80. package/dist/src/internal/layerStack.js +301 -94
  81. package/dist/src/internal/nativeFocus.d.ts +4 -0
  82. package/dist/src/internal/nativeFocus.js +12 -0
  83. package/dist/src/internal/overlayPortal.d.ts +17 -0
  84. package/dist/src/internal/overlayPortal.js +23 -0
  85. package/dist/src/internal/semanticSizing.d.ts +2 -2
  86. package/dist/src/internal/semanticSizing.js +2 -1
  87. package/dist/src/internal/useMenuLayer.d.ts +1 -0
  88. package/dist/src/internal/useMenuLayer.js +63 -57
  89. package/dist/src/internal/viewportModality.d.ts +27 -0
  90. package/dist/src/internal/viewportModality.js +132 -0
  91. package/dist/typography.js +17 -62
  92. package/docs/overlay-lifecycle.md +195 -0
  93. package/docs/public-api.md +141 -4
  94. package/docs/resize.md +34 -5
  95. package/docs/scroll-viewport.md +30 -10
  96. package/docs/theming.md +42 -8
  97. package/package.json +1 -1
  98. package/src/components/shared/_internal/SDialogSurface.css +185 -40
  99. package/src/components/shared/controls/SButton.css +0 -3
  100. package/src/components/shared/controls/SCheckbox.css +19 -7
  101. package/src/components/shared/data-display/SControlledToastViewport.css +2 -10
  102. package/src/components/shared/data-display/SScrollViewport.css +17 -1
  103. package/src/components/shared/data-display/STooltip.css +1 -1
  104. package/src/components/shared/data-display/_internal/STableFrame.css +1 -5
  105. package/dist/assets/src/components/shared/_internal/SDialogSurface.css_vue_type_style_index_0_src_0e58afdc_scoped_0e58afdc_lang.css +0 -2
  106. package/dist/assets/src/components/shared/containers/SDrawer.css_vue_type_style_index_0_src_61cf20dd_scoped_61cf20dd_lang.css +0 -2
  107. package/dist/assets/src/components/shared/containers/SModal.css_vue_type_style_index_0_src_42e1bd5f_scoped_42e1bd5f_lang.css +0 -2
  108. package/dist/assets/src/components/shared/containers/SSidebarSection.css_vue_type_style_index_0_src_21f71ae8_scoped_21f71ae8_lang.css +0 -2
  109. package/dist/assets/src/components/shared/controls/SCheckbox.css_vue_type_style_index_0_src_55d4826e_scoped_55d4826e_lang.css +0 -2
  110. package/dist/assets/src/components/shared/controls/SCombobox.css_vue_type_style_index_0_src_537f5744_scoped_537f5744_lang.css +0 -2
  111. package/dist/assets/src/components/shared/controls/SContextMenu.css_vue_type_style_index_0_src_03921269_scoped_03921269_lang.css +0 -1
  112. package/dist/assets/src/components/shared/controls/SSelect.css_vue_type_style_index_0_src_df3d6688_scoped_df3d6688_lang.css +0 -2
  113. package/dist/assets/src/components/shared/data-display/SControlledToastViewport.css_vue_type_style_index_0_src_5864b6c6_scoped_5864b6c6_lang.css +0 -2
  114. package/dist/assets/src/components/shared/data-display/SScrollViewport.css_vue_type_style_index_0_src_e5d11342_scoped_e5d11342_lang.css +0 -2
  115. package/dist/assets/src/components/shared/data-display/_internal/STableFrame.css_vue_type_style_index_0_src_52b5825e_scoped_52b5825e_lang.css +0 -2
  116. package/src/components/shared/containers/SDrawer.css +0 -87
  117. package/src/components/shared/containers/SModal.css +0 -27
@@ -1,2 +0,0 @@
1
- /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-21f71ae8],[data-v-21f71ae8]:before,[data-v-21f71ae8]:after,[data-v-21f71ae8]::backdrop{--tw-border-style:solid}}}.s-sidebar-section-wrapper[data-v-21f71ae8]{flex-direction:column;min-height:0;display:flex;overflow:hidden}.s-sidebar-section[data-v-21f71ae8]{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.s-sidebar-section-wrapper+.s-sidebar-section-wrapper .s-sidebar-section[data-v-21f71ae8]{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-surface-200,#e2e8f0)}.s-sidebar-section-wrapper+.s-sidebar-section-wrapper .s-sidebar-section[data-v-21f71ae8]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-sidebar-section-wrapper--resizable-before .s-sidebar-section[data-v-21f71ae8]{border-top-style:var(--tw-border-style);border-top-width:0}.s-sidebar-section-header[data-v-21f71ae8]{height:calc(var(--spacing,.25rem) * 7);align-items:center;gap:var(--spacing,.25rem);width:100%;padding-inline:var(--spacing,.25rem);background-color:#f8fafcb3;display:flex}@supports (color:color-mix(in lab, red, red)){.s-sidebar-section-header[data-v-21f71ae8]{background-color:color-mix(in oklab, var(--color-surface-50,#f8fafc) 70%, transparent)}}.s-sidebar-section-header[data-v-21f71ae8]:where(.dark,.dark *){background-color:#1e293b8c}@supports (color:color-mix(in lab, red, red)){.s-sidebar-section-header[data-v-21f71ae8]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-surface-800,#1e293b) 55%, transparent)}}.s-sidebar-section-header[data-v-21f71ae8]{color:var(--color-surface-600,#475569)}.s-sidebar-section-header[data-v-21f71ae8]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-sidebar-section-header[data-v-21f71ae8]{transition:background-color var(--s-motion-standard) ease, color var(--s-motion-standard) ease;flex-shrink:0}:is(.s-sidebar-section-header[data-v-21f71ae8]:has([data-sidebar-section-toggle]:hover),.s-sidebar-section-header[data-v-21f71ae8]:has([data-sidebar-section-toggle]:focus-visible)){background-color:var(--color-surface-100,#f1f5f9);color:var(--color-surface-800,#1e293b)}:is(.s-sidebar-section-header[data-v-21f71ae8]:has([data-sidebar-section-toggle]:hover),.s-sidebar-section-header[data-v-21f71ae8]:has([data-sidebar-section-toggle]:focus-visible)):where(.dark,.dark *){background-color:#334155b3}@supports (color:color-mix(in lab, red, red)){:is(.s-sidebar-section-header[data-v-21f71ae8]:has([data-sidebar-section-toggle]:hover),.s-sidebar-section-header[data-v-21f71ae8]:has([data-sidebar-section-toggle]:focus-visible)):where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-surface-700,#334155) 70%, transparent)}}:is(.s-sidebar-section-header[data-v-21f71ae8]:has([data-sidebar-section-toggle]:hover),.s-sidebar-section-header[data-v-21f71ae8]:has([data-sidebar-section-toggle]:focus-visible)):where(.dark,.dark *){color:var(--color-surface-100,#f1f5f9)}.s-sidebar-section-header--mobile[data-v-21f71ae8]{height:calc(var(--spacing,.25rem) * 6);padding-inline:calc(var(--spacing,.25rem) * 1.5)}.s-sidebar-section-trigger[data-v-21f71ae8]{flex:1;min-width:0}.s-sidebar-section-actions[data-v-21f71ae8]{align-items:center;gap:var(--spacing,.25rem);flex-shrink:0;margin-left:auto;display:flex}.s-sidebar-section-content[data-v-21f71ae8]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-surface-700,#334155)}.s-sidebar-section-content[data-v-21f71ae8]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-sidebar-section-content[data-v-21f71ae8]{flex:1;min-height:0;overflow:hidden auto}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@@ -1,2 +0,0 @@
1
- /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-55d4826e],[data-v-55d4826e]:before,[data-v-55d4826e]:after,[data-v-55d4826e]::backdrop{--tw-border-style:solid}}}.s-checkbox-control[data-v-55d4826e]{width:var(--s-control-indicator-size);height:var(--s-control-indicator-size);align-items:center;display:inline-flex;position:relative}.s-checkbox-input[data-v-55d4826e]{opacity:0;width:0;height:0;position:absolute}.s-checkbox-box[data-v-55d4826e]{border-radius:var(--radius-md,.75rem);border-style:var(--tw-border-style);width:var(--s-control-indicator-size);height:var(--s-control-indicator-size);border-width:1px;border-color:var(--color-surface-300,#cbd5e1);flex-shrink:0;position:relative}.s-checkbox-box[data-v-55d4826e]:where(.dark,.dark *){border-color:var(--color-surface-600,#475569)}.s-checkbox-box[data-v-55d4826e]{background-color:var(--color-surface-0,#fff)}.s-checkbox-box[data-v-55d4826e]:where(.dark,.dark *){background-color:var(--color-surface-900,#0f172a)}.s-checkbox-box[data-v-55d4826e]{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-duration:var(--s-motion-standard);justify-content:center;align-items:center;display:flex}@media (hover:hover){.s-checkbox-input:not(:disabled)+.s-checkbox-box[data-v-55d4826e]:hover{border-color:var(--color-primary-500,#3b82f6)}.s-checkbox-input:not(:disabled)+.s-checkbox-box[data-v-55d4826e]:where(.dark,.dark *):hover{border-color:var(--color-primary-400,#60a5fa)}}.s-checkbox-input:checked+.s-checkbox-box[data-v-55d4826e]{border-color:var(--color-primary-500,#3b82f6);background-color:var(--color-primary-500,#3b82f6)}.s-checkbox-input:checked+.s-checkbox-box[data-v-55d4826e]:where(.dark,.dark *){border-color:var(--color-primary-400,#60a5fa);background-color:var(--color-primary-400,#60a5fa)}.s-checkbox-input:disabled+.s-checkbox-box[data-v-55d4826e]{border-color:var(--color-surface-200,#e2e8f0);background-color:var(--color-surface-100,#f1f5f9)}.s-checkbox-input:disabled+.s-checkbox-box[data-v-55d4826e]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155);background-color:var(--color-surface-800,#1e293b)}.s-checkbox-check[data-v-55d4826e]{color:var(--color-white,#fff);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));width:var(--s-icon-size-xs);height:var(--s-icon-size-xs)}.s-checkbox-input:checked+.s-checkbox-box>.s-checkbox-check[data-v-55d4826e]{opacity:1}.s-checkbox-input:disabled+.s-checkbox-box>.s-checkbox-check[data-v-55d4826e]{color:var(--color-surface-400,#94a3b8)}.s-checkbox-input:disabled+.s-checkbox-box>.s-checkbox-check[data-v-55d4826e]:where(.dark,.dark *){color:var(--color-surface-600,#475569)}.s-checkbox-input:focus-visible+.s-checkbox-box[data-v-55d4826e]{outline:var(--s-focus-ring-width) solid var(--s-focus-ring-strong-color);outline-offset:var(--s-focus-ring-offset)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@@ -1,2 +0,0 @@
1
- /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- .s-combobox-anchor[data-v-537f5744]{width:100%;min-width:0}.s-combobox-layer[data-v-537f5744]{max-width:calc(100vw - 1rem)}
@@ -1 +0,0 @@
1
- .s-context-menu-boundary[data-layout=block][data-v-03921269]{display:block}.s-context-menu-boundary[data-layout=inline][data-v-03921269]{display:inline}.s-context-menu-boundary[data-layout=contents][data-v-03921269]{display:contents}
@@ -1,2 +0,0 @@
1
- /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- .s-select-anchor[data-v-df3d6688]{width:100%;min-width:0}.s-select-layer[data-v-df3d6688]{max-width:calc(100vw - 1rem)}
@@ -1,2 +0,0 @@
1
- /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- .s-toast-container[data-v-5864b6c6]{width:100%;max-height:100dvh;max-width:var(--container-md,28rem);overscroll-behavior:contain;min-width:0;padding:calc(var(--spacing,.25rem) * 4);z-index:var(--s-layer-root-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed;overflow-y:auto}.s-toast-container[data-position^=top-][data-v-5864b6c6]{inset-block-start:0}.s-toast-container[data-position^=bottom-][data-v-5864b6c6]{inset-block-end:0}.s-toast-container[data-position$=-start][data-v-5864b6c6]{inset-inline-start:0}.s-toast-container[data-position$=-end][data-v-5864b6c6]{inset-inline-end:0}.s-toast-container[data-position$=-center][data-v-5864b6c6]{margin-inline:auto;inset-inline:0}.s-toast-transition-wrapper[data-v-5864b6c6]{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex;position:relative}.s-toast-container[data-position$=-start] .s-toast-transition-wrapper[data-v-5864b6c6]{align-items:flex-start}.s-toast-container[data-position$=-center] .s-toast-transition-wrapper[data-v-5864b6c6]{align-items:center}.s-toast-container[data-position$=-end] .s-toast-transition-wrapper[data-v-5864b6c6]{align-items:flex-end}.notification-transition-enter-active[data-v-5864b6c6]{transition:opacity var(--s-motion-standard) ease-out, transform var(--s-motion-standard) ease-out}.notification-transition-enter-from[data-v-5864b6c6]{opacity:0;transform:translateY(.75rem)scale(.98)}.notification-transition-enter-to[data-v-5864b6c6]{opacity:1;transform:translate(0)scale(1)}.notification-transition-leave-active[data-v-5864b6c6]{transition:opacity var(--s-motion-fast) ease-in, transform var(--s-motion-fast) ease-in;position:absolute}.notification-transition-leave-from[data-v-5864b6c6]{opacity:1;transform:translate(0)scale(1)}.notification-transition-leave-to[data-v-5864b6c6]{opacity:0;transform:translateY(.5rem)scale(.98)}.notification-transition-move[data-v-5864b6c6]{transition:transform var(--s-motion-standard) ease}@media (prefers-reduced-motion:reduce){.notification-transition-enter-active[data-v-5864b6c6],.notification-transition-leave-active[data-v-5864b6c6],.notification-transition-move[data-v-5864b6c6]{transition-duration:.01ms}}
@@ -1,2 +0,0 @@
1
- /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- .s-scroll-viewport[data-v-e5d11342]{min-width:0;min-height:0;position:relative}.s-scroll-viewport[data-axis=x][data-v-e5d11342]{overflow:auto hidden}.s-scroll-viewport[data-axis=y][data-v-e5d11342]{overflow:hidden auto}.s-scroll-viewport[data-axis=both][data-v-e5d11342]{overflow:auto}.s-scroll-viewport[data-block-size=sm][data-v-e5d11342]{block-size:var(--s-scroll-viewport-max-block-size-sm)}.s-scroll-viewport[data-block-size=md][data-v-e5d11342]{block-size:var(--s-scroll-viewport-max-block-size-md)}.s-scroll-viewport[data-block-size=lg][data-v-e5d11342]{block-size:var(--s-scroll-viewport-max-block-size-lg)}.s-scroll-viewport[data-block-size=fill][data-v-e5d11342]{block-size:100%}.s-scroll-viewport[data-overscroll-behavior=contain][data-v-e5d11342]{overscroll-behavior:contain}.s-scroll-viewport[data-overscroll-behavior=none][data-v-e5d11342]{overscroll-behavior:none}.s-scroll-viewport[data-focusable=true][data-v-e5d11342]:focus-visible{outline:var(--s-focus-ring-width) solid var(--s-focus-ring-color);outline-offset:var(--s-focus-ring-inset-offset)}.s-scroll-viewport__content[data-v-e5d11342]{min-block-size:100%;min-inline-size:100%}
@@ -1,2 +0,0 @@
1
- /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-52b5825e],[data-v-52b5825e]:before,[data-v-52b5825e]:after,[data-v-52b5825e]::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}.s-table-wrapper[data-v-52b5825e]{border-radius:var(--radius-lg,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-surface-200,#e2e8f0);background-color:var(--color-surface-0,#fff);width:100%;min-width:0;overflow:auto}.s-table-wrapper[data-v-52b5825e]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155);background-color:var(--color-surface-800,#1e293b)}.s-table-wrapper[data-surface=plain][data-v-52b5825e]{border-style:var(--tw-border-style);background-color:#0000;border-width:0;border-radius:0}.s-table-wrapper[data-surface=plain][data-v-52b5825e]:where(.dark,.dark *){background-color:#0000}.s-table-wrapper[data-max-height=sm][data-v-52b5825e]{max-block-size:var(--s-scroll-viewport-max-block-size-sm)}.s-table-wrapper[data-max-height=md][data-v-52b5825e]{max-block-size:var(--s-scroll-viewport-max-block-size-md)}.s-table-wrapper[data-max-height=lg][data-v-52b5825e]{max-block-size:var(--s-scroll-viewport-max-block-size-lg)}.s-table[data-v-52b5825e]{--s-table-cell-padding-inline:1rem;--s-table-cell-padding-block:.75rem;--s-table-header-padding-inline:1rem;--s-table-header-padding-block:.75rem;--s-table-row-block-size:var(--s-density-row-comfortable);border-collapse:collapse;text-align:left;min-width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.s-table-wrapper[data-min-width=md][data-v-52b5825e]{--s-table-min-inline-size:var(--s-table-inline-size-md)}.s-table-wrapper[data-min-width=lg][data-v-52b5825e]{--s-table-min-inline-size:var(--s-table-inline-size-lg)}.s-table[data-v-52b5825e]{min-inline-size:var(--s-table-min-inline-size,100%)}.s-table[data-density=compact][data-v-52b5825e]{--s-table-cell-padding-inline:.5rem;--s-table-cell-padding-block:.375rem;--s-table-header-padding-inline:.75rem;--s-table-header-padding-block:.5rem;--s-table-row-block-size:var(--s-density-row-compact)}.s-table__caption[data-v-52b5825e]{text-align:left;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-surface-700,#334155)}.s-table__caption[data-v-52b5825e]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-table__caption[data-v-52b5825e]{padding:var(--s-table-header-padding-block) var(--s-table-header-padding-inline)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
@@ -1,87 +0,0 @@
1
- @reference "../../../styles/reference.css";
2
-
3
- .s-drawer-backdrop {
4
- @apply fixed inset-0;
5
- background: var(--s-overlay-backdrop-surface);
6
- -webkit-backdrop-filter: blur(var(--s-overlay-backdrop-blur));
7
- backdrop-filter: blur(var(--s-overlay-backdrop-blur));
8
- }
9
-
10
- .s-drawer-shell {
11
- @apply fixed inset-0;
12
- }
13
-
14
- .s-drawer-positioner {
15
- @apply absolute inset-0 flex items-stretch;
16
- justify-content: right;
17
- }
18
-
19
- .s-drawer-positioner[data-placement='left'] {
20
- justify-content: left;
21
- }
22
-
23
- .s-drawer-positioner[data-placement='bottom'] {
24
- @apply items-end justify-stretch;
25
- }
26
-
27
- .s-drawer-backdrop[data-scope='contained'],
28
- .s-drawer-shell[data-scope='contained'] {
29
- position: absolute;
30
- pointer-events: auto;
31
- }
32
-
33
- .s-drawer-backdrop-enter-active,
34
- .s-drawer-backdrop-leave-active {
35
- transition: opacity var(--s-motion-standard) ease;
36
- }
37
-
38
- .s-drawer-backdrop-enter-from,
39
- .s-drawer-backdrop-leave-to {
40
- opacity: 0;
41
- }
42
-
43
- .s-drawer-panel-enter-active,
44
- .s-drawer-panel-leave-active {
45
- transition:
46
- opacity var(--s-motion-standard) ease,
47
- transform var(--s-motion-standard) ease;
48
- }
49
-
50
- .s-drawer-panel-enter-from,
51
- .s-drawer-panel-leave-to {
52
- opacity: 0;
53
- transform: translateX(1.5rem);
54
- }
55
-
56
- .s-drawer-shell[data-placement='left'].s-drawer-panel-enter-from,
57
- .s-drawer-shell[data-placement='left'].s-drawer-panel-leave-to {
58
- transform: translateX(-1.5rem);
59
- }
60
-
61
- .s-drawer-shell[data-placement='bottom'].s-drawer-panel-enter-from,
62
- .s-drawer-shell[data-placement='bottom'].s-drawer-panel-leave-to {
63
- transform: translateY(1.5rem);
64
- }
65
-
66
- @media (max-width: 767px) {
67
- .s-drawer-shell[data-placement='right'].s-drawer-panel-enter-from,
68
- .s-drawer-shell[data-placement='right'].s-drawer-panel-leave-to {
69
- transform: translateY(1.5rem);
70
- }
71
- }
72
-
73
- @media (prefers-reduced-motion: reduce) {
74
- .s-drawer-backdrop-enter-active,
75
- .s-drawer-backdrop-leave-active,
76
- .s-drawer-panel-enter-active,
77
- .s-drawer-panel-leave-active {
78
- transition: none;
79
- }
80
-
81
- .s-drawer-panel-enter-from,
82
- .s-drawer-panel-leave-to,
83
- .s-drawer-shell[data-placement].s-drawer-panel-enter-from,
84
- .s-drawer-shell[data-placement].s-drawer-panel-leave-to {
85
- transform: none;
86
- }
87
- }
@@ -1,27 +0,0 @@
1
- /*
2
- Стили для компонента SModal.
3
- */
4
- @reference "../../../styles/reference.css";
5
-
6
- .s-modal-backdrop {
7
- /*
8
- Модальные окна должны перекрывать любые панели приложения:
9
- мобильный чат, нижнюю навигацию, поповеры и плавающие окна.
10
- */
11
- @apply fixed inset-0;
12
- background: var(--s-overlay-backdrop-surface);
13
- -webkit-backdrop-filter: blur(var(--s-overlay-backdrop-blur));
14
- backdrop-filter: blur(var(--s-overlay-backdrop-blur));
15
- }
16
-
17
- .s-modal-container {
18
- @apply fixed inset-0 overflow-y-auto;
19
- }
20
-
21
- .s-modal-panel-container {
22
- @apply flex min-h-full items-center justify-center p-4 text-center;
23
- }
24
-
25
- .s-modal-panel-container--fullscreen {
26
- @apply items-stretch justify-stretch p-0 text-left;
27
- }