@slotted/react 0.1.0-beta.1 → 0.1.0-beta.10

package/dist/styles/menu.css

@@ -0,0 +1,6 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
+@layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
+
+@layer slotted.components{[data-ui-menu]{--_gap:var(--slotted-menu-gap,var(--slotted-space-2,.25rem));--_surface:var(--slotted-menu-surface,var(--slotted-surface-raised,#fff));--_text:var(--slotted-menu-text,var(--slotted-text,#0f172a));--_muted:var(--slotted-menu-text-muted,var(--slotted-text-muted,#5b6b7f));--_border-color:var(--slotted-menu-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px);--_radius:var(--slotted-menu-radius,var(--slotted-radius-lg,8px));--_shadow:var(--slotted-menu-shadow,var(--slotted-shadow-md));--_highlight:var(--slotted-menu-highlight,var(--slotted-tone-secondary-subtle-hover));--_highlight-active:var(--slotted-menu-highlight-active,var(--slotted-tone-secondary-subtle-active));--_accent:var(--_text);--_inset-block:var(--slotted-menu-padding-block,var(--slotted-space-2,.25rem));--_inset-inline:var(--slotted-menu-padding-inline,var(--slotted-space-2,.25rem));--_item-padding:var(--slotted-control-padding-inline-md,.8125rem);--_item-inset:calc(var(--_item-padding) - var(--_inset-inline));--_item-height:var(--slotted-control-height-md,34px);--_item-radius:var(--slotted-menu-item-radius,var(--slotted-control-radius));--_font-size:var(--slotted-control-font-size-md,13px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_column-gap:var(--slotted-control-gap-md,.5rem);--_leading:round(up, calc(var(--_font-size) * var(--slotted-line-height-md,1.5)), 1px);--_secondary-leading:round(up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm,1.45)), 1px);--_measure:var(--slotted-menu-measure,16rem);--_min-measure:min(var(--slotted-menu-min-measure,12rem), var(--slotted-positioner-available-width,100vw));z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));min-inline-size:var(--_min-measure);padding-block:var(--_gap);pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);padding-inline:0;position:absolute;inset-block-start:0}[data-ui-menu][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-menu][data-side=right]{translate:calc(-1 * var(--_enter-distance)) 0}[data-ui-menu][data-side=left]{translate:var(--_enter-distance) 0}[data-ui-menu]:is([data-side=left],[data-side=right]){padding-block:0;padding-inline:var(--_gap)}[data-ui-menu][data-open]{opacity:1;transition:none;translate:0}[data-ui-menu][data-open][data-positioned]{animation:slotted-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-menu][data-open][data-positioned][data-side=top]{animation-name:slotted-menu-enter-up}[data-ui-menu][data-open][data-positioned][data-side=right]{animation-name:slotted-menu-enter-from-start}[data-ui-menu][data-open][data-positioned][data-side=left]{animation-name:slotted-menu-enter-from-end}@keyframes slotted-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-menu-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_enter-distance)) 0}}@keyframes slotted-menu-enter-from-end{0%{opacity:0;translate:var(--_enter-distance) 0}}@keyframes slotted-menu-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-menu],[data-ui-menu][data-side=top],[data-ui-menu][data-side=left],[data-ui-menu][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-menu][data-open][data-positioned],[data-ui-menu][data-open][data-positioned][data-side=top],[data-ui-menu][data-open][data-positioned][data-side=left],[data-ui-menu][data-open][data-positioned][data-side=right]{animation-name:slotted-menu-fade}}[data-ui-menu][data-detached]{visibility:hidden}[data-ui-menu][data-width=anchor]{max-inline-size:var(--slotted-positioner-available-width,100vw);min-inline-size:0}[data-ui-menu][data-width=anchor]>[data-part-content]{inline-size:var(--slotted-positioner-anchor-width,auto);max-inline-size:var(--slotted-positioner-available-width,100vw);min-inline-size:min(var(--slotted-positioner-anchor-width,0px), var(--slotted-positioner-available-width,100vw))}[data-ui-menu][data-size=sm]{--_item-padding:var(--slotted-control-padding-inline-sm,.625rem);--_item-height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,12px);--_secondary-font-size:var(--slotted-font-size-xs,.75rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_column-gap:var(--slotted-control-gap-sm,.375rem);--_measure:var(--slotted-menu-measure-sm,14rem)}[data-ui-menu][data-size=lg]{--_item-padding:var(--slotted-control-padding-inline-lg,1rem);--_item-height:var(--slotted-control-height-lg,38px);--_font-size:var(--slotted-control-font-size-lg,14px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_column-gap:var(--slotted-control-gap-lg,.5rem);--_measure:var(--slotted-menu-measure-lg,20rem)}[data-ui-menu]>[data-part-content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);max-block-size:calc(var(--slotted-positioner-available-height,100vh) - 2 * var(--_gap));overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);pointer-events:auto;outline:none;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid;overflow-y:auto}[data-ui-menu]>[data-part-content]:focus-visible{outline:none}[data-ui-menu] [data-part-group]{grid-column:1/-1;grid-template-columns:subgrid;display:grid}[data-ui-menu] [data-part-group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1}[data-ui-menu] [data-part-header]{align-items:center;column-gap:var(--slotted-space-5,.75rem);line-height:var(--_leading);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);display:grid}[data-ui-menu] [data-part-header]>:not([data-part-label],[data-part-description]){grid-area:1/1/span 2}[data-ui-menu] [data-part-header]>[data-part-label]{font-weight:var(--slotted-font-weight-semibold,600)}[data-ui-menu] [data-part-item]{appearance:none;border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;grid-column:1/-1;grid-template-columns:subgrid;line-height:var(--_leading);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);align-content:center;row-gap:var(--slotted-space-1,.125rem);text-align:start;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background:0 0;border:0;text-decoration:none;display:grid}[data-ui-menu] [data-part-item]:focus{background-color:var(--_highlight);color:var(--_accent)}[data-ui-menu] [data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-menu] [data-part-item]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui-menu] [data-part-item][data-open]{background-color:var(--_highlight)}[data-ui-menu] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground,#64748b);cursor:not-allowed}[data-ui-menu] [data-part-item][data-disabled]:focus{background-color:var(--_highlight);color:var(--slotted-disabled-foreground,#64748b)}[data-ui-menu] :is([data-part-indicator],[data-part-icon]),[data-ui-menu] [data-part-item][aria-haspopup=menu]>[data-ui-icon]{block-size:1lh}[data-ui-menu] [data-part-indicator]{--slotted-icon-size:var(--_icon-size);inline-size:var(--_icon-size);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), scale var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1;justify-content:center;justify-self:center;align-items:center;margin-inline-end:var(--_column-gap);display:flex;scale:.8}[data-ui-menu] [data-part-item][data-checked]>[data-part-indicator]{opacity:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter), scale var(--slotted-duration-short) var(--slotted-easing-enter);scale:1}[data-ui-menu] [data-part-item][role=menuitemradio]>[data-part-indicator]{--slotted-icon-size:calc(var(--_icon-size) * .7)}[data-ui-menu] [data-part-icon]{--slotted-icon-size:var(--_icon-size);inline-size:var(--_icon-size);grid-area:1/1;justify-content:center;justify-self:center;align-items:center;margin-inline-end:var(--_column-gap);display:flex}[data-ui-menu] [data-part-icon]>*{font-size:var(--_icon-size)}[data-ui-menu] [data-part-label]{overflow-wrap:anywhere;grid-area:1/2;min-inline-size:0}[data-ui-menu] [data-part-description]{color:var(--_muted);font-size:var(--_secondary-font-size);line-height:var(--_secondary-leading);overflow-wrap:anywhere;grid-area:2/2;min-inline-size:0}[data-ui-menu] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-menu] [data-part-meta]{color:var(--_muted);align-items:center;column-gap:var(--slotted-space-2,.25rem);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/3;justify-self:end;margin-inline-start:var(--slotted-space-6,1rem);display:flex}[data-ui-menu] [data-part-shortcut]{color:var(--_muted);white-space:nowrap;grid-area:1/4;justify-self:end;margin-inline-start:var(--slotted-space-6,1rem)}[data-ui-menu] [data-part-item][data-disabled]>:is([data-part-shortcut],[data-part-meta]),[data-ui-menu] [data-part-item][data-disabled][aria-haspopup=menu]>[data-ui-icon]{color:inherit}[data-ui-menu] [data-part-item][aria-haspopup=menu]>[data-ui-icon]{--slotted-icon-size:var(--_icon-size);line-height:inherit;color:var(--_muted);grid-area:1/4;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui-menu] [data-part-separator]{background-color:var(--slotted-menu-separator-color,var(--_border-color));block-size:var(--_border-width);margin-block:var(--slotted-space-2,.25rem);border:0;grid-column:1/-1;margin-inline:0}[data-ui-menu] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-5,.75rem);padding-inline:var(--_item-inset);text-align:center;grid-column:1/-1}[data-ui-menu]>[data-part-content][data-loading]{cursor:progress}[data-ui-menu] [data-part-item][data-tone=accent]{--_accent:var(--slotted-tone-accent-text);--_highlight:var(--slotted-tone-accent-surface);--_highlight-active:var(--slotted-tone-accent-subtle-active);color:var(--slotted-tone-accent-text)}[data-ui-menu] [data-part-item][data-tone=secondary]{--_accent:var(--slotted-tone-secondary-text);--_highlight:var(--slotted-tone-secondary-surface);--_highlight-active:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-tone-secondary-text)}[data-ui-menu] [data-part-item][data-tone=success]{--_accent:var(--slotted-tone-success-text);--_highlight:var(--slotted-tone-success-surface);--_highlight-active:var(--slotted-tone-success-subtle-active);color:var(--slotted-tone-success-text)}[data-ui-menu] [data-part-item][data-tone=warning]{--_accent:var(--slotted-tone-warning-text);--_highlight:var(--slotted-tone-warning-surface);--_highlight-active:var(--slotted-tone-warning-subtle-active);color:var(--slotted-tone-warning-text)}[data-ui-menu] [data-part-item][data-tone=danger]{--_accent:var(--slotted-tone-danger-text);--_highlight:var(--slotted-tone-danger-surface);--_highlight-active:var(--slotted-tone-danger-subtle-active);color:var(--slotted-tone-danger-text)}[data-ui-menu] [data-part-item][data-tone][data-disabled]{--_accent:var(--slotted-disabled-foreground,#64748b);--_highlight:var(--slotted-menu-highlight,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-disabled-foreground,#64748b)}@media (forced-colors:active){[data-ui-menu] [data-part-item]:focus{color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-menu] [data-part-item][data-disabled]:focus{color:graytext;background-color:highlight}}}
+
+@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}

package/dist/styles/menubar.css

@@ -0,0 +1,8 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
+@layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
+
+@layer slotted.components{[data-ui-menu]{--_gap:var(--slotted-menu-gap,var(--slotted-space-2,.25rem));--_surface:var(--slotted-menu-surface,var(--slotted-surface-raised,#fff));--_text:var(--slotted-menu-text,var(--slotted-text,#0f172a));--_muted:var(--slotted-menu-text-muted,var(--slotted-text-muted,#5b6b7f));--_border-color:var(--slotted-menu-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px);--_radius:var(--slotted-menu-radius,var(--slotted-radius-lg,8px));--_shadow:var(--slotted-menu-shadow,var(--slotted-shadow-md));--_highlight:var(--slotted-menu-highlight,var(--slotted-tone-secondary-subtle-hover));--_highlight-active:var(--slotted-menu-highlight-active,var(--slotted-tone-secondary-subtle-active));--_accent:var(--_text);--_inset-block:var(--slotted-menu-padding-block,var(--slotted-space-2,.25rem));--_inset-inline:var(--slotted-menu-padding-inline,var(--slotted-space-2,.25rem));--_item-padding:var(--slotted-control-padding-inline-md,.8125rem);--_item-inset:calc(var(--_item-padding) - var(--_inset-inline));--_item-height:var(--slotted-control-height-md,34px);--_item-radius:var(--slotted-menu-item-radius,var(--slotted-control-radius));--_font-size:var(--slotted-control-font-size-md,13px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_column-gap:var(--slotted-control-gap-md,.5rem);--_leading:round(up, calc(var(--_font-size) * var(--slotted-line-height-md,1.5)), 1px);--_secondary-leading:round(up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm,1.45)), 1px);--_measure:var(--slotted-menu-measure,16rem);--_min-measure:min(var(--slotted-menu-min-measure,12rem), var(--slotted-positioner-available-width,100vw));z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));min-inline-size:var(--_min-measure);padding-block:var(--_gap);pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);padding-inline:0;position:absolute;inset-block-start:0}[data-ui-menu][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-menu][data-side=right]{translate:calc(-1 * var(--_enter-distance)) 0}[data-ui-menu][data-side=left]{translate:var(--_enter-distance) 0}[data-ui-menu]:is([data-side=left],[data-side=right]){padding-block:0;padding-inline:var(--_gap)}[data-ui-menu][data-open]{opacity:1;transition:none;translate:0}[data-ui-menu][data-open][data-positioned]{animation:slotted-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-menu][data-open][data-positioned][data-side=top]{animation-name:slotted-menu-enter-up}[data-ui-menu][data-open][data-positioned][data-side=right]{animation-name:slotted-menu-enter-from-start}[data-ui-menu][data-open][data-positioned][data-side=left]{animation-name:slotted-menu-enter-from-end}@keyframes slotted-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-menu-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_enter-distance)) 0}}@keyframes slotted-menu-enter-from-end{0%{opacity:0;translate:var(--_enter-distance) 0}}@keyframes slotted-menu-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-menu],[data-ui-menu][data-side=top],[data-ui-menu][data-side=left],[data-ui-menu][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-menu][data-open][data-positioned],[data-ui-menu][data-open][data-positioned][data-side=top],[data-ui-menu][data-open][data-positioned][data-side=left],[data-ui-menu][data-open][data-positioned][data-side=right]{animation-name:slotted-menu-fade}}[data-ui-menu][data-detached]{visibility:hidden}[data-ui-menu][data-width=anchor]{max-inline-size:var(--slotted-positioner-available-width,100vw);min-inline-size:0}[data-ui-menu][data-width=anchor]>[data-part-content]{inline-size:var(--slotted-positioner-anchor-width,auto);max-inline-size:var(--slotted-positioner-available-width,100vw);min-inline-size:min(var(--slotted-positioner-anchor-width,0px), var(--slotted-positioner-available-width,100vw))}[data-ui-menu][data-size=sm]{--_item-padding:var(--slotted-control-padding-inline-sm,.625rem);--_item-height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,12px);--_secondary-font-size:var(--slotted-font-size-xs,.75rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_column-gap:var(--slotted-control-gap-sm,.375rem);--_measure:var(--slotted-menu-measure-sm,14rem)}[data-ui-menu][data-size=lg]{--_item-padding:var(--slotted-control-padding-inline-lg,1rem);--_item-height:var(--slotted-control-height-lg,38px);--_font-size:var(--slotted-control-font-size-lg,14px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_column-gap:var(--slotted-control-gap-lg,.5rem);--_measure:var(--slotted-menu-measure-lg,20rem)}[data-ui-menu]>[data-part-content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);max-block-size:calc(var(--slotted-positioner-available-height,100vh) - 2 * var(--_gap));overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);pointer-events:auto;outline:none;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid;overflow-y:auto}[data-ui-menu]>[data-part-content]:focus-visible{outline:none}[data-ui-menu] [data-part-group]{grid-column:1/-1;grid-template-columns:subgrid;display:grid}[data-ui-menu] [data-part-group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1}[data-ui-menu] [data-part-header]{align-items:center;column-gap:var(--slotted-space-5,.75rem);line-height:var(--_leading);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);display:grid}[data-ui-menu] [data-part-header]>:not([data-part-label],[data-part-description]){grid-area:1/1/span 2}[data-ui-menu] [data-part-header]>[data-part-label]{font-weight:var(--slotted-font-weight-semibold,600)}[data-ui-menu] [data-part-item]{appearance:none;border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;grid-column:1/-1;grid-template-columns:subgrid;line-height:var(--_leading);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);align-content:center;row-gap:var(--slotted-space-1,.125rem);text-align:start;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background:0 0;border:0;text-decoration:none;display:grid}[data-ui-menu] [data-part-item]:focus{background-color:var(--_highlight);color:var(--_accent)}[data-ui-menu] [data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-menu] [data-part-item]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui-menu] [data-part-item][data-open]{background-color:var(--_highlight)}[data-ui-menu] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground,#64748b);cursor:not-allowed}[data-ui-menu] [data-part-item][data-disabled]:focus{background-color:var(--_highlight);color:var(--slotted-disabled-foreground,#64748b)}[data-ui-menu] :is([data-part-indicator],[data-part-icon]),[data-ui-menu] [data-part-item][aria-haspopup=menu]>[data-ui-icon]{block-size:1lh}[data-ui-menu] [data-part-indicator]{--slotted-icon-size:var(--_icon-size);inline-size:var(--_icon-size);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), scale var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1;justify-content:center;justify-self:center;align-items:center;margin-inline-end:var(--_column-gap);display:flex;scale:.8}[data-ui-menu] [data-part-item][data-checked]>[data-part-indicator]{opacity:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter), scale var(--slotted-duration-short) var(--slotted-easing-enter);scale:1}[data-ui-menu] [data-part-item][role=menuitemradio]>[data-part-indicator]{--slotted-icon-size:calc(var(--_icon-size) * .7)}[data-ui-menu] [data-part-icon]{--slotted-icon-size:var(--_icon-size);inline-size:var(--_icon-size);grid-area:1/1;justify-content:center;justify-self:center;align-items:center;margin-inline-end:var(--_column-gap);display:flex}[data-ui-menu] [data-part-icon]>*{font-size:var(--_icon-size)}[data-ui-menu] [data-part-label]{overflow-wrap:anywhere;grid-area:1/2;min-inline-size:0}[data-ui-menu] [data-part-description]{color:var(--_muted);font-size:var(--_secondary-font-size);line-height:var(--_secondary-leading);overflow-wrap:anywhere;grid-area:2/2;min-inline-size:0}[data-ui-menu] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-menu] [data-part-meta]{color:var(--_muted);align-items:center;column-gap:var(--slotted-space-2,.25rem);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/3;justify-self:end;margin-inline-start:var(--slotted-space-6,1rem);display:flex}[data-ui-menu] [data-part-shortcut]{color:var(--_muted);white-space:nowrap;grid-area:1/4;justify-self:end;margin-inline-start:var(--slotted-space-6,1rem)}[data-ui-menu] [data-part-item][data-disabled]>:is([data-part-shortcut],[data-part-meta]),[data-ui-menu] [data-part-item][data-disabled][aria-haspopup=menu]>[data-ui-icon]{color:inherit}[data-ui-menu] [data-part-item][aria-haspopup=menu]>[data-ui-icon]{--slotted-icon-size:var(--_icon-size);line-height:inherit;color:var(--_muted);grid-area:1/4;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui-menu] [data-part-separator]{background-color:var(--slotted-menu-separator-color,var(--_border-color));block-size:var(--_border-width);margin-block:var(--slotted-space-2,.25rem);border:0;grid-column:1/-1;margin-inline:0}[data-ui-menu] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-5,.75rem);padding-inline:var(--_item-inset);text-align:center;grid-column:1/-1}[data-ui-menu]>[data-part-content][data-loading]{cursor:progress}[data-ui-menu] [data-part-item][data-tone=accent]{--_accent:var(--slotted-tone-accent-text);--_highlight:var(--slotted-tone-accent-surface);--_highlight-active:var(--slotted-tone-accent-subtle-active);color:var(--slotted-tone-accent-text)}[data-ui-menu] [data-part-item][data-tone=secondary]{--_accent:var(--slotted-tone-secondary-text);--_highlight:var(--slotted-tone-secondary-surface);--_highlight-active:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-tone-secondary-text)}[data-ui-menu] [data-part-item][data-tone=success]{--_accent:var(--slotted-tone-success-text);--_highlight:var(--slotted-tone-success-surface);--_highlight-active:var(--slotted-tone-success-subtle-active);color:var(--slotted-tone-success-text)}[data-ui-menu] [data-part-item][data-tone=warning]{--_accent:var(--slotted-tone-warning-text);--_highlight:var(--slotted-tone-warning-surface);--_highlight-active:var(--slotted-tone-warning-subtle-active);color:var(--slotted-tone-warning-text)}[data-ui-menu] [data-part-item][data-tone=danger]{--_accent:var(--slotted-tone-danger-text);--_highlight:var(--slotted-tone-danger-surface);--_highlight-active:var(--slotted-tone-danger-subtle-active);color:var(--slotted-tone-danger-text)}[data-ui-menu] [data-part-item][data-tone][data-disabled]{--_accent:var(--slotted-disabled-foreground,#64748b);--_highlight:var(--slotted-menu-highlight,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-disabled-foreground,#64748b)}@media (forced-colors:active){[data-ui-menu] [data-part-item]:focus{color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-menu] [data-part-item][data-disabled]:focus{color:graytext;background-color:highlight}}}
+
+@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}
+
+@layer slotted.components{[data-ui-menubar]{--_gap:var(--slotted-menubar-gap,var(--slotted-space-1,.125rem));--_text:var(--slotted-menubar-text,var(--slotted-text,#0f172a));--_trigger-radius:var(--slotted-menubar-trigger-radius,var(--slotted-control-radius));--_trigger-height:var(--slotted-control-height-md,34px);--_trigger-inset:var(--slotted-control-padding-inline-md,.8125rem);--_font-size:var(--slotted-control-font-size-md,13px);--_highlight:var(--slotted-menubar-highlight,var(--slotted-tone-secondary-subtle-hover));--_highlight-active:var(--slotted-menubar-highlight-active,var(--slotted-tone-secondary-subtle-active));box-sizing:border-box;color:var(--_text);font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);align-items:center;gap:var(--_gap);flex-wrap:wrap;display:flex}[data-ui-menubar][data-orientation=vertical]{flex-direction:column;align-items:stretch}[data-ui-menubar][data-size=sm]{--_trigger-height:var(--slotted-control-height-sm,30px);--_trigger-inset:var(--slotted-control-padding-inline-sm,.625rem);--_font-size:var(--slotted-control-font-size-sm,12px)}[data-ui-menubar][data-size=lg]{--_trigger-height:var(--slotted-control-height-lg,38px);--_trigger-inset:var(--slotted-control-padding-inline-lg,1rem);--_font-size:var(--slotted-control-font-size-lg,14px)}[data-ui-menubar]>[data-part-trigger]{appearance:none;border-radius:var(--_trigger-radius);box-sizing:border-box;color:inherit;cursor:default;font:inherit;font-weight:var(--slotted-menubar-trigger-font-weight,var(--slotted-font-weight-medium,500));min-block-size:var(--_trigger-height);padding-block:0;padding-inline:var(--_trigger-inset);text-align:center;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));white-space:nowrap;background:0 0;border:0}[data-ui-menubar][data-orientation=vertical]>[data-part-trigger]{text-align:start}[data-ui-menubar]>[data-part-trigger]:not([data-disabled]):hover{background-color:var(--_highlight)}[data-ui-menubar]>[data-part-trigger]:not([data-disabled]):active,[data-ui-menubar]>[data-part-trigger][data-open]{background-color:var(--_highlight-active)}[data-ui-menubar]>[data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-menubar]>[data-part-trigger][data-disabled]{color:var(--slotted-disabled-foreground,#64748b)}[data-ui-menubar]>[data-part-trigger][data-disabled]:focus{background-color:var(--slotted-disabled-background,#e2e8f0)}@media (forced-colors:active){[data-ui-menubar]>[data-part-trigger][data-open]{color:highlighttext;forced-color-adjust:none;background-color:highlight}}}

package/dist/styles/message-scroller.css

@@ -0,0 +1,4 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
+@layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
+
+@layer slotted.components{[data-ui-message-scroller][data-part-root]{--_inset:var(--slotted-message-scroller-padding,var(--slotted-space-6,1rem));--_gap:var(--slotted-message-scroller-gap,calc(var(--slotted-control-gap-md,8px) * 2.5));--_fade:var(--slotted-message-scroller-fade,var(--slotted-space-6,1rem));box-sizing:border-box;block-size:100%;min-block-size:0;min-inline-size:0;color:var(--slotted-text);font-family:var(--slotted-font-family-sans,sans-serif);flex-direction:column;display:flex;position:relative;overflow:hidden}[data-ui-message-scroller] [data-part-viewport]{box-sizing:border-box;overflow-anchor:none;overscroll-behavior:contain;scrollbar-color:var(--slotted-border-strong) transparent;scrollbar-gutter:stable;scrollbar-width:thin;flex:auto;min-block-size:0;position:relative;overflow:hidden auto}[data-ui-message-scroller] [data-part-viewport][data-scrollable~=start]{mask-image:linear-gradient(to bottom, transparent, #000 var(--_fade))}[data-ui-message-scroller] [data-part-viewport][data-scrollable~=end]{mask-image:linear-gradient(to top, transparent, #000 var(--_fade))}[data-ui-message-scroller] [data-part-viewport][data-scrollable~=start][data-scrollable~=end]{mask-image:linear-gradient(to bottom, transparent, #000 var(--_fade), #000 calc(100% - var(--_fade)), transparent)}[data-ui-message-scroller] [data-part-viewport][data-pending]{visibility:hidden}[data-ui-message-scroller] [data-part-viewport]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-message-scroller] [data-part-content]{justify-content:flex-end;gap:var(--_gap);box-sizing:border-box;min-block-size:100%;padding:var(--_inset);flex-direction:column;padding-block-end:calc(var(--_inset) + var(--slotted-message-scroller-room,0px));display:flex}[data-ui-message-scroller] [data-part-item]{border-radius:var(--slotted-radius-md,6px);content-visibility:auto;contain-intrinsic-size:auto 6rem;min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter,ease-out), translate var(--slotted-duration-medium) var(--slotted-easing-enter,ease-out), background-color var(--slotted-duration-long) var(--slotted-easing-standard,ease), box-shadow var(--slotted-duration-long) var(--slotted-easing-standard,ease);@starting-style{opacity:0;translate:0 var(--slotted-space-4,.5rem)}}[data-ui-message-scroller] [data-part-item][data-current]{background-color:var(--slotted-tone-accent-subtle-hover);box-shadow:0 0 0 var(--slotted-space-3,.375rem) var(--slotted-tone-accent-subtle-hover)}[data-ui-message-scroller] :is([data-part-separator],[data-part-unread]){align-items:center;gap:var(--slotted-space-4,.5rem);color:var(--slotted-text-muted);font-size:var(--slotted-font-size-xs,.75rem);font-weight:var(--slotted-font-weight-medium,500);line-height:round(up, calc(var(--slotted-font-size-xs,.75rem) * var(--slotted-line-height-xs,1.4)), 1px);display:flex}[data-ui-message-scroller] :is([data-part-separator],[data-part-unread]):before,[data-ui-message-scroller] :is([data-part-separator],[data-part-unread]):after{content:"";min-inline-size:var(--slotted-space-6,1rem);border-block-start:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle);flex:1 1 0}[data-ui-message-scroller] [data-part-item]:has(>[data-part-separator][data-sticky]),[data-ui-message-scroller] [data-part-separator][data-sticky]:not([data-part-item]>*){z-index:1;content-visibility:visible;position:sticky;inset-block-start:var(--_fade)}[data-ui-message-scroller] [data-part-separator][data-sticky]:before,[data-ui-message-scroller] [data-part-separator][data-sticky]:after{content:none}[data-ui-message-scroller] [data-part-separator][data-sticky]{justify-content:center}[data-ui-message-scroller] [data-part-separator][data-sticky]>*{box-shadow:var(--slotted-shadow-xs)}[data-ui-message-scroller] [data-part-separator]>*{padding-block:var(--slotted-space-1,.125rem);padding-inline:var(--slotted-space-4,.5rem);border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full,9999px);background-color:var(--slotted-surface)}[data-ui-message-scroller] [data-part-unread]{color:var(--slotted-tone-accent-text)}[data-ui-message-scroller] [data-part-unread]:before,[data-ui-message-scroller] [data-part-unread]:after{border-block-start-color:var(--slotted-tone-accent-border)}[data-ui-message-scroller] [data-part-loader]{justify-content:center;align-items:center;gap:var(--slotted-space-3,.375rem);padding-block:var(--slotted-space-2,.25rem);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md,13px);display:flex}[data-ui-message-scroller] [data-part-loader]>[data-ui-spinner]{--slotted-spinner-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-message-scroller] [data-part-jump]{--_size:var(--slotted-message-scroller-jump-size,var(--slotted-control-height-md,34px));--_ground:var(--slotted-surface-raised);--_ink:var(--slotted-text);--_shift:var(--slotted-space-4,.5rem);justify-content:center;align-items:center;gap:var(--slotted-space-2,.25rem);z-index:2;box-sizing:border-box;min-inline-size:var(--_size);block-size:var(--_size);border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full,9999px);background-color:var(--_ground);box-shadow:var(--slotted-shadow-md);color:var(--_ink);font:inherit;font-size:var(--slotted-control-font-size-md,13px);font-weight:var(--slotted-font-weight-medium,500);white-space:nowrap;cursor:pointer;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter,ease-out), translate var(--slotted-duration-medium) var(--slotted-easing-enter,ease-out), background-color var(--slotted-duration-short) var(--slotted-easing-standard,ease);margin:0;padding:0;line-height:1;display:inline-flex;position:absolute;inset-block-end:var(--_inset);inset-inline-start:50%;translate:-50%}[data-ui-message-scroller] [data-part-jump]:dir(rtl){translate:50%}[data-ui-message-scroller] [data-part-jump][data-direction=start]{inset-block:var(--_inset) auto;--_shift:calc(var(--slotted-space-4,.5rem) * -1)}[data-ui-message-scroller] [data-part-jump]>[data-ui-icon]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px);rotate:-90deg}[data-ui-message-scroller] [data-part-jump][data-direction=start]>[data-ui-icon]{rotate:90deg}[data-ui-message-scroller] [data-part-jump]:has(>[data-part-jump-count]){padding-inline:var(--slotted-space-4,.5rem) var(--slotted-space-5,.75rem)}[data-ui-message-scroller] [data-part-jump-count]{font-variant-numeric:tabular-nums}[data-ui-message-scroller] [data-part-jump][data-active=false]{opacity:0;pointer-events:none;translate:-50% var(--_shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit,ease-in), translate var(--slotted-duration-short) var(--slotted-easing-exit,ease-in)}[data-ui-message-scroller] [data-part-jump][data-active=false]:dir(rtl){translate:50% var(--_shift)}[data-ui-message-scroller] [data-part-jump]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab, var(--_ink) var(--slotted-message-scroller-state-layer-hover,6%), var(--_ground))}[data-ui-message-scroller] [data-part-jump]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab, var(--_ink) var(--slotted-message-scroller-state-layer-active,12%), var(--_ground));translate:-50% var(--slotted-space-1,.125rem)}[data-ui-message-scroller] [data-part-jump]:active:not(:disabled):not([data-disabled]):dir(rtl){translate:50% var(--slotted-space-1,.125rem)}[data-ui-message-scroller] [data-part-jump]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset,2px)}@media (forced-colors:active){[data-ui-message-scroller] [data-part-item][data-current]{outline:var(--slotted-border-width-thick,2px) solid Highlight;outline-offset:var(--slotted-space-2,.25rem)}[data-ui-message-scroller] [data-part-viewport][data-scrollable]{mask-image:none}}}

package/dist/styles/message.css

@@ -0,0 +1,4 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
+@layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
+
+@layer slotted.components{[data-ui-message][data-part-root]{--_avatar-size:var(--slotted-message-avatar-size,var(--slotted-avatar-size-sm,28px));--_column-gap:var(--slotted-message-column-gap,var(--slotted-space-4,.5rem));--_stack-gap:var(--slotted-message-stack-gap,var(--slotted-space-2,.25rem));--_meta-size:var(--slotted-font-size-xs,.75rem);--_meta-leading:round(up, calc(var(--_meta-size) * var(--slotted-line-height-xs,1.4)), 1px);--_pad-block:var(--slotted-message-bubble-padding-block,var(--slotted-control-gap-md,8px));--_pad-inline:var(--slotted-message-bubble-padding-inline,calc(var(--slotted-control-gap-md,8px) + var(--slotted-space-2,.25rem)));--_glyph-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:max(var(--slotted-target-min,24px), calc(var(--_glyph-size) + 2 * var(--slotted-space-2,.25rem)));column-gap:var(--_column-gap);min-inline-size:0;color:var(--slotted-text);font-family:var(--slotted-font-family-sans,sans-serif);grid-template-columns:minmax(0,1fr);grid-template-areas:"body";display:grid;position:relative}[data-ui-message][data-part-root]:has(>[data-part-avatar]),[data-ui-message][data-part-group]:has([data-part-avatar])>[data-ui-message][data-part-root]{grid-template-areas:"avatar body";grid-template-columns:var(--_avatar-size) minmax(0, 1fr)}[data-ui-message][data-part-root][data-align=end]:has(>[data-part-avatar]),[data-ui-message][data-part-group]:has([data-part-avatar])>[data-ui-message][data-part-root][data-align=end]{grid-template-areas:"body avatar";grid-template-columns:minmax(0, 1fr) var(--_avatar-size)}[data-ui-message][data-part-root]>[data-part-avatar]{inline-size:var(--_avatar-size);min-block-size:var(--_avatar-size);grid-area:avatar;justify-content:center;align-self:end;display:flex}[data-ui-message][data-part-root]:has(>[data-part-body]>[data-part-footer])>[data-part-avatar]{margin-block-end:calc(var(--_meta-leading) + var(--_stack-gap))}[data-ui-message][data-part-root]>[data-part-body]{align-items:flex-start;gap:var(--_stack-gap);flex-direction:column;grid-area:body;min-inline-size:0;display:flex}[data-ui-message][data-part-root][data-align=end]>[data-part-body]{align-items:flex-end}[data-ui-message][data-part-group]{gap:var(--slotted-message-run-gap,var(--slotted-space-1,.125rem));flex-direction:column;min-inline-size:0;display:flex}[data-ui-message][data-part-root] :is([data-part-header],[data-part-footer]){align-items:center;column-gap:var(--slotted-space-3,.375rem);min-inline-size:0;max-inline-size:100%;padding-inline:var(--_pad-inline);color:var(--slotted-text-muted);font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium,500);line-height:var(--_meta-leading);flex-wrap:wrap;display:flex}[data-ui-message][data-part-root][data-align=end] :is([data-part-header],[data-part-footer]){justify-content:flex-end}[data-ui-message][data-part-root] [data-part-header]>*+[data-part-time]:before{content:"";inline-size:var(--slotted-space-2,.25rem);block-size:var(--slotted-space-2,.25rem);border-radius:var(--slotted-radius-full,9999px);opacity:.5;vertical-align:middle;background-color:currentColor;margin-inline-end:var(--slotted-space-3,.375rem);display:inline-block}[data-ui-message][data-part-root] [data-part-author]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}[data-ui-message][data-part-root] [data-part-time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-message][data-part-root] [data-part-footer]>[data-part-receipt]{white-space:nowrap}[data-ui-message][data-part-root] [data-part-footer]>[data-part-receipt]>[data-ui-icon]{display:none}[data-ui-message][data-part-root][data-invalid]>[data-part-body]>[data-part-footer]{padding-inline:var(--slotted-space-2,.25rem);color:var(--slotted-tone-danger-text)}[data-ui-message][data-part-root] [data-part-actions]{align-items:center;gap:var(--slotted-space-1,.125rem);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit,ease-in);display:inline-flex}@media (hover:hover){[data-ui-message][data-part-root][data-actions=hover] [data-part-actions]{opacity:0}[data-ui-message][data-part-root][data-actions=hover]:is(:hover:not([data-disabled]),:focus-within) [data-part-actions]{opacity:1;transition-timing-function:var(--slotted-easing-enter,ease-out)}}[data-ui-message][data-part-root] [data-part-activity]{gap:var(--slotted-space-3,.375rem);box-sizing:border-box;max-inline-size:100%;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline) calc(var(--_pad-inline) + var(--slotted-space-2,.25rem));border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_pad-block) * 2);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md,13px);line-height:round(up, calc(1em * var(--slotted-line-height-md,1.5)), 1px);flex-direction:column;display:inline-flex}[data-ui-message][data-part-root] [data-part-activity-step]{align-items:center;gap:var(--slotted-space-4,.5rem);min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter,ease-out), translate var(--slotted-duration-medium) var(--slotted-easing-enter,ease-out), color var(--slotted-duration-medium) var(--slotted-easing-standard,ease);display:flex;@starting-style{opacity:0;translate:0 var(--slotted-space-2,.25rem)}}[data-ui-message][data-part-root] [data-part-activity-step]>:first-child{--slotted-icon-size:var(--_glyph-size);--slotted-spinner-size:var(--_glyph-size);inline-size:var(--_glyph-size);block-size:var(--_glyph-size);flex:none;place-items:center;display:inline-grid}[data-ui-message][data-part-root] [data-part-activity-step][data-complete]>:first-child{color:var(--slotted-tone-success-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]{color:var(--slotted-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:first-child{color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:last-child{--_base:color-mix(in oklab, var(--slotted-text) 72%, var(--slotted-text-muted));background-image:linear-gradient(90deg, var(--_base) 0%, var(--_base) 38%, var(--slotted-text-muted) 50%, var(--_base) 62%, var(--_base) 100%);color:#0000;animation:slotted-message-sweep var(--slotted-duration-loop-slow) linear infinite;background-size:220% 100%;background-clip:text}@keyframes slotted-message-sweep{0%{background-position:100% 0}to{background-position:0 0}}[data-ui-message][data-part-root] [data-part-versions]{color:var(--slotted-text-muted);align-items:center;display:inline-flex}[data-ui-message][data-part-root] [data-part-version-label]{padding-inline:var(--slotted-space-2,.25rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]){inline-size:var(--_inner-size);block-size:var(--_inner-size);border-radius:var(--slotted-control-radius,4px);color:inherit;font:inherit;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard,ease), color var(--slotted-duration-short) var(--slotted-easing-standard,ease);background-color:#0000;border:0;place-items:center;margin:0;padding:0;display:inline-grid}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next])>[data-ui-icon]{--slotted-icon-size:var(--_glyph-size)}[data-ui-message][data-part-root] [data-part-version-previous]>[data-ui-icon],[data-ui-message][data-part-root]:dir(rtl) :is([data-part-version-previous],[data-part-version-next])>[data-ui-icon]{scale:-1 1}[data-ui-message][data-part-root]:dir(rtl) [data-part-version-previous]>[data-ui-icon]{scale:1}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):active:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-text)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):disabled{color:var(--slotted-disabled-foreground)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-message][data-part-root][data-layout=thread]{--_avatar-size:var(--slotted-message-thread-avatar-size,var(--slotted-avatar-size-md,36px));--_pad-inline:0px;padding-block:var(--slotted-space-3,.375rem);padding-inline:var(--slotted-space-4,.5rem);border-radius:var(--slotted-radius-md,6px);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard,ease)}[data-ui-message][data-part-root][data-layout=thread]>[data-part-avatar]{align-self:start;margin-block-end:0}[data-ui-message][data-part-root][data-layout=thread] [data-part-author]{color:var(--slotted-text);font-size:var(--slotted-control-font-size-md,13px);font-weight:var(--slotted-font-weight-semibold,600)}[data-ui-message][data-part-root][data-layout=thread]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui-message][data-part-root][data-layout=thread]>[data-part-actions]{grid-column:body;justify-self:start}@media (hover:hover){[data-ui-message][data-part-root][data-layout=thread][data-actions=hover]>[data-part-actions]{padding:var(--slotted-space-1,.125rem);border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-md,6px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-sm);position:absolute;inset-block-start:calc(var(--slotted-space-2,.25rem) * -1);inset-inline-end:var(--slotted-space-4,.5rem)}}[data-ui-message][data-part-bubble]{--_solid:var(--slotted-tone-secondary-solid);--_on-solid:var(--slotted-tone-secondary-on-solid);--_surface:var(--slotted-tone-secondary-surface);--_border:var(--slotted-border-subtle);--_soft-ink:var(--slotted-text);--_radius:var(--slotted-message-bubble-radius,calc(var(--_pad-block) * 2));--_radius-joined:var(--slotted-message-bubble-radius-joined,var(--slotted-radius-sm,4px));--_pad-block:var(--slotted-message-bubble-padding-block,var(--slotted-control-gap-md,8px));--_pad-inline:var(--slotted-message-bubble-padding-inline,calc(var(--slotted-control-gap-md,8px) + var(--slotted-space-2,.25rem)));--_top-side:var(--_radius);--_bottom-side:var(--_radius);--_font-size:var(--slotted-control-font-size-lg,14px);--_leading:round(up, calc(var(--_font-size) * var(--slotted-line-height-md,1.5)), 1px);--_reactions-size:max(var(--slotted-target-min,24px), var(--slotted-control-inner-size-md,24px));align-items:flex-start;gap:var(--slotted-space-1,.125rem);inline-size:fit-content;min-inline-size:0;max-inline-size:var(--slotted-message-bubble-share,80%);flex-direction:column;display:flex;position:relative}[data-ui-message][data-part-bubble][data-tone=accent]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_surface:var(--slotted-tone-accent-surface);--_border:var(--slotted-tone-accent-border)}[data-ui-message][data-part-bubble][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_on-solid:var(--slotted-tone-success-on-solid);--_surface:var(--slotted-tone-success-surface);--_border:var(--slotted-tone-success-border);--_soft-ink:var(--slotted-tone-success-text)}[data-ui-message][data-part-bubble][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_on-solid:var(--slotted-tone-info-on-solid);--_surface:var(--slotted-tone-info-surface);--_border:var(--slotted-tone-info-border);--_soft-ink:var(--slotted-tone-info-text)}[data-ui-message][data-part-bubble][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_on-solid:var(--slotted-tone-warning-on-solid);--_surface:var(--slotted-tone-warning-surface);--_border:var(--slotted-tone-warning-border);--_soft-ink:var(--slotted-tone-warning-text)}[data-ui-message][data-part-bubble][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_on-solid:var(--slotted-tone-danger-on-solid);--_surface:var(--slotted-tone-danger-surface);--_border:var(--slotted-tone-danger-border);--_soft-ink:var(--slotted-tone-danger-text)}[data-ui-message][data-part-bubble]>[data-part-content]{--_ground:var(--_surface);--_ink:var(--_soft-ink);--_edge:color-mix(in oklab, var(--_surface), var(--slotted-border-subtle));box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding-block:var(--_pad-block,8px);padding-inline:var(--_pad-inline,12px);border:var(--slotted-border-width-thin,1px) solid var(--_edge);background-color:var(--_ground);color:var(--_ink);font-family:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--_leading);text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext;border-start-start-radius:var(--_top-side);border-start-end-radius:var(--_radius);border-end-end-radius:var(--_radius);border-end-start-radius:var(--_bottom-side);margin:0;text-decoration:none;display:block}[data-ui-message][data-part-bubble][data-variant=solid]>[data-part-content]{--_ground:var(--_solid);--_ink:var(--_on-solid);--_edge:var(--_solid)}[data-ui-message][data-part-bubble][data-variant=outline]>[data-part-content]{--_ground:var(--slotted-surface);--_ink:var(--slotted-text);--_edge:var(--_border)}[data-ui-message][data-part-bubble][data-variant=plain]{--_pad-inline:0px;max-inline-size:100%}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]{--_ground:transparent;--_ink:var(--slotted-text);--_edge:transparent;border-width:0;border-radius:0;padding:0}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]{align-items:flex-end}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-content]{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_top-side);border-end-end-radius:var(--_bottom-side);border-end-start-radius:var(--_radius)}[data-ui-message][data-part-bubble]:has(~[data-part-bubble]),[data-ui-message][data-part-group]>[data-ui-message][data-part-root]:not(:last-child)>[data-part-body]>[data-part-bubble]:not(:has(~[data-part-bubble])){--_bottom-side:var(--_radius-joined)}[data-ui-message][data-part-bubble]~[data-part-bubble],[data-ui-message][data-part-group]>[data-ui-message][data-part-root]:not(:first-child)>[data-part-body]>[data-part-bubble]:not([data-part-bubble]~[data-part-bubble]){--_top-side:var(--_radius-joined)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a){--_ground-hover:color-mix(in oklab, var(--_ink) var(--slotted-message-state-layer-hover,6%), var(--_ground));--_ground-active:color-mix(in oklab, var(--_ink) var(--slotted-message-state-layer-active,12%), var(--_ground));appearance:none;cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard,ease), border-color var(--slotted-duration-short) var(--slotted-easing-standard,ease)}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]:is(button,a){padding-block:var(--slotted-space-1,.125rem);padding-inline:var(--slotted-space-2,.25rem);margin-inline:calc(var(--slotted-space-2,.25rem) * -1);border-radius:var(--slotted-radius-sm,4px)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):hover:not(:disabled):not([data-disabled]){background-color:var(--_ground-hover)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):active:not(:disabled):not([data-disabled]){background-color:var(--_ground-active)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-message][data-part-bubble] [data-part-meta]{--_meta-ink:color-mix(in srgb, currentColor 90%, transparent);--_read-ink:var(--slotted-tone-accent-text);float:inline-end;align-items:center;gap:var(--slotted-space-1,.125rem);block-size:round(down, var(--_leading), 2px);color:var(--_meta-ink);font-size:var(--slotted-font-size-xs,.75rem);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--slotted-control-icon-size-sm,14px);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:var(--slotted-space-4,.5rem);display:inline-flex;translate:0 1px}[data-ui-message][data-part-bubble][data-variant=solid] [data-part-meta]{--_read-ink:var(--_on-solid)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]{place-items:center;display:inline-grid}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]>[data-ui-icon]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]>span:not([data-ui]){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=read]{color:var(--_read-ink)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=sending]>[data-ui-icon]{animation:slotted-message-pending var(--slotted-duration-loop-slow) var(--slotted-easing-standard,ease) infinite alternate}@keyframes slotted-message-pending{0%{opacity:1}to{opacity:.4}}[data-ui-message][data-part-bubble][data-variant=plain] [data-part-meta]{display:none}[data-ui-message][data-part-bubble][data-clamped]:not([data-revealed])>[data-part-content]{-webkit-line-clamp:var(--slotted-message-max-lines,6);overflow-clip-margin:content-box;-webkit-box-orient:vertical;display:-webkit-box;overflow:clip}[data-ui-message][data-part-bubble]>[data-part-more]{align-items:center;gap:var(--slotted-space-1,.125rem);min-block-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:var(--_pad-inline,12px);border-radius:var(--slotted-control-radius,4px);color:var(--slotted-text-muted);font:inherit;font-size:var(--slotted-font-size-xs,.75rem);font-weight:var(--slotted-font-weight-medium,500);transition:color var(--slotted-duration-short) var(--slotted-easing-standard,ease);background-color:#0000;border:0;margin:0;display:inline-flex}[data-ui-message][data-part-bubble]>[data-part-more]>[data-ui-icon]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard,ease)}[data-ui-message][data-part-bubble][data-revealed]>[data-part-more]>[data-ui-icon]{rotate:180deg}[data-ui-message][data-part-bubble]>[data-part-more]:hover:not(:disabled){color:var(--slotted-text)}[data-ui-message][data-part-bubble]>[data-part-more]:active:not(:disabled){color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-bubble]>[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-message][data-part-bubble] [data-part-quote]{box-sizing:border-box;inline-size:100%;padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--slotted-space-4,.5rem);border-radius:calc(var(--_radius) - var(--_pad-block,8px));background-color:color-mix(in oklab, currentColor 8%, transparent);color:inherit;font:inherit;font-size:var(--slotted-control-font-size-md,13px);line-height:round(up, calc(1em * var(--slotted-line-height-md,1.5)), 1px);text-align:start;-webkit-line-clamp:3;unicode-bidi:plaintext;border:0;-webkit-box-orient:vertical;margin:0;margin-block-end:var(--slotted-space-3,.375rem);display:-webkit-box;overflow:hidden}[data-ui-message][data-part-bubble] [data-part-quote-author]{font-weight:var(--slotted-font-weight-semibold,600);display:block}[data-ui-message][data-part-bubble] button[data-part-quote]{cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard,ease)}[data-ui-message][data-part-bubble] button[data-part-quote]:hover:not(:disabled){background-color:color-mix(in oklab, currentColor 13%, transparent)}[data-ui-message][data-part-bubble] button[data-part-quote]:active:not(:disabled){background-color:color-mix(in oklab, currentColor 18%, transparent)}[data-ui-message][data-part-bubble] button[data-part-quote]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-message][data-part-bubble] [data-part-stream]{white-space:pre-wrap}[data-ui-message][data-part-bubble] [data-part-stream-chunk]{animation:slotted-message-word var(--slotted-duration-long) var(--slotted-easing-standard) both}@keyframes slotted-message-word{0%{opacity:0;filter:blur(.16em)}to{opacity:1;filter:blur()}}[data-ui-message][data-part-bubble] [data-part-caret]{--_dot:round(nearest, .6em, 2px);inline-size:var(--_dot);block-size:var(--_dot);border-radius:var(--slotted-radius-full,9999px);vertical-align:middle;transition:filter var(--slotted-duration-medium) var(--slotted-easing-enter) var(--slotted-duration-long);animation:slotted-message-dot-in var(--slotted-duration-medium) var(--slotted-easing-enter), slotted-message-breathe var(--slotted-duration-loop) var(--slotted-easing-standard) var(--slotted-duration-medium) infinite alternate;background-color:currentColor;margin-inline-start:var(--slotted-space-1,.125rem);display:inline-block}[data-ui-message][data-part-bubble] [data-part-stream]:has(>[data-part-stream-chunk])+[data-part-caret]{filter:opacity(0);transition:filter var(--slotted-duration-short) var(--slotted-easing-exit)}@keyframes slotted-message-dot-in{0%{opacity:0;scale:0}}@keyframes slotted-message-breathe{0%{opacity:1;scale:1}to{opacity:.5;scale:.72}}[data-ui-message][data-part-bubble] [data-part-typing]{--_dot:round(calc(var(--_leading) / 3), 1px);align-items:center;gap:calc(var(--_dot) * .6);block-size:var(--_leading);padding-inline:var(--slotted-space-1,.125rem);vertical-align:top;display:inline-flex}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]){padding-inline:calc(var(--_pad-inline) + var(--slotted-space-1,.125rem));transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter,ease-out), translate var(--slotted-duration-medium) var(--slotted-easing-enter,ease-out);position:relative;@starting-style{opacity:0;translate:0 var(--slotted-space-3,.375rem)}}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after{content:"";box-sizing:border-box;border:inherit;border-radius:var(--slotted-radius-full,9999px);background-color:inherit;animation:slotted-message-trail var(--slotted-duration-loop-slow) var(--slotted-easing-standard,ease) infinite alternate;position:absolute}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before{inline-size:var(--slotted-space-4,.5rem);block-size:var(--slotted-space-4,.5rem);inset-block-end:calc(var(--slotted-space-1,.125rem) * -1);inset-inline-start:calc(var(--slotted-space-1,.125rem) * -1)}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after{inline-size:var(--slotted-space-2,.25rem);block-size:var(--slotted-space-2,.25rem);animation-delay:calc(var(--slotted-duration-loop-slow) / -2);inset-block-end:calc(var(--slotted-space-3,.375rem) * -1);inset-inline-start:calc(var(--slotted-space-3,.375rem) * -1)}[data-ui-message][data-part-root]>[data-part-body]:has(>[data-part-bubble] [data-part-typing])>[data-part-footer]{margin-block-start:var(--slotted-space-2,.25rem)}@keyframes slotted-message-trail{0%{opacity:1}to{opacity:.55}}[data-ui-message][data-part-bubble] [data-part-typing]>span{inline-size:var(--_dot);block-size:var(--_dot);border-radius:var(--slotted-radius-full,9999px);opacity:.3;animation:slotted-message-typing var(--slotted-duration-loop) var(--slotted-easing-standard,ease) infinite;background-color:currentColor}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(2){animation-delay:calc(var(--slotted-duration-loop) / 6)}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(3){animation-delay:calc(var(--slotted-duration-loop) / 3)}@keyframes slotted-message-typing{0%,55%,to{opacity:.3;translate:0}25%{opacity:.85;translate:0 calc(var(--_dot) * -.5)}}[data-ui-message][data-part-bubble]>[data-part-retry]{--_size:max(var(--slotted-target-min,24px), var(--slotted-control-inner-size-md,24px));--_ground:var(--slotted-tone-danger-solid);box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);border-radius:var(--slotted-radius-full,9999px);background-color:var(--_ground);color:var(--slotted-tone-danger-on-solid);cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard,ease);border:0;place-items:center;margin:0;padding:0;display:inline-grid;position:absolute;inset-block-end:calc(( var(--_leading) + 2 * var(--_pad-block) + 2 * var(--slotted-border-width-thin,1px) - var(--_size) ) / 2);inset-inline-start:calc(100% + var(--slotted-space-4,.5rem))}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-retry]{inset-inline:auto calc(100% + var(--slotted-space-4,.5rem))}[data-ui-message][data-part-bubble]>[data-part-retry]>[data-ui-icon]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-emphasized,ease)}[data-ui-message][data-part-bubble]>[data-part-retry]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab, var(--slotted-tone-danger-on-solid) var(--slotted-message-retry-state-layer,14%), var(--_ground))}[data-ui-message][data-part-bubble]>[data-part-retry]:hover:not(:disabled):not([data-disabled])>[data-ui-icon]{rotate:-45deg}[data-ui-message][data-part-bubble]>[data-part-retry]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-danger-solid-active)}[data-ui-message][data-part-bubble]>[data-part-retry]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset,2px)}@media (prefers-reduced-motion:reduce){[data-ui-message][data-part-bubble] [data-part-caret],[data-ui-message][data-part-bubble] [data-part-stream-chunk],[data-ui-message][data-part-bubble] [data-part-typing]>span,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after,[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=sending]>[data-ui-icon]{animation:none}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:last-child{color:inherit;background-image:none;animation:none}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(2){opacity:.55}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(3){opacity:.8}}[data-ui-message][data-part-bubble]:has(>[data-part-reactions]){padding-block-end:calc(var(--_reactions-size) - var(--_pad-block,8px) / 2)}[data-ui-message][data-part-bubble]>[data-part-reactions]{align-items:center;gap:var(--slotted-space-1,.125rem);padding:var(--slotted-space-1,.125rem);border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full,9999px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs);display:inline-flex;position:absolute;inset-block-end:0;inset-inline-end:var(--_pad-inline,12px)}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-reactions]{inset-inline:var(--_pad-inline,12px) auto}[data-ui-message][data-part-bubble][data-variant=plain]:has(>[data-part-reactions]){padding-block-end:0}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-reactions]{box-shadow:none;background-color:#0000;border:0;padding:0;position:static;translate:none}[data-ui-message][data-part-bubble] [data-part-reaction]{align-items:center;gap:var(--slotted-space-1,.125rem);box-sizing:border-box;min-inline-size:var(--_reactions-size);block-size:var(--_reactions-size);padding-block:0;padding-inline:var(--slotted-space-3,.375rem);--_reaction-ground:transparent;border:var(--slotted-border-width-thin,1px) solid transparent;border-radius:var(--slotted-radius-full,9999px);background-color:var(--_reaction-ground);color:var(--slotted-text);font:inherit;font-size:var(--slotted-font-size-xs,.75rem);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard,ease), border-color var(--slotted-duration-short) var(--slotted-easing-standard,ease), color var(--slotted-duration-short) var(--slotted-easing-standard,ease);margin:0;line-height:1;display:inline-flex}[data-ui-message][data-part-bubble][data-variant=plain] [data-part-reaction]{--_reaction-ground:var(--slotted-surface);border-color:var(--slotted-border-subtle)}[data-ui-message][data-part-bubble] [data-part-reaction-count]{color:var(--slotted-text-muted);font-weight:var(--slotted-font-weight-medium,500);font-variant-numeric:tabular-nums}[data-ui-message][data-part-bubble] [data-part-reaction]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab, var(--slotted-text) var(--slotted-message-state-layer-hover,6%), var(--_reaction-ground))}[data-ui-message][data-part-bubble] [data-part-reaction]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab, var(--slotted-text) var(--slotted-message-state-layer-active,12%), var(--_reaction-ground))}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]{--_reaction-ground:var(--slotted-tone-accent-surface);border-color:var(--slotted-tone-accent-border)}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]>[data-part-reaction-count]{color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-bubble] [data-part-reaction]:is(:disabled,[data-disabled]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui-message][data-part-bubble] [data-part-reaction]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset,2px)}@media (forced-colors:active){[data-ui-message][data-part-bubble]>[data-part-content]{border-color:canvastext}[data-ui-message][data-part-bubble] [data-part-caret]{forced-color-adjust:none;background-color:canvastext}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]{border-color:#0000}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]{forced-color-adjust:none;color:highlighttext;background-color:highlight;border-color:highlight}[data-ui-message][data-part-bubble] [data-part-quote]{border:var(--slotted-border-width-thin,1px) solid CanvasText}}}

package/dist/styles/multi-select.css

@@ -0,0 +1,18 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
+@layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
+
+@layer slotted.components{[data-ui-inline-message][data-part-root]{--_text:var(--slotted-text-muted);--_font-size:var(--slotted-control-font-size-sm,12px);--_mark-size:1em;--_column-gap:var(--slotted-inline-message-column-gap,var(--slotted-space-4,.5rem));color:var(--_text);font-family:var(--slotted-inline-message-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:var(--slotted-inline-message-line-height,var(--slotted-line-height-md,1.5));grid-template-columns:auto minmax(0,1fr);margin:0;display:grid;position:relative}[data-ui-inline-message][data-part-root][data-tone=accent]{--_text:var(--slotted-tone-accent-text)}[data-ui-inline-message][data-part-root][data-tone=secondary]{--_text:var(--slotted-text-muted)}[data-ui-inline-message][data-part-root][data-tone=success]{--_text:var(--slotted-tone-success-text)}[data-ui-inline-message][data-part-root][data-tone=info]{--_text:var(--slotted-tone-info-text)}[data-ui-inline-message][data-part-root][data-tone=warning]{--_text:var(--slotted-tone-warning-text)}[data-ui-inline-message][data-part-root][data-tone=danger]{--_text:var(--slotted-tone-danger-text)}[data-ui-inline-message][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px)}[data-ui-inline-message][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px)}[data-ui-inline-message][data-part-root][data-reserve]{min-block-size:1lh}[data-ui-inline-message]>[data-part-prefix]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-ui-inline-message]>[data-part-icon]{--slotted-icon-size:var(--_mark-size);block-size:var(--_mark-size);box-sizing:border-box;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_mark-size)) / 2);margin-inline-end:var(--_column-gap);display:flex}[data-ui-inline-message][data-part-root][data-mark=dot]{--_dot-size:calc(var(--_mark-size) / 3)}[data-ui-inline-message][data-mark=dot]>[data-part-icon]:has(>[data-ui-icon]>[data-glyph=dot]){--slotted-icon-size:calc(var(--_dot-size) * 2);inline-size:var(--_dot-size)}[data-ui-inline-message][data-tone=secondary]:not([data-loading]):not([data-mark=dot])>[data-part-icon]:empty,[data-ui-inline-message][data-mark=none]:not([data-loading])>[data-part-icon]:empty{display:none}[data-ui-inline-message]>[data-part-text]{overflow-wrap:anywhere;grid-area:1/2;min-inline-size:0}[data-ui-inline-message]>[data-part-actions]{align-items:center;gap:var(--slotted-inline-message-actions-gap,var(--_column-gap));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;margin-block-start:var(--slotted-inline-message-actions-offset,var(--slotted-space-2,.25rem));display:flex}[data-ui-inline-message]:has([data-part-text]:empty)>[data-part-icon],[data-ui-inline-message]:has([data-part-text]:empty)>[data-part-prefix]{display:none}[data-ui-inline-message][data-loading]>[data-part-icon]{animation:slotted-inline-message-spin var(--slotted-duration-loop-fast) linear infinite;block-size:var(--_mark-size);border:max(var(--slotted-border-width-thin,1px), calc(var(--_mark-size) / 8)) solid currentcolor;border-radius:var(--slotted-radius-full,9999px);inline-size:var(--_mark-size);border-inline-end-color:#0000;margin-block-start:calc((1lh - var(--_mark-size)) / 2);display:block}[data-ui-inline-message][data-loading]>[data-part-icon]>*{display:none}[data-ui-inline-message][data-part-root][data-disabled]{color:var(--slotted-disabled-foreground)}[data-ui-inline-message][data-disabled]>[data-part-icon]{animation:none}@media (prefers-reduced-motion:reduce){[data-ui-inline-message][data-loading]>[data-part-icon]{animation:none}}@media (forced-colors:active){[data-ui-inline-message]>[data-part-icon]{color:canvastext}[data-ui-inline-message][data-part-root][data-disabled]>[data-part-icon]{color:graytext}[data-ui-inline-message][data-loading]>[data-part-icon]{border-color:canvastext;border-inline-end-color:canvas}}}@keyframes slotted-inline-message-spin{to{transform:rotate(1turn)}}
+
+@layer slotted.components{[data-ui-tooltip]{--_gap:var(--slotted-tooltip-gap,var(--slotted-space-4,.5rem));--_surface:var(--slotted-tooltip-surface,var(--slotted-surface-inverse,#172033));--_text:var(--slotted-tooltip-text,var(--slotted-text-inverse,#f8fafc));--_border-color:transparent;--_border-width:0;--_radius:var(--slotted-tooltip-radius,var(--slotted-radius-sm,4px));--_shadow:var(--slotted-tooltip-shadow,var(--slotted-shadow-xs));--_arrow-size:var(--slotted-tooltip-arrow-size,.5rem);--_arrow-tip-radius:var(--slotted-tooltip-arrow-tip-radius,var(--slotted-radius-xs,2px));--_padding-inline:var(--slotted-control-padding-inline-md,.8125rem);--_padding-block:var(--slotted-control-gap-md,.5rem);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_line-height:var(--slotted-line-height-sm,1.45);--_measure:var(--slotted-tooltip-measure,18rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-tooltip][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-tooltip]:is([data-side=left],[data-side=right]){translate:0}[data-ui-tooltip][data-open]{opacity:1;transition:none;translate:0}[data-ui-tooltip][data-open][data-positioned]{animation:slotted-tooltip-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-tooltip][data-open][data-positioned][data-side=top]{animation-name:slotted-tooltip-enter-up}[data-ui-tooltip][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-tooltip-fade}@keyframes slotted-tooltip-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-tooltip-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-tooltip-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-tooltip],[data-ui-tooltip][data-side=top],[data-ui-tooltip][data-side=left],[data-ui-tooltip][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-tooltip][data-open][data-positioned],[data-ui-tooltip][data-open][data-positioned][data-side=top],[data-ui-tooltip][data-open][data-positioned][data-side=left],[data-ui-tooltip][data-open][data-positioned][data-side=right]{animation-name:slotted-tooltip-fade}}[data-ui-tooltip][data-open][data-hoverable]{pointer-events:auto}[data-ui-tooltip][data-detached]{visibility:hidden}[data-ui-tooltip][data-size=sm]{--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_padding-block:var(--slotted-control-gap-sm,.375rem);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_measure:var(--slotted-tooltip-measure-sm,14rem)}[data-ui-tooltip][data-variant=surface]{--_surface:var(--slotted-tooltip-surface-raised,var(--slotted-surface-raised,#fff));--_text:var(--slotted-tooltip-text-raised,var(--slotted-text,#0f172a));--_border-color:var(--slotted-tooltip-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px)}[data-ui-tooltip]>[data-part-content]{box-sizing:border-box;border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);max-inline-size:100%;color:var(--_text);box-shadow:var(--_shadow);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--_line-height);text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext;display:block}[data-ui-tooltip]>[data-part-arrow]{z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);background:var(--_surface);border:0 solid var(--_border-color);position:absolute;rotate:45deg}[data-ui-tooltip][data-side=top]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=bottom]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius);bottom:auto}[data-ui-tooltip][data-side=left]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=right]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:calc(var(--_gap) - var(--_arrow-size) / 2);border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius);right:auto}}
+
+@layer slotted.components{[data-ui-field][data-part-root]{--_font-size:var(--slotted-control-font-size-md,13px);--_control-block-size:var(--slotted-control-height-md,34px);--_row-gap:var(--slotted-field-row-gap,var(--slotted-space-3,.375rem));--_column-gap:var(--slotted-field-column-gap,var(--slotted-space-5,.75rem));font-family:var(--slotted-field-font-family,var(--slotted-control-font-family,sans-serif));grid-template-columns:minmax(0, var(--slotted-field-label-inline-size,12rem)) minmax(0, 1fr) auto;align-content:start;row-gap:var(--_row-gap);min-inline-size:0;display:grid;container:slotted-field/inline-size}[data-ui-field][data-part-root]>*{grid-column:1/-1}[data-ui-field]>[data-part-control]{min-inline-size:0}[data-ui-field][data-part-root][data-size=sm]{--_help-glyph:max(var(--slotted-field-icon-size-min,14px), var(--slotted-control-icon-size-sm,14px));--_help-inner-size:var(--slotted-control-inner-size-sm,22px);--_font-size:var(--slotted-control-font-size-sm,12px);--_control-block-size:var(--slotted-control-height-sm,30px)}[data-ui-field][data-part-root][data-size=md]{--_help-glyph:max(var(--slotted-field-icon-size-min,14px), var(--slotted-control-icon-size-sm,14px));--_help-inner-size:var(--slotted-control-inner-size-sm,22px);--_font-size:var(--slotted-control-font-size-md,13px);--_control-block-size:var(--slotted-control-height-md,34px)}[data-ui-field][data-part-root][data-size=lg]{--_help-glyph:max(var(--slotted-field-icon-size-min,14px), var(--slotted-control-icon-size-md,16px));--_help-inner-size:var(--slotted-control-inner-size-md,24px);--_font-size:var(--slotted-control-font-size-lg,14px);--_control-block-size:var(--slotted-control-height-lg,38px)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]>[data-part-label]{color:var(--slotted-field-label-color,var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight,var(--slotted-font-weight-medium,500));line-height:var(--slotted-field-line-height,var(--slotted-line-height-sm,1.45));overflow-wrap:anywhere;min-inline-size:0;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]{grid-area:1/1/auto/-1}[data-ui-field][data-part-root]:has(>[data-part-counter])>[data-part-label]{grid-column:1/3}[data-ui-field]>[data-part-label]>[data-part-mark],[data-ui-field]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-mark-color,var(--slotted-tone-danger-text));overflow-wrap:normal;unicode-bidi:isolate;margin-inline-start:var(--slotted-field-mark-gap,var(--slotted-space-2,.25rem))}[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-label]>[data-part-mark],[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-mark-text-color,var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm,12px);font-weight:var(--slotted-font-weight-regular,400)}[data-ui-field]>[data-part-header]{align-items:baseline;column-gap:var(--slotted-field-header-gap,var(--slotted-space-3,.375rem));font-size:var(--_font-size);line-height:var(--slotted-field-line-height,var(--slotted-line-height-sm,1.45));flex-wrap:wrap;min-inline-size:0;display:flex}[data-ui-field]>[data-part-header]>[data-part-label]{flex:0 auto}[data-ui-field]>[data-part-header]>[data-part-action],[data-ui-field]>[data-part-header]>[data-part-counter]{margin-inline-start:auto}[data-ui-field]>[data-part-header]>[data-part-action]~[data-part-counter]{margin-inline-start:var(--slotted-space-3,.375rem)}[data-ui-field]>[data-part-header]>[data-part-help]{--_box:max(min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2,.25rem)), var(--_help-inner-size)), 1lh);--slotted-icon-size:var(--_help-glyph);appearance:none;block-size:var(--_box);border-radius:var(--slotted-field-help-radius,var(--slotted-control-radius,4px));color:var(--slotted-field-help-color,var(--slotted-text-muted));cursor:pointer;font:inherit;inline-size:var(--_box);margin-block:calc(( var(--_font-size) * var(--slotted-field-line-height,var(--slotted-line-height-sm,1.45)) - var(--_box) ) / 2);text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;margin-inline-start:calc(var(--slotted-space-1,.125rem) - var(--slotted-field-header-gap,var(--slotted-space-3,.375rem)));padding:0;display:inline-block;position:relative}[data-ui-field]>[data-part-header]>[data-part-help]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}[data-ui-field]>[data-part-header]>[data-part-help]>[data-ui-icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:hover,[data-ui-field]>[data-part-header]>[data-part-help][data-open]{background-color:var(--slotted-field-help-surface-hover,var(--slotted-tone-secondary-subtle-hover,ButtonFace))}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:active{background-color:var(--slotted-field-help-surface-active,var(--slotted-tone-secondary-subtle-active,ButtonFace))}[data-ui-field]>[data-part-header]>[data-part-help]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-field]>[data-part-header]>[data-part-indicator]{align-self:center;align-items:center;column-gap:var(--slotted-space-2,.25rem);flex-wrap:wrap;display:inline-flex}[data-ui-field]>[data-part-header]>[data-part-action]{--_rest:var(--slotted-field-action-color,var(--slotted-tone-accent-text,LinkText));appearance:none;block-size:var(--slotted-target-min,24px);border-radius:var(--slotted-field-action-radius,var(--slotted-control-radius,4px));color:var(--_rest);cursor:pointer;font-family:inherit;font-size:var(--slotted-control-font-size-sm,12px);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--slotted-field-line-height,var(--slotted-line-height-sm,1.45));margin-block:calc((1lh - var(--slotted-target-min,24px)) / 2);text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext;background:0 0;border:0;flex:none;align-items:center;padding:0;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:from-font;display:inline-flex}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):hover{color:var(--slotted-field-action-color-hover,color-mix(in oklab, var(--_rest) 65%, var(--slotted-text,CanvasText)));text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):active{color:var(--slotted-field-action-color-active,color-mix(in oklab, var(--_rest) 35%, var(--slotted-text,CanvasText)));text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px);text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}@media (pointer:coarse){[data-ui-field]>[data-part-header]>[data-part-action]{position:relative}[data-ui-field]>[data-part-header]>[data-part-help]:before,[data-ui-field]>[data-part-header]>[data-part-action]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-field]>[data-part-counter],[data-ui-field]>[data-part-header]>[data-part-counter]{color:var(--slotted-field-counter-color,var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm,12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height,var(--slotted-line-height-sm,1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-counter]{grid-area:1/3;place-self:end;padding-inline-start:var(--_column-gap)}[data-ui-field]>[data-part-counter][data-invalid],[data-ui-field]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-field-counter-invalid-color,var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium,500)}[data-ui-field]>[data-ui-inline-message]:not([data-reserve]):has([data-part-text]:empty){display:none}[data-ui-field][data-part-root]>[data-ui-inline-message]{font-size:var(--slotted-font-size-xs,.75rem)}[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=danger],[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium,500)}@container slotted-field (width>=320px){[data-ui-field][data-part-root][data-label-placement=side]>*{grid-column:2/3;align-self:start}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-label],[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]{grid-area:1/1;padding-block-start:max(0px, calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-counter]{padding-inline:0 var(--_column-gap);grid-area:2/1;justify-self:end}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]>[data-part-counter]{text-align:end;flex-basis:100%;margin-inline-start:0}}[data-ui-field][data-part-root][data-disabled]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-counter],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter],[data-ui-field][data-part-root][data-disabled]>[data-part-label]>[data-part-mark],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-disabled-foreground)}[data-ui-field][data-part-root][data-disabled]>[data-part-counter][data-invalid],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular,400)}}
+
+@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}
+
+@layer slotted.components{[data-ui-multi-select][data-part-root]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-floor:var(--slotted-multi-select-icon-size-min,14px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-md,16px));--_action-size:var(--slotted-multi-select-action-size,min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_row-air:var(--slotted-space-1,.125rem);--_inner-size:var(--slotted-control-inner-size-md,24px);--_row-size:var(--_inner-size);--_row-gap:var(--slotted-space-2,.25rem);background-color:var(--slotted-multi-select-background,var(--slotted-control-surface,Field));border:var(--slotted-control-border-width,1px) solid var(--slotted-multi-select-border-color,var(--slotted-control-border-color,ButtonBorder));border-radius:var(--slotted-multi-select-radius,var(--slotted-control-radius,4px));box-shadow:var(--slotted-multi-select-shadow,var(--slotted-control-shadow,none));box-sizing:border-box;color:var(--slotted-multi-select-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--_font-size);align-items:center;gap:var(--slotted-space-1,.125rem);inline-size:100%;min-block-size:var(--_height);min-inline-size:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);padding-inline-start:var(--_padding-inline);padding-inline-end:max(0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2));display:flex}[data-ui-multi-select][data-part-root]:not([data-full-width]){inline-size:auto}[data-ui-multi-select]>[data-part-control]{flex:auto;align-self:stretch;min-inline-size:0;display:flex}[data-ui-multi-select]>[data-part-control]+*{margin-inline-start:var(--_row-gap)}[data-ui-multi-select] [data-part-chips]{box-sizing:border-box;align-content:safe center;align-items:center;column-gap:var(--_row-gap);min-inline-size:0;padding-block:var(--_row-air);padding-inline:var(--_row-air);margin-inline:calc(-1 * var(--_row-air));row-gap:var(--_row-gap);max-block-size:calc(3 * var(--_row-size) + 2 * var(--_row-gap) + 2 * var(--_row-air));overscroll-behavior:contain;scrollbar-width:none;flex-wrap:wrap;flex:auto;display:flex;overflow-y:auto}[data-ui-multi-select] [data-part-chips]::-webkit-scrollbar{display:none}[data-ui-multi-select][data-overflow=collapse] [data-part-chips]{flex-wrap:nowrap;max-block-size:none;overflow:hidden}[data-ui-multi-select] [data-part-chips] input:not([data-part-input]){color:inherit;font:inherit;background-color:#0000;border:0;outline:none;min-inline-size:0;padding:0}[data-ui-multi-select] [data-part-chips]>:not([data-part-field]){max-inline-size:100%;min-block-size:var(--_row-size);flex:none;min-inline-size:0}[data-ui-multi-select] [data-part-chips]{--slotted-control-inner-size:var(--_inner-size)}[data-ui-multi-select] [data-part-field]{flex:1 1 var(--slotted-multi-select-field-basis,4rem);min-block-size:var(--_row-size);min-inline-size:var(--slotted-multi-select-field-min,2.5rem);align-items:center;display:flex}[data-ui-multi-select] [data-part-input]{color:inherit;font:inherit;text-overflow:ellipsis;background-color:#0000;border:0;outline:none;flex:auto;min-inline-size:0;padding:0}[data-ui-multi-select] [data-part-input]::placeholder{color:var(--slotted-multi-select-placeholder-color,var(--slotted-text-muted,GrayText));text-overflow:ellipsis}[data-ui-multi-select][data-part-root]:has([data-part-input]:autofill){background-color:var(--slotted-multi-select-autofill-background,var(--slotted-tone-accent-surface))}[data-ui-multi-select] [data-part-input]:autofill{box-shadow:inset 0 0 0 100px var(--slotted-multi-select-autofill-background,var(--slotted-tone-accent-surface));-webkit-text-fill-color:var(--slotted-multi-select-color,var(--slotted-text,CanvasText))}[data-ui-multi-select] [data-part-chips]>:not([data-part-field]):focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-multi-select] [data-part-chips]>[data-count]{flex:none}[data-ui-multi-select]>[data-part-counter]{text-box:auto;color:var(--slotted-multi-select-counter-color,var(--slotted-text-muted,GrayText));font-size:var(--slotted-font-size-xs,.75rem);text-overflow:ellipsis;font-variant-numeric:tabular-nums;min-inline-size:0;line-height:var(--slotted-line-height-sm,1.45);padding-inline:var(--slotted-space-1,.125rem);white-space:nowrap;unicode-bidi:plaintext;flex:0 auto;align-self:center;overflow:hidden}[data-ui-multi-select][data-complete]>[data-part-counter]{color:var(--slotted-multi-select-counter-complete-color,var(--slotted-tone-accent-text));font-weight:var(--slotted-font-weight-medium,500)}[data-ui-multi-select][data-narrow] [data-part-chips]>:not([data-part-field]){display:none}[data-ui-multi-select][data-narrow]>[data-part-control]{flex-basis:0}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]){appearance:none;block-size:var(--_action-size);border-radius:var(--slotted-multi-select-radius,var(--slotted-control-radius,4px));color:var(--slotted-multi-select-action-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_action-size);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;flex:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]):after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]):after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2))}[data-ui-multi-select]>[data-part-clear]:has(+[data-part-trigger]:not([hidden])):after{inset-inline-end:0}[data-ui-multi-select]>[data-part-clear]:not([hidden])+[data-part-trigger]:after{inset-inline-start:0}}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]){--slotted-icon-size:var(--_icon-size)}[data-ui-multi-select] [data-part-arrow]{block-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;align-items:center;display:flex}[data-ui-multi-select] [data-part-arrow]>[data-ui-icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-multi-select][data-open] [data-part-arrow]>[data-ui-icon]{rotate:180deg}[data-ui-multi-select] [data-part-busy]{--slotted-spinner-size:var(--_icon-size);color:var(--slotted-multi-select-arrow-color,var(--slotted-text-muted,GrayText));flex:none;align-self:center}[data-ui-multi-select][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_height:var(--slotted-control-height-sm,30px);--_inner-size:var(--slotted-control-inner-size-sm,22px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_gap:var(--slotted-control-gap-sm,6px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-sm,14px))}[data-ui-multi-select][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-md,16px));--_inner-size:var(--slotted-control-inner-size-md,24px)}[data-ui-multi-select][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_height:var(--slotted-control-height-lg,38px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_gap:var(--slotted-control-gap-lg,8px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-lg,18px))}[data-ui-multi-select][data-part-root][data-variant=subtle]{background-color:var(--slotted-multi-select-subtle-background,var(--slotted-surface-sunken,Canvas));border-color:var(--slotted-multi-select-subtle-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-multi-select][data-part-root][data-variant=plain]{border-radius:var(--slotted-radius-none,0px);box-shadow:none;background-color:#0000;border-color:#0000}@media (forced-colors:active){[data-ui-multi-select][data-part-root][data-variant=plain]{border-color:buttonborder}}[data-ui-multi-select][data-part-root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-multi-select-hover-border-color,var(--slotted-tone-accent-border))}[data-ui-multi-select][data-part-root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not(:has([data-part-input]:autofill)){background-color:var(--slotted-multi-select-subtle-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-multi-select][data-part-root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not(:has([data-part-input]:autofill)){background-color:var(--slotted-multi-select-plain-hover-background,var(--slotted-tone-secondary-subtle-hover));border-color:#0000}[data-ui-multi-select][data-part-root]:has([data-part-input]:focus-visible),[data-ui-multi-select][data-part-root]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight);outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-multi-select][data-part-root][data-variant=plain]:has([data-part-input]:focus-visible),[data-ui-multi-select][data-part-root][data-variant=plain]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-multi-select][data-part-root]:has([data-part-chips]>:not([data-part-field]):focus-visible){outline:none}[data-ui-multi-select][data-part-root][data-open]:not([data-disabled]){border-color:var(--slotted-multi-select-open-border-color,var(--slotted-tone-accent-border))}[data-ui-multi-select][data-part-root][data-invalid]{--slotted-focus-ring-color:var(--slotted-multi-select-invalid-focus-ring-color,var(--slotted-focus-ring-color-invalid,Highlight));--_invalid-edge-width:var(--slotted-multi-select-invalid-edge-width,var(--slotted-control-invalid-edge-width,1px));--_invalid-edge-color:var(--slotted-multi-select-invalid-border-color,var(--slotted-tone-danger-border));--_invalid-edge:inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-multi-select-invalid-border-color,var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui-multi-select][data-part-root][data-invalid]:has([data-part-input]:focus-visible),[data-ui-multi-select][data-part-root][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:var(--_invalid-edge), var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight)}[data-ui-multi-select][data-part-root][data-variant=plain][data-invalid]:has([data-part-input]:focus-visible),[data-ui-multi-select][data-part-root][data-variant=plain][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset,2px) - var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media (forced-colors:active){[data-ui-multi-select][data-part-root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)))}[data-ui-multi-select][data-part-root][data-invalid]:has([data-part-input]:focus-visible){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-multi-select][data-part-root][data-variant=plain][data-invalid]:has([data-part-input]:focus-visible){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)))}[data-ui-multi-select][data-part-root][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible),[data-ui-multi-select][data-part-root][data-variant=plain][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible){outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)))}}[data-ui-multi-select][data-part-root][data-readonly]{background-color:var(--slotted-multi-select-readonly-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-multi-select][data-part-root][data-readonly] [data-part-arrow]{opacity:.5}[data-ui-multi-select][data-part-root][data-disabled],[data-ui-multi-select][data-part-root]:has([data-part-input]:disabled){background-color:var(--slotted-multi-select-disabled-background,var(--slotted-disabled-background));border-color:var(--slotted-multi-select-disabled-border-color,var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-multi-select-disabled-color,var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]):hover:not(:disabled):not([data-disabled]){background-color:var(--slotted-multi-select-action-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]):active:not(:disabled):not([data-disabled]){background-color:var(--slotted-multi-select-action-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-multi-select]>:is([data-part-clear],[data-part-trigger]):focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-multi-select][data-part-positioner]{--_surface:var(--slotted-multi-select-surface,var(--slotted-surface-raised,#fff));--_text:var(--slotted-multi-select-content-text,var(--slotted-text,#0f172a));--_muted:var(--slotted-multi-select-content-text-muted,var(--slotted-text-muted,#5b6b7f));--_border-color:var(--slotted-multi-select-content-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px);--_radius:var(--slotted-multi-select-content-radius,var(--slotted-radius-lg,8px));--_shadow:var(--slotted-multi-select-content-shadow,var(--slotted-shadow-md));--_highlight:var(--slotted-multi-select-highlight,var(--slotted-tone-secondary-subtle-active));--_highlight-active:var(--slotted-multi-select-highlight-active,var(--slotted-tone-accent-surface));--_selected-color:var(--slotted-multi-select-selected-color,var(--slotted-tone-accent-text));--_inset-block:var(--slotted-multi-select-content-padding-block,var(--slotted-space-2,.25rem));--_inset-inline:var(--slotted-multi-select-content-padding-inline,var(--slotted-space-2,.25rem));--_item-inset:var(--slotted-control-padding-inline-md,.8125rem);--_item-height:var(--slotted-control-height-md,34px);--_item-radius:var(--slotted-multi-select-item-radius,var(--slotted-control-radius));--_content-font-size:var(--slotted-control-font-size-md,13px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_content-icon-size:var(--slotted-control-icon-size-md,16px);--_column-gap:var(--slotted-control-gap-md,.5rem);--_measure:var(--slotted-multi-select-measure,24rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-multi-select][data-part-positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-multi-select][data-part-positioner]:is([data-side=left],[data-side=right]){translate:0}[data-ui-multi-select][data-part-positioner][data-open]{opacity:1;transition:none;translate:0}[data-ui-multi-select][data-part-positioner][data-open][data-positioned]{animation:slotted-multi-select-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-multi-select][data-part-positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-multi-select-enter-up}[data-ui-multi-select][data-part-positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-multi-select-fade}@keyframes slotted-multi-select-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-multi-select-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-multi-select-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-multi-select][data-part-positioner],[data-ui-multi-select][data-part-positioner][data-side=top],[data-ui-multi-select][data-part-positioner][data-side=left],[data-ui-multi-select][data-part-positioner][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-multi-select][data-part-positioner][data-open][data-positioned],[data-ui-multi-select][data-part-positioner][data-open][data-positioned][data-side=top],[data-ui-multi-select][data-part-positioner][data-open][data-positioned][data-side=left],[data-ui-multi-select][data-part-positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-multi-select-fade}}[data-ui-multi-select][data-part-positioner][data-detached]{visibility:hidden}[data-ui-multi-select][data-part-positioner][data-width=anchor]{inline-size:var(--slotted-positioner-anchor-width,auto)}[data-ui-multi-select][data-part-positioner][data-width=content]{inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));min-inline-size:var(--slotted-positioner-anchor-width,auto)}[data-ui-multi-select][data-part-positioner][data-size=sm]{--_item-inset:var(--slotted-control-padding-inline-sm,.625rem);--_item-height:var(--slotted-control-height-sm,30px);--_content-font-size:var(--slotted-control-font-size-sm,12px);--_secondary-font-size:var(--slotted-font-size-xs,.75rem);--_content-icon-size:var(--slotted-control-icon-size-sm,14px);--_column-gap:var(--slotted-control-gap-sm,.375rem)}[data-ui-multi-select][data-part-positioner][data-size=lg]{--_item-inset:var(--slotted-control-padding-inline-lg,1rem);--_item-height:var(--slotted-control-height-lg,38px);--_content-font-size:var(--slotted-control-font-size-lg,14px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_content-icon-size:var(--slotted-control-icon-size-lg,18px);--_column-gap:var(--slotted-control-gap-lg,.5rem)}[data-ui-multi-select]>[data-part-content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);max-block-size:calc(var(--slotted-positioner-available-height,100vh) - var(--slotted-space-5,.75rem));overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);pointer-events:auto;outline:none;grid-template-columns:auto minmax(0,1fr) auto;display:grid;overflow-y:auto}[data-ui-multi-select]>[data-part-content]:focus-visible{outline:none}[data-ui-multi-select] [data-part-chosen]{background:var(--_surface);border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;gap:var(--slotted-space-2,.25rem);margin-block:calc(-1 * var(--_inset-block)) var(--_inset-block);margin-inline:calc(-1 * var(--_inset-inline));max-block-size:calc(2 * var(--slotted-target-min,24px) + var(--slotted-space-2,.25rem) + var(--_inset-block));overscroll-behavior:contain;min-inline-size:0;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);z-index:1;flex-wrap:wrap;grid-column:1/-1;display:flex;position:sticky;inset-block-start:calc(-1 * var(--_inset-block));overflow-y:auto}[data-ui-multi-select] [data-part-group]{grid-column:1/-1;grid-template-columns:subgrid;display:grid}[data-ui-multi-select] [data-part-item][hidden],[data-ui-multi-select] [data-part-group][hidden]{display:none}[data-ui-multi-select] [data-part-group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-sm,1.45);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1}[data-ui-multi-select] [data-part-item]{border-radius:var(--_item-radius);box-sizing:border-box;cursor:pointer;grid-column:1/-1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md,1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);align-content:center;row-gap:var(--slotted-space-1,.125rem);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));display:grid}[data-ui-multi-select] [data-part-item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin,1px) var(--slotted-multi-select-highlight-ring,var(--slotted-tone-accent-border))}[data-ui-multi-select] [data-part-item]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui-multi-select] [data-part-item][data-selected]{color:var(--_selected-color)}[data-ui-multi-select] [data-part-item][data-selected]+[data-part-item][data-selected]{border-start-start-radius:0;border-start-end-radius:0}[data-ui-multi-select] [data-part-item][data-selected]:has(+[data-part-item][data-selected]){border-end-end-radius:0;border-end-start-radius:0}[data-ui-multi-select] [data-part-item][data-selected]>[data-part-label]{font-weight:var(--slotted-font-weight-medium,500)}[data-ui-multi-select] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground,#64748b);cursor:not-allowed}[data-ui-multi-select] [data-part-item][data-disabled][data-current]{box-shadow:inset 0 0 0 var(--slotted-border-width-thin,1px) var(--slotted-disabled-border,#cbd5e1);color:var(--slotted-disabled-foreground,#64748b)}[data-ui-multi-select] [data-part-item]>:is([data-part-indicator],[data-part-icon]){block-size:1lh}[data-ui-multi-select] [data-part-item]>[data-part-icon]{--slotted-icon-size:var(--_content-icon-size);inline-size:var(--_content-icon-size);grid-area:1/1;justify-content:center;justify-self:center;align-items:center;margin-inline-end:var(--_column-gap);display:flex}[data-ui-multi-select] [data-part-item]>[data-part-label]{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;grid-area:1/2;min-inline-size:0;display:-webkit-box;overflow:hidden}[data-ui-multi-select] [data-part-item]>[data-part-description]{color:var(--_muted);font-size:var(--_secondary-font-size);line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;grid-area:2/2;min-inline-size:0}[data-ui-multi-select] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-multi-select] [data-part-item]>[data-part-indicator]{--slotted-icon-size:var(--_content-icon-size);inline-size:var(--_content-icon-size);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard);grid-area:1/3;justify-content:center;justify-self:end;align-items:center;margin-inline-start:var(--_column-gap);display:flex}[data-ui-multi-select] [data-part-item][data-selected]>[data-part-indicator],[data-ui-multi-select] [data-part-item][data-create]>[data-part-indicator]{opacity:1}[data-ui-multi-select] [data-part-item][data-create]>[data-part-label]{unicode-bidi:plaintext}[data-ui-multi-select] [data-part-separator]{background-color:var(--slotted-multi-select-separator-color,var(--_border-color));block-size:var(--_border-width);margin-block:var(--slotted-space-2,.25rem);border:0;grid-column:1/-1;margin-inline:0}[data-ui-multi-select] :is([data-part-empty],[data-part-status]){color:var(--_muted);box-sizing:border-box;min-inline-size:12rem;max-inline-size:100%;padding-block:var(--slotted-space-5,.75rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext;grid-column:1/-1}[data-ui-multi-select] [data-part-status]:empty{display:none}[data-ui-multi-select] [data-part-placeholder]{padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_item-inset);grid-column:1/-1;display:grid}[data-ui-multi-select] [data-part-placeholder]>*{min-block-size:var(--_item-height);align-items:center;display:flex}[data-ui-multi-select] [data-part-placeholder]>[data-ui-skeleton]{align-self:center}[data-ui-multi-select] [data-part-placeholder]>:nth-child(2) [data-ui-skeleton]{inline-size:78%}[data-ui-multi-select] [data-part-placeholder]>:nth-child(3) [data-ui-skeleton]{inline-size:56%}[data-ui-multi-select]>[data-part-content][data-loading]{cursor:progress}@media (forced-colors:active){[data-ui-multi-select] [data-part-item][data-current]{color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-multi-select] [data-part-item][data-disabled][data-current]{color:graytext;background-color:highlight}}}
+
+@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));--_track:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E");--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E")}}}
+
+@layer slotted.components{[data-ui-skeleton][data-part-root][data-loading],[data-ui-skeleton][data-part-text][data-loading] [data-part-line]{--_fill:var(--slotted-skeleton-fill,color-mix(in oklab, var(--slotted-disabled-background,ButtonFace) 92%, var(--slotted-text,CanvasText)));--_edge:var(--slotted-skeleton-border-color,var(--slotted-border-subtle,ButtonBorder));--_highlight:var(--slotted-skeleton-highlight-color,color-mix(in oklab, var(--_fill) 86%, var(--slotted-text,CanvasText)));--_trough:var(--slotted-skeleton-trough-color,color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken,Canvas)));background-color:var(--_fill);border:var(--slotted-skeleton-border-width,var(--slotted-border-width-thin,1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui-skeleton][data-part-root]{min-block-size:var(--slotted-skeleton-border-width,var(--slotted-border-width-thin,1px));display:inline-block}[data-ui-skeleton][data-part-root][data-shape=text]{--_line:var(--slotted-skeleton-line-size,1cap);block-size:var(--slotted-skeleton-block-size,var(--_line));border-radius:var(--slotted-radius-full,9999px);inline-size:var(--slotted-skeleton-inline-size,100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui-skeleton][data-part-root][data-shape=block]{block-size:var(--slotted-skeleton-block-size,auto);border-radius:var(--slotted-skeleton-radius,var(--slotted-radius-md,6px));inline-size:var(--slotted-skeleton-inline-size,100%);min-block-size:var(--slotted-skeleton-min-block-size,1lh);display:block}[data-ui-skeleton][data-part-root][data-shape=circle],[data-ui-skeleton][data-part-root][data-shape=square]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-md,36px));block-size:var(--slotted-skeleton-block-size,var(--_size));inline-size:var(--slotted-skeleton-inline-size,var(--_size))}[data-ui-skeleton][data-part-root][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}[data-ui-skeleton][data-part-root][data-shape=square]{border-radius:var(--slotted-skeleton-radius,calc(var(--_size) / 6))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xs],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xs]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-xs,24px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=sm],[data-ui-skeleton][data-part-root][data-shape=square][data-size=sm]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-sm,28px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=md],[data-ui-skeleton][data-part-root][data-shape=square][data-size=md]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-md,36px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=lg],[data-ui-skeleton][data-part-root][data-shape=square][data-size=lg]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-lg,48px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xl],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xl]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-xl,64px))}[data-ui-skeleton][data-part-root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size,auto);color:#0000;inline-size:var(--slotted-skeleton-inline-size,auto)}[data-ui-skeleton][data-part-root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui-skeleton][data-part-text]{grid-auto-rows:var(--slotted-skeleton-row-size,1lh);inline-size:var(--slotted-skeleton-inline-size,100%);align-items:center;display:grid}[data-ui-skeleton] [data-part-line]{block-size:var(--slotted-skeleton-line-size,1cap);border-radius:var(--slotted-radius-full,9999px);inline-size:100%}[data-ui-skeleton] [data-part-line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size,62%)}[data-ui-skeleton][data-part-root]:not([data-loading]),[data-ui-skeleton][data-part-text]:not([data-loading]){display:contents}[data-ui-skeleton][data-part-region]{inline-size:var(--slotted-skeleton-inline-size,100%);min-inline-size:0}[data-ui-skeleton][data-part-root][data-loading]:not([data-animation=none]),[data-ui-skeleton][data-part-text][data-loading]:not([data-animation=none]) [data-part-line]{position:relative;overflow:clip}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-delay:calc(var(--slotted-skeleton-phase,0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);content:"";pointer-events:none;animation-iteration-count:infinite;position:absolute;inset-block:0;inset-inline:0}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{background-color:var(--_trough);opacity:0;animation-timing-function:ease-in-out}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{background-image:linear-gradient(90deg, transparent 14%, var(--_highlight) 50%, transparent 86%);animation-timing-function:linear}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui-skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part-line]:after{animation-direction:reverse}@media (prefers-reduced-motion:no-preference){[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-pulse}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){[data-ui-skeleton]:after,[data-ui-skeleton] [data-part-line]:after{animation:none}}@media (forced-colors:active){[data-ui-skeleton][data-part-root][data-loading]:after,[data-ui-skeleton][data-part-text][data-loading] [data-part-line]:after{background-image:none}}}
+
+@layer slotted.components{[data-ui-tag][data-part-root]{--_solid:var(--slotted-tone-secondary-solid-hover);--_solid-hover:var(--slotted-tone-secondary-solid-active);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_surface:var(--slotted-tone-secondary-surface);--_subtle-hover:var(--slotted-tone-secondary-subtle-hover);--_subtle-active:var(--slotted-tone-secondary-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-secondary-border));--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px);--_inset-block:var(--slotted-tag-inset-block,var(--slotted-space-2,.25rem));--_inset-inline:var(--slotted-space-4,.5rem);--_gap:var(--slotted-space-2,.25rem);--_line-height:var(--slotted-line-height-xs,1.4);--_edge-width:var(--slotted-tag-border-width,var(--slotted-border-width-thin,1px));--_radius:var(--slotted-radius-full,9999px);--_inner-radius:max(0px, calc(var(--_radius) - var(--_edge-width)));--_own-size:calc(var(--_font-size) * var(--_line-height) + 2 * var(--_inset-block) + 2 * var(--_edge-width));--_block-size:var(--slotted-control-inner-size,var(--_own-size));--_line:min(calc(var(--_font-size) * var(--_line-height)), calc(var(--_block-size) - 2 * var(--_edge-width)));--_inset:max(0px, calc((var(--_block-size) - var(--_line) - 2 * var(--_edge-width)) / 2));border:var(--_edge-width) solid transparent;border-radius:var(--_radius);box-sizing:border-box;font-family:var(--slotted-tag-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);font-weight:var(--slotted-tag-font-weight,var(--slotted-font-weight-medium,500));line-height:var(--_line);max-inline-size:100%;min-block-size:var(--_block-size);vertical-align:middle;white-space:nowrap;align-items:stretch;display:inline-flex}[data-ui-tag][data-part-root][hidden]{display:none}[data-ui-tag][data-part-root][data-tone=secondary]{--_edge:var(--_border)}[data-ui-tag][data-part-root][data-tone=accent]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_surface:var(--slotted-tone-accent-surface);--_subtle-hover:var(--slotted-tone-accent-subtle-hover);--_subtle-active:var(--slotted-tone-accent-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-accent-border));--_text:var(--slotted-tone-accent-text)}[data-ui-tag][data-part-root][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_surface:var(--slotted-tone-success-surface);--_subtle-hover:var(--slotted-tone-success-subtle-hover);--_subtle-active:var(--slotted-tone-success-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-success-border));--_text:var(--slotted-tone-success-text)}[data-ui-tag][data-part-root][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_surface:var(--slotted-tone-info-surface);--_subtle-hover:var(--slotted-tone-info-subtle-hover);--_subtle-active:var(--slotted-tone-info-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-info-border));--_text:var(--slotted-tone-info-text)}[data-ui-tag][data-part-root][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_surface:var(--slotted-tone-warning-surface);--_subtle-hover:var(--slotted-tone-warning-subtle-hover);--_subtle-active:var(--slotted-tone-warning-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-warning-border));--_text:var(--slotted-tone-warning-text)}[data-ui-tag][data-part-root][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_surface:var(--slotted-tone-danger-surface);--_subtle-hover:var(--slotted-tone-danger-subtle-hover);--_subtle-active:var(--slotted-tone-danger-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-danger-border));--_text:var(--slotted-tone-danger-text)}[data-ui-tag][data-part-root][data-variant=solid]{background-color:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonFace);color:var(--_on-solid,ButtonText)}[data-ui-tag][data-part-root][data-variant=soft]{background-color:var(--_surface,ButtonFace);border-color:var(--_border,ButtonBorder);color:var(--_text,ButtonText)}[data-ui-tag][data-part-root][data-variant=outline]{border-color:var(--_border,ButtonBorder);color:var(--_text,ButtonText);background-color:#0000}[data-ui-tag][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_inset-block:var(--slotted-tag-inset-block,var(--slotted-space-1,.125rem));--_inset-inline:var(--slotted-space-3,.375rem)}[data-ui-tag][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_inset-block:var(--slotted-tag-inset-block,var(--slotted-space-3,.375rem));--_inset-inline:var(--slotted-space-5,.75rem);--_gap:var(--slotted-space-3,.375rem)}[data-ui-tag][data-part-root][data-shape=square]{--_radius:var(--slotted-radius-sm,4px)}[data-ui-tag] [data-part-body]{box-sizing:border-box;color:inherit;font:inherit;align-items:center;gap:var(--_gap);letter-spacing:inherit;min-inline-size:0;padding-block:var(--_inset);padding-inline:var(--_inset-inline);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;border-start-start-radius:var(--_inner-radius);border-end-start-radius:var(--_inner-radius);text-decoration:none;display:inline-flex}[data-ui-tag] [data-part-body]:last-child{border-start-end-radius:var(--_inner-radius);border-end-end-radius:var(--_inner-radius)}[data-ui-tag] [data-part-body]:has(+[data-part-remove]){padding-inline-end:var(--_gap)}[data-ui-tag] [data-part-body]:is(a,button){cursor:pointer}[data-ui-tag] [data-part-label]{text-overflow:ellipsis;unicode-bidi:plaintext;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-tag] [data-part-label]{text-box:trim-both cap alphabetic;margin-block:-.3em;padding-block:.3em}}[data-ui-tag] [data-part-start],[data-ui-tag] [data-part-end]{--slotted-icon-size:var(--_icon-size);block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-tag] [data-part-start]>*,[data-ui-tag] [data-part-end]>*{block-size:100%;inline-size:100%;display:block}[data-ui-tag] [data-part-indicator]{--slotted-icon-size:var(--_icon-size);block-size:var(--_icon-size);inline-size:0;opacity:0;transition:inline-size var(--slotted-duration-short) var(--slotted-easing-standard), margin-inline-end var(--slotted-duration-short) var(--slotted-easing-standard), opacity var(--slotted-duration-short) var(--slotted-easing-standard);flex:none;justify-content:center;align-items:center;margin-inline-end:calc(-1 * var(--_gap));display:inline-flex;overflow:hidden}[data-ui-tag][data-part-root][data-selected] [data-part-indicator]{inline-size:var(--_icon-size);opacity:1;margin-inline-end:0}[data-ui-tag] [data-part-remove]{--slotted-icon-size:var(--_icon-size);appearance:none;box-sizing:border-box;color:inherit;cursor:pointer;inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;border-start-end-radius:var(--_inner-radius);border-end-end-radius:var(--_inner-radius);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-tag] [data-part-remove]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-tag] [data-part-remove]{inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)), calc(var(--_block-size) - 2 * var(--_edge-width)))}[data-ui-tag] [data-part-remove]:after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2))}}[data-ui-tag] [data-part-remove]:first-child{border-start-start-radius:var(--_inner-radius);border-end-start-radius:var(--_inner-radius)}[data-ui-tag][data-part-root][data-selected]:not([data-disabled]){background-color:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);color:var(--_on-solid,ButtonText)}[data-ui-tag][data-part-root]{--_state-hover:color-mix(in oklab, currentColor var(--slotted-tag-state-layer-hover,8%), transparent);--_state-active:color-mix(in oklab, currentColor var(--slotted-tag-state-layer-active,14%), transparent)}[data-ui-tag][data-part-root][data-variant=soft]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled){background-color:var(--_state-hover)}[data-ui-tag][data-part-root][data-variant=soft]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled){background-color:var(--_state-active)}[data-ui-tag][data-part-root][data-variant=outline]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled){background-color:var(--_subtle-hover,ButtonFace)}[data-ui-tag][data-part-root][data-variant=outline]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled){background-color:var(--_subtle-active,ButtonFace)}[data-ui-tag][data-part-root][data-variant=solid]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled),[data-ui-tag][data-part-root][data-selected]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled){background-color:var(--_solid-hover,Highlight)}[data-ui-tag][data-part-root][data-variant=solid]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled),[data-ui-tag][data-part-root][data-selected]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled){background-color:var(--_solid-active,Highlight)}[data-ui-tag] [data-part-body]:focus-visible,[data-ui-tag] [data-part-remove]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-2 * var(--slotted-focus-ring-width,2px))}[data-ui-tag][data-part-group]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-tag][data-part-root][data-disabled]{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-tag][data-part-root][data-variant=solid][data-disabled],[data-ui-tag][data-part-root][data-variant=soft][data-disabled],[data-ui-tag][data-part-root][data-selected][data-disabled]{background-color:var(--slotted-disabled-background,Canvas);border-color:var(--slotted-disabled-border,GrayText)}[data-ui-tag][data-part-root][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background-color:#0000}[data-ui-tag][data-part-root][data-disabled] :is([data-part-body],[data-part-remove]),[data-ui-tag] [data-part-body]:disabled,[data-ui-tag] [data-part-remove]:disabled{cursor:not-allowed;background-color:#0000}[data-ui-tag] [data-part-remove]:disabled{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-tag][data-part-group]{align-items:center;gap:var(--slotted-tag-group-gap,var(--slotted-space-2,.25rem));flex-wrap:wrap;display:flex}[data-ui-tag][data-part-group][data-orientation=vertical]{flex-flow:column;align-items:start;inline-size:fit-content}[data-ui-tag][data-part-group]:empty{display:none}@media (forced-colors:active){[data-ui-tag][data-part-root]{border-color:currentColor}[data-ui-tag][data-part-root][data-selected]:not([data-disabled]){color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-tag][data-part-root][data-disabled]{color:graytext;border-color:graytext}}}

package/dist/styles/navigation-menu.css

@@ -0,0 +1,4 @@
+@layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
+@layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
+
+@property --slotted-navigation-menu-viewport-inline-size{syntax:"<length>";inherits:true;initial-value:0}@property --slotted-navigation-menu-viewport-block-size{syntax:"<length>";inherits:true;initial-value:0}@property --slotted-navigation-menu-viewport-inline-start{syntax:"<length>";inherits:true;initial-value:0}@property --slotted-navigation-menu-viewport-block-start{syntax:"<length>";inherits:true;initial-value:0}@property --slotted-navigation-menu-arrow-offset{syntax:"<length>";inherits:true;initial-value:0}@layer slotted.components{[data-ui-navigation-menu]{--_control-height:var(--slotted-control-height-md,34px);--_control-padding:var(--slotted-control-padding-inline-md,13px);--_control-font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-sm,6px);--_list-gap:var(--slotted-space-1,.125rem);--_radius:var(--slotted-navigation-menu-radius,var(--slotted-control-radius,4px));--_surface:var(--slotted-navigation-menu-surface,var(--slotted-surface-raised,Canvas));--_border-color:var(--slotted-navigation-menu-border-color,var(--slotted-border-subtle,ButtonBorder));--_border-width:var(--slotted-border-width-thin,1px);--_shadow:var(--slotted-navigation-menu-shadow,var(--slotted-shadow-md));--_viewport-radius:var(--slotted-navigation-menu-viewport-radius,var(--slotted-radius-lg,8px));--_offset:var(--slotted-navigation-menu-offset,var(--slotted-space-2,.25rem));--_inset:var(--slotted-space-2,.25rem);--_column-size:var(--slotted-navigation-menu-column-size,15rem);--_column-gap:var(--slotted-space-2,.25rem);--_group-min:10rem;--_gutter:var(--slotted-space-4,.5rem);--_font-size:var(--slotted-control-font-size-md,13px);--_secondary-font-size:var(--slotted-control-font-size-sm,12px);--_leading:round(up, calc(var(--_font-size) * var(--slotted-line-height-md,1.5)), 1px);--_secondary-leading:round(up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm,1.45)), 1px);--_link-inset-inline:calc(var(--_control-padding) - var(--_border-width) - var(--_inset));--_link-inset-block:var(--slotted-space-4,.5rem);--_color:var(--slotted-navigation-menu-color,var(--slotted-text,CanvasText));--_muted-color:var(--slotted-navigation-menu-muted-color,var(--slotted-text-muted,GrayText));--_hover-background:var(--slotted-navigation-menu-hover-background,var(--slotted-tone-secondary-subtle-hover));--_active-background:var(--slotted-navigation-menu-active-background,var(--slotted-tone-secondary-subtle-active));--_current-color:var(--slotted-navigation-menu-current-color,var(--slotted-tone-accent-text));--_current-background:var(--slotted-navigation-menu-current-background,var(--slotted-tone-accent-surface));--_current-edge:var(--slotted-navigation-menu-current-edge,var(--slotted-current-edge,transparent));--_disabled-color:var(--slotted-disabled-foreground,GrayText);--_duration:var(--slotted-control-transition-duration,var(--slotted-duration-short));--_easing:var(--slotted-control-transition-easing,var(--slotted-easing-standard));--_enter-distance:var(--slotted-space-2,.25rem);--_slide-distance:var(--slotted-space-6,1rem);--_inline-sign:1;--_arrow-size:var(--slotted-space-4,.5rem);box-sizing:border-box;color:var(--_color);font-family:var(--slotted-control-font-family,inherit);font-size:var(--_control-font-size);display:flex;position:relative}[data-ui-navigation-menu]:dir(rtl){--_inline-sign:-1}[data-ui-navigation-menu]:has(>[data-part-list]>[data-part-item]>[data-part-content][data-open]){z-index:var(--slotted-z-index-popover,1100)}[data-ui-navigation-menu]:has(>[data-part-viewport][data-open]){transition:--slotted-navigation-menu-viewport-inline-size var(--slotted-duration-medium) var(--slotted-easing-standard), --slotted-navigation-menu-viewport-block-size var(--slotted-duration-medium) var(--slotted-easing-standard), --slotted-navigation-menu-viewport-inline-start var(--slotted-duration-medium) var(--slotted-easing-standard), --slotted-navigation-menu-viewport-block-start var(--slotted-duration-medium) var(--slotted-easing-standard), --slotted-navigation-menu-arrow-offset var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-navigation-menu][data-size=sm]{--_control-height:var(--slotted-control-height-sm,30px);--_control-padding:var(--slotted-control-padding-inline-sm,10px);--_control-font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-navigation-menu][data-size=lg]{--_control-height:var(--slotted-control-height-lg,38px);--_control-padding:var(--slotted-control-padding-inline-lg,16px);--_control-font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-md,8px)}[data-ui-navigation-menu]>[data-part-list]{align-items:center;gap:var(--_list-gap);margin:0;padding:0;list-style:none;display:flex}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]{display:flex}:where([data-ui-navigation-menu]>[data-part-list]>[data-part-item])>:is([data-part-trigger],[data-part-link]){appearance:none;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;font:inherit;font-weight:var(--slotted-font-weight-medium,500);align-items:center;gap:var(--_gap);line-height:var(--slotted-control-line-height,1);min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);transition:background-color var(--_duration) var(--_easing), color var(--_duration) var(--_easing);white-space:nowrap;background-color:#0000;border:0;margin:0;text-decoration:none;display:inline-flex}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-trigger]:enabled:hover,[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-trigger]:enabled:active,[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-trigger][data-open]:enabled{background-color:var(--_hover-background)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-trigger][data-current]:enabled{color:var(--_current-color)}[data-ui-navigation-menu] [data-part-link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_border-width) var(--_current-edge);color:var(--_current-color)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-link]:is([data-current],[aria-current=page]){font-weight:var(--slotted-font-weight-semibold,600)}[data-ui-navigation-menu] [data-part-trigger]:disabled,[data-ui-navigation-menu] [data-part-link][data-disabled],[data-ui-navigation-menu] [data-part-content] [data-part-link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui-navigation-menu] :is([data-part-trigger],[data-part-link]):focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-navigation-menu] [data-part-indicator]{--slotted-icon-size:var(--_icon-size);flex:none;margin-inline-end:calc(-1 * var(--slotted-space-2,.25rem));display:flex}[data-ui-navigation-menu] [data-part-indicator]>[data-ui-icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-navigation-menu]:not([data-orientation=vertical])>[data-part-list]>[data-part-item]>[data-part-trigger][data-open]>[data-part-indicator]>[data-ui-icon]{rotate:.5turn}[data-ui-navigation-menu]>[data-part-viewport]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_viewport-radius);box-shadow:var(--_shadow);box-sizing:border-box;block-size:var(--slotted-navigation-menu-viewport-block-size,0px);inline-size:var(--slotted-navigation-menu-viewport-inline-size,0px);opacity:0;pointer-events:none;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);display:none;position:absolute;inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start,0px)}[data-ui-navigation-menu]>[data-part-viewport][data-positioned]{display:block}[data-ui-navigation-menu]>[data-part-viewport][data-open]{opacity:1;pointer-events:auto;transition:none;translate:0}[data-ui-navigation-menu]>[data-part-viewport][data-open][data-positioned]{animation:slotted-navigation-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-navigation-menu]>[data-part-viewport]:before{content:"";block-size:calc(var(--_offset) + var(--_border-width));position:absolute;inset-block-end:100%;inset-inline:0}@keyframes slotted-navigation-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-navigation-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}}@keyframes slotted-navigation-menu-fade{0%{opacity:0}}[data-ui-navigation-menu]>[data-part-viewport]>[data-part-arrow]{background-color:var(--_surface);border-block-start:var(--_border-width) solid var(--_border-color);border-inline-start:var(--_border-width) solid var(--_border-color);box-sizing:border-box;block-size:var(--_arrow-size);inline-size:var(--_arrow-size);rotate:calc(var(--_inline-sign) * 45deg);border-start-start-radius:var(--slotted-radius-xs,2px);position:absolute;inset-block-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);inset-inline-start:calc(var(--slotted-navigation-menu-arrow-offset,50%) - var(--_arrow-size) / 2)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content]{--_columns:1;--_content-size:calc(var(--_columns) * var(--_column-size) + (var(--_columns) - 1) * var(--_column-gap) + 2 * (var(--_inset) + var(--_border-width)));border:var(--_border-width) solid transparent;border-radius:var(--_viewport-radius);box-sizing:border-box;color:var(--_color);column-gap:var(--_column-gap);font-size:var(--_font-size);grid-template-columns:repeat(auto-fit, minmax(max(var(--_group-min), calc((100% - (var(--_columns) - 1) * var(--_column-gap)) / var(--_columns))), 1fr));inline-size:min(var(--_content-size), var(--slotted-navigation-menu-available-inline-size,calc(100vw - 2 * var(--_gutter))));line-height:var(--_leading);opacity:0;padding:var(--_inset);row-gap:var(--_inset);clip-path:inset(0 max(0px, calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) max(0px, calc(100% - var(--slotted-navigation-menu-viewport-block-size))) 0 round var(--_viewport-radius));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);z-index:1;display:grid;position:absolute;inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start,0px);container:slotted-navigation-menu-content/inline-size}[data-ui-navigation-menu]:dir(rtl)>[data-part-list]>[data-part-item]>[data-part-content]{clip-path:inset(0 0 max(0px, calc(100% - var(--slotted-navigation-menu-viewport-block-size))) max(0px, calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) round var(--_viewport-radius))}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][data-columns="2"]{--_columns:2}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][data-columns="3"]{--_columns:3}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][hidden]{display:none}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][data-open]{opacity:1;transition:none}[data-ui-navigation-menu]:not([data-nested]):not(:has(>[data-part-viewport][data-positioned]))>[data-part-list]>[data-part-item]>[data-part-content]{background-color:var(--_surface);border-color:var(--_border-color);box-shadow:var(--_shadow);clip-path:none}[data-ui-navigation-menu] [data-part-content][data-motion=from-end]{animation:slotted-navigation-menu-from-end var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui-navigation-menu] [data-part-content][data-motion=from-start]{animation:slotted-navigation-menu-from-start var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui-navigation-menu] [data-part-content][data-motion=to-end]{animation:slotted-navigation-menu-to-end var(--slotted-duration-short) var(--slotted-easing-exit) both}[data-ui-navigation-menu] [data-part-content][data-motion=to-start]{animation:slotted-navigation-menu-to-start var(--slotted-duration-short) var(--slotted-easing-exit) both}@keyframes slotted-navigation-menu-from-end{0%{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-end{to{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-start{to{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}[data-ui-navigation-menu] [data-part-content]>:is([data-part-links],[data-part-footer]){grid-column:1/-1}[data-ui-navigation-menu] [data-part-links]{gap:var(--_column-gap);grid-template-columns:repeat(var(--_columns,1), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid}[data-ui-navigation-menu] [data-part-group]>[data-part-links]{grid-template-columns:minmax(0,1fr)}@container slotted-navigation-menu-content (inline-size<480px){[data-ui-navigation-menu] [data-part-links]{grid-template-columns:minmax(0,1fr)}}[data-ui-navigation-menu] [data-part-group]{gap:var(--slotted-space-1,.125rem);flex-direction:column;min-inline-size:0;display:flex}[data-ui-navigation-menu] [data-part-group-label]{color:var(--_muted-color);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-3,.375rem) var(--slotted-space-2,.25rem);padding-inline:var(--_link-inset-inline)}[data-ui-navigation-menu] [data-part-content] [data-part-link]{border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--_leading);min-block-size:var(--_control-height);outline-offset:0;padding-block:var(--_link-inset-block);padding-inline:var(--_link-inset-inline);row-gap:var(--slotted-space-1,.125rem);transition:background-color var(--_duration) var(--_easing), color var(--_duration) var(--_easing);grid-template:"icon label""icon description"/auto minmax(0,1fr);text-decoration:none;display:grid}[data-ui-navigation-menu] [data-part-content] [data-part-link]:not(:has([data-part-label])){grid-template-columns:minmax(0,1fr);grid-template-areas:none;align-content:center;padding-block:0;display:grid}[data-ui-navigation-menu] [data-part-content] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:is([data-current],[aria-current=page]){color:var(--_current-color)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:is([data-current],[aria-current=page])>[data-part-description]{color:inherit}[data-ui-navigation-menu] [data-part-content] [data-part-link]:focus-visible{outline-offset:0}[data-ui-navigation-menu] [data-part-link]>[data-part-icon]{--slotted-icon-size:var(--_icon-size);color:var(--_muted-color);line-height:var(--_leading);transition:color var(--_duration) var(--_easing);grid-area:icon;margin-inline-end:var(--slotted-control-gap-md,8px)}[data-ui-navigation-menu] [data-part-link]>[data-part-icon]>[data-ui-icon]{vertical-align:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2);display:inline-block}[data-ui-navigation-menu] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover>[data-part-icon]{color:var(--_color)}[data-ui-navigation-menu] [data-part-link]:is([data-current],[aria-current=page],[data-disabled])>[data-part-icon]{color:inherit}[data-ui-navigation-menu] [data-part-link]>[data-part-label]{font-weight:var(--slotted-font-weight-medium,500);grid-area:label;min-inline-size:0}[data-ui-navigation-menu] [data-part-link]>[data-part-description]{-webkit-line-clamp:2;color:var(--_muted-color);font-size:var(--_secondary-font-size);line-clamp:2;line-height:var(--_secondary-leading);-webkit-box-orient:vertical;grid-area:description;min-inline-size:0;display:-webkit-box;overflow:hidden}[data-ui-navigation-menu] [data-part-link][data-disabled]>[data-part-description]{color:inherit}[data-ui-navigation-menu] [data-part-footer]{border-block-start:var(--_border-width) solid var(--_border-color);align-items:center;gap:var(--slotted-control-gap-md,8px);margin-inline:calc(-1 * var(--_inset));padding-block:var(--_inset) 0;padding-inline:calc(var(--_inset) + var(--_link-inset-inline)) var(--_inset);justify-content:space-between;display:flex}[data-ui-navigation-menu][data-orientation=vertical]>[data-part-list]{flex-direction:column;align-items:stretch;inline-size:100%}[data-ui-navigation-menu][data-orientation=vertical]>[data-part-list]>[data-part-item]>:is([data-part-trigger],[data-part-link]){flex:auto;justify-content:space-between}[data-ui-navigation-menu][data-orientation=vertical]>[data-part-viewport],[data-ui-navigation-menu][data-orientation=vertical]>[data-part-list]>[data-part-item]>[data-part-content]{inset-block-start:var(--slotted-navigation-menu-viewport-block-start,0px);inset-inline-start:calc(var(--slotted-navigation-menu-viewport-inline-start,100%) + var(--_offset))}[data-ui-navigation-menu][data-orientation=vertical]:not([data-nested]):not(:has(>[data-part-viewport][data-positioned]))>[data-part-list]>[data-part-item]>[data-part-content]{inset-inline-start:calc(100% + var(--_offset))}[data-ui-navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part-viewport],[data-ui-navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part-list]>[data-part-item]>[data-part-content]{inset-block-start:calc(var(--slotted-navigation-menu-viewport-block-start,100%) + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start,0px)}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport]{translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport][data-open]{translate:0}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-enter-from-start}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport]:before{block-size:auto;inline-size:calc(var(--_offset) + var(--_border-width));inset-block:0;inset-inline:auto 100%}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport]>[data-part-arrow]{rotate:calc(var(--_inline-sign) * -45deg);inset-block-start:calc(var(--slotted-navigation-menu-arrow-offset,50%) - var(--_arrow-size) / 2);inset-inline-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2)}[data-ui-navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part-list]>[data-part-item]>[data-part-trigger][data-open]>[data-part-indicator]>[data-ui-icon]{rotate:calc(var(--_inline-sign) * .25turn)}[data-ui-navigation-menu][data-nested]{--_nested-list-size:var(--slotted-navigation-menu-nested-list-size,11rem);min-block-size:var(--slotted-navigation-menu-viewport-block-size,auto);grid-column:1/-1}[data-ui-navigation-menu][data-nested]:before{background-color:var(--_border-color);content:"";inline-size:var(--_border-width);position:absolute;inset-block:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset) / 2)}[data-ui-navigation-menu][data-nested]>[data-part-list]{inline-size:var(--_nested-list-size);align-self:flex-start}[data-ui-navigation-menu][data-nested]>[data-part-viewport]{display:none}[data-ui-navigation-menu][data-nested]>[data-part-list]>[data-part-item]>[data-part-content]{clip-path:none;inline-size:calc(100% - var(--_nested-list-size) - var(--_inset));padding-block:0;padding-inline:var(--_inset) 0;border:0;border-radius:0;inset-block-start:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset))}@media (prefers-reduced-motion:reduce){[data-ui-navigation-menu]>[data-part-viewport],[data-ui-navigation-menu][data-orientation=vertical]>[data-part-viewport]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-navigation-menu]>[data-part-viewport][data-open][data-positioned],[data-ui-navigation-menu][data-orientation=vertical]>[data-part-viewport][data-open][data-positioned],[data-ui-navigation-menu] [data-part-content]:is([data-motion=from-end],[data-motion=from-start]){animation-name:slotted-navigation-menu-fade}[data-ui-navigation-menu] [data-part-content]:is([data-motion=to-end],[data-motion=to-start]){opacity:0;animation:none}}}