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

package/dist/styles/stepper.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-stepper]{--_marker:var(--slotted-stepper-marker-size,var(--slotted-control-height-md,34px));--_gap:var(--slotted-stepper-gap,var(--slotted-control-gap-md,8px));--_rule:var(--slotted-stepper-connector-thickness,var(--slotted-border-width-thick,2px));--_muted:var(--slotted-stepper-color-muted,var(--slotted-text-muted,GrayText));--_strong:var(--slotted-stepper-color,var(--slotted-text,CanvasText));--_pending-line:var(--slotted-stepper-connector-color,var(--slotted-border-subtle,GrayText));--_pending-ring:var(--slotted-stepper-marker-border,var(--slotted-control-border-color,ButtonBorder));--_done-line:var(--slotted-stepper-connector-color-complete,var(--slotted-tone-accent-solid,Highlight));--_state-press:color-mix(in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength,14%), transparent);color:var(--_strong);font-family:var(--slotted-stepper-font-family,var(--slotted-font-family-sans,inherit));font-size:var(--slotted-stepper-font-size,var(--slotted-control-font-size-md,13px));display:block;container:slotted-stepper/inline-size}[data-ui-stepper] [data-part-list]{margin:0;padding:0;list-style:none;display:flex}[data-ui-stepper][data-orientation=horizontal] [data-part-list]{flex-direction:row;align-items:flex-start}[data-ui-stepper][data-orientation=vertical] [data-part-list]{flex-direction:column}[data-ui-stepper] [data-part-item]{display:flex;position:relative}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:1 1 0;min-inline-size:0}[data-ui-stepper][data-orientation=vertical] [data-part-item]{flex-direction:column}[data-ui-stepper] [data-part-trigger]{appearance:none;border-radius:var(--slotted-stepper-radius,var(--slotted-control-radius,4px));color:inherit;align-items:center;column-gap:var(--_gap);font:inherit;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background:0 0;border:0;padding:0;text-decoration:none;display:flex}[data-ui-stepper] button[data-part-trigger],[data-ui-stepper] a[data-part-trigger]{cursor:pointer}[data-ui-stepper][data-label-placement=bottom] [data-part-trigger]{padding-inline:var(--slotted-stepper-column-inset,var(--slotted-space-3,.375rem));align-items:center;row-gap:var(--slotted-stepper-label-gap,var(--slotted-space-3,.375rem));text-align:center;flex-direction:column}[data-ui-stepper] [data-part-trigger]: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-stepper] [data-part-marker]{--_mark:var(--slotted-stepper-marker-color-complete,var(--slotted-tone-accent-on-solid,HighlightText));--_mark-size:var(--slotted-stepper-glyph-size,var(--slotted-control-icon-size-md,16px));background-color:var(--slotted-stepper-marker-surface,transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full,9999px);box-sizing:border-box;color:var(--_muted);font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight,var(--slotted-font-weight-semibold,600));inline-size:var(--_marker);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), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);flex:none;justify-content:center;align-items:center;line-height:1;display:flex;position:relative}[data-ui-stepper] [data-current] [data-part-marker]{border-color:var(--slotted-stepper-marker-border-current,var(--_done-line));color:var(--slotted-stepper-marker-color-current,var(--slotted-tone-accent-text,Highlight))}[data-ui-stepper] [data-complete]:not([data-current],[data-invalid]) [data-part-marker]{background-color:var(--slotted-stepper-marker-surface-complete,var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete,var(--_done-line))}[data-ui-stepper] [data-invalid] [data-part-marker]{--_mark:var(--slotted-stepper-marker-color-invalid,var(--slotted-tone-danger-on-solid,MarkText));background-color:var(--slotted-stepper-marker-surface-invalid,var(--slotted-tone-danger-solid,Mark));border-color:var(--slotted-stepper-marker-surface-invalid,var(--slotted-tone-danger-solid,Mark))}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-marker]{border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText);background-color:#0000}[data-ui-stepper] :is([data-complete],[data-invalid]) [data-part-marker]{color:#0000}[data-ui-stepper] [data-part-marker]>[data-ui-icon]{--slotted-icon-size:var(--_mark-size);color:var(--_mark);margin:auto;position:absolute;inset:0}[data-ui-stepper] [data-current]:not([data-invalid]) [data-part-marker]{color:var(--slotted-stepper-marker-color-current,var(--slotted-tone-accent-text,Highlight))}[data-ui-stepper] [data-part-label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight,var(--slotted-font-weight-medium,500));line-height:var(--slotted-stepper-line-height,var(--slotted-line-height-sm,1.45));overflow-wrap:anywhere;min-inline-size:0}[data-ui-stepper] :is([data-current],[data-complete]) [data-part-label]{color:var(--_strong)}[data-ui-stepper] [data-invalid] [data-part-label]{color:var(--slotted-stepper-label-color-invalid,var(--slotted-tone-danger-text,MarkText))}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-label]{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-stepper] [data-part-description]{color:var(--_muted);font-size:var(--slotted-stepper-description-font-size,var(--slotted-font-size-xs,.75rem));line-height:var(--slotted-stepper-line-height,var(--slotted-line-height-sm,1.45));margin-block-start:var(--slotted-stepper-description-gap,var(--slotted-space-1,.125rem));display:block}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:hover [data-part-label]{color:var(--_strong);text-underline-offset:var(--slotted-stepper-underline-offset,.2em);text-decoration-line:underline;text-decoration-color:currentColor}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:active [data-part-marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui-stepper] [data-part-separator]{background-color:var(--_pending-line);flex:none;display:block}[data-ui-stepper] [data-part-separator][data-complete]{background-color:var(--_done-line)}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-separator]{block-size:var(--_rule);margin-inline:var(--slotted-stepper-track-gap,var(--slotted-space-5,.75rem));min-inline-size:var(--slotted-stepper-track-min,var(--slotted-space-8,1.5rem));flex:auto;align-self:center;position:static}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-trigger]{flex:0 auto;min-inline-size:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-separator]{block-size:var(--_rule);position:absolute;inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap))}[data-ui-stepper][data-orientation=vertical] [data-part-separator]{--_rule-room:var(--slotted-stepper-connector-gap,var(--slotted-space-2,.25rem));inline-size:var(--_rule);position:absolute;inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-block-end:var(--_rule-room);inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)))}[data-ui-stepper] [data-part-item]:last-child [data-part-separator]{display:none}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-trigger]{inline-size:100%}[data-ui-stepper][data-orientation=vertical] [data-part-item]{padding-block-end:var(--slotted-stepper-step-gap,var(--slotted-space-6,1rem))}[data-ui-stepper][data-orientation=vertical] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=vertical] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap,var(--slotted-space-4,.5rem))}[data-ui-stepper][data-orientation=horizontal] [data-part-panel]{padding-block-start:var(--slotted-stepper-panel-gap,var(--slotted-space-6,1rem))}[data-ui-stepper] [data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}@container slotted-stepper (width<=30rem){[data-ui-stepper][data-orientation=horizontal] [data-part-list]{flex-direction:column;align-items:stretch}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex-direction:column;flex:none;padding-block-end:var(--slotted-stepper-step-gap,var(--slotted-space-6,1rem));padding-inline-end:0}[data-ui-stepper][data-orientation=horizontal] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-trigger]{text-align:start;flex-direction:row;align-items:center;inline-size:auto;padding-inline:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-separator]{block-size:auto;inline-size:var(--_rule);flex:none;min-inline-size:0;margin-inline:0;position:absolute;inset-block-start:calc(var(--_marker) + var(--_gap));inset-block-end:0;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:auto}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap,var(--slotted-space-4,.5rem))}}@media (forced-colors:active){[data-ui-stepper] [data-part-separator]{background-color:graytext}[data-ui-stepper] [data-part-separator][data-complete]{background-color:highlight}[data-ui-stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part-marker]{color:highlighttext;forced-color-adjust:none;background-color:highlight;border-color:highlight}}}
+
+@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}}

