@pgcorp/ui-kit 0.12.0 → 0.13.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.
- package/README.md +62 -0
- package/dist/assets/src/components/shared/_internal/SDialogSurface.css_vue_type_style_index_0_src_d1b65adf_scoped_d1b65adf_lang.css +1 -1
- package/dist/assets/src/components/shared/_internal/SMenuItem.css_vue_type_style_index_0_src_af485607_scoped_af485607_lang.css +2 -0
- package/dist/assets/src/components/shared/containers/{SCollapsiblePanel.css_vue_type_style_index_0_src_4882f962_scoped_4882f962_lang.css → SCollapsiblePanel.css_vue_type_style_index_0_src_71824088_scoped_71824088_lang.css} +1 -1
- package/dist/assets/src/components/shared/containers/{SModal.css_vue_type_style_index_0_src_23373daf_scoped_23373daf_lang.css → SModal.css_vue_type_style_index_0_src_0dc51b74_scoped_0dc51b74_lang.css} +1 -1
- package/dist/assets/src/components/shared/controls/{SDropdownMenu.css_vue_type_style_index_0_src_b854a89e_scoped_b854a89e_lang.css → SDropdownMenu.css_vue_type_style_index_0_src_1ccb9efc_scoped_1ccb9efc_lang.css} +1 -1
- package/dist/assets/src/components/shared/controls/{SInputText.css_vue_type_style_index_0_src_a9c5f1aa_scoped_a9c5f1aa_lang.css → SInputText.css_vue_type_style_index_0_src_023c25d0_scoped_023c25d0_lang.css} +1 -1
- package/dist/assets/src/components/shared/controls/SMenuSurface.css_vue_type_style_index_0_src_ddcc5fbb_scoped_ddcc5fbb_lang.css +2 -0
- package/dist/src/components/shared/_internal/SMenuItem.vue.js +2 -2
- package/dist/src/components/shared/_internal/SMenuItem.vue_vue_type_script_setup_true_lang.js +88 -76
- package/dist/src/components/shared/_internal/dialogSurface.d.ts +1 -1
- package/dist/src/components/shared/_internal/dialogSurface.js +1 -0
- package/dist/src/components/shared/containers/SCollapsiblePanel.vue.d.ts +1 -1
- package/dist/src/components/shared/containers/SCollapsiblePanel.vue.js +2 -2
- package/dist/src/components/shared/containers/SCollapsiblePanel.vue_vue_type_script_setup_true_lang.js +60 -58
- package/dist/src/components/shared/containers/SModal.vue.js +2 -2
- package/dist/src/components/shared/containers/SModal.vue_vue_type_script_setup_true_lang.js +43 -37
- package/dist/src/components/shared/controls/SDropdownMenu.vue.d.ts +15 -4
- package/dist/src/components/shared/controls/SDropdownMenu.vue.js +2 -2
- package/dist/src/components/shared/controls/SDropdownMenu.vue_vue_type_script_setup_true_lang.js +98 -62
- package/dist/src/components/shared/controls/SInputText.vue.d.ts +2 -2
- package/dist/src/components/shared/controls/SInputText.vue.js +2 -2
- package/dist/src/components/shared/controls/SInputText.vue_vue_type_script_setup_true_lang.js +16 -25
- package/dist/src/components/shared/controls/SMenuSurface.vue.js +2 -2
- package/dist/src/components/shared/controls/SMenuSurface.vue_vue_type_script_setup_true_lang.js +132 -110
- package/dist/src/components/shared/controls/STextarea.vue.d.ts +4 -0
- package/dist/src/components/shared/controls/STextarea.vue_vue_type_script_setup_true_lang.js +154 -147
- package/dist/src/components/shared/controls/menu.d.ts +9 -1
- package/dist/src/components/shared/controls/menu.js +43 -28
- package/dist/src/composables/useDialogOverlay.d.ts +1 -0
- package/dist/src/composables/useDialogOverlay.js +5 -2
- package/dist/src/internal/textLengthConstraints.d.ts +9 -0
- package/dist/src/internal/textLengthConstraints.js +18 -0
- package/dist/src/internal/useMenuLayer.d.ts +2 -1
- package/dist/src/internal/useMenuLayer.js +20 -14
- package/docs/public-api.md +14 -2
- package/package.json +1 -1
- package/src/components/shared/_internal/SDialogSurface.css +4 -0
- package/src/components/shared/_internal/SMenuItem.css +22 -1
- package/src/components/shared/controls/SMenuSurface.css +20 -0
- package/dist/assets/src/components/shared/_internal/SMenuItem.css_vue_type_style_index_0_src_e5bd192e_scoped_e5bd192e_lang.css +0 -2
- package/dist/assets/src/components/shared/controls/SMenuSurface.css_vue_type_style_index_0_src_bc7c7be4_scoped_bc7c7be4_lang.css +0 -2
package/README.md
CHANGED
|
@@ -567,6 +567,18 @@ the multiline textbox with a consumer-owned popup without private attributes.
|
|
|
567
567
|
The textarea keeps its native role; `role="combobox"` is not assigned to this
|
|
568
568
|
HTML element. Pixel bounds belong to the auto-resize contract.
|
|
569
569
|
|
|
570
|
+
`minLength` и `maxLength` используют тот же строгий native contract, что и
|
|
571
|
+
`SInputText`: принимают неотрицательные safe integers и требуют
|
|
572
|
+
`minLength <= maxLength`. Ограничение применяется к пользовательскому вводу;
|
|
573
|
+
controlled значение не усекается, поэтому серверный текст остаётся видимым и
|
|
574
|
+
может быть исправлен явно.
|
|
575
|
+
|
|
576
|
+
`minLength` and `maxLength` use the same strict native contract as
|
|
577
|
+
`SInputText`: values are non-negative safe integers and require
|
|
578
|
+
`minLength <= maxLength`. The limit applies to user input; the controlled value
|
|
579
|
+
is never truncated, so server-provided text remains visible for explicit
|
|
580
|
+
correction.
|
|
581
|
+
|
|
570
582
|
```vue
|
|
571
583
|
<STextarea
|
|
572
584
|
ref="composer"
|
|
@@ -575,6 +587,7 @@ HTML element. Pixel bounds belong to the auto-resize contract.
|
|
|
575
587
|
:auto-resize="true"
|
|
576
588
|
:min-height="64"
|
|
577
589
|
:max-height="240"
|
|
590
|
+
:max-length="512"
|
|
578
591
|
:suggestions="{
|
|
579
592
|
controls: 'mention-listbox',
|
|
580
593
|
activeDescendant: activeMentionId,
|
|
@@ -758,6 +771,55 @@ is required.
|
|
|
758
771
|
</SDrawer>
|
|
759
772
|
```
|
|
760
773
|
|
|
774
|
+
`SModal.size="4xl"` задаёт semantic maximum `56rem` между `3xl` (`48rem`) и
|
|
775
|
+
`wide` (`72rem`) для журналов, shell output и широких форм. Surface остаётся
|
|
776
|
+
responsive и сжимается до доступной ширины viewport. Если дочерний mount
|
|
777
|
+
завершается ошибкой, modal освобождает body lock, layer registration и свои
|
|
778
|
+
teleport nodes до передачи ошибки host-приложению.
|
|
779
|
+
|
|
780
|
+
`SModal.size="4xl"` provides a semantic `56rem` maximum between `3xl` (`48rem`)
|
|
781
|
+
and `wide` (`72rem`) for logs, shell output, and wide forms. The surface remains
|
|
782
|
+
responsive and shrinks to the available viewport. If a child mount fails, the
|
|
783
|
+
modal releases its body lock, layer registration, and owned teleport nodes
|
|
784
|
+
before the error reaches the host application.
|
|
785
|
+
|
|
786
|
+
### Управляемое dropdown menu / Controlled dropdown menu
|
|
787
|
+
|
|
788
|
+
`SDropdownMenu` поддерживает controlled `v-model:open`, начальное
|
|
789
|
+
`defaultOpen`, размещение `auto | bottom | top` и `closeOnSelect`. Событие
|
|
790
|
+
`select` публикуется до запроса закрытия; при `closeOnSelect=false` menu остаётся
|
|
791
|
+
открытым для асинхронных операций и повторного выбора. `kind="group"` создаёт
|
|
792
|
+
семантическую группу с видимой меткой, а `description` добавляет пункту
|
|
793
|
+
доступное пояснение через `aria-describedby` без дополнительной tab stop.
|
|
794
|
+
|
|
795
|
+
`SDropdownMenu` supports controlled `v-model:open`, initial `defaultOpen`,
|
|
796
|
+
`auto | bottom | top` placement, and `closeOnSelect`. The `select` event is
|
|
797
|
+
published before the close request; `closeOnSelect=false` keeps the menu open
|
|
798
|
+
for asynchronous operations and repeated selection. `kind="group"` creates a
|
|
799
|
+
semantic group with a visible label, while `description` adds an accessible
|
|
800
|
+
item hint through `aria-describedby` without another tab stop.
|
|
801
|
+
|
|
802
|
+
```vue
|
|
803
|
+
<SDropdownMenu
|
|
804
|
+
v-model:open="workspaceMenuOpen"
|
|
805
|
+
:items="workspaceGroups"
|
|
806
|
+
placement="top"
|
|
807
|
+
:close-on-select="false"
|
|
808
|
+
menu-label="Ветки и рабочие папки"
|
|
809
|
+
@select="switchWorkspace"
|
|
810
|
+
/>
|
|
811
|
+
```
|
|
812
|
+
|
|
813
|
+
### Плотность сворачиваемой панели / Collapsible panel density
|
|
814
|
+
|
|
815
|
+
`SCollapsiblePanel.density="compact"` и `density="dense"` используют compact
|
|
816
|
+
`SButton` disclosure hitbox высотой `32px`; `comfortable` сохраняет стандартную
|
|
817
|
+
геометрию. Consumer не задаёт высоту, padding или внутренние selectors.
|
|
818
|
+
|
|
819
|
+
`SCollapsiblePanel.density="compact"` and `density="dense"` use the compact
|
|
820
|
+
`SButton` disclosure hitbox at `32px`; `comfortable` retains the default
|
|
821
|
+
geometry. Consumers do not set height, padding, or internal selectors.
|
|
822
|
+
|
|
761
823
|
### Dialog open lifecycle
|
|
762
824
|
|
|
763
825
|
`SModal` и `SDrawer` эмитят `opened` один раз для каждого подтверждённого цикла
|
|
@@ -1,2 +1,2 @@
|
|
|
1
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-d1b65adf],[data-v-d1b65adf]:before,[data-v-d1b65adf]:after,[data-v-d1b65adf]::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}.s-dialog-surface[data-v-d1b65adf]{box-shadow:var(--s-elevation-overlay)}.s-dialog-surface[data-v-d1b65adf]:focus-visible{outline:var(--s-focus-ring-width) solid var(--s-focus-ring-color);outline-offset:var(--s-focus-ring-inset-offset)}.s-dialog-surface[data-presentation=modal][data-v-d1b65adf]{width:100%;transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);border-radius:var(--radius-2xl,1rem);padding:calc(var(--spacing,.25rem) * 6);text-align:left;vertical-align:middle;transition-property:all;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));background-color:var(--color-surface-0,#fff);overflow:hidden}.s-dialog-surface[data-presentation=modal][data-v-d1b65adf]:where(.dark,.dark *){background-color:var(--color-surface-800,#1e293b)}.s-dialog-surface[data-presentation=modal][data-surface=subtle][data-v-d1b65adf]{background-color:var(--color-surface-50,#f8fafc)}.s-dialog-surface[data-presentation=modal][data-surface=subtle][data-v-d1b65adf]:where(.dark,.dark *){background-color:var(--color-surface-900,#0f172a)}.s-dialog-surface[data-presentation=modal][data-scroll=body][data-v-d1b65adf]{flex-direction:column;max-height:calc(100dvh - 2rem);display:flex}.s-dialog-surface[data-presentation=modal][data-scroll=body] .s-dialog-surface__body[data-v-d1b65adf]{flex:1;min-height:0;overflow-y:auto}.s-dialog-surface[data-presentation=modal][data-layout=fullscreen][data-v-d1b65adf]{border-radius:0;max-width:100%;height:100%;min-height:100vh}.s-dialog-surface[data-presentation=modal][data-size=sm][data-v-d1b65adf]{max-width:24rem}.s-dialog-surface[data-presentation=modal][data-size=md][data-v-d1b65adf]{max-width:28rem}.s-dialog-surface[data-presentation=modal][data-size=lg][data-v-d1b65adf]{max-width:32rem}.s-dialog-surface[data-presentation=modal][data-size=xl][data-v-d1b65adf]{max-width:36rem}.s-dialog-surface[data-presentation=modal][data-size="2xl"][data-v-d1b65adf]{max-width:42rem}.s-dialog-surface[data-presentation=modal][data-size="3xl"][data-v-d1b65adf]{max-width:48rem}.s-dialog-surface[data-presentation=modal][data-size=wide][data-v-d1b65adf]{max-width:72rem}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__header[data-v-d1b65adf]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-bottom:calc(var(--spacing,.25rem) * 4);justify-content:space-between;align-items:flex-start;display:flex}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__header[data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__title[data-v-d1b65adf]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-surface-900,#0f172a)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__title[data-v-d1b65adf]:where(.dark,.dark *){color:var(--color-surface-100,#f1f5f9)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__body[data-v-d1b65adf]{margin-top:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-surface-600,#475569)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__body[data-v-d1b65adf]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__footer[data-v-d1b65adf]{margin-top:calc(var(--spacing,.25rem) * 6);justify-content:flex-end;gap:calc(var(--spacing,.25rem) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-top:calc(var(--spacing,.25rem) * 4);display:flex}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__footer[data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__footer[data-layout=split][data-v-d1b65adf]{justify-content:flex-start;align-items:center;column-gap:calc(var(--spacing,.25rem) * 3);row-gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap}.s-dialog-surface__footer-start[data-v-d1b65adf],.s-dialog-surface__footer-end[data-v-d1b65adf]{align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;min-width:0;display:flex}.s-dialog-surface__footer-start[data-v-d1b65adf]{margin-right:auto}.s-dialog-surface__footer-end[data-v-d1b65adf]{justify-content:flex-end;margin-left:auto}.s-dialog-surface[data-presentation=drawer][data-v-d1b65adf]{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-surface-200,#e2e8f0);background-color:var(--color-surface-0,#fff);width:100%;height:100%;color:var(--color-surface-900,#0f172a);flex-direction:column;display:flex;position:relative;overflow:hidden}.s-dialog-surface[data-presentation=drawer][data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155);background-color:var(--color-surface-900,#0f172a);color:var(--color-surface-0,#fff)}.s-dialog-surface[data-presentation=drawer][data-size=sm][data-v-d1b65adf]{max-width:30rem}.s-dialog-surface[data-presentation=drawer][data-size=md][data-v-d1b65adf]{max-width:36rem}.s-dialog-surface[data-presentation=drawer][data-size=lg][data-v-d1b65adf]{max-width:44rem}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-v-d1b65adf]{border-top-left-radius:var(--radius-2xl,1rem);border-top-right-radius:var(--radius-2xl,1rem);border-top-style:var(--tw-border-style);border-top-width:1px;border-left-style:var(--tw-border-style);border-left-width:0;border-color:var(--color-surface-200,#e2e8f0);max-width:none}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-v-d1b65adf]{width:100%;max-height:calc(100dvh - 1rem)}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-size=sm][data-v-d1b65adf]{height:50dvh}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-size=md][data-v-d1b65adf]{height:70dvh}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-size=lg][data-v-d1b65adf]{height:90dvh}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__header[data-v-d1b65adf]{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);display:flex}@media (width>=48rem){.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__header[data-v-d1b65adf]{padding-inline:calc(var(--spacing,.25rem) * 6)}}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__header[data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__title[data-v-d1b65adf]{min-width:0;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-surface-950,#020617);flex:1}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__title[data-v-d1b65adf]:where(.dark,.dark *){color:var(--color-surface-0,#fff)}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__body[data-v-d1b65adf]{padding:calc(var(--spacing,.25rem) * 5);flex:1;overflow-y:auto}@media (width>=48rem){.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__body[data-v-d1b65adf]{padding:calc(var(--spacing,.25rem) * 6)}}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__footer[data-v-d1b65adf]{justify-content:flex-end;gap:calc(var(--spacing,.25rem) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;display:flex}@media (width>=48rem){.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__footer[data-v-d1b65adf]{padding-inline:calc(var(--spacing,.25rem) * 6)}}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__footer[data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}@media (width<=767px){.s-dialog-surface[data-presentation=drawer][data-layout=mobile-fullscreen][data-v-d1b65adf]{border-left-style:var(--tw-border-style);border-left-width:0;max-width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
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-d1b65adf],[data-v-d1b65adf]:before,[data-v-d1b65adf]:after,[data-v-d1b65adf]::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}.s-dialog-surface[data-v-d1b65adf]{box-shadow:var(--s-elevation-overlay)}.s-dialog-surface[data-v-d1b65adf]:focus-visible{outline:var(--s-focus-ring-width) solid var(--s-focus-ring-color);outline-offset:var(--s-focus-ring-inset-offset)}.s-dialog-surface[data-presentation=modal][data-v-d1b65adf]{width:100%;transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);border-radius:var(--radius-2xl,1rem);padding:calc(var(--spacing,.25rem) * 6);text-align:left;vertical-align:middle;transition-property:all;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));background-color:var(--color-surface-0,#fff);overflow:hidden}.s-dialog-surface[data-presentation=modal][data-v-d1b65adf]:where(.dark,.dark *){background-color:var(--color-surface-800,#1e293b)}.s-dialog-surface[data-presentation=modal][data-surface=subtle][data-v-d1b65adf]{background-color:var(--color-surface-50,#f8fafc)}.s-dialog-surface[data-presentation=modal][data-surface=subtle][data-v-d1b65adf]:where(.dark,.dark *){background-color:var(--color-surface-900,#0f172a)}.s-dialog-surface[data-presentation=modal][data-scroll=body][data-v-d1b65adf]{flex-direction:column;max-height:calc(100dvh - 2rem);display:flex}.s-dialog-surface[data-presentation=modal][data-scroll=body] .s-dialog-surface__body[data-v-d1b65adf]{flex:1;min-height:0;overflow-y:auto}.s-dialog-surface[data-presentation=modal][data-layout=fullscreen][data-v-d1b65adf]{border-radius:0;max-width:100%;height:100%;min-height:100vh}.s-dialog-surface[data-presentation=modal][data-size=sm][data-v-d1b65adf]{max-width:24rem}.s-dialog-surface[data-presentation=modal][data-size=md][data-v-d1b65adf]{max-width:28rem}.s-dialog-surface[data-presentation=modal][data-size=lg][data-v-d1b65adf]{max-width:32rem}.s-dialog-surface[data-presentation=modal][data-size=xl][data-v-d1b65adf]{max-width:36rem}.s-dialog-surface[data-presentation=modal][data-size="2xl"][data-v-d1b65adf]{max-width:42rem}.s-dialog-surface[data-presentation=modal][data-size="3xl"][data-v-d1b65adf]{max-width:48rem}.s-dialog-surface[data-presentation=modal][data-size="4xl"][data-v-d1b65adf]{max-width:56rem}.s-dialog-surface[data-presentation=modal][data-size=wide][data-v-d1b65adf]{max-width:72rem}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__header[data-v-d1b65adf]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-bottom:calc(var(--spacing,.25rem) * 4);justify-content:space-between;align-items:flex-start;display:flex}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__header[data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__title[data-v-d1b65adf]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-surface-900,#0f172a)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__title[data-v-d1b65adf]:where(.dark,.dark *){color:var(--color-surface-100,#f1f5f9)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__body[data-v-d1b65adf]{margin-top:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-surface-600,#475569)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__body[data-v-d1b65adf]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__footer[data-v-d1b65adf]{margin-top:calc(var(--spacing,.25rem) * 6);justify-content:flex-end;gap:calc(var(--spacing,.25rem) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-top:calc(var(--spacing,.25rem) * 4);display:flex}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__footer[data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface[data-presentation=modal] .s-dialog-surface__footer[data-layout=split][data-v-d1b65adf]{justify-content:flex-start;align-items:center;column-gap:calc(var(--spacing,.25rem) * 3);row-gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap}.s-dialog-surface__footer-start[data-v-d1b65adf],.s-dialog-surface__footer-end[data-v-d1b65adf]{align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;min-width:0;display:flex}.s-dialog-surface__footer-start[data-v-d1b65adf]{margin-right:auto}.s-dialog-surface__footer-end[data-v-d1b65adf]{justify-content:flex-end;margin-left:auto}.s-dialog-surface[data-presentation=drawer][data-v-d1b65adf]{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-surface-200,#e2e8f0);background-color:var(--color-surface-0,#fff);width:100%;height:100%;color:var(--color-surface-900,#0f172a);flex-direction:column;display:flex;position:relative;overflow:hidden}.s-dialog-surface[data-presentation=drawer][data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155);background-color:var(--color-surface-900,#0f172a);color:var(--color-surface-0,#fff)}.s-dialog-surface[data-presentation=drawer][data-size=sm][data-v-d1b65adf]{max-width:30rem}.s-dialog-surface[data-presentation=drawer][data-size=md][data-v-d1b65adf]{max-width:36rem}.s-dialog-surface[data-presentation=drawer][data-size=lg][data-v-d1b65adf]{max-width:44rem}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-v-d1b65adf]{border-top-left-radius:var(--radius-2xl,1rem);border-top-right-radius:var(--radius-2xl,1rem);border-top-style:var(--tw-border-style);border-top-width:1px;border-left-style:var(--tw-border-style);border-left-width:0;border-color:var(--color-surface-200,#e2e8f0);max-width:none}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-v-d1b65adf]{width:100%;max-height:calc(100dvh - 1rem)}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-size=sm][data-v-d1b65adf]{height:50dvh}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-size=md][data-v-d1b65adf]{height:70dvh}.s-dialog-surface[data-presentation=drawer][data-placement=bottom][data-size=lg][data-v-d1b65adf]{height:90dvh}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__header[data-v-d1b65adf]{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);display:flex}@media (width>=48rem){.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__header[data-v-d1b65adf]{padding-inline:calc(var(--spacing,.25rem) * 6)}}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__header[data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__title[data-v-d1b65adf]{min-width:0;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-surface-950,#020617);flex:1}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__title[data-v-d1b65adf]:where(.dark,.dark *){color:var(--color-surface-0,#fff)}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__body[data-v-d1b65adf]{padding:calc(var(--spacing,.25rem) * 5);flex:1;overflow-y:auto}@media (width>=48rem){.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__body[data-v-d1b65adf]{padding:calc(var(--spacing,.25rem) * 6)}}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__footer[data-v-d1b65adf]{justify-content:flex-end;gap:calc(var(--spacing,.25rem) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;display:flex}@media (width>=48rem){.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__footer[data-v-d1b65adf]{padding-inline:calc(var(--spacing,.25rem) * 6)}}.s-dialog-surface[data-presentation=drawer] .s-dialog-surface__footer[data-v-d1b65adf]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155)}@media (width<=767px){.s-dialog-surface[data-presentation=drawer][data-layout=mobile-fullscreen][data-v-d1b65adf]{border-left-style:var(--tw-border-style);border-left-width:0;max-width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1,2 @@
|
|
|
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-af485607],[data-v-af485607]:before,[data-v-af485607]:after,[data-v-af485607]::backdrop{--tw-font-weight:initial;--tw-leading:initial}}}.s-menu-item[data-v-af485607]{text-align:left;--tw-font-weight:var(--font-weight-medium,500);width:100%;min-width:0;font-weight:var(--font-weight-medium,500);min-height:var(--s-density-row-default);align-items:center;gap:var(--s-space-control-gap);padding:var(--s-menu-item-block-padding) var(--s-menu-item-inline-padding);border-radius:var(--radius-xs);color:var(--s-menu-item-foreground);appearance:none;cursor:pointer;transition:background-color var(--s-motion-fast) ease, color var(--s-motion-fast) ease;background:0 0;border:0;font-family:inherit;font-size:.875rem;line-height:1.25rem;display:flex}.s-menu-item[data-density=compact][data-v-af485607]{min-height:var(--s-density-row-compact);padding:var(--s-menu-item-block-padding-compact) var(--s-menu-item-inline-padding-compact);font-size:.75rem;line-height:1rem}.s-menu-item[data-v-af485607]:hover:not([aria-disabled=true]),.s-menu-item[data-v-af485607]:focus-visible,.s-menu-item[data-current=true][data-v-af485607]{background:var(--s-menu-item-state-background);color:var(--s-menu-item-state-foreground)}.s-menu-item[data-v-af485607]:focus-visible{outline:var(--s-focus-ring-width) solid var(--s-focus-ring-color);outline-offset:var(--s-focus-ring-inset-offset)}.s-menu-item[aria-disabled=true][data-v-af485607]{color:var(--s-menu-item-disabled-foreground);cursor:not-allowed;opacity:.62}.s-menu-item__main[data-v-af485607]{align-items:center;gap:var(--s-space-control-gap);min-width:0;display:flex}.s-menu-item__state[data-v-af485607]{flex:0 0 var(--s-icon-size-xs);justify-content:center;align-items:center;display:inline-flex}.s-menu-item__state[data-v-af485607]:empty{display:none}.s-menu-item__icon[data-v-af485607],.s-menu-item__state-icon[data-v-af485607],.s-menu-item__submenu-icon[data-v-af485607]{width:var(--s-icon-size-xs);height:var(--s-icon-size-xs);flex:none}.s-menu-item__state-icon[data-v-af485607],.s-menu-item__radio-dot[data-v-af485607]{color:var(--s-menu-item-indicator-foreground)}.s-menu-item__radio-dot[data-v-af485607]{width:calc(var(--s-icon-size-xs) / 2);height:calc(var(--s-icon-size-xs) / 2);border-radius:var(--s-radius-pill);background:currentColor}.s-menu-item__text[data-v-af485607]{flex-direction:column;flex:auto;min-width:0;display:flex}.s-menu-item__label[data-v-af485607],.s-menu-item__description[data-v-af485607]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.s-menu-item__description[data-v-af485607]{color:var(--s-menu-item-secondary-foreground);font-size:.75rem;font-weight:400;line-height:1rem}.s-menu-item:hover:not([aria-disabled=true]) .s-menu-item__description[data-v-af485607],.s-menu-item:focus-visible .s-menu-item__description[data-v-af485607],.s-menu-item[data-current=true] .s-menu-item__description[data-v-af485607]{color:var(--s-menu-item-state-foreground)}.s-menu-item__meta[data-v-af485607]{align-items:center;gap:var(--s-space-control-gap);flex-shrink:0;margin-left:auto;display:inline-flex}.s-menu-item__badge[data-v-af485607]{display:inline-flex}.s-menu-item__shortcut[data-v-af485607]{text-align:right;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 4);line-height:calc(var(--spacing,.25rem) * 4);white-space:nowrap;color:var(--s-menu-item-secondary-foreground)}.s-menu-item:hover:not([aria-disabled=true]) .s-menu-item__shortcut[data-v-af485607],.s-menu-item:focus-visible .s-menu-item__shortcut[data-v-af485607],.s-menu-item[data-current=true] .s-menu-item__shortcut[data-v-af485607]{color:var(--s-menu-item-state-foreground)}.s-menu-item[data-layout=tile][data-v-af485607]{min-width:5rem}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
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-
|
|
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-71824088],[data-v-71824088]:before,[data-v-71824088]:after,[data-v-71824088]::backdrop{--tw-border-style:solid}}}.s-collapsible-panel[data-v-71824088]{z-index:0;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);flex-direction:column;flex:none;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.s-collapsible-panel[data-v-71824088]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155);background-color:var(--color-surface-800,#1e293b)}.s-collapsible-panel[data-surface=plain][data-v-71824088]{border-style:var(--tw-border-style);background-color:#0000;border-width:0;border-radius:0}.s-collapsible-panel[data-surface=plain][data-v-71824088]:where(.dark,.dark *){background-color:#0000}.s-collapsible-panel-header[data-v-71824088]{align-items:center;gap:var(--spacing,.25rem);flex-shrink:0;min-width:0;display:flex}.s-collapsible-panel-trigger[data-v-71824088]{flex:1;min-width:0}.s-collapsible-panel-actions[data-v-71824088]{align-items:center;gap:var(--spacing,.25rem);padding-right:var(--spacing,.25rem);flex-shrink:0;display:flex}.s-collapsible-panel-content[data-v-71824088]{background:inherit;width:100%;min-width:0;transition:max-height var(--s-motion-standard) ease;will-change:max-height;max-height:0;overflow:hidden}.s-collapsible-panel-content.is-opened[data-v-71824088]{max-height:none;transition:none;overflow-y:visible}.s-collapsible-panel-inner[data-v-71824088]{padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-surface-600,#475569)}.s-collapsible-panel-inner[data-v-71824088]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-collapsible-panel-content.is-animating[data-v-71824088]{border-color:#0000}.s-collapsible-panel[data-density=compact] .s-collapsible-panel-inner[data-v-71824088]{padding:calc(var(--spacing,.25rem) * 3)}.s-collapsible-panel[data-density=dense] .s-collapsible-panel-inner[data-v-71824088]{padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.s-collapsible-panel[data-content-padding=none]>.s-collapsible-panel-content>.s-collapsible-panel-inner[data-v-71824088]{padding:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.s-modal-backdrop[data-v-
|
|
2
|
+
.s-modal-backdrop[data-v-0dc51b74]{background:var(--s-overlay-backdrop-surface);-webkit-backdrop-filter:blur(var(--s-overlay-backdrop-blur));backdrop-filter:blur(var(--s-overlay-backdrop-blur));position:fixed;inset:0}.s-modal-container[data-v-0dc51b74]{position:fixed;inset:0;overflow-y:auto}.s-modal-panel-container[data-v-0dc51b74]{min-height:100%;padding:calc(var(--spacing,.25rem) * 4);text-align:center;justify-content:center;align-items:center;display:flex}.s-modal-panel-container--fullscreen[data-v-0dc51b74]{text-align:left;justify-content:stretch;align-items:stretch;padding:0}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.s-dropdown-menu[data-v-
|
|
2
|
+
.s-dropdown-menu[data-v-1ccb9efc]{text-align:left;align-self:flex-start;display:inline-block;position:relative}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
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-
|
|
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-023c25d0],[data-v-023c25d0]:before,[data-v-023c25d0]:after,[data-v-023c25d0]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-border-style:solid}}}.s-input-text-wrapper[data-v-023c25d0]{box-sizing:border-box;width:100%;min-width:0;position:relative}.s-input-text[data-v-023c25d0]{box-sizing:border-box;width:100%;min-width:0;display:block}.s-input-text[data-size=sm][data-v-023c25d0]{block-size:var(--s-control-hitbox-sm);padding-inline:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));padding-block:0}.s-input-text[data-size=md][data-v-023c25d0]{block-size:var(--s-control-hitbox-md);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));padding-block:0}.s-input-text[data-size=lg][data-v-023c25d0]{block-size:var(--s-control-hitbox-lg);padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));padding-block:0}.s-input-text[data-density=compact][data-size=sm][data-v-023c25d0]{block-size:var(--s-control-hitbox-xs)}.s-input-text[data-density=compact][data-size=md][data-v-023c25d0]{block-size:var(--s-control-hitbox-sm)}.s-input-text[data-density=compact][data-size=lg][data-v-023c25d0]{block-size:var(--s-control-hitbox-md);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.s-input-text--monospace[data-v-023c25d0]{font-family:var(--font-mono,"IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace)}.s-input-text[data-appearance=grid-cell][data-v-023c25d0]{block-size:var(--s-density-row-compact);padding-inline:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000;border-color:#0000;border-radius:0;padding-block:0}.s-input-text[data-appearance=workbench-title][data-v-023c25d0]{width:100%;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000;border-color:#0000}.s-input-text[data-appearance=workbench-title][data-v-023c25d0]:focus-visible{background-color:var(--color-surface-0,#fff)}.s-input-text[data-appearance=workbench-title][data-v-023c25d0]:focus-visible:where(.dark,.dark *){background-color:var(--color-surface-900,#0f172a)}.s-input-control[data-v-023c25d0]{position:relative}.s-input-text-wrapper[data-trailing=icon] .s-input-text[data-v-023c25d0],.s-input-text-wrapper[data-trailing=text] .s-input-text[data-v-023c25d0]{padding-right:calc(var(--spacing,.25rem) * 10)}.s-input-text-wrapper[data-trailing=action] .s-input-text[data-v-023c25d0]{padding-right:calc(var(--spacing,.25rem) * 12)}.s-input-trailing[data-v-023c25d0]{right:calc(var(--spacing,.25rem) * 2);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.s-input-trailing__passive[data-v-023c25d0]{color:var(--color-surface-400,#94a3b8);justify-content:center;align-items:center;display:inline-flex}.s-input-trailing__passive[data-v-023c25d0]:where(.dark,.dark *){color:var(--color-surface-500,#64748b)}.s-input-trailing__passive[data-v-023c25d0]{width:var(--s-icon-size-sm);height:var(--s-icon-size-sm)}.s-input-trailing__icon[data-v-023c25d0]{width:100%;height:100%}.s-input-trailing__text[data-v-023c25d0]{min-width:calc(var(--spacing,.25rem) * 5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-surface-200,#e2e8f0);background-color:var(--color-surface-50,#f8fafc);padding-inline:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-surface-500,#64748b);border-radius:.25rem;justify-content:center;align-items:center;display:inline-flex}.s-input-trailing__text[data-v-023c25d0]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155);background-color:var(--color-surface-800,#1e293b);color:var(--color-surface-400,#94a3b8)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.s-menu-surface[data-v-ddcc5fbb]{border-radius:var(--radius-xl,1.5rem);padding:calc(var(--spacing,.25rem) * 1.5);margin:0}.s-menu-surface[data-v-ddcc5fbb]:focus{--tw-outline-style:none;outline-style:none}.s-menu-surface[data-v-ddcc5fbb]{background:var(--s-floating-surface);color:var(--s-floating-foreground);box-shadow:0 0 0 1px var(--s-floating-outline), var(--s-elevation-floating);width:var(--s-menu-surface-width);min-width:var(--s-menu-surface-min-width);max-width:var(--s-menu-surface-max-width)}.s-menu-surface[data-density=compact][data-v-ddcc5fbb]{min-width:calc(var(--spacing,.25rem) * 40);border-radius:var(--radius-md,.75rem);padding:var(--spacing,.25rem)}.s-menu-surface[data-orientation=horizontal][data-v-ddcc5fbb]{gap:var(--spacing,.25rem);max-width:100%;display:flex;overflow-x:auto}.s-menu-group[data-v-ddcc5fbb]{min-width:0}.s-menu-group+.s-menu-group[data-v-ddcc5fbb]{margin-top:var(--s-space-control-gap);padding-top:var(--s-space-control-gap);border-top:1px solid var(--s-floating-outline)}.s-menu-group__label[data-v-ddcc5fbb]{padding:.25rem var(--s-menu-item-inline-padding);color:var(--s-menu-item-secondary-foreground);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:700;line-height:1rem}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import "../../../../assets/src/components/shared/_internal/SMenuItem.
|
|
1
|
+
import "../../../../assets/src/components/shared/_internal/SMenuItem.css_vue_type_style_index_0_src_af485607_scoped_af485607_lang.css";
|
|
2
2
|
import e from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
3
|
import t from "./SMenuItem.vue_vue_type_script_setup_true_lang.js";
|
|
4
4
|
/* empty css */
|
|
5
5
|
//#region src/components/shared/_internal/SMenuItem.vue
|
|
6
|
-
var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-
|
|
6
|
+
var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-af485607"]]);
|
|
7
7
|
//#endregion
|
|
8
8
|
export { n as default };
|
package/dist/src/components/shared/_internal/SMenuItem.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -3,20 +3,20 @@ import n from "../data-display/SBadge.vue.js";
|
|
|
3
3
|
import { useInteractiveLeafRegistration as r } from "../../../internal/passiveContentContract.js";
|
|
4
4
|
import { resolveLinkTarget as i } from "../../../internal/linkTarget.js";
|
|
5
5
|
import { menuContextKey as a } from "./menuContext.js";
|
|
6
|
-
import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, openBlock as g, ref as _, resolveDynamicComponent as v, toDisplayString as y, unref as b,
|
|
7
|
-
import { RouterLink as
|
|
6
|
+
import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, openBlock as g, ref as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useId as x, withCtx as S } from "vue";
|
|
7
|
+
import { RouterLink as C } from "vue-router";
|
|
8
8
|
//#region src/components/shared/_internal/SMenuItem.vue?vue&type=script&setup=true&lang.ts
|
|
9
|
-
var
|
|
9
|
+
var w = { class: "s-menu-item__main" }, T = { class: "s-menu-item__text" }, E = { class: "s-menu-item__label" }, D = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "s-menu-item__meta"
|
|
12
|
-
},
|
|
12
|
+
}, O = {
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "s-menu-item__badge"
|
|
15
|
-
},
|
|
15
|
+
}, ee = {
|
|
16
16
|
key: 1,
|
|
17
17
|
class: "s-menu-item__shortcut",
|
|
18
18
|
"aria-hidden": "true"
|
|
19
|
-
},
|
|
19
|
+
}, te = [
|
|
20
20
|
"role",
|
|
21
21
|
"data-layout",
|
|
22
22
|
"data-density",
|
|
@@ -26,12 +26,13 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
|
|
|
26
26
|
"aria-current",
|
|
27
27
|
"aria-checked",
|
|
28
28
|
"aria-haspopup",
|
|
29
|
-
"aria-expanded"
|
|
30
|
-
|
|
29
|
+
"aria-expanded",
|
|
30
|
+
"aria-describedby"
|
|
31
|
+
], ne = { class: "s-menu-item__main" }, k = { class: "s-menu-item__state" }, A = {
|
|
31
32
|
key: 1,
|
|
32
33
|
class: "s-menu-item__radio-dot",
|
|
33
34
|
"aria-hidden": "true"
|
|
34
|
-
}, M = { class: "s-menu-item__label" }, N = {
|
|
35
|
+
}, j = { class: "s-menu-item__text" }, M = { class: "s-menu-item__label" }, N = {
|
|
35
36
|
key: 0,
|
|
36
37
|
class: "s-menu-item__meta"
|
|
37
38
|
}, P = {
|
|
@@ -59,76 +60,76 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
|
|
|
59
60
|
setup(p, { emit: I }) {
|
|
60
61
|
let L = m(a);
|
|
61
62
|
if (!L) throw Error("SMenuItem must be used inside SMenuSurface");
|
|
62
|
-
let R = L, z = p,
|
|
63
|
+
let R = L, z = `s-menu-item-description-${x()}`, B = p, V = I, H = _(null);
|
|
63
64
|
r({ owner: "SMenuItem" });
|
|
64
|
-
let
|
|
65
|
-
href:
|
|
66
|
-
to:
|
|
67
|
-
target:
|
|
68
|
-
rel:
|
|
69
|
-
owner: `SMenuItem(${
|
|
70
|
-
}) : null),
|
|
71
|
-
function
|
|
72
|
-
let e =
|
|
65
|
+
let U, W = !1, G = o(() => B.entry.kind === "destination" ? i({
|
|
66
|
+
href: B.entry.href,
|
|
67
|
+
to: B.entry.to,
|
|
68
|
+
target: B.entry.target ?? "_self",
|
|
69
|
+
rel: B.entry.rel,
|
|
70
|
+
owner: `SMenuItem(${B.entry.id})`
|
|
71
|
+
}) : null), K = o(() => G.value?.kind === "router" ? C : "a"), q = o(() => G.value?.bindings ?? {}), J = o(() => B.entry.kind === "checkbox" ? "menuitemcheckbox" : B.entry.kind === "radio" ? "menuitemradio" : "menuitem"), Y = o(() => B.entry.kind === "checkbox" || B.entry.kind === "radio" ? B.entry.checked : void 0), X = o(() => (B.entry.kind === "action" || B.entry.kind === "destination") && !(!B.entry.current || B.entry.disabled));
|
|
72
|
+
function Z() {
|
|
73
|
+
let e = H.value;
|
|
73
74
|
if (!e) throw Error("SMenuItem: interactive element is unavailable");
|
|
74
75
|
return e;
|
|
75
76
|
}
|
|
76
|
-
function
|
|
77
|
+
function Q(e) {
|
|
77
78
|
if (!(e.el instanceof HTMLElement)) throw Error("SMenuItem: interactive component must render one HTMLElement root");
|
|
78
|
-
|
|
79
|
-
entryId:
|
|
80
|
-
label: () =>
|
|
81
|
-
hasSubmenu: () =>
|
|
82
|
-
element:
|
|
79
|
+
H.value !== e.el && (U?.(), H.value = e.el, U = R.register({
|
|
80
|
+
entryId: B.entry.id,
|
|
81
|
+
label: () => B.entry.label,
|
|
82
|
+
hasSubmenu: () => B.entry.kind === "submenu",
|
|
83
|
+
element: Z,
|
|
83
84
|
setTabStop: (e) => {
|
|
84
|
-
|
|
85
|
+
Z().tabIndex = e ? 0 : -1;
|
|
85
86
|
},
|
|
86
|
-
focus: () =>
|
|
87
|
-
isFocused: () => document.activeElement ===
|
|
88
|
-
ownsEventTarget: (e) => e instanceof Node && (e ===
|
|
89
|
-
activate:
|
|
87
|
+
focus: () => Z().focus(),
|
|
88
|
+
isFocused: () => document.activeElement === H.value,
|
|
89
|
+
ownsEventTarget: (e) => e instanceof Node && (e === H.value || Z().contains(e)),
|
|
90
|
+
activate: ae
|
|
90
91
|
}));
|
|
91
92
|
}
|
|
92
|
-
function
|
|
93
|
-
|
|
93
|
+
function $() {
|
|
94
|
+
U?.(), U = void 0, H.value = null;
|
|
94
95
|
}
|
|
95
|
-
function
|
|
96
|
-
if (
|
|
96
|
+
function re(e) {
|
|
97
|
+
if (B.entry.disabled) {
|
|
97
98
|
e.preventDefault(), e.stopPropagation();
|
|
98
99
|
return;
|
|
99
100
|
}
|
|
100
|
-
if (
|
|
101
|
-
|
|
101
|
+
if (B.entry.kind === "submenu") {
|
|
102
|
+
V("open-submenu");
|
|
102
103
|
return;
|
|
103
104
|
}
|
|
104
|
-
|
|
105
|
+
V("select", e);
|
|
105
106
|
}
|
|
106
|
-
function
|
|
107
|
-
|
|
107
|
+
function ie(e) {
|
|
108
|
+
W && e.detail === 0 || (W = !1, V("select", e));
|
|
108
109
|
}
|
|
109
|
-
function
|
|
110
|
-
if (!
|
|
111
|
-
if (
|
|
112
|
-
e.preventDefault(),
|
|
110
|
+
function ae(e) {
|
|
111
|
+
if (!B.entry.disabled) {
|
|
112
|
+
if (B.entry.kind === "submenu") {
|
|
113
|
+
e.preventDefault(), V("open-submenu");
|
|
113
114
|
return;
|
|
114
115
|
}
|
|
115
|
-
if (
|
|
116
|
-
|
|
116
|
+
if (B.entry.kind === "destination") {
|
|
117
|
+
V("select", e);
|
|
117
118
|
let t = e.defaultPrevented;
|
|
118
119
|
if (e.preventDefault(), !t) {
|
|
119
|
-
|
|
120
|
+
W = !0;
|
|
120
121
|
try {
|
|
121
|
-
|
|
122
|
+
Z().click();
|
|
122
123
|
} finally {
|
|
123
|
-
|
|
124
|
+
W = !1;
|
|
124
125
|
}
|
|
125
126
|
}
|
|
126
127
|
return;
|
|
127
128
|
}
|
|
128
|
-
e.preventDefault(),
|
|
129
|
+
e.preventDefault(), V("select", e);
|
|
129
130
|
}
|
|
130
131
|
}
|
|
131
|
-
return (r, i) => p.entry.kind === "destination" && !p.entry.disabled ? (g(), s(v(
|
|
132
|
+
return (r, i) => p.entry.kind === "destination" && !p.entry.disabled ? (g(), s(v(K.value), h({ key: 0 }, q.value, {
|
|
132
133
|
class: "s-menu-item",
|
|
133
134
|
role: "menuitem",
|
|
134
135
|
"data-layout": p.entry.layout ?? "row",
|
|
@@ -137,72 +138,83 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
|
|
|
137
138
|
"data-current": p.entry.current || void 0,
|
|
138
139
|
tabindex: "-1",
|
|
139
140
|
"aria-current": p.entry.current ? "page" : void 0,
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
141
|
+
"aria-describedby": p.entry.description ? z : void 0,
|
|
142
|
+
onClick: ie,
|
|
143
|
+
onPointermove: i[0] ||= (e) => V("pointer-intent"),
|
|
144
|
+
onVnodeMounted: Q,
|
|
145
|
+
onVnodeUpdated: Q,
|
|
146
|
+
onVnodeBeforeUnmount: $
|
|
145
147
|
}), {
|
|
146
|
-
default:
|
|
148
|
+
default: S(() => [u("span", w, [
|
|
147
149
|
i[2] ||= u("span", { class: "s-menu-item__state" }, null, -1),
|
|
148
150
|
p.entry.icon ? (g(), s(v(p.entry.icon), {
|
|
149
151
|
key: 0,
|
|
150
152
|
class: "s-menu-item__icon",
|
|
151
153
|
"aria-hidden": "true"
|
|
152
154
|
})) : c("", !0),
|
|
153
|
-
u("span",
|
|
154
|
-
|
|
155
|
+
u("span", T, [u("span", E, y(p.entry.label), 1), p.entry.description ? (g(), l("span", {
|
|
156
|
+
key: 0,
|
|
157
|
+
id: z,
|
|
158
|
+
class: "s-menu-item__description"
|
|
159
|
+
}, y(p.entry.description), 1)) : c("", !0)])
|
|
160
|
+
]), p.entry.badge !== void 0 || p.entry.shortcut ? (g(), l("span", D, [p.entry.badge === void 0 ? c("", !0) : (g(), l("span", O, [f(n, {
|
|
155
161
|
severity: p.entry.badgeSeverity ?? "secondary",
|
|
156
162
|
size: "xs"
|
|
157
163
|
}, {
|
|
158
|
-
default:
|
|
164
|
+
default: S(() => [d(y(p.entry.badge), 1)]),
|
|
159
165
|
_: 1
|
|
160
|
-
}, 8, ["severity"])])), p.entry.shortcut ? (g(), l("span",
|
|
166
|
+
}, 8, ["severity"])])), p.entry.shortcut ? (g(), l("span", ee, y(p.entry.shortcut), 1)) : c("", !0)])) : c("", !0)]),
|
|
161
167
|
_: 1
|
|
162
168
|
}, 16, [
|
|
163
169
|
"data-layout",
|
|
164
170
|
"data-density",
|
|
165
171
|
"data-menu-entry-id",
|
|
166
172
|
"data-current",
|
|
167
|
-
"aria-current"
|
|
173
|
+
"aria-current",
|
|
174
|
+
"aria-describedby"
|
|
168
175
|
])) : (g(), l("button", {
|
|
169
176
|
key: 1,
|
|
170
177
|
class: "s-menu-item",
|
|
171
178
|
type: "button",
|
|
172
|
-
role:
|
|
179
|
+
role: J.value,
|
|
173
180
|
"data-layout": p.entry.layout ?? "row",
|
|
174
181
|
"data-density": b(R).density.value,
|
|
175
182
|
"data-menu-entry-id": p.entry.id,
|
|
176
|
-
"data-current":
|
|
183
|
+
"data-current": X.value || void 0,
|
|
177
184
|
tabindex: "-1",
|
|
178
185
|
"aria-disabled": p.entry.disabled || void 0,
|
|
179
|
-
"aria-current":
|
|
180
|
-
"aria-checked":
|
|
186
|
+
"aria-current": X.value ? "page" : void 0,
|
|
187
|
+
"aria-checked": Y.value,
|
|
181
188
|
"aria-haspopup": p.entry.kind === "submenu" ? "menu" : void 0,
|
|
182
189
|
"aria-expanded": p.entry.kind === "submenu" ? p.submenuOpen : void 0,
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
+
"aria-describedby": p.entry.description ? z : void 0,
|
|
191
|
+
onClick: re,
|
|
192
|
+
onPointermove: i[1] ||= (e) => V("pointer-intent"),
|
|
193
|
+
onVnodeMounted: Q,
|
|
194
|
+
onVnodeUpdated: Q,
|
|
195
|
+
onVnodeBeforeUnmount: $
|
|
196
|
+
}, [u("span", ne, [
|
|
197
|
+
u("span", k, [p.entry.kind === "checkbox" && p.entry.checked !== !1 ? (g(), s(b(e), {
|
|
190
198
|
key: 0,
|
|
191
199
|
class: "s-menu-item__state-icon",
|
|
192
200
|
"aria-hidden": "true"
|
|
193
|
-
})) : p.entry.kind === "radio" && p.entry.checked ? (g(), l("span",
|
|
201
|
+
})) : p.entry.kind === "radio" && p.entry.checked ? (g(), l("span", A)) : c("", !0)]),
|
|
194
202
|
p.entry.icon ? (g(), s(v(p.entry.icon), {
|
|
195
203
|
key: 0,
|
|
196
204
|
class: "s-menu-item__icon",
|
|
197
205
|
"aria-hidden": "true"
|
|
198
206
|
})) : c("", !0),
|
|
199
|
-
u("span", M, y(p.entry.label), 1)
|
|
207
|
+
u("span", j, [u("span", M, y(p.entry.label), 1), p.entry.description ? (g(), l("span", {
|
|
208
|
+
key: 0,
|
|
209
|
+
id: z,
|
|
210
|
+
class: "s-menu-item__description"
|
|
211
|
+
}, y(p.entry.description), 1)) : c("", !0)])
|
|
200
212
|
]), p.entry.badge !== void 0 || p.entry.shortcut || p.entry.kind === "submenu" ? (g(), l("span", N, [
|
|
201
213
|
p.entry.badge === void 0 ? c("", !0) : (g(), l("span", P, [f(n, {
|
|
202
214
|
severity: p.entry.badgeSeverity ?? "secondary",
|
|
203
215
|
size: "xs"
|
|
204
216
|
}, {
|
|
205
|
-
default:
|
|
217
|
+
default: S(() => [d(y(p.entry.badge), 1)]),
|
|
206
218
|
_: 1
|
|
207
219
|
}, 8, ["severity"])])),
|
|
208
220
|
p.entry.shortcut ? (g(), l("span", F, y(p.entry.shortcut), 1)) : c("", !0),
|
|
@@ -211,7 +223,7 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
|
|
|
211
223
|
class: "s-menu-item__submenu-icon",
|
|
212
224
|
"aria-hidden": "true"
|
|
213
225
|
})) : c("", !0)
|
|
214
|
-
])) : c("", !0)], 40,
|
|
226
|
+
])) : c("", !0)], 40, te));
|
|
215
227
|
}
|
|
216
228
|
});
|
|
217
229
|
//#endregion
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type DialogSurfaceModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'wide' | 'full';
|
|
1
|
+
export type DialogSurfaceModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'wide' | 'full';
|
|
2
2
|
export type DialogSurfaceDrawerSize = 'sm' | 'md' | 'lg';
|
|
3
3
|
export type DialogSurfaceDrawerPlacement = 'right' | 'bottom';
|
|
4
4
|
export type DialogSurfaceTone = 'default' | 'subtle';
|
|
@@ -35,13 +35,13 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
|
|
|
35
35
|
density: "comfortable" | "compact" | "dense";
|
|
36
36
|
surface: "card" | "plain";
|
|
37
37
|
lazy: boolean;
|
|
38
|
+
defaultOpen: boolean;
|
|
38
39
|
summaryTypography: SDisclosureSummaryTypography;
|
|
39
40
|
summaryCase: SDisclosureSummaryCase;
|
|
40
41
|
summaryState: SDisclosureSummaryState;
|
|
41
42
|
summaryFacts: readonly SDisclosureSummaryFact[];
|
|
42
43
|
summaryBadges: readonly SDisclosureSummaryBadge[];
|
|
43
44
|
summaryStatus: SDisclosureSummaryStatus;
|
|
44
|
-
defaultOpen: boolean;
|
|
45
45
|
contentPadding: "density" | "none";
|
|
46
46
|
headerVariant: "default" | "minimal";
|
|
47
47
|
noAnimation: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import "../../../../assets/src/components/shared/containers/SCollapsiblePanel.
|
|
1
|
+
import "../../../../assets/src/components/shared/containers/SCollapsiblePanel.css_vue_type_style_index_0_src_71824088_scoped_71824088_lang.css";
|
|
2
2
|
import e from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
3
|
import t from "./SCollapsiblePanel.vue_vue_type_script_setup_true_lang.js";
|
|
4
4
|
/* empty css */
|
|
5
5
|
//#region src/components/shared/containers/SCollapsiblePanel.vue
|
|
6
|
-
var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-
|
|
6
|
+
var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-71824088"]]);
|
|
7
7
|
//#endregion
|
|
8
8
|
export { n as default };
|