@pgcorp/ui-kit 0.14.0 → 0.15.0

package/dist/assets/src/components/shared/controls/SButton.css_vue_type_style_index_0_src_7a5acda9_scoped_7a5acda9_lang.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@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-7a5acda9],[data-v-7a5acda9]:before,[data-v-7a5acda9]:after,[data-v-7a5acda9]::backdrop{--tw-font-weight:initial;--tw-leading:initial}}}.s-button[data-v-7a5acda9]{--s-button-accent:var(--s-button-primary-accent);--s-button-solid-background:var(--s-button-primary-solid-background);--s-button-solid-background-hover:var(--s-button-primary-solid-background-hover);--s-button-solid-background-active:var(--s-button-primary-solid-background-active);--s-button-on-solid:var(--s-button-primary-solid-foreground);--s-button-foreground:var(--s-button-primary-foreground);--s-button-outline:var(--s-button-accent)}@supports (color:color-mix(in lab, red, red)){.s-button[data-v-7a5acda9]{--s-button-outline:color-mix(in srgb, var(--s-button-accent) 45%, transparent)}}.s-button[data-v-7a5acda9]{--s-button-soft-background:var(--s-button-accent)}@supports (color:color-mix(in lab, red, red)){.s-button[data-v-7a5acda9]{--s-button-soft-background:color-mix(in srgb, var(--s-button-accent) 12%, transparent)}}.s-button[data-v-7a5acda9]{--s-button-hover-background:var(--s-button-accent)}@supports (color:color-mix(in lab, red, red)){.s-button[data-v-7a5acda9]{--s-button-hover-background:color-mix(in srgb, var(--s-button-accent) 10%, transparent)}}.s-button[data-v-7a5acda9]{--s-passive-content-foreground:var(--s-button-foreground);--tw-font-weight:var(--font-weight-semibold,600);min-width:0;font-weight:var(--font-weight-semibold,600);border-radius:var(--radius-xs);appearance:none;touch-action:manipulation;transition:background-color var(--s-motion-standard) ease, border-color var(--s-motion-standard) ease, box-shadow var(--s-motion-standard) ease, color var(--s-motion-standard) ease, transform var(--s-motion-fast) ease;border:1px solid #0000;justify-content:center;align-items:center;font-family:inherit;line-height:1.25;text-decoration:none;display:inline-flex;position:relative}.s-button[data-size=xs][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-xs);min-block-size:var(--s-control-hitbox-xs);padding:0 .5rem;font-size:.75rem}.s-button[data-density=compact][data-size=xs][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-2xs);min-block-size:var(--s-control-hitbox-2xs);padding-block:0}.s-button[data-density=compact][data-size=sm][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-xs);min-block-size:var(--s-control-hitbox-xs)}.s-button[data-density=compact][data-size=md][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-sm);min-block-size:var(--s-control-hitbox-sm)}.s-button[data-density=compact][data-size=lg][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-md);min-block-size:var(--s-control-hitbox-md);font-size:.875rem}.s-button[data-size=sm][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-sm);min-block-size:var(--s-control-hitbox-sm);padding:0 .625rem;font-size:.75rem}.s-button[data-spacing=tight][data-size=sm][data-v-7a5acda9]:not([data-icon-only=true]){height:var(--s-control-hitbox-sm);min-height:var(--s-control-hitbox-sm);padding-block:0;padding-inline:.25rem}.s-button[data-spacing=tight] .s-button__content[data-v-7a5acda9]{gap:.25rem}.s-button[data-size=md][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-md);min-block-size:var(--s-control-hitbox-md);padding:0 1.25rem;font-size:.875rem}.s-button[data-size=lg][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-lg);min-block-size:var(--s-control-hitbox-lg);padding:0 1.75rem;font-size:1.125rem}.s-button[data-label-overflow=wrap][data-v-7a5acda9]:not([data-icon-only=true]){block-size:auto;max-inline-size:100%;padding-block:.375rem}.s-button[data-label-overflow=wrap][data-density=compact][data-v-7a5acda9]:not([data-icon-only=true]){block-size:auto;padding-block:.25rem}.s-button[data-label-overflow=wrap][data-size=lg][data-v-7a5acda9]:not([data-icon-only=true]){padding-block:.5rem}.s-button[data-icon-only=true][data-v-7a5acda9]{flex:none;padding:0}.s-button[data-icon-only=true][data-size=xs][data-v-7a5acda9]{width:var(--s-control-hitbox-xs);height:var(--s-control-hitbox-xs)}.s-button[data-icon-only=true][data-size=sm][data-v-7a5acda9]{width:var(--s-control-hitbox-sm);height:var(--s-control-hitbox-sm)}.s-button[data-icon-only=true][data-size=md][data-v-7a5acda9]{width:var(--s-control-hitbox-md);height:var(--s-control-hitbox-md)}.s-button[data-icon-only=true][data-size=lg][data-v-7a5acda9]{width:var(--s-control-hitbox-lg);height:var(--s-control-hitbox-lg)}.s-button[data-density=compact][data-icon-only=true][data-size=xs][data-v-7a5acda9]{width:var(--s-control-hitbox-2xs);height:var(--s-control-hitbox-2xs)}.s-button[data-density=compact][data-icon-only=true][data-size=sm][data-v-7a5acda9]{width:var(--s-control-hitbox-xs);height:var(--s-control-hitbox-xs)}.s-button[data-density=compact][data-icon-only=true][data-size=md][data-v-7a5acda9]{width:var(--s-control-hitbox-sm);height:var(--s-control-hitbox-sm)}.s-button[data-density=compact][data-icon-only=true][data-size=lg][data-v-7a5acda9]{width:var(--s-control-hitbox-md);height:var(--s-control-hitbox-md)}.s-button[data-s-tone=secondary][data-v-7a5acda9]{--s-button-accent:var(--s-button-secondary-accent);--s-button-solid-background:var(--s-button-secondary-solid-background);--s-button-solid-background-hover:var(--s-button-secondary-solid-background-hover);--s-button-solid-background-active:var(--s-button-secondary-solid-background-active);--s-button-on-solid:var(--s-button-secondary-solid-foreground);--s-button-foreground:var(--s-button-secondary-foreground);--s-button-outline:var(--color-surface-300)}.s-button[data-s-tone=success][data-v-7a5acda9]{--s-button-accent:var(--s-button-success-accent);--s-button-solid-background:var(--s-button-success-solid-background);--s-button-solid-background-hover:var(--s-button-success-solid-background-hover);--s-button-solid-background-active:var(--s-button-success-solid-background-active);--s-button-on-solid:var(--s-button-success-solid-foreground);--s-button-foreground:var(--s-button-success-foreground)}.s-button[data-s-tone=info][data-v-7a5acda9]{--s-button-accent:var(--s-button-info-accent);--s-button-solid-background:var(--s-button-info-solid-background);--s-button-solid-background-hover:var(--s-button-info-solid-background-hover);--s-button-solid-background-active:var(--s-button-info-solid-background-active);--s-button-on-solid:var(--s-button-info-solid-foreground);--s-button-foreground:var(--s-button-info-foreground)}.s-button[data-s-tone=warn][data-v-7a5acda9]{--s-button-accent:var(--s-button-warn-accent);--s-button-solid-background:var(--s-button-warn-solid-background);--s-button-solid-background-hover:var(--s-button-warn-solid-background-hover);--s-button-solid-background-active:var(--s-button-warn-solid-background-active);--s-button-on-solid:var(--s-button-warn-solid-foreground);--s-button-foreground:var(--s-button-warn-foreground)}.s-button[data-s-tone=danger][data-v-7a5acda9]{--s-button-accent:var(--s-button-danger-accent);--s-button-solid-background:var(--s-button-danger-solid-background);--s-button-solid-background-hover:var(--s-button-danger-solid-background-hover);--s-button-solid-background-active:var(--s-button-danger-solid-background-active);--s-button-on-solid:var(--s-button-danger-solid-foreground);--s-button-foreground:var(--s-button-danger-foreground)}.s-button[data-s-tone=contrast][data-v-7a5acda9]{--s-button-accent:var(--s-button-contrast-accent);--s-button-solid-background:var(--s-button-contrast-solid-background);--s-button-solid-background-hover:var(--s-button-contrast-solid-background-hover);--s-button-solid-background-active:var(--s-button-contrast-solid-background-active);--s-button-on-solid:var(--s-button-contrast-solid-foreground);--s-button-foreground:var(--s-button-contrast-foreground);--s-button-outline:var(--color-surface-500)}.s-button[data-appearance=solid][data-v-7a5acda9]{--s-passive-content-foreground:var(--s-button-on-solid);border-color:var(--s-button-solid-background);background:var(--s-button-solid-background);box-shadow:var(--s-elevation-control);color:var(--s-button-on-solid)}.s-button[data-appearance=solid][data-v-7a5acda9]:hover:not(:disabled){border-color:var(--s-button-solid-background-hover);background:var(--s-button-solid-background-hover)}.s-button[aria-disabled=true][data-v-7a5acda9]{pointer-events:none}.s-button[data-appearance=solid][data-v-7a5acda9]:active:not(:disabled){border-color:var(--s-button-solid-background-active);background:var(--s-button-solid-background-active)}.s-button[data-appearance=soft][data-v-7a5acda9]{background:var(--s-button-soft-background);color:var(--s-button-foreground)}.s-button[data-appearance=soft][data-v-7a5acda9]:hover:not(:disabled){background:var(--s-button-accent)}@supports (color:color-mix(in lab, red, red)){.s-button[data-appearance=soft][data-v-7a5acda9]:hover:not(:disabled){background:color-mix(in srgb, var(--s-button-accent) 20%, transparent)}}.s-button[data-appearance=outline][data-v-7a5acda9]{border-color:var(--s-button-outline);color:var(--s-button-foreground);background:0 0}.s-button[data-appearance=outline][data-v-7a5acda9]:hover:not(:disabled),.s-button[data-appearance=ghost][data-v-7a5acda9]:hover:not(:disabled){background:var(--s-button-hover-background)}.s-button[data-hover-surface=parent][data-appearance=ghost][data-v-7a5acda9]:hover:not(:disabled){background:0 0}.s-button[data-appearance=ghost][data-v-7a5acda9],.s-button[data-appearance=text][data-v-7a5acda9]{box-shadow:none;color:var(--s-button-foreground);background:0 0}.s-button[data-appearance=text][data-v-7a5acda9]{padding-inline:.25rem}.s-button[data-appearance=text][data-v-7a5acda9]:hover:not(:disabled){text-decoration:underline}.s-button[data-v-7a5acda9]:focus-visible{z-index:var(--s-layer-focused-control);outline:var(--s-focus-ring-width) solid var(--s-button-accent);outline-offset:var(--s-focus-ring-offset)}.s-button[data-v-7a5acda9]:active:not(:disabled){transform:translateY(1px)}.s-button[aria-pressed=true][data-v-7a5acda9],.s-button[aria-pressed=mixed][data-v-7a5acda9]{box-shadow:0 0 0 2px var(--s-button-accent)}@supports (color:color-mix(in lab, red, red)){.s-button[aria-pressed=true][data-v-7a5acda9],.s-button[aria-pressed=mixed][data-v-7a5acda9]{box-shadow:0 0 0 2px color-mix(in srgb, var(--s-button-accent) 30%, transparent)}}.s-button[data-appearance=ghost][aria-current=page][data-v-7a5acda9],.s-button[data-appearance=soft][aria-current=page][data-v-7a5acda9]{background:var(--s-button-soft-background);color:var(--s-button-foreground)}.s-button[data-v-7a5acda9]:disabled,.s-button[aria-disabled=true][data-v-7a5acda9]{--s-passive-content-foreground:var(--s-button-disabled-foreground);background:var(--s-button-disabled-background);box-shadow:none;color:var(--s-button-disabled-foreground);cursor:not-allowed;border-color:#0000}.s-button[data-appearance=ghost][data-v-7a5acda9]:disabled,.s-button[data-appearance=text][data-v-7a5acda9]:disabled{background:0 0}.s-button[data-loading=true][data-v-7a5acda9]{cursor:wait;opacity:.75}.s-button[data-loading=true] .s-button__content[data-v-7a5acda9]{opacity:0}.s-button__content[data-v-7a5acda9]{justify-content:center;align-items:center;gap:var(--s-space-control-gap);flex-shrink:0;min-width:0;display:inline-flex}.s-button[data-width=full][data-v-7a5acda9]{width:100%;display:flex}.s-button[data-width=fit][data-v-7a5acda9]{width:fit-content}.s-button[data-width=full] .s-button__content[data-v-7a5acda9]{width:100%}.s-button[data-content-align=start] .s-button__content[data-v-7a5acda9]{text-align:left;justify-content:flex-start}.s-button[data-content-align=end] .s-button__content[data-v-7a5acda9]{text-align:right;justify-content:flex-end}.s-button[data-content-align=between] .s-button__content[data-v-7a5acda9]{text-align:left;justify-content:space-between}.s-button[data-shape=pill][data-v-7a5acda9],.s-button[data-shape=circle][data-v-7a5acda9]{border-radius:var(--s-radius-pill)}.s-button[data-shape=square][data-v-7a5acda9],.s-button[data-shape=row][data-v-7a5acda9]{border-radius:var(--radius-xs)}.s-button[data-shape=row][data-v-7a5acda9]{width:100%}.s-button__label[data-v-7a5acda9]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.s-button[data-label-overflow=wrap] .s-button__content[data-v-7a5acda9]{flex:auto;max-inline-size:100%}.s-button[data-label-overflow=wrap] .s-button__label[data-v-7a5acda9]{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;flex:auto;overflow:visible}.s-button__badge-slot[data-v-7a5acda9]{margin-left:auto;display:inline-flex}.s-button__shortcut[data-v-7a5acda9]{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(--color-surface-400);margin-left:auto}.dark{color:var(--color-surface-500)}.s-button__icon[data-v-7a5acda9]{width:var(--s-icon-size-xs);height:var(--s-icon-size-xs);flex:none}.s-button[data-size=lg] .s-button__icon[data-v-7a5acda9]{width:var(--s-icon-size-sm);height:var(--s-icon-size-sm)}.s-button[data-icon-size=large] .s-button__icon[data-v-7a5acda9]{width:var(--s-icon-size-md);height:var(--s-icon-size-md)}.s-button__loader[data-v-7a5acda9]{display:inline-flex;position:absolute}.s-button__disclosure-icon[data-v-7a5acda9]{transition:transform var(--s-motion-fast) ease}.s-button__disclosure-icon[data-expanded=true][data-v-7a5acda9]{transform:rotate(90deg)}.s-button__disclosure-icon>svg[data-v-7a5acda9]{width:100%;height:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}
+@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-7a5acda9],[data-v-7a5acda9]:before,[data-v-7a5acda9]:after,[data-v-7a5acda9]::backdrop{--tw-font-weight:initial;--tw-leading:initial}}}.s-button[data-v-7a5acda9]{--s-button-accent:var(--s-button-primary-accent);--s-button-solid-background:var(--s-button-primary-solid-background);--s-button-solid-background-hover:var(--s-button-primary-solid-background-hover);--s-button-solid-background-active:var(--s-button-primary-solid-background-active);--s-button-on-solid:var(--s-button-primary-solid-foreground);--s-button-foreground:var(--s-button-primary-foreground);--s-button-outline:var(--s-button-accent)}@supports (color:color-mix(in lab, red, red)){.s-button[data-v-7a5acda9]{--s-button-outline:color-mix(in srgb, var(--s-button-accent) 45%, transparent)}}.s-button[data-v-7a5acda9]{--s-button-soft-background:var(--s-button-accent)}@supports (color:color-mix(in lab, red, red)){.s-button[data-v-7a5acda9]{--s-button-soft-background:color-mix(in srgb, var(--s-button-accent) 12%, transparent)}}.s-button[data-v-7a5acda9]{--s-button-hover-background:var(--s-button-accent)}@supports (color:color-mix(in lab, red, red)){.s-button[data-v-7a5acda9]{--s-button-hover-background:color-mix(in srgb, var(--s-button-accent) 10%, transparent)}}.s-button[data-v-7a5acda9]{--s-passive-content-foreground:var(--s-button-foreground);--tw-font-weight:var(--font-weight-semibold,600);min-width:0;font-weight:var(--font-weight-semibold,600);border-radius:var(--radius-xs);appearance:none;touch-action:manipulation;transition:box-shadow var(--s-motion-standard) ease, transform var(--s-motion-fast) ease;border:1px solid #0000;justify-content:center;align-items:center;font-family:inherit;line-height:1.25;text-decoration:none;display:inline-flex;position:relative}.s-button[data-size=xs][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-xs);min-block-size:var(--s-control-hitbox-xs);padding:0 .5rem;font-size:.75rem}.s-button[data-density=compact][data-size=xs][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-2xs);min-block-size:var(--s-control-hitbox-2xs);padding-block:0}.s-button[data-density=compact][data-size=sm][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-xs);min-block-size:var(--s-control-hitbox-xs)}.s-button[data-density=compact][data-size=md][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-sm);min-block-size:var(--s-control-hitbox-sm)}.s-button[data-density=compact][data-size=lg][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-md);min-block-size:var(--s-control-hitbox-md);font-size:.875rem}.s-button[data-size=sm][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-sm);min-block-size:var(--s-control-hitbox-sm);padding:0 .625rem;font-size:.75rem}.s-button[data-spacing=tight][data-size=sm][data-v-7a5acda9]:not([data-icon-only=true]){height:var(--s-control-hitbox-sm);min-height:var(--s-control-hitbox-sm);padding-block:0;padding-inline:.25rem}.s-button[data-spacing=tight] .s-button__content[data-v-7a5acda9]{gap:.25rem}.s-button[data-size=md][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-md);min-block-size:var(--s-control-hitbox-md);padding:0 1.25rem;font-size:.875rem}.s-button[data-size=lg][data-v-7a5acda9]:not([data-icon-only=true]){block-size:var(--s-control-hitbox-lg);min-block-size:var(--s-control-hitbox-lg);padding:0 1.75rem;font-size:1.125rem}.s-button[data-label-overflow=wrap][data-v-7a5acda9]:not([data-icon-only=true]){block-size:auto;max-inline-size:100%;padding-block:.375rem}.s-button[data-label-overflow=wrap][data-density=compact][data-v-7a5acda9]:not([data-icon-only=true]){block-size:auto;padding-block:.25rem}.s-button[data-label-overflow=wrap][data-size=lg][data-v-7a5acda9]:not([data-icon-only=true]){padding-block:.5rem}.s-button[data-icon-only=true][data-v-7a5acda9]{flex:none;padding:0}.s-button[data-icon-only=true][data-size=xs][data-v-7a5acda9]{width:var(--s-control-hitbox-xs);height:var(--s-control-hitbox-xs)}.s-button[data-icon-only=true][data-size=sm][data-v-7a5acda9]{width:var(--s-control-hitbox-sm);height:var(--s-control-hitbox-sm)}.s-button[data-icon-only=true][data-size=md][data-v-7a5acda9]{width:var(--s-control-hitbox-md);height:var(--s-control-hitbox-md)}.s-button[data-icon-only=true][data-size=lg][data-v-7a5acda9]{width:var(--s-control-hitbox-lg);height:var(--s-control-hitbox-lg)}.s-button[data-density=compact][data-icon-only=true][data-size=xs][data-v-7a5acda9]{width:var(--s-control-hitbox-2xs);height:var(--s-control-hitbox-2xs)}.s-button[data-density=compact][data-icon-only=true][data-size=sm][data-v-7a5acda9]{width:var(--s-control-hitbox-xs);height:var(--s-control-hitbox-xs)}.s-button[data-density=compact][data-icon-only=true][data-size=md][data-v-7a5acda9]{width:var(--s-control-hitbox-sm);height:var(--s-control-hitbox-sm)}.s-button[data-density=compact][data-icon-only=true][data-size=lg][data-v-7a5acda9]{width:var(--s-control-hitbox-md);height:var(--s-control-hitbox-md)}.s-button[data-s-tone=secondary][data-v-7a5acda9]{--s-button-accent:var(--s-button-secondary-accent);--s-button-solid-background:var(--s-button-secondary-solid-background);--s-button-solid-background-hover:var(--s-button-secondary-solid-background-hover);--s-button-solid-background-active:var(--s-button-secondary-solid-background-active);--s-button-on-solid:var(--s-button-secondary-solid-foreground);--s-button-foreground:var(--s-button-secondary-foreground);--s-button-outline:var(--color-surface-300)}.s-button[data-s-tone=success][data-v-7a5acda9]{--s-button-accent:var(--s-button-success-accent);--s-button-solid-background:var(--s-button-success-solid-background);--s-button-solid-background-hover:var(--s-button-success-solid-background-hover);--s-button-solid-background-active:var(--s-button-success-solid-background-active);--s-button-on-solid:var(--s-button-success-solid-foreground);--s-button-foreground:var(--s-button-success-foreground)}.s-button[data-s-tone=info][data-v-7a5acda9]{--s-button-accent:var(--s-button-info-accent);--s-button-solid-background:var(--s-button-info-solid-background);--s-button-solid-background-hover:var(--s-button-info-solid-background-hover);--s-button-solid-background-active:var(--s-button-info-solid-background-active);--s-button-on-solid:var(--s-button-info-solid-foreground);--s-button-foreground:var(--s-button-info-foreground)}.s-button[data-s-tone=warn][data-v-7a5acda9]{--s-button-accent:var(--s-button-warn-accent);--s-button-solid-background:var(--s-button-warn-solid-background);--s-button-solid-background-hover:var(--s-button-warn-solid-background-hover);--s-button-solid-background-active:var(--s-button-warn-solid-background-active);--s-button-on-solid:var(--s-button-warn-solid-foreground);--s-button-foreground:var(--s-button-warn-foreground)}.s-button[data-s-tone=danger][data-v-7a5acda9]{--s-button-accent:var(--s-button-danger-accent);--s-button-solid-background:var(--s-button-danger-solid-background);--s-button-solid-background-hover:var(--s-button-danger-solid-background-hover);--s-button-solid-background-active:var(--s-button-danger-solid-background-active);--s-button-on-solid:var(--s-button-danger-solid-foreground);--s-button-foreground:var(--s-button-danger-foreground)}.s-button[data-s-tone=contrast][data-v-7a5acda9]{--s-button-accent:var(--s-button-contrast-accent);--s-button-solid-background:var(--s-button-contrast-solid-background);--s-button-solid-background-hover:var(--s-button-contrast-solid-background-hover);--s-button-solid-background-active:var(--s-button-contrast-solid-background-active);--s-button-on-solid:var(--s-button-contrast-solid-foreground);--s-button-foreground:var(--s-button-contrast-foreground);--s-button-outline:var(--color-surface-500)}.s-button[data-appearance=solid][data-v-7a5acda9]{--s-passive-content-foreground:var(--s-button-on-solid);border-color:var(--s-button-solid-background);background:var(--s-button-solid-background);box-shadow:var(--s-elevation-control);color:var(--s-button-on-solid)}.s-button[data-appearance=solid][data-v-7a5acda9]:hover:not(:disabled){border-color:var(--s-button-solid-background-hover);background:var(--s-button-solid-background-hover)}.s-button[aria-disabled=true][data-v-7a5acda9]{pointer-events:none}.s-button[data-appearance=solid][data-v-7a5acda9]:active:not(:disabled){border-color:var(--s-button-solid-background-active);background:var(--s-button-solid-background-active)}.s-button[data-appearance=soft][data-v-7a5acda9]{background:var(--s-button-soft-background);color:var(--s-button-foreground)}.s-button[data-appearance=soft][data-v-7a5acda9]:hover:not(:disabled){background:var(--s-button-accent)}@supports (color:color-mix(in lab, red, red)){.s-button[data-appearance=soft][data-v-7a5acda9]:hover:not(:disabled){background:color-mix(in srgb, var(--s-button-accent) 20%, transparent)}}.s-button[data-appearance=outline][data-v-7a5acda9]{border-color:var(--s-button-outline);color:var(--s-button-foreground);background:0 0}.s-button[data-appearance=outline][data-v-7a5acda9]:hover:not(:disabled),.s-button[data-appearance=ghost][data-v-7a5acda9]:hover:not(:disabled){background:var(--s-button-hover-background)}.s-button[data-hover-surface=parent][data-appearance=ghost][data-v-7a5acda9]:hover:not(:disabled){background:0 0}.s-button[data-appearance=ghost][data-v-7a5acda9],.s-button[data-appearance=text][data-v-7a5acda9]{box-shadow:none;color:var(--s-button-foreground);background:0 0}.s-button[data-appearance=text][data-v-7a5acda9]{padding-inline:.25rem}.s-button[data-appearance=text][data-v-7a5acda9]:hover:not(:disabled){text-decoration:underline}.s-button[data-v-7a5acda9]:focus-visible{z-index:var(--s-layer-focused-control);outline:var(--s-focus-ring-width) solid var(--s-button-accent);outline-offset:var(--s-focus-ring-offset)}.s-button[data-v-7a5acda9]:active:not(:disabled){transform:translateY(1px)}.s-button[aria-pressed=true][data-v-7a5acda9],.s-button[aria-pressed=mixed][data-v-7a5acda9]{box-shadow:0 0 0 2px var(--s-button-accent)}@supports (color:color-mix(in lab, red, red)){.s-button[aria-pressed=true][data-v-7a5acda9],.s-button[aria-pressed=mixed][data-v-7a5acda9]{box-shadow:0 0 0 2px color-mix(in srgb, var(--s-button-accent) 30%, transparent)}}.s-button[data-appearance=ghost][aria-current=page][data-v-7a5acda9],.s-button[data-appearance=soft][aria-current=page][data-v-7a5acda9]{background:var(--s-button-soft-background);color:var(--s-button-foreground)}.s-button[data-v-7a5acda9]:disabled,.s-button[aria-disabled=true][data-v-7a5acda9]{--s-passive-content-foreground:var(--s-button-disabled-foreground);background:var(--s-button-disabled-background);box-shadow:none;color:var(--s-button-disabled-foreground);cursor:not-allowed;border-color:#0000}.s-button[data-appearance=ghost][data-v-7a5acda9]:disabled,.s-button[data-appearance=text][data-v-7a5acda9]:disabled{background:0 0}.s-button[data-loading=true][data-v-7a5acda9]{cursor:wait;opacity:.75}.s-button[data-loading=true] .s-button__content[data-v-7a5acda9]{opacity:0}.s-button__content[data-v-7a5acda9]{justify-content:center;align-items:center;gap:var(--s-space-control-gap);flex-shrink:0;min-width:0;display:inline-flex}.s-button[data-width=full][data-v-7a5acda9]{width:100%;display:flex}.s-button[data-width=fit][data-v-7a5acda9]{width:fit-content}.s-button[data-width=full] .s-button__content[data-v-7a5acda9]{width:100%}.s-button[data-content-align=start] .s-button__content[data-v-7a5acda9]{text-align:left;justify-content:flex-start}.s-button[data-content-align=end] .s-button__content[data-v-7a5acda9]{text-align:right;justify-content:flex-end}.s-button[data-content-align=between] .s-button__content[data-v-7a5acda9]{text-align:left;justify-content:space-between}.s-button[data-shape=pill][data-v-7a5acda9],.s-button[data-shape=circle][data-v-7a5acda9]{border-radius:var(--s-radius-pill)}.s-button[data-shape=square][data-v-7a5acda9],.s-button[data-shape=row][data-v-7a5acda9]{border-radius:var(--radius-xs)}.s-button[data-shape=row][data-v-7a5acda9]{width:100%}.s-button__label[data-v-7a5acda9]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.s-button[data-label-overflow=wrap] .s-button__content[data-v-7a5acda9]{flex:auto;max-inline-size:100%}.s-button[data-label-overflow=wrap] .s-button__label[data-v-7a5acda9]{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;flex:auto;overflow:visible}.s-button__badge-slot[data-v-7a5acda9]{margin-left:auto;display:inline-flex}.s-button__shortcut[data-v-7a5acda9]{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(--color-surface-400);margin-left:auto}.dark{color:var(--color-surface-500)}.s-button__icon[data-v-7a5acda9]{width:var(--s-icon-size-xs);height:var(--s-icon-size-xs);flex:none}.s-button[data-size=lg] .s-button__icon[data-v-7a5acda9]{width:var(--s-icon-size-sm);height:var(--s-icon-size-sm)}.s-button[data-icon-size=large] .s-button__icon[data-v-7a5acda9]{width:var(--s-icon-size-md);height:var(--s-icon-size-md)}.s-button__loader[data-v-7a5acda9]{display:inline-flex;position:absolute}.s-button__disclosure-icon[data-v-7a5acda9]{transition:transform var(--s-motion-fast) ease}.s-button__disclosure-icon[data-expanded=true][data-v-7a5acda9]{transform:rotate(90deg)}.s-button__disclosure-icon>svg[data-v-7a5acda9]{width:100%;height:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}

package/dist/assets/src/components/shared/controls/SCheckbox.css_vue_type_style_index_0_src_2562f916_scoped_2562f916_lang.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@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-2562f916],[data-v-2562f916]:before,[data-v-2562f916]:after,[data-v-2562f916]::backdrop{--tw-border-style:solid}}}.s-checkbox-control[data-v-2562f916]{width:var(--s-control-hitbox-2xs);height:var(--s-control-hitbox-2xs);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.s-checkbox-control[data-presentation=inline][data-v-2562f916]{width:var(--s-control-indicator-size);height:var(--s-control-indicator-size)}.s-checkbox-input[data-v-2562f916]{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.s-checkbox-input[data-v-2562f916]:disabled,.s-checkbox-input[aria-readonly=true][data-v-2562f916]{cursor:default}.s-checkbox-box[data-v-2562f916]{pointer-events:none;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-2562f916]:where(.dark,.dark *){border-color:var(--color-surface-600,#475569)}.s-checkbox-box[data-v-2562f916]{background-color:var(--color-surface-0,#fff)}.s-checkbox-box[data-v-2562f916]:where(.dark,.dark *){background-color:var(--color-surface-900,#0f172a)}.s-checkbox-box[data-v-2562f916]{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}.s-checkbox-input:not(:disabled):not([aria-readonly=true]):hover+.s-checkbox-box[data-v-2562f916]{border-color:var(--color-primary-500,#3b82f6)}.s-checkbox-input:not(:disabled):not([aria-readonly=true]):hover+.s-checkbox-box[data-v-2562f916]:where(.dark,.dark *){border-color:var(--color-primary-400,#60a5fa)}.s-checkbox-input:checked+.s-checkbox-box[data-v-2562f916],.s-checkbox-input:indeterminate+.s-checkbox-box[data-v-2562f916]{border-color:var(--color-primary-500,#3b82f6);background-color:var(--color-primary-500,#3b82f6)}:is(.s-checkbox-input:checked+.s-checkbox-box[data-v-2562f916],.s-checkbox-input:indeterminate+.s-checkbox-box[data-v-2562f916]):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-2562f916]{border-color:var(--color-surface-200,#e2e8f0);background-color:var(--color-surface-100,#f1f5f9)}.s-checkbox-input:disabled+.s-checkbox-box[data-v-2562f916]:where(.dark,.dark *){border-color:var(--color-surface-700,#334155);background-color:var(--color-surface-800,#1e293b)}.s-checkbox-check[data-v-2562f916]{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-2562f916],.s-checkbox-input:indeterminate+.s-checkbox-box>.s-checkbox-check[data-v-2562f916]{opacity:1}.s-checkbox-input:disabled+.s-checkbox-box>.s-checkbox-check[data-v-2562f916]{color:var(--color-surface-400,#94a3b8)}.s-checkbox-input:disabled+.s-checkbox-box>.s-checkbox-check[data-v-2562f916]:where(.dark,.dark *){color:var(--color-surface-600,#475569)}.s-checkbox-input:focus-visible+.s-checkbox-box[data-v-2562f916]{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}

package/dist/assets/src/components/shared/controls/SCombobox.css_vue_type_style_index_0_src_d630c922_scoped_d630c922_lang.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+.s-combobox-anchor[data-v-d630c922]{width:100%;min-width:0}.s-combobox-layer[data-v-d630c922]{max-width:calc(100vw - 1rem)}

package/dist/assets/src/components/shared/controls/SContextMenu.css_vue_type_style_index_0_src_43b6e378_scoped_43b6e378_lang.css

@@ -0,0 +1 @@
+.s-context-menu-boundary[data-layout=block][data-v-43b6e378]{display:block}.s-context-menu-boundary[data-layout=inline][data-v-43b6e378]{display:inline}.s-context-menu-boundary[data-layout=contents][data-v-43b6e378]{display:contents}

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,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-.s-dropdown-menu[data-v-857e2649]{text-align:left;align-self:flex-start;display:inline-block;position:relative}
+.s-dropdown-menu[data-v-40040ae5]{text-align:left;align-self:flex-start;display:inline-block;position:relative}

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,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-.s-menu-surface[data-v-84109ad9]{border-radius:var(--radius-xl,1.5rem);padding:calc(var(--spacing,.25rem) * 1.5);margin:0}.s-menu-surface[data-v-84109ad9]:focus{--tw-outline-style:none;outline-style:none}.s-menu-surface[data-v-84109ad9]{background:var(--s-floating-surface);color:var(--s-floating-foreground);box-shadow:0 0 0 1px var(--s-floating-outline), var(--s-elevation-floating);box-sizing:border-box;width:var(--s-menu-surface-width);min-width:min(var(--s-menu-surface-min-width), var(--s-menu-viewport-available-inline-size,100vw));max-width:min(var(--s-menu-surface-max-width), var(--s-menu-viewport-available-inline-size,100vw));max-height:var(--s-menu-viewport-available-block-size,none);overscroll-behavior:contain;overflow-y:auto}.s-menu-surface__content[data-v-84109ad9]{min-width:0;display:flow-root}.s-menu-surface[data-density=compact][data-v-84109ad9]{border-radius:var(--radius-md,.75rem);padding:var(--spacing,.25rem);min-width:min(10rem, var(--s-menu-viewport-available-inline-size,100vw))}.s-menu-surface[data-orientation=horizontal][data-v-84109ad9]{max-width:100%;overflow-x:auto}.s-menu-surface[data-orientation=horizontal]>.s-menu-surface__content[data-v-84109ad9]{gap:var(--spacing,.25rem);display:flex}.s-menu-group[data-v-84109ad9]{min-width:0}.s-menu-group+.s-menu-group[data-v-84109ad9]{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-84109ad9]{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}
+.s-menu-surface[data-v-d2b7d71b]{border-radius:var(--radius-xl,1.5rem);padding:calc(var(--spacing,.25rem) * 1.5);margin:0}.s-menu-surface[data-v-d2b7d71b]:focus{--tw-outline-style:none;outline-style:none}.s-menu-surface[data-v-d2b7d71b]{background:var(--s-floating-surface);color:var(--s-floating-foreground);box-shadow:0 0 0 1px var(--s-floating-outline), var(--s-elevation-floating);box-sizing:border-box;width:var(--s-menu-surface-width);min-width:min(var(--s-menu-surface-min-width), var(--s-menu-viewport-available-inline-size,100vw));max-width:min(var(--s-menu-surface-max-width), var(--s-menu-viewport-available-inline-size,100vw));max-height:var(--s-menu-viewport-available-block-size,none);overscroll-behavior:contain;overflow-y:auto}.s-menu-surface__content[data-v-d2b7d71b]{min-width:0;display:flow-root}.s-menu-surface[data-density=compact][data-v-d2b7d71b]{border-radius:var(--radius-md,.75rem);padding:var(--spacing,.25rem);min-width:min(10rem, var(--s-menu-viewport-available-inline-size,100vw))}.s-menu-surface[data-orientation=horizontal][data-v-d2b7d71b]{max-width:100%;overflow-x:auto}.s-menu-surface[data-orientation=horizontal]>.s-menu-surface__content[data-v-d2b7d71b]{gap:var(--spacing,.25rem);display:flex}.s-menu-group[data-v-d2b7d71b]{min-width:0}.s-menu-group+.s-menu-group[data-v-d2b7d71b]{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-d2b7d71b]{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}

package/dist/assets/src/components/shared/controls/SSelect.css_vue_type_style_index_0_src_d1ead6c0_scoped_d1ead6c0_lang.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+.s-select-anchor[data-v-d1ead6c0]{width:100%;min-width:0}.s-select-layer[data-v-d1ead6c0]{max-width:calc(100vw - 1rem)}

package/dist/assets/src/components/shared/data-display/SControlledToastViewport.css_vue_type_style_index_0_src_a69aa84b_scoped_a69aa84b_lang.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+.s-toast-container[data-v-a69aa84b]{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-a69aa84b]{inset-block-start:0}.s-toast-container[data-position^=bottom-][data-v-a69aa84b]{inset-block-end:0}.s-toast-container[data-position$=-start][data-v-a69aa84b]{inset-inline-start:0}.s-toast-container[data-position$=-end][data-v-a69aa84b]{inset-inline-end:0}.s-toast-container[data-position$=-center][data-v-a69aa84b]{margin-inline:auto;inset-inline:0}.s-toast-transition-wrapper[data-v-a69aa84b]{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-a69aa84b]{align-items:flex-start}.s-toast-container[data-position$=-center] .s-toast-transition-wrapper[data-v-a69aa84b]{align-items:center}.s-toast-container[data-position$=-end] .s-toast-transition-wrapper[data-v-a69aa84b]{align-items:flex-end}.notification-transition-enter-active[data-v-a69aa84b]{transition:transform var(--s-motion-standard) ease-out}.notification-transition-enter-from[data-v-a69aa84b]{transform:translateY(.75rem)scale(.98)}.notification-transition-enter-to[data-v-a69aa84b]{transform:translate(0)scale(1)}.notification-transition-leave-active[data-v-a69aa84b]{transition:transform var(--s-motion-fast) ease-in;position:absolute}.notification-transition-leave-from[data-v-a69aa84b]{transform:translate(0)scale(1)}.notification-transition-leave-to[data-v-a69aa84b]{transform:translateY(.5rem)scale(.98)}.notification-transition-move[data-v-a69aa84b]{transition:transform var(--s-motion-standard) ease}@media (prefers-reduced-motion:reduce){.notification-transition-enter-active[data-v-a69aa84b],.notification-transition-leave-active[data-v-a69aa84b],.notification-transition-move[data-v-a69aa84b]{transition-duration:.01ms}}

package/dist/assets/src/components/shared/data-display/SScrollViewport.css_vue_type_style_index_0_src_d94fcf8c_scoped_d94fcf8c_lang.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+.s-scroll-viewport[data-v-d94fcf8c]{min-width:0;min-height:0;position:relative}.s-scroll-viewport[data-axis=x][data-v-d94fcf8c]{overflow:auto hidden}.s-scroll-viewport[data-axis=y][data-v-d94fcf8c]{overflow:hidden auto}.s-scroll-viewport[data-axis=both][data-v-d94fcf8c]{overflow:auto}.s-scroll-viewport[data-block-size=sm][data-v-d94fcf8c]{block-size:var(--s-scroll-viewport-max-block-size-sm)}.s-scroll-viewport[data-block-size=md][data-v-d94fcf8c]{block-size:var(--s-scroll-viewport-max-block-size-md)}.s-scroll-viewport[data-block-size=lg][data-v-d94fcf8c]{block-size:var(--s-scroll-viewport-max-block-size-lg)}.s-scroll-viewport[data-block-size=fill][data-v-d94fcf8c]{block-size:100%}.s-scroll-viewport[data-block-size=content][data-v-d94fcf8c]{block-size:auto}.s-scroll-viewport[data-max-block-size=sm][data-v-d94fcf8c]{max-block-size:var(--s-scroll-viewport-max-block-size-sm)}.s-scroll-viewport[data-max-block-size=md][data-v-d94fcf8c]{max-block-size:var(--s-scroll-viewport-max-block-size-md)}.s-scroll-viewport[data-max-block-size=lg][data-v-d94fcf8c]{max-block-size:var(--s-scroll-viewport-max-block-size-lg)}.s-scroll-viewport[data-overscroll-behavior=contain][data-v-d94fcf8c]{overscroll-behavior:contain}.s-scroll-viewport[data-overscroll-behavior=none][data-v-d94fcf8c]{overscroll-behavior:none}.s-scroll-viewport[data-v-d94fcf8c]: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-d94fcf8c]{min-block-size:100%;min-inline-size:100%}

package/dist/assets/src/components/shared/data-display/STooltip.css_vue_type_style_index_0_src_true_lang.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-space-y-reverse:0}}}.s-tooltip{border-radius:var(--radius-md,.75rem);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block: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-normal,400);font-weight:var(--font-weight-normal,400);background-color:var(--s-floating-surface);color:var(--s-floating-foreground);box-shadow:0 0 0 1px var(--s-floating-outline), var(--s-elevation-floating);overflow-wrap:anywhere;word-break:break-word;white-space:normal;pointer-events:auto;-webkit-user-select:none;user-select:none;border-width:1px;max-width:32rem;position:fixed}.s-tooltip__content{gap:var(--spacing,.25rem);display:grid}.s-tooltip__title,.s-tooltip__section-title{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-surface-900,#0f172a)}:is(.s-tooltip__title,.s-tooltip__section-title):where(.dark,.dark *){color:var(--color-surface-50,#f8fafc)}.s-tooltip__description,.s-tooltip__text,.s-tooltip__section-description{color:var(--color-surface-700,#334155);margin:0}:is(.s-tooltip__description,.s-tooltip__text,.s-tooltip__section-description):where(.dark,.dark *){color:var(--color-surface-200,#e2e8f0)}.s-tooltip__text{white-space:pre-line}.s-tooltip__details{gap:calc(var(--spacing,.25rem) * .5);margin:0;display:grid}.s-tooltip__detail{align-items:baseline;gap:calc(var(--spacing,.25rem) * 2);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.s-tooltip__detail-label{color:var(--color-surface-500,#64748b)}.s-tooltip__detail-label:where(.dark,.dark *){color:var(--color-surface-400,#94a3b8)}.s-tooltip__detail-value{min-width:0;color:var(--color-surface-900,#0f172a);margin:0}.s-tooltip__detail-value:where(.dark,.dark *){color:var(--color-surface-100,#f1f5f9)}.s-tooltip__detail-value[data-presentation=code]{font-family:var(--font-mono,"IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace)}.s-tooltip__detail-value[data-s-tone=info]{color:var(--color-info-700,#1d4ed8)}.s-tooltip__detail-value[data-s-tone=info]:where(.dark,.dark *){color:var(--color-info-300,#93c5fd)}.s-tooltip__detail-value[data-s-tone=success]{color:var(--color-success-700,#15803d)}.s-tooltip__detail-value[data-s-tone=success]:where(.dark,.dark *){color:var(--color-success-300,#86efac)}.s-tooltip__detail-value[data-s-tone=warn]{color:var(--color-warn-700,#c2410c)}.s-tooltip__detail-value[data-s-tone=warn]:where(.dark,.dark *){color:var(--color-warn-300,#fdba74)}.s-tooltip__detail-value[data-s-tone=danger]{color:var(--color-danger-700,#b91c1c)}.s-tooltip__detail-value[data-s-tone=danger]:where(.dark,.dark *){color:var(--color-danger-300,#fca5a5)}.s-tooltip__sections{margin-top:var(--spacing,.25rem);gap:calc(var(--spacing,.25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-top:calc(var(--spacing,.25rem) * 2);display:grid}.s-tooltip__sections:where(.dark,.dark *){border-color:var(--color-surface-600,#475569)}.s-tooltip__section{gap:calc(var(--spacing,.25rem) * .5);display:grid}.s-tooltip__section-items{margin:0;list-style-type:disc}:where(.s-tooltip__section-items>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * .5) * calc(1 - var(--tw-space-y-reverse)))}.s-tooltip__section-items{padding-left:calc(var(--spacing,.25rem) * 4);color:var(--color-surface-700,#334155)}.s-tooltip__section-items:where(.dark,.dark *){color:var(--color-surface-200,#e2e8f0)}.s-tooltip-arrow{border:5px solid #0000;width:0;height:0;position:absolute}.s-tooltip[data-placement^=top-] .s-tooltip-arrow{border-top-color:var(--s-floating-surface);bottom:-10px;transform:translate(-50%)}.s-tooltip[data-placement^=bottom-] .s-tooltip-arrow{border-bottom-color:var(--s-floating-surface);top:-10px;transform:translate(-50%)}.s-tooltip[data-placement^=left-] .s-tooltip-arrow{border-left-color:var(--s-floating-surface);right:-10px;transform:translateY(-50%)}.s-tooltip[data-placement^=right-] .s-tooltip-arrow{border-right-color:var(--s-floating-surface);left:-10px;transform:translateY(-50%)}.s-tooltip[hidden]{display:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-space-y-reverse:0}}}.s-tooltip{border-radius:var(--radius-md,.75rem);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block: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-normal,400);font-weight:var(--font-weight-normal,400);background-color:var(--s-floating-surface);color:var(--s-floating-foreground);box-shadow:0 0 0 1px var(--s-floating-outline), var(--s-elevation-floating);overflow-wrap:anywhere;word-break:break-word;white-space:normal;pointer-events:none;-webkit-user-select:none;user-select:none;border-width:1px;max-width:32rem;position:fixed}.s-tooltip__content{gap:var(--spacing,.25rem);display:grid}.s-tooltip__title,.s-tooltip__section-title{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-surface-900,#0f172a)}:is(.s-tooltip__title,.s-tooltip__section-title):where(.dark,.dark *){color:var(--color-surface-50,#f8fafc)}.s-tooltip__description,.s-tooltip__text,.s-tooltip__section-description{color:var(--color-surface-700,#334155);margin:0}:is(.s-tooltip__description,.s-tooltip__text,.s-tooltip__section-description):where(.dark,.dark *){color:var(--color-surface-200,#e2e8f0)}.s-tooltip__text{white-space:pre-line}.s-tooltip__details{gap:calc(var(--spacing,.25rem) * .5);margin:0;display:grid}.s-tooltip__detail{align-items:baseline;gap:calc(var(--spacing,.25rem) * 2);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.s-tooltip__detail-label{color:var(--color-surface-500,#64748b)}.s-tooltip__detail-label:where(.dark,.dark *){color:var(--color-surface-400,#94a3b8)}.s-tooltip__detail-value{min-width:0;color:var(--color-surface-900,#0f172a);margin:0}.s-tooltip__detail-value:where(.dark,.dark *){color:var(--color-surface-100,#f1f5f9)}.s-tooltip__detail-value[data-presentation=code]{font-family:var(--font-mono,"IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace)}.s-tooltip__detail-value[data-s-tone=info]{color:var(--color-info-700,#1d4ed8)}.s-tooltip__detail-value[data-s-tone=info]:where(.dark,.dark *){color:var(--color-info-300,#93c5fd)}.s-tooltip__detail-value[data-s-tone=success]{color:var(--color-success-700,#15803d)}.s-tooltip__detail-value[data-s-tone=success]:where(.dark,.dark *){color:var(--color-success-300,#86efac)}.s-tooltip__detail-value[data-s-tone=warn]{color:var(--color-warn-700,#c2410c)}.s-tooltip__detail-value[data-s-tone=warn]:where(.dark,.dark *){color:var(--color-warn-300,#fdba74)}.s-tooltip__detail-value[data-s-tone=danger]{color:var(--color-danger-700,#b91c1c)}.s-tooltip__detail-value[data-s-tone=danger]:where(.dark,.dark *){color:var(--color-danger-300,#fca5a5)}.s-tooltip__sections{margin-top:var(--spacing,.25rem);gap:calc(var(--spacing,.25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-surface-200,#e2e8f0);padding-top:calc(var(--spacing,.25rem) * 2);display:grid}.s-tooltip__sections:where(.dark,.dark *){border-color:var(--color-surface-600,#475569)}.s-tooltip__section{gap:calc(var(--spacing,.25rem) * .5);display:grid}.s-tooltip__section-items{margin:0;list-style-type:disc}:where(.s-tooltip__section-items>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * .5) * calc(1 - var(--tw-space-y-reverse)))}.s-tooltip__section-items{padding-left:calc(var(--spacing,.25rem) * 4);color:var(--color-surface-700,#334155)}.s-tooltip__section-items:where(.dark,.dark *){color:var(--color-surface-200,#e2e8f0)}.s-tooltip-arrow{border:5px solid #0000;width:0;height:0;position:absolute}.s-tooltip[data-placement^=top-] .s-tooltip-arrow{border-top-color:var(--s-floating-surface);bottom:-10px;transform:translate(-50%)}.s-tooltip[data-placement^=bottom-] .s-tooltip-arrow{border-bottom-color:var(--s-floating-surface);top:-10px;transform:translate(-50%)}.s-tooltip[data-placement^=left-] .s-tooltip-arrow{border-left-color:var(--s-floating-surface);right:-10px;transform:translateY(-50%)}.s-tooltip[data-placement^=right-] .s-tooltip-arrow{border-right-color:var(--s-floating-surface);left:-10px;transform:translateY(-50%)}.s-tooltip[hidden]{display:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}

package/dist/assets/src/components/shared/data-display/_internal/STableFrame.css_vue_type_style_index_0_src_914bad28_scoped_914bad28_lang.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@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-914bad28],[data-v-914bad28]:before,[data-v-914bad28]:after,[data-v-914bad28]::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}.s-table-wrapper[data-v-914bad28]{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:hidden}.s-table-wrapper[data-v-914bad28]: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-914bad28]{border-style:var(--tw-border-style);background-color:#0000;border-width:0;border-radius:0}.s-table-wrapper[data-surface=plain][data-v-914bad28]:where(.dark,.dark *){background-color:#0000}.s-table[data-v-914bad28]{--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-914bad28]{--s-table-min-inline-size:var(--s-table-inline-size-md)}.s-table-wrapper[data-min-width=lg][data-v-914bad28]{--s-table-min-inline-size:var(--s-table-inline-size-lg)}.s-table[data-v-914bad28]{min-inline-size:var(--s-table-min-inline-size,100%)}.s-table[data-density=compact][data-v-914bad28]{--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-914bad28]{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-914bad28]:where(.dark,.dark *){color:var(--color-surface-300,#cbd5e1)}.s-table__caption[data-v-914bad28]{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}

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 @@
-.s-bottom-nav[data-v-24be0f2b]{background:var(--color-surface);border-top:1px solid var(--color-border-subtle);padding:6px 6px calc(8px + var(--safe-area-bottom,0px)) 6px;transition:transform var(--s-motion-standard) ease-in-out;z-index:var(--s-layer-navigation);flex-direction:column;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.s-bottom-nav--hidden[data-v-24be0f2b]{transform:translateY(100%)}.s-bottom-nav__items[data-v-24be0f2b]{justify-content:space-between;align-items:center;gap:6px;display:flex}.s-bottom-nav__status[data-v-24be0f2b]{border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;padding:6px 4px 0;font-size:11px;line-height:1.2;display:flex}.s-bottom-nav__item[data-v-24be0f2b]{flex:1 1 0;min-width:0;position:relative}.s-bottom-nav__badge[data-v-24be0f2b]{position:absolute;top:-2px;right:2px}.s-bottom-nav__overflow-layer[data-v-24be0f2b]{z-index:var(--s-layer-navigation-submenu);padding:8px 10px;position:absolute;bottom:100%;left:0;right:0;overflow-x:auto}.s-bottom-nav__overflow-layer[data-v-24be0f2b]::-webkit-scrollbar{height:4px}.s-bottom-nav__overflow-layer[data-v-24be0f2b]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--s-radius-pill)}@supports (padding:max(0px)){.s-bottom-nav[data-v-24be0f2b]{padding-bottom:calc(8px + max(env(safe-area-inset-bottom,0px), var(--safe-area-bottom,0px)))}}
+.s-bottom-nav[data-v-68cf84b3]{background:var(--color-surface);border-top:1px solid var(--color-border-subtle);padding:6px 6px calc(8px + var(--safe-area-bottom,0px)) 6px;transition:transform var(--s-motion-standard) ease-in-out;z-index:var(--s-layer-navigation);flex-direction:column;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.s-bottom-nav--hidden[data-v-68cf84b3]{transform:translateY(100%)}.s-bottom-nav__items[data-v-68cf84b3]{justify-content:space-between;align-items:center;gap:6px;display:flex}.s-bottom-nav__status[data-v-68cf84b3]{border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;padding:6px 4px 0;font-size:11px;line-height:1.2;display:flex}.s-bottom-nav__item[data-v-68cf84b3]{flex:1 1 0;min-width:0;position:relative}.s-bottom-nav__badge[data-v-68cf84b3]{position:absolute;top:-2px;right:2px}.s-bottom-nav__overflow-layer[data-v-68cf84b3]{z-index:var(--s-layer-navigation-submenu);padding:8px 10px;position:absolute;bottom:100%;left:0;right:0;overflow-x:auto}.s-bottom-nav__overflow-layer[data-v-68cf84b3]::-webkit-scrollbar{height:4px}.s-bottom-nav__overflow-layer[data-v-68cf84b3]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--s-radius-pill)}@supports (padding:max(0px)){.s-bottom-nav[data-v-68cf84b3]{padding-bottom:calc(8px + max(env(safe-area-inset-bottom,0px), var(--safe-area-bottom,0px)))}}