package/dist/styles/switch.css

@@ -0,0 +1,12 @@
+@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-visually-hidden]:not([data-focusable]:focus-within){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}}
+
+@layer slotted.components{[data-ui-switch][data-part-root]{--_thumb-size:var(--slotted-control-icon-size-md,16px);--_gutter:var(--slotted-space-1,.125rem);--_border:var(--slotted-control-border-width,1px);--_track-block:calc(var(--_thumb-size) + (var(--_gutter) + var(--_border)) * 2);--_track-inline:var(--slotted-switch-track-inline-size,calc(var(--_thumb-size) * 2 + var(--_gutter) * 3 + var(--_border) * 2));--_travel:calc(var(--_thumb-size) + var(--_gutter));--_font-size:var(--slotted-control-font-size-md,13px);--_gap:var(--slotted-control-label-gap-md,12px);--_line-height:var(--slotted-switch-line-height,var(--slotted-line-height-md,1.5));--_label-slack:max(0px, (var(--_track-block) - var(--_font-size) * var(--_line-height)) / 2);--_lift:max(0px, calc(var(--_label-slack) + (var(--_font-size) * var(--_line-height) - var(--_track-block)) / 2));--_target-block:max(var(--_track-block), var(--slotted-target-min,24px));--_description-gap:max(0px, var(--slotted-space-3,.375rem) - var(--_label-slack));color:var(--slotted-switch-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--_line-height);grid-template-columns:auto minmax(0,1fr);align-content:start;display:grid}[data-ui-switch]>[data-part-control]{appearance:none;block-size:var(--_target-block);cursor:pointer;inline-size:var(--_track-inline);opacity:0;touch-action:manipulation;z-index:1;-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;outline:none;grid-area:1/1;align-self:start;margin-block-start:calc(var(--_lift) + (var(--_track-block) - var(--_target-block)) / 2);margin-block-end:calc((var(--_track-block) - var(--_target-block)) / 2);margin-inline:0;padding:0}[data-ui-switch]>[data-part-track]{background-color:var(--slotted-switch-track-background,var(--slotted-tone-secondary-solid,ButtonFace));block-size:var(--_track-block);border:var(--_border) solid var(--slotted-switch-border-color,var(--slotted-control-border-color,ButtonBorder));border-radius:var(--slotted-switch-radius,var(--slotted-radius-full,9999px));box-sizing:border-box;inline-size:var(--_track-inline);pointer-events:none;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);grid-area:1/1;margin-block-start:var(--_lift);position:relative}[data-ui-switch]>[data-part-track]>[data-part-thumb]{background-color:var(--slotted-switch-thumb-background,var(--slotted-tone-accent-on-solid));border:var(--_border) solid var(--slotted-switch-thumb-border-color,var(--slotted-control-border-color,ButtonBorder));border-radius:var(--slotted-radius-full,9999px);block-size:var(--_thumb-size);box-shadow:var(--slotted-switch-thumb-shadow,var(--slotted-control-shadow,none));box-sizing:border-box;inline-size:var(--_thumb-size);transition:inset-inline-start var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--_gutter);inset-inline-start:var(--_gutter)}[data-ui-switch]>[data-part-track]>[data-part-thumb]>[data-ui-icon]{block-size:70%;color:var(--slotted-switch-mark-color,var(--slotted-tone-accent-solid));opacity:0;inline-size:70%;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-switch]>[data-part-label]{cursor:pointer;overflow-wrap:anywhere;padding-block:var(--_label-slack);grid-area:1/2}[data-ui-switch][data-part-root]:has(>[data-part-label]){column-gap:var(--_gap)}[data-ui-switch]>[data-part-label]{justify-self:start}[data-ui-switch][data-part-root]:has(>[data-part-label])>[data-part-control]{inline-size:calc(var(--_track-inline) + var(--_gap));margin-inline-end:calc(-1 * var(--_gap))}[data-ui-switch]>[data-part-description]{color:var(--slotted-switch-description-color,var(--slotted-text-muted,GrayText));font-size:var(--slotted-switch-description-font-size,var(--slotted-font-size-xs,.75rem));line-height:var(--slotted-line-height-xs,1.4);overflow-wrap:anywhere;grid-area:2/2;margin:0;padding-block-start:var(--_description-gap)}[data-ui-switch][data-part-root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui-switch][data-part-root][data-label-placement=start]>[data-part-control],[data-ui-switch][data-part-root][data-label-placement=start]>[data-part-track]{grid-area:1/2}[data-ui-switch][data-part-root][data-label-placement=start]>[data-part-label],[data-ui-switch][data-part-root][data-label-placement=start]>[data-part-description]{grid-column:1}[data-ui-switch][data-part-root][data-label-placement=start]>[data-part-label]{justify-self:stretch}[data-ui-switch][data-part-root][data-label-placement=start]:has(>[data-part-label])>[data-part-control]{margin-inline-start:calc(-1 * var(--_gap));margin-inline-end:0}[data-ui-switch][data-part-root][data-size=sm]{--_thumb-size:var(--slotted-control-icon-size-sm,14px);--_font-size:var(--slotted-control-font-size-sm,12px);--_gap:var(--slotted-control-label-gap-sm,8px)}[data-ui-switch][data-part-root][data-size=md]{--_thumb-size:var(--slotted-control-icon-size-md,16px);--_font-size:var(--slotted-control-font-size-md,13px);--_gap:var(--slotted-control-label-gap-md,12px)}[data-ui-switch][data-part-root][data-size=lg]{--_thumb-size:var(--slotted-control-icon-size-lg,18px);--_font-size:var(--slotted-control-font-size-lg,14px);--_gap:var(--slotted-control-label-gap-lg,12px)}[data-ui-switch][data-part-root]:is([data-checked],:has(>[data-part-control]:checked))>[data-part-track]{background-color:var(--slotted-switch-checked-background,var(--slotted-tone-accent-solid,Highlight));border-color:var(--slotted-switch-checked-border-color,var(--slotted-tone-accent-solid,Highlight))}[data-ui-switch][data-part-root]:is([data-checked],:has(>[data-part-control]:checked))>[data-part-track]>[data-part-thumb]{border-color:var(--slotted-switch-checked-thumb-border-color,var(--slotted-tone-accent-solid,Highlight));inset-inline-start:calc(var(--_gutter) + var(--_travel))}[data-ui-switch][data-part-root]:is([data-checked],:has(>[data-part-control]:checked)):not([data-loading])>[data-part-track]>[data-part-thumb]>[data-ui-icon]{opacity:1}[data-ui-switch][data-part-root]:hover:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part-control]:disabled))>[data-part-track]{background-color:var(--slotted-switch-hover-background,var(--slotted-tone-secondary-solid-hover,ButtonFace))}[data-ui-switch][data-part-root]:is([data-checked],:has(>[data-part-control]:checked)):hover:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part-control]:disabled))>[data-part-track]{background-color:var(--slotted-switch-checked-hover-background,var(--slotted-tone-accent-solid-hover,Highlight));border-color:var(--slotted-switch-checked-hover-background,var(--slotted-tone-accent-solid-hover,Highlight))}[data-ui-switch][data-part-root]:active:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part-control]:disabled))>[data-part-track]{background-color:var(--slotted-switch-active-background,var(--slotted-tone-secondary-solid-active,ButtonFace))}[data-ui-switch][data-part-root]:is([data-checked],:has(>[data-part-control]:checked)):active:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part-control]:disabled))>[data-part-track]{background-color:var(--slotted-switch-checked-active-background,var(--slotted-tone-accent-solid-active,Highlight));border-color:var(--slotted-switch-checked-active-background,var(--slotted-tone-accent-solid-active,Highlight))}[data-ui-switch][data-part-root]:has(>[data-part-control]:focus-visible)>[data-part-track]{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-switch][data-part-root][data-readonly]>[data-part-track]{background-color:var(--slotted-switch-readonly-background,var(--slotted-surface,Canvas))}[data-ui-switch][data-part-root][data-readonly]>[data-part-control],[data-ui-switch][data-part-root][data-readonly]>[data-part-label]{cursor:default}[data-ui-switch][data-part-root][data-readonly]:is([data-checked],:has(>[data-part-control]:checked))>[data-part-track]{background-color:var(--slotted-switch-readonly-background,var(--slotted-surface,Canvas));border-color:var(--slotted-switch-readonly-border-color,var(--slotted-control-border-color,ButtonBorder))}[data-ui-switch][data-part-root][data-readonly]:is([data-checked],:has(>[data-part-control]:checked))>[data-part-track]>[data-part-thumb]{border-color:var(--slotted-switch-readonly-border-color,var(--slotted-control-border-color,ButtonBorder))}[data-ui-switch][data-part-root][data-invalid]{--slotted-focus-ring-color:var(--slotted-switch-invalid-focus-ring-color,var(--slotted-focus-ring-color-invalid,Highlight))}[data-ui-switch][data-part-root][data-invalid]>[data-part-track],[data-ui-switch][data-part-root][data-invalid]>[data-part-track]>[data-part-thumb]{border-color:var(--slotted-switch-invalid-border-color,var(--slotted-tone-danger-border));--_invalid-edge-width:var(--slotted-switch-invalid-edge-width,var(--slotted-control-invalid-edge-width,1px));box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--slotted-switch-invalid-border-color,var(--slotted-tone-danger-border))}[data-ui-switch][data-part-root][data-loading]>[data-part-control]{cursor:progress}[data-ui-switch][data-part-root][data-loading]>[data-part-track]>[data-part-thumb]>[data-ui-icon]{opacity:0}[data-ui-switch][data-part-root][data-loading]>[data-part-track]>[data-part-thumb]:after{animation:slotted-switch-pending var(--slotted-duration-loop) linear infinite;border:var(--slotted-border-width-thin,1px) solid var(--slotted-switch-pending-color,var(--slotted-tone-accent-solid));border-radius:var(--slotted-radius-full,9999px);box-sizing:border-box;content:"";border-inline-start-color:#0000;display:block;position:absolute;inset:12.5%}@keyframes slotted-switch-pending{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){[data-ui-switch][data-part-root][data-loading]>[data-part-track]>[data-part-thumb]:after{animation:none}}[data-ui-switch][data-part-root]:is([data-disabled],:has(>[data-part-control]:disabled))>[data-part-control],[data-ui-switch][data-part-root]:is([data-disabled],:has(>[data-part-control]:disabled))>[data-part-label]{cursor:not-allowed}[data-ui-switch][data-part-root]:is([data-disabled],:has(>[data-part-control]:disabled))>[data-part-track]{background-color:var(--slotted-switch-disabled-background,var(--slotted-disabled-background,ButtonFace));border-color:var(--slotted-switch-disabled-border-color,var(--slotted-disabled-border))}[data-ui-switch][data-part-root]:is([data-disabled],:has(>[data-part-control]:disabled))>[data-part-track]>[data-part-thumb]{background-color:var(--slotted-switch-disabled-thumb-background,var(--slotted-disabled-foreground));border-color:var(--slotted-switch-disabled-border-color,var(--slotted-disabled-border));box-shadow:none}[data-ui-switch][data-part-root]:is([data-disabled],:has(>[data-part-control]:disabled))>[data-part-track]>[data-part-thumb]>[data-ui-icon]{color:var(--slotted-switch-disabled-mark-color,var(--slotted-disabled-background))}[data-ui-switch][data-part-root]:is([data-disabled],:has(>[data-part-control]:disabled))>[data-part-label],[data-ui-switch][data-part-root]:is([data-disabled],:has(>[data-part-control]:disabled))>[data-part-description]{color:var(--slotted-switch-disabled-color,var(--slotted-disabled-foreground,GrayText))}@media (forced-colors:active){[data-ui-switch][data-part-root][data-invalid]>[data-part-track],[data-ui-switch][data-part-root][data-invalid]>[data-part-track]>[data-part-thumb]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border) + var(--_invalid-edge-width)))}}}

package/dist/styles/table-of-contents.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-visually-hidden]:not([data-focusable]:focus-within){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}}
+
+@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-table-of-contents]{--_text:var(--slotted-table-of-contents-color,var(--slotted-text-muted,GrayText));--_strong:var(--slotted-text,CanvasText);--_hover:var(--slotted-table-of-contents-color-hover,color-mix(in oklab, var(--_text) 30%, var(--_strong)));--_current:var(--slotted-table-of-contents-color-current,var(--slotted-tone-accent-text,LinkText));--_track:var(--slotted-table-of-contents-track-color,var(--slotted-border-subtle,GrayText));--_track-width:var(--slotted-table-of-contents-track-width,var(--slotted-border-width-medium,2px));--_marker:var(--slotted-table-of-contents-marker-color,var(--slotted-tone-accent-solid,Highlight));--_indent:var(--slotted-table-of-contents-indent,var(--slotted-space-5,.75rem));--_line-height:var(--slotted-line-height-sm,1.45);--_duration:var(--slotted-duration-medium);--_easing:var(--slotted-easing-standard,ease);color:var(--_text);font-family:var(--slotted-font-family-sans,inherit);font-size:var(--_font-size);line-height:var(--_line-height);min-inline-size:0;display:block}[data-ui-table-of-contents][data-size=sm]{--_row-height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,12px);--_inset:var(--slotted-control-padding-inline-sm,10px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-table-of-contents][data-size=md]{--_row-height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,13px);--_inset:var(--slotted-control-padding-inline-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px)}[data-ui-table-of-contents][data-size=lg]{--_row-height:var(--slotted-control-height-lg,38px);--_font-size:var(--slotted-control-font-size-lg,14px);--_inset:var(--slotted-control-padding-inline-lg,16px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-table-of-contents][data-empty]:not([data-loading]){display:none}[data-ui-table-of-contents]>[data-part-label]{color:var(--_strong);font-size:var(--slotted-font-size-sm,.8125rem);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-sm,1.45);padding-inline:var(--_inset);margin-block-end:var(--slotted-space-3,.375rem)}[data-ui-table-of-contents] [data-part-panel]{position:relative}[data-ui-table-of-contents] :is([data-part-list],[data-part-group]){margin:0;padding:0;list-style:none}[data-ui-table-of-contents][data-layout=vertical] [data-part-panel]>[data-part-list]{border-inline-start:var(--_track-width) solid var(--_track)}[data-ui-table-of-contents] [data-part-group]{padding-inline-start:var(--_indent)}[data-ui-table-of-contents] [data-part-item]{min-inline-size:0;display:block}[data-ui-table-of-contents] [data-part-link]{border-radius:var(--slotted-control-radius,4px);color:inherit;overflow-wrap:anywhere;padding-block:calc((var(--_row-height) - var(--_font-size) * var(--_line-height)) / 2);padding-inline:var(--_inset);transition:color var(--slotted-duration-short) var(--_easing), font-weight var(--slotted-duration-short) var(--_easing);text-decoration:none;display:block}[data-ui-table-of-contents] [data-part-link]:not([data-disabled]):not([data-current]):hover{color:var(--_hover)}[data-ui-table-of-contents] [data-part-link]:not([data-disabled]):not([data-current]):active{color:var(--_strong)}[data-ui-table-of-contents] [data-part-link][data-current]{color:var(--_current);font-weight:var(--slotted-font-weight-medium,500)}[data-ui-table-of-contents] :is([data-part-link],[data-part-trigger]):focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset,2px))}[data-ui-table-of-contents] [data-part-marker]{background-color:var(--_marker);border-radius:var(--slotted-radius-full,9999px);pointer-events:none;transition:inset-block-start var(--_duration) var(--_easing), inset-inline-start var(--_duration) var(--_easing), block-size var(--_duration) var(--_easing), inline-size var(--_duration) var(--_easing);position:absolute}[data-ui-table-of-contents][data-layout=vertical] [data-part-marker]{block-size:var(--_marker-size,0px);inline-size:var(--_track-width);inset-block-start:var(--_marker-start,0px);inset-inline-start:0}[data-ui-table-of-contents][data-numbered] :is([data-part-list],[data-part-group]){counter-reset:slotted-table-of-contents}[data-ui-table-of-contents][data-numbered] [data-part-item]{counter-increment:slotted-table-of-contents}[data-ui-table-of-contents][data-numbered] [data-part-link]:before{content:counters(slotted-table-of-contents, ".") ".";font-variant-numeric:tabular-nums;margin-inline-end:var(--_gap);display:inline-block}[data-ui-table-of-contents][data-sticky]{max-block-size:calc(100dvh - var(--slotted-page-sticky-top,0px));flex-direction:column;display:flex;position:sticky;inset-block-start:var(--slotted-page-sticky-top,0px)}[data-ui-table-of-contents][data-sticky]>[data-part-panel]{overscroll-behavior:contain;scrollbar-width:none;min-block-size:0;overflow-y:auto}[data-ui-table-of-contents][data-layout=horizontal]{gap:var(--_gap);display:flex}[data-ui-table-of-contents][data-layout=horizontal]>[data-part-label]{white-space:nowrap;flex:none;align-self:center;margin-block-end:0;padding-inline-end:0}[data-ui-table-of-contents][data-layout=horizontal]>[data-part-panel]{--_fade:var(--slotted-space-9,2rem);--_fade-angle:90deg;background:linear-gradient(var(--_track), var(--_track)) 0 100% / 100% var(--_track-width) no-repeat;overscroll-behavior-inline:contain;min-inline-size:0;scrollbar-width:none;flex:auto;padding-block-end:var(--_track-width);display:flex;overflow-x:auto}[data-ui-table-of-contents][data-layout=horizontal]>[data-part-panel]:dir(rtl){--_fade-angle:270deg}[data-ui-table-of-contents][data-layout=horizontal]>[data-part-panel][data-overflow=end]{mask-image:linear-gradient(var(--_fade-angle), #000 calc(100% - var(--_fade)), transparent)}[data-ui-table-of-contents][data-layout=horizontal]>[data-part-panel][data-overflow=start]{mask-image:linear-gradient(var(--_fade-angle), transparent, #000 var(--_fade))}[data-ui-table-of-contents][data-layout=horizontal]>[data-part-panel][data-overflow=both]{mask-image:linear-gradient(var(--_fade-angle), transparent, #000 var(--_fade), #000 calc(100% - var(--_fade)), transparent)}[data-ui-table-of-contents][data-layout=horizontal] [data-part-list]{display:flex}[data-ui-table-of-contents][data-layout=horizontal] [data-part-item]{flex:none}[data-ui-table-of-contents][data-layout=horizontal] [data-part-link]{white-space:nowrap}[data-ui-table-of-contents][data-layout=horizontal] [data-part-group]{display:none}[data-ui-table-of-contents][data-layout=horizontal] [data-part-marker]{block-size:var(--_track-width);inline-size:var(--_marker-size,0px);inset-block-end:0;inset-inline-start:var(--_marker-start,0px)}[data-ui-table-of-contents][data-layout=collapsed]{position:relative}[data-ui-table-of-contents] [data-part-trigger]{appearance:none;border:0;border-block-end:var(--_track-width) solid var(--_track);color:var(--_strong);cursor:pointer;font:inherit;align-items:center;gap:var(--_gap);inline-size:100%;min-block-size:var(--_row-height);padding-block:0;padding-inline:var(--_inset);text-align:start;background:0 0;border-radius:0;margin:0;display:flex}[data-ui-table-of-contents] [data-part-trigger]>[data-part-label]{color:var(--_strong);font-weight:var(--slotted-font-weight-semibold,600);flex:none}[data-ui-table-of-contents] [data-part-current]{color:var(--_text);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}[data-ui-table-of-contents] [data-part-current]:empty{display:none}[data-ui-table-of-contents] [data-part-indicator]{--slotted-icon-size:var(--_icon-size);flex:none;margin-inline-start:auto;display:flex}[data-ui-table-of-contents] [data-part-indicator]>[data-ui-icon]{transition:rotate var(--_duration) var(--_easing)}[data-ui-table-of-contents][data-open] [data-part-indicator]>[data-ui-icon]{rotate:180deg}[data-ui-table-of-contents][data-layout=collapsed]>[data-part-panel]{--_enter-distance:var(--slotted-space-2,.25rem);background-color:var(--slotted-surface-raised,Canvas);border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle,GrayText);border-radius:var(--slotted-radius-md,6px);box-shadow:var(--slotted-shadow-md,none);overscroll-behavior:contain;max-block-size:min(60dvh,24rem);padding-block:var(--slotted-space-2,.25rem);z-index:var(--slotted-z-index-popover,1100);margin-block-start:var(--slotted-space-2,.25rem);display:none;position:absolute;inset-block-start:100%;inset-inline:0;overflow-y:auto}[data-ui-table-of-contents][data-layout=collapsed][data-open]>[data-part-panel]{animation:slotted-table-of-contents-enter var(--slotted-duration-short) var(--slotted-easing-enter,ease-out);display:block}[data-ui-table-of-contents][data-layout=collapsed] [data-part-marker]{display:none}@keyframes slotted-table-of-contents-enter{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@media (prefers-reduced-motion:reduce){@keyframes slotted-table-of-contents-enter{0%{opacity:0}}}[data-ui-table-of-contents] [data-part-skeleton]{min-block-size:var(--_row-height);padding-block:calc((var(--_row-height) - var(--_font-size) * var(--_line-height)) / 2);padding-inline:var(--_inset);display:flex}[data-ui-table-of-contents] [data-part-skeleton]>[data-ui-skeleton]{--slotted-skeleton-block-size:var(--_font-size)}[data-ui-table-of-contents][data-layout=horizontal] [data-part-skeleton]{flex:none;inline-size:6rem}@media (forced-colors:active){[data-ui-table-of-contents] [data-part-marker]{forced-color-adjust:none;background-color:highlight}[data-ui-table-of-contents] [data-part-link][data-current]{color:highlighttext;forced-color-adjust:none;background-color:highlight}}}