package/dist/src/components/layout/SResizeHandle.vue.js

@@ -1,8 +1,8 @@
-import "../../../assets/src/components/layout/SResizeHandle.vue_vue_type_style_index_0_scoped_13b9b27a_lang.css";
+import "../../../assets/src/components/layout/SResizeHandle.vue_vue_type_style_index_0_scoped_dc65aba1_lang.css";
 import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SResizeHandle.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                              */
 //#region src/components/layout/SResizeHandle.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-13b9b27a"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-dc65aba1"]]);
 //#endregion
 export { n as default };

package/dist/src/components/layout/SResizeHandle.vue_vue_type_script_setup_true_lang.js

@@ -167,10 +167,12 @@ var g = [
 			x.value === a && b("resize-start", e);
 		}
 		function V(e) {
-			if (y.disabled) return;
+			if (S || y.disabled) return;
 			O();
 			let t = y.orientation === "vertical" ? "ArrowLeft" : "ArrowUp", n = y.orientation === "vertical" ? "ArrowRight" : "ArrowDown", r = y.valueDirection === "forward" ? t : n, i = y.valueDirection === "forward" ? n : t, a;
-			e.key === r && (a = y.value - y.step), e.key === i && (a = y.value + y.step), e.key === "Home" && (a = y.min), e.key === "End" && (a = y.max), a !== void 0 && (e.preventDefault(), b("resize", k(a)));
+			if (e.key === r && (a = y.value - y.step), e.key === i && (a = y.value + y.step), e.key === "Home" && (a = y.min), e.key === "End" && (a = y.max), a === void 0 || (e.preventDefault(), x.value !== null)) return;
+			let o = k(a);
+			o !== y.value && (b("resize", o), S || b("resize-end", o));
 		}
 		d(() => {
 			S = !0, R("unmount");

package/dist/src/components/shared/_internal/SDialogSurface.vue.d.ts

@@ -1,12 +1,18 @@
 import { ComponentPublicInstance } from 'vue';
 import { DialogSurfaceHeadingLevel, DialogSurfacePresentation } from './dialogSurface';
 type __VLS_Props = {
+    open?: boolean;
     presentation: DialogSurfacePresentation;
     title?: string;
     accessibleName: string;
     headingLevel: DialogSurfaceHeadingLevel;
     closable: boolean;
     setSurfaceElement: (element: Element | ComponentPublicInstance | null) => void;
+    setPortalElement?: (element: Element | ComponentPublicInstance | null) => void;
+    setDismissalElement?: (element: Element | ComponentPublicInstance | null) => void;
+    /** Exact canonical registration paint base; descendant visual tiers remain leaf-owned. */
+    layerIndex?: string | null;
+    ownerId?: string;
 };
 type __VLS_Slots = {
     header?: () => unknown;
@@ -25,7 +31,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     "request-close": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onRequest-close"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    open: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/src/components/shared/_internal/SDialogSurface.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/_internal/SDialogSurface.css_vue_type_style_index_0_src_0e58afdc_scoped_0e58afdc_lang.css";
+import "../../../../assets/src/components/shared/_internal/SDialogSurface.css_vue_type_style_index_0_src_a108e8f1_scoped_a108e8f1_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SDialogSurface.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                            */
 //#region src/components/shared/_internal/SDialogSurface.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-0e58afdc"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-a108e8f1"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/_internal/SDialogSurface.vue_vue_type_script_setup_true_lang.js

@@ -1,113 +1,205 @@
 import { X as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
-import { useOverlayAdmission as t } from "../../../internal/overlayHost.js";
-import { useUiKitLocale as n } from "../../../composables/useUiKitLocale.js";
-import { useInteractiveLeafRegistration as r } from "../../../internal/passiveContentContract.js";
-import i from "../controls/SButton.vue.js";
-import { assertDialogSurfacePresentation as a, validateDialogSurfaceHeadingLevel as o } from "./dialogSurface.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, defineComponent as m, mergeProps as h, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as y, shallowRef as b, toDisplayString as ee, unref as x, useId as S, useSlots as C, watch as w, watchEffect as T, withCtx as E } from "vue";
+import { assertDialogSurfacePresentation as t, resolveDialogSurfaceLayerIndex as n, validateDialogSurfaceHeadingLevel as r } from "./dialogSurface.js";
+import { useOverlayAdmission as ee } from "../../../internal/overlayHost.js";
+import { useUiKitLocale as i } from "../../../composables/useUiKitLocale.js";
+import { useInteractiveLeafRegistration as a } from "../../../internal/passiveContentContract.js";
+import o from "../controls/SButton.vue.js";
+import { useDialogSurfaceMotion as s } from "./dialogSurfaceMotion.js";
+import { Fragment as te, Transition as ne, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as re, defineComponent as p, mergeProps as ie, normalizeClass as m, normalizeStyle as h, onErrorCaptured as g, openBlock as _, ref as v, renderSlot as y, resolveDynamicComponent as b, shallowRef as x, toDisplayString as S, unref as C, useId as ae, useSlots as oe, watch as w, watchEffect as T, withCtx as E } from "vue";
 //#region src/components/shared/_internal/SDialogSurface.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "s-dialog-surface__body" }, O = ["data-layout"], k = {
+var se = ["data-scope"], ce = ["data-scope", "data-placement"], le = ["data-placement"], ue = [
+	"data-presentation",
+	"data-layout",
+	"data-size",
+	"data-placement",
+	"data-scope",
+	"data-surface",
+	"data-scroll"
+], de = {
+	key: 0,
+	class: "s-dialog-surface__header"
+}, fe = { class: "s-dialog-surface__body" }, D = ["data-layout"], O = {
 	key: 0,
 	class: "s-dialog-surface__footer-start"
-}, A = {
+}, k = {
 	key: 1,
 	class: "s-dialog-surface__footer-end"
-}, j = "div", M = /*@__PURE__*/ m({
+}, A = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "SDialogSurface",
 	props: {
+		open: {
+			type: Boolean,
+			default: !0
+		},
 		presentation: {},
 		title: {},
 		accessibleName: {},
 		headingLevel: {},
 		closable: { type: Boolean },
-		setSurfaceElement: { type: Function }
+		setSurfaceElement: {},
+		setPortalElement: {},
+		setDismissalElement: {},
+		layerIndex: {},
+		ownerId: {}
 	},
 	emits: ["request-close"],
-	setup(m, { emit: M }) {
-		let N = m, P = M, { t: F } = n(), I = b(null), L = t(), R = _(!L.value), z = (e) => {
+	setup(p, { emit: A }) {
+		let j = p, M = A, { t: N } = i(), P = x(null), F = x(null), I = x(null), L = ee(), R = s(() => L.value);
+		g(() => {
+			R.dispose();
+		});
+		let z = c(() => j.layerIndex ? { zIndex: n(j.layerIndex, "backdrop") } : {}), B = c(() => j.layerIndex ? { zIndex: n(j.layerIndex, "surface") } : {}), V = c(() => j.layerIndex ? { "--s-layer-root-toast": n(j.layerIndex, "toast") } : {}), H = v(!L.value), pe = (e) => {
 			if (e !== null && !(e instanceof HTMLElement)) throw TypeError("SDialogSurface: surface ref must resolve to its native HTMLElement");
-			I.value = e, N.setSurfaceElement(e);
+			P.value = e, j.setSurfaceElement(e);
+		}, me = (e) => j.setPortalElement?.(e), he = (e) => {
+			if (e !== null && !(e instanceof HTMLElement)) throw TypeError("SDialogSurface: frame ref must resolve to its native HTMLElement");
+			F.value = e, j.setDismissalElement?.(e);
+		}, ge = (e) => {
+			if (e !== null && !(e instanceof HTMLElement)) throw TypeError("SDialogSurface: backdrop ref must resolve to its native HTMLElement");
+			I.value = e;
 		};
-		w(L, (e) => {
+		T((e) => {
+			let t = P.value, n = F.value, r = I.value;
+			t && n && r && e(R.register({
+				subject: t,
+				frame: n,
+				backdrop: r
+			}));
+		}, { flush: "sync" }), w(L, (e) => {
 			if (e) return;
-			R.value = !0;
-			let t = I.value;
+			H.value = !0;
+			let t = P.value;
 			if (!t) return;
 			t.hidden = !0, t.setAttribute("inert", "");
 			let n = t.ownerDocument.activeElement;
 			n instanceof HTMLElement && t.contains(n) && n.blur();
+		}, { flush: "sync" }), w(() => j.open, (e, t) => {
+			e && t === !1 && L.value && (H.value = !1);
 		}, { flush: "sync" }), T(() => {
-			a(N.presentation);
-		}), r({ owner: "SDialogSurface" });
-		let B = C(), V = `s-dialog-title-${S()}`, H = c(() => N.presentation.kind === "modal"), U = c(() => N.presentation.kind === "modal" ? N.presentation : null), W = c(() => N.presentation.kind === "drawer" ? N.presentation : null), G = c(() => W.value?.scope === "contained" ? { "--s-drawer-extent": `${W.value.extent}%` } : void 0), K = c(() => !!(N.title || B.header)), q = c(() => H.value && !!(B["footer-start"] || B["footer-end"])), J = c(() => q.value || !!B.footer), Y = c(() => H.value ? "div" : "header"), X = c(() => o("SDialogSurface", N.headingLevel)), Z = c(() => `h${X.value}`), Q = c(() => {
-			let e = N.presentation;
+			t(j.presentation);
+		}), a({ owner: "SDialogSurface" });
+		let U = oe(), W = `s-dialog-title-${ae()}`, G = c(() => j.presentation.kind === "modal"), K = c(() => j.presentation.kind === "modal" ? j.presentation : null), q = c(() => j.presentation.kind === "drawer" ? j.presentation : null), J = c(() => q.value?.scope === "contained" ? { "--s-drawer-extent": `${q.value.extent}%` } : void 0), Y = c(() => !!(j.title || U.header)), X = c(() => G.value && !!(U["footer-start"] || U["footer-end"])), _e = c(() => X.value || !!U.footer), Z = c(() => j.presentation.kind === "modal" || j.presentation.scope === "viewport"), ve = c(() => Z.value ? "dialog" : "div"), ye = c(() => r("SDialogSurface", j.headingLevel)), be = c(() => `h${ye.value}`), Q = c(() => {
+			let e = j.presentation;
 			return e.kind === "drawer" ? e.placement === "bottom" ? "bottom-sheet" : e.scope === "contained" ? "side-panel" : e.mobileFullScreen ? "mobile-fullscreen" : "side-panel" : e.fullscreen || e.size === "full" ? "fullscreen" : "contained";
-		}), $ = () => P("request-close");
-		return (t, n) => (g(), l(y(j), h({ ref: z }, t.$attrs, {
-			class: "s-dialog-surface",
-			hidden: R.value || !x(L),
-			"^inert": R.value || !x(L) ? !0 : void 0,
-			"data-presentation": m.presentation.kind,
-			"data-layout": Q.value,
-			"data-size": m.presentation.size,
-			"data-placement": W.value?.placement,
-			"data-scope": W.value?.scope,
-			"data-surface": U.value?.surface,
-			"data-scroll": U.value?.scrollBehavior ?? W.value?.scrollBehavior,
-			style: G.value,
-			tabindex: "-1",
-			role: "dialog",
-			"aria-modal": W.value?.scope === "contained" ? "false" : "true",
-			"aria-labelledby": K.value ? V : void 0,
-			"aria-label": K.value ? void 0 : m.accessibleName
-		}), {
-			default: E(() => [
-				K.value ? (g(), l(y(Y.value), {
-					key: 0,
-					class: "s-dialog-surface__header"
-				}, {
-					default: E(() => [(g(), l(y(Z.value), {
-						id: V,
-						class: "s-dialog-surface__title"
-					}, {
-						default: E(() => [v(t.$slots, "header", {}, () => [p(ee(m.title), 1)], !0)]),
-						_: 3
-					})), m.closable ? (g(), l(i, {
+		}), $ = () => M("request-close");
+		return (t, n) => (_(), l(ne, {
+			name: "s-dialog-surface-motion",
+			css: C(L),
+			onEnter: C(R).enter,
+			onLeave: C(R).leave,
+			onEnterCancelled: C(R).cancel,
+			onLeaveCancelled: C(R).cancel
+		}, {
+			default: E(() => [p.open ? (_(), l(b(ve.value), ie({
+				key: 0,
+				ref: pe
+			}, t.$attrs, {
+				class: "s-dialog-surface",
+				hidden: H.value || !C(L),
+				"^inert": H.value || !C(L) ? !0 : void 0,
+				"data-presentation": p.presentation.kind,
+				"data-layout": Q.value,
+				"data-size": p.presentation.size,
+				"data-placement": q.value?.placement,
+				"data-scope": q.value?.scope,
+				"data-surface": K.value?.surface,
+				"data-scroll": K.value?.scrollBehavior ?? q.value?.scrollBehavior,
+				"data-native": Z.value,
+				"data-s-modal-owner": p.ownerId,
+				style: J.value,
+				tabindex: Z.value ? void 0 : -1,
+				role: "dialog",
+				"aria-modal": q.value?.scope === "contained" ? "false" : "true",
+				"aria-labelledby": Y.value ? W : void 0,
+				"aria-label": Y.value ? void 0 : p.accessibleName
+			}), {
+				default: E(() => [
+					f("div", {
+						ref: ge,
+						class: m(G.value ? "s-modal-backdrop" : "s-drawer-backdrop"),
+						"data-scope": q.value?.scope,
+						style: h(z.value),
+						"aria-hidden": "true"
+					}, null, 14, se),
+					f("div", {
+						class: m(G.value ? "s-modal-container" : "s-drawer-shell"),
+						"data-scope": q.value?.scope,
+						"data-placement": q.value?.placement,
+						style: h(B.value)
+					}, [f("div", {
+						class: m(G.value ? ["s-modal-panel-container", { "s-modal-panel-container--fullscreen": Q.value === "fullscreen" }] : "s-drawer-positioner"),
+						"data-placement": q.value?.placement
+					}, [f("div", {
+						ref: he,
+						class: "s-dialog-surface__frame",
+						"data-presentation": p.presentation.kind,
+						"data-layout": Q.value,
+						"data-size": p.presentation.size,
+						"data-placement": q.value?.placement,
+						"data-scope": q.value?.scope,
+						"data-surface": K.value?.surface,
+						"data-scroll": K.value?.scrollBehavior ?? q.value?.scrollBehavior,
+						style: h(J.value)
+					}, [
+						Y.value ? (_(), d("div", de, [(_(), l(b(be.value), {
+							id: W,
+							class: "s-dialog-surface__title"
+						}, {
+							default: E(() => [y(t.$slots, "header", {}, () => [re(S(p.title), 1)], !0)]),
+							_: 3
+						})), p.closable ? (_(), l(o, {
+							key: 0,
+							"leading-icon": C(e),
+							"icon-only": "",
+							appearance: "text",
+							size: "sm",
+							"aria-label": C(N)("dialog.close"),
+							onClick: $
+						}, null, 8, ["leading-icon", "aria-label"])) : u("", !0)])) : u("", !0),
+						f("div", fe, [y(t.$slots, "default", {}, void 0, !0)]),
+						_e.value ? (_(), d("div", {
+							key: 1,
+							class: "s-dialog-surface__footer",
+							"data-layout": X.value ? "split" : "end"
+						}, [X.value ? (_(), d(te, { key: 0 }, [t.$slots["footer-start"] ? (_(), d("div", O, [y(t.$slots, "footer-start", { close: $ }, void 0, !0)])) : u("", !0), t.$slots["footer-end"] ? (_(), d("div", k, [y(t.$slots, "footer-end", { close: $ }, void 0, !0)])) : u("", !0)], 64)) : y(t.$slots, "footer", { close: $ }, void 0, !0, 1)], 8, D)) : u("", !0)
+					], 12, ue)], 10, le)], 14, ce),
+					Z.value ? (_(), d("div", {
 						key: 0,
-						"leading-icon": x(e),
-						"icon-only": "",
-						appearance: "text",
-						size: "sm",
-						"aria-label": x(F)("dialog.close"),
-						onClick: $
-					}, null, 8, ["leading-icon", "aria-label"])) : u("", !0)]),
-					_: 3
-				})) : u("", !0),
-				f("div", D, [v(t.$slots, "default", {}, void 0, !0)]),
-				J.value ? (g(), d("div", {
-					key: 1,
-					class: "s-dialog-surface__footer",
-					"data-layout": q.value ? "split" : "end"
-				}, [q.value ? (g(), d(s, { key: 0 }, [t.$slots["footer-start"] ? (g(), d("div", k, [v(t.$slots, "footer-start", { close: $ }, void 0, !0)])) : u("", !0), t.$slots["footer-end"] ? (g(), d("div", A, [v(t.$slots, "footer-end", { close: $ }, void 0, !0)])) : u("", !0)], 64)) : v(t.$slots, "footer", { close: $ }, void 0, !0, 1)], 8, O)) : u("", !0)
-			]),
+						ref: me,
+						"data-s-dialog-portal": "",
+						class: "s-dialog-surface__portal",
+						style: h(V.value)
+					}, null, 4)) : u("", !0)
+				]),
+				_: 3
+			}, 16, [
+				"hidden",
+				"^inert",
+				"data-presentation",
+				"data-layout",
+				"data-size",
+				"data-placement",
+				"data-scope",
+				"data-surface",
+				"data-scroll",
+				"data-native",
+				"data-s-modal-owner",
+				"style",
+				"tabindex",
+				"aria-modal",
+				"aria-labelledby",
+				"aria-label"
+			])) : u("", !0)]),
 			_: 3
-		}, 16, [
-			"hidden",
-			"^inert",
-			"data-presentation",
-			"data-layout",
-			"data-size",
-			"data-placement",
-			"data-scope",
-			"data-surface",
-			"data-scroll",
-			"style",
-			"aria-modal",
-			"aria-labelledby",
-			"aria-label"
+		}, 8, [
+			"css",
+			"onEnter",
+			"onLeave",
+			"onEnterCancelled",
+			"onLeaveCancelled"
 		]));
 	}
 });
 //#endregion
-export { M as default };
+export { A as default };

package/dist/src/components/shared/_internal/dialogSurface.d.ts

@@ -6,6 +6,8 @@ export type DialogSurfaceDrawerScrollBehavior = 'body' | 'content';
 export type DialogSurfaceTone = 'default' | 'subtle';
 export type DialogSurfaceScrollBehavior = 'page' | 'body';
 export type DialogSurfaceHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+/** Translates the canonical registration base into the exact dialog-owned paint bands. */
+export declare function resolveDialogSurfaceLayerIndex(base: string, band: 'backdrop' | 'surface' | 'toast'): string;
 /** Проверяет уровень native heading без числового coercion. / Validates a native heading level without numeric coercion. */
 export declare function validateDialogSurfaceHeadingLevel(owner: string, value: unknown): DialogSurfaceHeadingLevel;
 export interface ModalDialogSurfacePresentation {