@skdx/skins 0.33.0 → 0.35.0

package/README.md

@@ -178,7 +178,7 @@ pnpm --filter @skdx/skins run test:e2e  # the browser sweep
 pnpm --filter @skdx/skins run preview   # look at it yourself
 ```
 
-All three render the same surface: every demo under `apps/docs/src/demos`, through the real components, against the built stylesheets.
+All three render the same surface: every demo under `docs.ui.skdx/src/demos`, through the real components, against the built stylesheets.
 
 `test:e2e` measures what only a browser can answer — whether a focus ring that exists in the stylesheet is _visible_ once overflow, stacking and inline styles have had their say — and reports per-part visibility issues. It forces states by rewriting `:hover`, `:focus-visible` and `:active` into attributes, so a state that only exists while a menu is open can still be measured.
 
@@ -210,7 +210,7 @@ Recolour through the theme, not through this package: the aliases and what each
 ## Package layout
 
 ```text
-packages/skins/
+packages/core/skins/
 ├── src/
 │   ├── components/                91 component families, one .css file each,
 │   │                              plus six _-prefixed shared partials

package/dist/components/calendar.css

@@ -1 +1 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-calendar){display:inline-flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3)}:where(.skdx-calendar__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2)}:where(.skdx-calendar__heading){display:inline-flex;align-items:center;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__previous-button),:where(.skdx-calendar__next-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-space-2);min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__heading):hover,:where(.skdx-calendar__previous-button):hover,:where(.skdx-calendar__next-button):hover{background-color:var(--skdx-color-surface-hover);color:var(--skdx-color-text-default)}:where(.skdx-calendar__grid){border-collapse:collapse}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid){display:inline-grid;grid-auto-flow:column;align-items:start;gap:var(--skdx-space-2) var(--skdx-space-4)}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__header{grid-column:1 / -1;grid-row:1}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__heading{grid-row:2}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__grid{grid-row:3}:where(.skdx-calendar__row){display:flex;flex-wrap:nowrap}:where(.skdx-calendar__week-day){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);block-size:var(--skdx-item-height-md);gap:var(--skdx-space-1);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__cell)>svg{flex:none}:where(.skdx-calendar__cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__cell)[data-state=selected]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg)}:where(.skdx-calendar__cell)[data-range-middle]{background-color:var(--skdx-color-surface-selected);border-radius:0}:where(.skdx-calendar__cell)[data-range-start]{border-start-end-radius:0;border-end-end-radius:0}:where(.skdx-calendar__cell)[data-range-end]{border-start-start-radius:0;border-end-start-radius:0}:where(.skdx-calendar__cell)[data-outside-month]{color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell)[data-unavailable]{text-decoration:line-through;text-decoration-thickness:var(--skdx-border-width-thick);cursor:not-allowed}:where(.skdx-calendar__cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-calendar__cell)[data-state=selected]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[data-today]{border-color:CanvasText}:where(.skdx-calendar__cell)[data-range-middle]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[data-unavailable]{text-decoration-color:CanvasText}}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid){display:grid;grid-template-columns:repeat(4,1fr);gap:var(--skdx-space-1)}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid)>[role=rowgroup],:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid)>*>[role=row]{display:contents}:where(.skdx-calendar__view-cell){display:inline-flex;align-items:center;justify-content:center;padding-block:var(--skdx-space-2);padding-inline:var(--skdx-space-1);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__view-cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__view-cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__view-cell)[data-state=selected]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg)}:where(.skdx-calendar__view-cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-calendar__week-number,.skdx-calendar__week-number-header){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-variant-numeric:tabular-nums}:where(.skdx-calendar__grid-head){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium)}}
+@import"../base.css";@layer skdx-components{:where(.skdx-calendar){display:inline-flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3)}:where(.skdx-calendar__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2)}:where(.skdx-calendar__heading){display:inline-flex;align-items:center;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__previous-button),:where(.skdx-calendar__next-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-space-2);min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-calendar__heading):hover,:where(.skdx-calendar__previous-button):hover,:where(.skdx-calendar__next-button):hover{background-color:var(--skdx-color-surface-hover);color:var(--skdx-color-text-default)}:where(.skdx-calendar__grid){border-collapse:collapse}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid){display:inline-grid;grid-auto-flow:column;align-items:start;gap:var(--skdx-space-2) var(--skdx-space-4)}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__header{grid-column:1 / -1;grid-row:1}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__heading{grid-row:2}:where(.skdx-calendar):has(.skdx-calendar__grid~.skdx-calendar__grid)>.skdx-calendar__grid{grid-row:3}:where(.skdx-calendar__row){display:flex;flex-wrap:nowrap}:where(.skdx-calendar__week-day){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-item-height-md);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);block-size:var(--skdx-item-height-md);gap:var(--skdx-space-1);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__cell)>svg{flex:none}:where(.skdx-calendar__cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__cell)[data-state=selected]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg)}:where(.skdx-calendar__cell)[data-range-middle]{background-color:var(--skdx-color-surface-selected);border-radius:0}:where(.skdx-calendar__cell)[data-range-start]{border-start-end-radius:0;border-end-end-radius:0}:where(.skdx-calendar__cell)[data-range-end]{border-start-start-radius:0;border-end-start-radius:0}:where(.skdx-calendar__cell)[data-outside-month]{color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell)[data-unavailable]{text-decoration:line-through;text-decoration-thickness:var(--skdx-border-width-thick);cursor:not-allowed}:where(.skdx-calendar__cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-calendar__cell)[data-state=selected]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[data-today]{border-color:CanvasText}:where(.skdx-calendar__cell)[data-range-middle]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell)[data-unavailable]{text-decoration-color:CanvasText}}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid){display:grid;grid-template-columns:repeat(4,1fr);gap:var(--skdx-space-1)}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid)>[role=rowgroup],:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid)>*>[role=row]{display:contents}:where(.skdx-calendar__view-cell){display:inline-flex;align-items:center;justify-content:center;padding-block:var(--skdx-space-2);padding-inline:var(--skdx-space-1);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__view-cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__view-cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__view-cell)[data-state=selected]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg)}:where(.skdx-calendar__view-cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-calendar__week-number,.skdx-calendar__week-number-header){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-variant-numeric:tabular-nums}:where(.skdx-calendar__grid-head){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium)}}

package/dist/components/carousel.css

@@ -1 +1 @@
-@import"../base.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-carousel){position:relative;inline-size:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-carousel__item){flex:none;inline-size:calc((100% - (var(--skdx-carousel-slides-per-page, 1) - 1) * var(--skdx-carousel-spacing, var(--skdx-space-3))) / var(--skdx-carousel-slides-per-page, 1));scroll-snap-align:start;min-block-size:var(--skdx-space-16);display:flex;align-items:center;justify-content:center;padding-inline:calc(var(--skdx-control-height-md) + var(--skdx-space-2))}:where(.skdx-carousel__item)[hidden]{display:none}:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:pointer}:where(.skdx-carousel__previous),:where(.skdx-carousel__next){position:absolute;inset-block-start:calc(var(--skdx-space-16) / 2);translate:0 -50%;z-index:var(--skdx-z-index-base)}:where(.skdx-carousel__previous){inset-inline-start:var(--skdx-space-2)}:where(.skdx-carousel__next){inset-inline-end:var(--skdx-space-2)}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-carousel__content){flex-basis:100%;display:flex;gap:var(--skdx-carousel-spacing, var(--skdx-space-3));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-carousel__content)::-webkit-scrollbar{display:none}:where(.skdx-carousel__previous):hover:not([data-disabled]),:where(.skdx-carousel__next):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-accent)}:where(.skdx-carousel__indicators){display:flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-carousel__progress){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm)}:where(.skdx-carousel__indicator){position:relative;inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);padding:0;background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-carousel__indicator):hover:not([data-disabled]){background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__indicator)[data-state=active]:hover:not([data-disabled]){box-shadow:0 0 0 var(--skdx-border-width-thick) var(--skdx-color-border-strong)}:where(.skdx-carousel__indicator)[data-state=active]{background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__viewport){display:flex;gap:var(--skdx-space-3);overflow-x:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);scroll-snap-type:x mandatory;scrollbar-width:none}@media(forced-colors:active){:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){border-color:ButtonBorder}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:GrayText;border-color:GrayText}:where(.skdx-carousel__indicator){border-color:CanvasText}:where(.skdx-carousel__indicator)[data-state=active]{background-color:Highlight}}}
+@import"../base.css";@import"../internal/_hit-target.css";@layer skdx-components{:where(.skdx-carousel){position:relative;inline-size:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-carousel__item){flex:none;inline-size:calc((100% - (var(--skdx-carousel-slides-per-page, 1) - 1) * var(--skdx-carousel-spacing, var(--skdx-space-3))) / var(--skdx-carousel-slides-per-page, 1));scroll-snap-align:start;min-block-size:var(--skdx-space-16);display:flex;align-items:center;justify-content:center;padding-inline:calc(var(--skdx-control-height-md) + var(--skdx-space-2))}:where(.skdx-carousel__item)[hidden]{display:none}:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:pointer}:where(.skdx-carousel__previous),:where(.skdx-carousel__next){position:absolute;inset-block-start:calc(var(--skdx-space-16) / 2);translate:0 -50%;z-index:var(--skdx-z-index-base)}:where(.skdx-carousel__previous){inset-inline-start:var(--skdx-space-2)}:where(.skdx-carousel__next){inset-inline-end:var(--skdx-space-2)}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-carousel__content){flex-basis:100%;display:flex;gap:var(--skdx-carousel-spacing, var(--skdx-space-3));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-carousel__content)::-webkit-scrollbar{display:none}:where(.skdx-carousel__previous):hover:not([data-disabled]),:where(.skdx-carousel__next):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-accent)}:where(.skdx-carousel__indicators){display:flex;align-items:center}:where(.skdx-carousel__progress){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm)}:where(.skdx-carousel__indicator){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-target-min);block-size:var(--skdx-target-min);padding:0;background:none;border:0;border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-carousel__indicator):before{content:"";inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-carousel__indicator):hover:not([data-disabled]):before{background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__indicator)[data-state=active]:hover:not([data-disabled]):before{box-shadow:0 0 0 var(--skdx-border-width-thick) var(--skdx-color-border-strong)}:where(.skdx-carousel__indicator)[data-state=active]:before{background-color:var(--skdx-color-track-fill)}:where(.skdx-carousel__viewport){display:flex;gap:var(--skdx-space-3);overflow-x:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);scroll-snap-type:x mandatory;scrollbar-width:none}@media(forced-colors:active){:where(.skdx-carousel__previous),:where(.skdx-carousel__next),:where(.skdx-carousel__play-pause){border-color:ButtonBorder}:where(.skdx-carousel__previous)[data-disabled],:where(.skdx-carousel__next)[data-disabled]{color:GrayText;border-color:GrayText}:where(.skdx-carousel__indicator):before{border-color:CanvasText}:where(.skdx-carousel__indicator)[data-state=active]:before{background-color:Highlight}}}

package/dist/components/chat-composer.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-chat-composer){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-chat-composer__attachments){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-chat-composer__field){display:flex;align-items:end;gap:var(--skdx-space-2);padding:var(--skdx-space-2);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-lg)}:where(.skdx-chat-composer__field):focus-within{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-chat-composer__field) :is(.skdx-chat-composer__textarea){flex:1;min-inline-size:0;min-block-size:0;padding-inline:0;padding-block:var(--skdx-space-1);background-color:transparent;border:0;box-shadow:none;resize:none;overflow-wrap:anywhere}:where(.skdx-chat-composer__leading),:where(.skdx-chat-composer__trailing){display:flex;align-items:center;gap:var(--skdx-space-1)}:where(.skdx-chat-composer__send){flex-shrink:0}:where(.skdx-chat-composer__footer){display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--skdx-space-2);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-chat-composer__field){border-color:CanvasText}:where(.skdx-chat-composer__field):focus-within{border-color:Highlight}}}

package/dist/components/chat-message.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-chat-message){display:flex;align-items:flex-start;gap:var(--skdx-space-3);max-inline-size:100%}:where(.skdx-chat-message)[data-sender=user]{flex-direction:row-reverse}:where(.skdx-chat-message)[data-sender=system]{justify-content:center}:where(.skdx-chat-message__main){display:flex;flex-direction:column;gap:var(--skdx-space-1);min-inline-size:0;max-inline-size:min(100%,48rem)}:where(.skdx-chat-message__header){display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm)}:where(.skdx-chat-message__author){font-weight:var(--skdx-font-weight-medium)}:where(.skdx-chat-message__time),:where(.skdx-chat-message__status){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs)}:where(.skdx-chat-message)[data-status=error] :where(.skdx-chat-message__status){color:var(--skdx-color-text-danger)}:where(.skdx-chat-message__content){padding:var(--skdx-space-3);border-radius:var(--skdx-radius-lg);background-color:var(--skdx-color-surface-sunken);overflow-wrap:anywhere}:where(.skdx-chat-message__content) pre{overflow-x:auto}:where(.skdx-chat-message)[data-sender=user] :where(.skdx-chat-message__content){background-color:var(--skdx-color-surface-selected)}:where(.skdx-chat-message)[data-sender=system] :where(.skdx-chat-message__content){background-color:transparent;color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);text-align:center}:where(.skdx-chat-message)[data-status=pending] :where(.skdx-chat-message__content){opacity:var(--skdx-opacity-disabled)}:where(.skdx-chat-message__attachments){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-chat-message__actions){display:flex;gap:var(--skdx-space-1)}@media(forced-colors:active){:where(.skdx-chat-message__content){border:var(--skdx-border-width-thin) solid CanvasText}}}

package/dist/components/comment-thread.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-comment-thread){display:flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-comment-thread__replies){display:flex;flex-direction:column;gap:var(--skdx-space-3);margin-inline-start:calc(var(--skdx-space-6) + var(--skdx-space-2));padding-inline-start:var(--skdx-space-3);border-inline-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle)}:where(.skdx-comment-thread__toggle){margin-inline-start:calc(var(--skdx-space-6) + var(--skdx-space-2));padding:0;border:0;min-block-size:var(--skdx-target-min);background:none;color:var(--skdx-color-text-accent);font-size:var(--skdx-font-size-sm);cursor:pointer}:where(.skdx-comment-thread__load-more),:where(.skdx-comment-thread__composer){margin-inline-start:calc(var(--skdx-space-6) + var(--skdx-space-2))}@media(max-width:30rem){:where(.skdx-comment-thread__replies),:where(.skdx-comment-thread__toggle),:where(.skdx-comment-thread__load-more),:where(.skdx-comment-thread__composer){margin-inline-start:var(--skdx-space-3)}}@media(forced-colors:active){:where(.skdx-comment-thread__replies){border-color:CanvasText}}}

package/dist/components/comment.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-comment){display:flex;align-items:flex-start;gap:var(--skdx-space-3)}:where(.skdx-comment__main){display:flex;flex-direction:column;gap:var(--skdx-space-1);flex:1;min-inline-size:0}:where(.skdx-comment__header){display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm)}:where(.skdx-comment__author){font-weight:var(--skdx-font-weight-medium)}:where(.skdx-comment__time),:where(.skdx-comment__edited){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-comment__content){overflow-wrap:anywhere}:where(.skdx-comment__attachments){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-comment__actions){display:flex;flex-wrap:wrap;gap:var(--skdx-space-1);margin-block-start:var(--skdx-space-1)}}

package/dist/components/confirm-dialog.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-confirm-dialog__body){min-inline-size:0;margin-block-start:var(--skdx-space-3);overflow-wrap:anywhere}:where(.skdx-confirm-dialog__footer){display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--skdx-space-2);margin-block-start:var(--skdx-space-4)}@media(max-width:30rem){:where(.skdx-confirm-dialog__footer){flex-direction:column}:where(.skdx-confirm-dialog__cancel),:where(.skdx-confirm-dialog__confirm){inline-size:100%}}:where(.skdx-confirm-dialog__body:empty){display:none}}

package/dist/components/conversation-list.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-conversation-list){display:flex;flex-direction:column;min-inline-size:0}:where(.skdx-conversation-list__loading){display:flex;flex-direction:column;gap:var(--skdx-space-3);padding:var(--skdx-space-3)}:where(.skdx-conversation-list__list)[role=listbox]{gap:0;padding:0;background-color:transparent;border:none;border-radius:0}:where(.skdx-conversation-list__group){display:flex;flex-direction:column;padding:0}:where(.skdx-conversation-list__group-label){padding:var(--skdx-space-2);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-muted);text-transform:uppercase;letter-spacing:var(--skdx-font-letter-spacing-wide)}:where(.skdx-conversation-list__item){display:grid;grid-template-columns:auto 1fr auto;gap:var(--skdx-space-3);align-items:start;min-block-size:var(--skdx-target-min);padding:var(--skdx-space-3);cursor:pointer;border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle)}:where(.skdx-conversation-list__item)[aria-selected=true]{background-color:var(--skdx-color-surface-selected)}:where(.skdx-conversation-list__item)[aria-disabled=true]{cursor:not-allowed;opacity:var(--skdx-opacity-disabled)}:where(.skdx-conversation-list__leading){display:flex;grid-column:1;align-items:center;justify-content:center}:where(.skdx-conversation-list__body){grid-column:2;min-inline-size:0}:where(.skdx-conversation-list__title){display:block;overflow:hidden;font-weight:var(--skdx-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}:where(.skdx-conversation-list__item)[data-unread] :where(.skdx-conversation-list__title){font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-conversation-list__item[data-unread] .skdx-conversation-list__title):before{display:inline-block;inline-size:.5rem;block-size:.5rem;margin-inline-end:var(--skdx-space-1);content:"";background-color:var(--skdx-color-text-accent);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-accent);border-radius:var(--skdx-radius-full)}:where(.skdx-conversation-list__preview){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);overflow-wrap:anywhere}:where(.skdx-conversation-list__meta){display:flex;flex-direction:column;grid-column:3;gap:var(--skdx-space-1);align-items:end;font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-conversation-list__time){white-space:nowrap}@media(forced-colors:active){:where(.skdx-conversation-list__item){border-block-end-color:CanvasText}:where(.skdx-conversation-list__item)[aria-selected=true]{outline:var(--skdx-border-width-thin) solid Highlight;outline-offset:calc(-1 * var(--skdx-border-width-thin))}}}

package/dist/components/empty-state.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-empty-state){display:flex;flex-direction:column;align-items:center;gap:var(--skdx-space-4);padding:var(--skdx-space-8);text-align:center}:where(.skdx-empty-state)[data-align=start]{align-items:start;text-align:start}:where(.skdx-empty-state)[data-size=sm]{padding:var(--skdx-space-4)}:where(.skdx-empty-state)[data-size=md]{padding:var(--skdx-space-8)}:where(.skdx-empty-state)[data-size=lg]{padding:var(--skdx-space-12)}:where(.skdx-empty-state__icon){display:flex;align-items:center;justify-content:center;inline-size:var(--skdx-icon-size-lg);block-size:var(--skdx-icon-size-lg);color:var(--skdx-color-text-muted)}:where(.skdx-empty-state)[data-size=sm] :where(.skdx-empty-state__icon){inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md)}:where(.skdx-empty-state)[data-size=lg] :where(.skdx-empty-state__icon){inline-size:calc(var(--skdx-icon-size-lg) * 1.5);block-size:calc(var(--skdx-icon-size-lg) * 1.5)}:where(.skdx-empty-state__title){max-inline-size:32rem;overflow-wrap:anywhere}:where(.skdx-empty-state__description){max-inline-size:32rem;overflow-wrap:anywhere}:where(.skdx-empty-state__content){inline-size:100%}:where(.skdx-empty-state__actions){display:flex;flex-wrap:wrap;justify-content:center;gap:var(--skdx-space-2)}:where(.skdx-empty-state)[data-align=start] :where(.skdx-empty-state__actions){justify-content:start}:where(.skdx-empty-state__content:empty){display:none}}

package/dist/components/filter-bar.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-filter-bar){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-3)}:where(.skdx-filter-bar__search){flex:1 1 16rem;min-inline-size:12rem}:where(.skdx-filter-bar__filters){display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2);min-inline-size:0}:where(.skdx-filter-bar__actions){display:flex;align-items:center;gap:var(--skdx-space-2);margin-inline-start:auto}:where(.skdx-filter-bar__active){display:flex;flex-basis:100%;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2);min-inline-size:0;overflow-wrap:anywhere}}

package/dist/components/forgot-password-page.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-forgot-password-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-forgot-password-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;max-inline-size:24rem;padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-md)}:where(.skdx-forgot-password-page__footer){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:center;overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-forgot-password-page__panel){border-color:CanvasText}}}

package/dist/components/form-section.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-form-section){display:flex;flex-direction:column;gap:var(--skdx-space-4)}:where(.skdx-form-section__header){display:flex;flex-direction:column;gap:var(--skdx-space-2);min-inline-size:0}:where(.skdx-form-section__title){overflow-wrap:anywhere}:where(.skdx-form-section__description){overflow-wrap:anywhere}:where(.skdx-form-section__content){display:flex;flex-direction:column;gap:var(--skdx-field-gap)}:where(.skdx-form-section__footer){display:flex;flex-wrap:wrap;justify-content:end;gap:var(--skdx-space-2);padding-block-start:var(--skdx-space-3);border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle)}:where(.skdx-form-section)[data-variant=bordered]{padding:var(--skdx-space-5);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);background-color:var(--skdx-color-surface-raised)}@media(min-width:48rem){:where(.skdx-form-section)[data-variant=split]{display:grid;grid-template-columns:minmax(12rem,16rem) 1fr;column-gap:var(--skdx-space-8)}:where(.skdx-form-section)[data-variant=split] :where(.skdx-form-section__footer){grid-column:2}}@media(forced-colors:active){:where(.skdx-form-section)[data-variant=bordered]{border-color:CanvasText}:where(.skdx-form-section__footer){border-color:CanvasText}}}

package/dist/components/notification-center.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-notification-center){display:flex;flex-direction:column;min-inline-size:0}:where(.skdx-notification-center__header){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2);padding:var(--skdx-space-3);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-notification-center__title){min-inline-size:0;overflow-wrap:anywhere}:where(.skdx-notification-center__actions){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1);margin-inline-start:auto}:where(.skdx-notification-center__loading){display:flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3)}:where(.skdx-notification-center__empty){padding:var(--skdx-space-6)}:where(.skdx-notification-center__list){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}:where(.skdx-notification-center__item){display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--skdx-space-3);padding:var(--skdx-space-3);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle);border-inline-start:var(--skdx-border-width-thick) solid transparent}:where(.skdx-notification-center__item):not([data-read]){border-inline-start-color:var(--skdx-color-border-accent)}:where(.skdx-notification-center__item):not([data-read]) :where(.skdx-notification-center__item-title){font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-notification-center__leading){grid-column:1;display:flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted)}:where(.skdx-notification-center__body){grid-column:2;display:flex;flex-direction:column;gap:var(--skdx-space-1);min-inline-size:0;text-align:start;background:none;border:0;padding:0;color:inherit;font:inherit}:where(button.skdx-notification-center__body){cursor:pointer}:where(.skdx-notification-center__body):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where(.skdx-notification-center__item-title){display:block;min-inline-size:0;overflow-wrap:anywhere}:where(.skdx-notification-center__description){display:block;min-inline-size:0;overflow-wrap:anywhere;color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm)}:where(.skdx-notification-center__time){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-notification-center__item-actions){grid-column:3;display:flex;align-items:start;gap:var(--skdx-space-1)}@media(forced-colors:active){:where(.skdx-notification-center__item):not([data-read]){border-inline-start-color:CanvasText}}}

package/dist/components/onboarding-checklist.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-onboarding-checklist){display:flex;flex-direction:column;gap:var(--skdx-space-4);padding:var(--skdx-space-4);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-sm);color:var(--skdx-color-text-default)}:where(.skdx-onboarding-checklist__header){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-onboarding-checklist__description){min-inline-size:0;overflow-wrap:anywhere}:where(.skdx-onboarding-checklist__progress){margin-block-start:var(--skdx-space-2)}:where(.skdx-onboarding-checklist__list){display:flex;flex-direction:column;gap:var(--skdx-space-3);margin:0;padding:0;list-style:none}:where(.skdx-onboarding-checklist__item){display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--skdx-space-3)}:where(.skdx-onboarding-checklist__item)[data-state=disabled]{opacity:var(--skdx-opacity-disabled)}:where(.skdx-onboarding-checklist__indicator){position:relative;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);border:var(--skdx-border-width-thick) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-onboarding-checklist__item)[data-state=active] :where(.skdx-onboarding-checklist__indicator){border-color:var(--skdx-color-border-accent)}:where(.skdx-onboarding-checklist__item)[data-state=complete] :where(.skdx-onboarding-checklist__indicator){background-color:var(--skdx-color-status-success-icon);border-color:var(--skdx-color-status-success-icon)}:where(.skdx-onboarding-checklist__item)[data-state=complete] :where(.skdx-onboarding-checklist__indicator):after{content:"";position:absolute;inset-inline-start:35%;inset-block-start:20%;inline-size:25%;block-size:50%;border-inline-end:2px solid var(--skdx-color-text-on-accent);border-block-end:2px solid var(--skdx-color-text-on-accent);transform:rotate(45deg)}:where(.skdx-onboarding-checklist__body){display:flex;flex-direction:column;gap:var(--skdx-space-1);min-inline-size:0}:where(.skdx-onboarding-checklist__item-title){overflow-wrap:anywhere;font-weight:var(--skdx-font-weight-medium)}:where(.skdx-onboarding-checklist__item)[data-state=complete] :where(.skdx-onboarding-checklist__item-title){color:var(--skdx-color-text-muted);text-decoration:line-through}:where(.skdx-onboarding-checklist__optional){margin-inline-start:var(--skdx-space-2);font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-onboarding-checklist__item-description){min-inline-size:0;overflow-wrap:anywhere}:where(.skdx-onboarding-checklist__action){grid-column:3}@media(max-width:30rem){:where(.skdx-onboarding-checklist__item){grid-template-columns:auto 1fr}:where(.skdx-onboarding-checklist__action){grid-column:2}}@media(forced-colors:active){:where(.skdx-onboarding-checklist){border-color:CanvasText}:where(.skdx-onboarding-checklist__indicator){border-color:CanvasText}:where(.skdx-onboarding-checklist__item)[data-state=complete] :where(.skdx-onboarding-checklist__indicator){background-color:Highlight;border-color:Highlight}}}

package/dist/components/progress.css

@@ -1 +1 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-progress){position:relative;display:block;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-progress):not(:has(.skdx-progress__circle)){overflow:hidden;inline-size:100%;block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-progress):has(.skdx-progress__circle){overflow:visible;inline-size:auto;block-size:auto}:where(.skdx-progress__indicator){display:block;block-size:100%;inline-size:var(--skdx-progress, 0%);background-color:var(--skdx-color-track-fill);border-radius:inherit;transition:inline-size var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-progress)[data-state=indeterminate] :where(.skdx-progress__indicator){inline-size:25%;transition:none;animation:skdx-indeterminate var(--skdx-motion-duration-slow) var(--skdx-motion-easing-steady) infinite}@media(prefers-reduced-motion:reduce){:where(.skdx-progress)[data-state=indeterminate] :where(.skdx-progress__indicator){inline-size:100%;opacity:.5}}:where(.skdx-progress__indicator):after{content:"";position:absolute;inset-block:0;inset-inline-start:var(--skdx-progress, 0%);inline-size:calc(var(--skdx-progress-buffer, 0%) - var(--skdx-progress, 0%));background-color:var(--skdx-color-track-fill);opacity:.35;border-radius:inherit}:where(.skdx-progress__label),:where(.skdx-progress__value){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-progress)[data-range=optimum] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-success-icon)}:where(.skdx-progress)[data-range=suboptimal] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-warning-icon)}:where(.skdx-progress)[data-range=poor] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-danger-icon)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value){display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--skdx-space-1);block-size:auto;overflow:visible;background-color:transparent;border-color:transparent}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value):before{content:"";grid-row:2;grid-column:1 / -1;block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__indicator){grid-row:2;grid-column:1 / -1;block-size:var(--skdx-space-2)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__indicator):after{inset-block:auto 0;block-size:var(--skdx-space-2)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__label){grid-row:1;grid-column:1}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__value){grid-row:1;grid-column:2}@media(forced-colors:active){:where(.skdx-progress),:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value):before{border:var(--skdx-border-width-thin) solid CanvasText}:where(.skdx-progress__indicator){background-color:Highlight}}:where(.skdx-progress__circle){position:relative;display:block;inline-size:calc(var(--skdx-progress-circle-size, 48) * 1px);block-size:calc(var(--skdx-progress-circle-size, 48) * 1px)}:where(.skdx-progress__circle)>svg{display:block;inline-size:100%;block-size:100%;rotate:-90deg}:where(circle.skdx-progress__circle-indicator){fill:none;stroke:var(--skdx-color-track-fill);stroke-width:var(--skdx-border-width-thicker);stroke-linecap:round;transition:stroke-dashoffset var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-progress__circle):has(>.skdx-progress__circle-indicator:not(:has(>svg))){background-color:var(--skdx-color-track);border-radius:var(--skdx-radius-full);mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--skdx-border-width-thicker)),currentColor calc(100% - var(--skdx-border-width-thicker)))}:where(.skdx-progress__circle)>:where(.skdx-progress__circle-indicator):not(:has(>svg)){position:absolute;inset:0;border-radius:inherit;background:conic-gradient(var(--skdx-color-track-fill, transparent) var(--skdx-progress, 0%),transparent 0%);mask-image:inherit;transition:background var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}}
+@import"../base.css";@layer skdx-components{:where(.skdx-progress){position:relative;display:block;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-progress):not(:has(.skdx-progress__circle)){overflow:hidden;inline-size:100%;block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-progress):has(.skdx-progress__circle){overflow:visible;inline-size:auto;block-size:auto}:where(.skdx-progress__indicator){display:block;block-size:100%;inline-size:var(--skdx-progress, 0%);background-color:var(--skdx-color-track-fill);border-radius:inherit;transition:inline-size var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-progress)[data-state=indeterminate] :where(.skdx-progress__indicator){inline-size:25%;transition:none;animation:skdx-indeterminate var(--skdx-motion-duration-slow) var(--skdx-motion-easing-steady) infinite}@media(prefers-reduced-motion:reduce){:where(.skdx-progress)[data-state=indeterminate] :where(.skdx-progress__indicator){inline-size:100%;opacity:.5}}:where(.skdx-progress__indicator):after{content:"";position:absolute;inset-block:0;inset-inline-start:var(--skdx-progress, 0%);inline-size:calc(var(--skdx-progress-buffer, 0%) - var(--skdx-progress, 0%));background-color:var(--skdx-color-track-fill);opacity:.35;border-radius:inherit}:where(.skdx-progress__label),:where(.skdx-progress__value){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-progress)[data-range=optimum] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-success-icon)}:where(.skdx-progress)[data-range=suboptimal] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-warning-icon)}:where(.skdx-progress)[data-range=poor] :where(.skdx-progress__indicator){background-color:var(--skdx-color-status-danger-icon)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value){display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--skdx-space-1);block-size:auto;overflow:visible;background-color:transparent;border-color:transparent}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value):before{content:"";grid-row:2;grid-column:1 / -1;block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__indicator){grid-row:2;grid-column:1 / -1;block-size:var(--skdx-space-2)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__indicator):after{inset-block:auto 0;block-size:var(--skdx-space-2)}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__label){grid-row:1;grid-column:1}:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value) :where(.skdx-progress__value){grid-row:1;grid-column:2}@media(forced-colors:active){:where(.skdx-progress),:where(.skdx-progress):has(.skdx-progress__label,.skdx-progress__value):before{border:var(--skdx-border-width-thin) solid CanvasText}:where(.skdx-progress__indicator){background-color:Highlight}}:where(.skdx-progress__circle){position:relative;display:block;inline-size:calc(var(--skdx-progress-circle-size, 48) * 1px);block-size:calc(var(--skdx-progress-circle-size, 48) * 1px);background-color:var(--skdx-color-track);border-radius:var(--skdx-radius-full);mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--skdx-progress-circle-thickness, 4) * 1px),currentColor calc(100% - var(--skdx-progress-circle-thickness, 4) * 1px))}:where(.skdx-progress__circle)>svg{display:block;inline-size:100%;block-size:100%;rotate:-90deg}:where(circle.skdx-progress__circle-indicator){fill:none;stroke:var(--skdx-color-track-fill);stroke-width:var(--skdx-border-width-thicker);stroke-linecap:round;transition:stroke-dashoffset var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-progress__circle)>:where(.skdx-progress__circle-indicator):not(:has(>svg)){position:absolute;inset:0;border-radius:inherit;background:conic-gradient(var(--skdx-color-track-fill, transparent) var(--skdx-progress, 0%),transparent 0%);mask-image:inherit;transition:background var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}}

package/dist/components/reset-password-page.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-reset-password-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-reset-password-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;max-inline-size:24rem;padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-md)}:where(.skdx-reset-password-page__requirements){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);overflow-wrap:anywhere}:where(.skdx-reset-password-page__footer){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:center;overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-reset-password-page__panel){border-color:CanvasText}}}

package/dist/components/sign-up-page.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-sign-up-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-sign-up-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;max-inline-size:24rem;padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-md)}:where(.skdx-sign-up-page__providers){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-sign-up-page__provider){inline-size:100%}:where(.skdx-sign-up-page__footer){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:center;overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-sign-up-page__panel){border-color:CanvasText}}}

package/dist/components/stat-card.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-stat-card){display:flex;flex-direction:column;gap:var(--skdx-space-3);padding:var(--skdx-space-4);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-sm);color:var(--skdx-color-text-default)}:where(.skdx-stat-card__header){display:flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-stat-card__icon){display:inline-flex;flex:none;align-items:center;justify-content:center;color:var(--skdx-color-text-muted)}:where(.skdx-stat-card__label){min-inline-size:0;overflow-wrap:anywhere;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-stat-card__actions){flex:none;margin-inline-start:auto}:where(.skdx-stat-card__body){display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--skdx-space-2)}:where(.skdx-stat-card__value){min-inline-size:0;overflow-wrap:anywhere;min-block-size:calc(var(--skdx-font-size-2xl) * var(--skdx-font-line-height-tight));font-size:var(--skdx-font-size-2xl);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight)}:where(.skdx-stat-card__trend){display:inline-flex;align-items:center;gap:var(--skdx-space-1);font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-stat-card__trend)[data-sentiment=positive]{color:var(--skdx-color-text-success)}:where(.skdx-stat-card__trend)[data-sentiment=negative]{color:var(--skdx-color-text-danger)}:where(.skdx-stat-card__trend)[data-sentiment=neutral]{color:var(--skdx-color-text-muted)}:where(.skdx-stat-card__trend-icon){display:inline-flex;align-items:center;justify-content:center}:where(.skdx-stat-card__description){min-inline-size:0;overflow-wrap:anywhere}:where(.skdx-stat-card__visual){margin-block-start:var(--skdx-space-3)}:where(.skdx-stat-card__footer){display:flex;align-items:center;gap:var(--skdx-space-2)}@media(forced-colors:active){:where(.skdx-stat-card){border-color:CanvasText}}}

package/dist/components/usage-card.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-usage-card){display:flex;flex-direction:column;gap:var(--skdx-space-3);padding:var(--skdx-space-4);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-sm);color:var(--skdx-color-text-default)}:where(.skdx-usage-card__header){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-usage-card__label){min-inline-size:0;overflow-wrap:anywhere;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-usage-card__actions){flex:none;margin-inline-start:auto}:where(.skdx-usage-card__value){display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--skdx-space-1)}:where(.skdx-usage-card__used){min-inline-size:0;overflow-wrap:anywhere;font-size:var(--skdx-font-size-xl);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-usage-card__limit),:where(.skdx-usage-card__unit){min-inline-size:0;overflow-wrap:anywhere;font-size:var(--skdx-font-size-md);color:var(--skdx-color-text-muted)}:where(.skdx-usage-card)[data-state=over-limit] :where(.skdx-usage-card__used){color:var(--skdx-color-text-danger)}:where(.skdx-usage-card)[data-status=info] :where(.skdx-usage-card__used){color:var(--skdx-color-text-info)}:where(.skdx-usage-card)[data-status=success] :where(.skdx-usage-card__used){color:var(--skdx-color-text-success)}:where(.skdx-usage-card)[data-status=warning] :where(.skdx-usage-card__used){color:var(--skdx-color-text-warning)}:where(.skdx-usage-card)[data-status=danger] :where(.skdx-usage-card__used){color:var(--skdx-color-text-danger)}:where(.skdx-usage-card__progress){margin-block-start:var(--skdx-space-3)}:where(.skdx-usage-card)[data-status=info] :where(.skdx-usage-card__progress){--skdx-color-track-fill: var(--skdx-color-status-info-icon)}:where(.skdx-usage-card)[data-status=success] :where(.skdx-usage-card__progress){--skdx-color-track-fill: var(--skdx-color-status-success-icon)}:where(.skdx-usage-card)[data-status=warning] :where(.skdx-usage-card__progress){--skdx-color-track-fill: var(--skdx-color-status-warning-icon)}:where(.skdx-usage-card)[data-status=danger] :where(.skdx-usage-card__progress){--skdx-color-track-fill: var(--skdx-color-status-danger-icon)}:where(.skdx-usage-card)[data-state=over-limit] :where(.skdx-usage-card__progress){--skdx-color-track-fill: var(--skdx-color-status-danger-icon)}:where(.skdx-usage-card__description){min-inline-size:0;overflow-wrap:anywhere}:where(.skdx-usage-card__footer){display:flex;align-items:center;gap:var(--skdx-space-2)}@media(forced-colors:active){:where(.skdx-usage-card){border-color:CanvasText}}}

package/dist/components/user-menu.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-user-menu){display:inline-flex;align-items:center;gap:var(--skdx-space-2);padding-block:var(--skdx-space-1);padding-inline:var(--skdx-space-2);border:0;border-radius:var(--skdx-radius-md);background-color:transparent;color:var(--skdx-color-text-default);font:inherit;cursor:pointer;min-block-size:var(--skdx-target-min)}:where(.skdx-user-menu):hover{background-color:var(--skdx-color-surface-hover)}:where(.skdx-user-menu__identity){display:flex;flex-direction:column;align-items:start;min-inline-size:0;line-height:var(--skdx-font-line-height-tight);text-align:start;overflow-wrap:anywhere}:where(.skdx-user-menu__name){font-weight:var(--skdx-font-weight-medium)}:where(.skdx-user-menu__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-user-menu)[data-variant=compact] :where(.skdx-user-menu__identity){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:where(.skdx-user-menu__content){min-inline-size:14rem}:where(.skdx-user-menu__header){display:flex;flex-direction:column;gap:var(--skdx-space-1);padding:var(--skdx-space-2);padding-block-end:var(--skdx-space-3)}@media(max-width:30rem){:where(.skdx-user-menu__identity){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}}

package/dist/components/verification-page.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-verification-page){display:flex;justify-content:center;padding:var(--skdx-space-8)}:where(.skdx-verification-page__panel){display:flex;flex-direction:column;gap:var(--skdx-space-4);inline-size:100%;min-inline-size:0;max-inline-size:24rem;padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);box-shadow:var(--skdx-shadow-md)}:where(.skdx-verification-page__code){flex-wrap:wrap;justify-content:center}:where(.skdx-verification-page__resend){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2);align-items:center;justify-content:center}:where(.skdx-verification-page__resend-hint){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);overflow-wrap:anywhere}:where(.skdx-verification-page__footer){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted);text-align:center;overflow-wrap:anywhere}@media(forced-colors:active){:where(.skdx-verification-page__panel){border-color:CanvasText}}}

package/dist/components/workspace-switcher.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-workspace-switcher){display:inline-flex;align-items:center;gap:var(--skdx-space-2);min-block-size:var(--skdx-target-min);max-inline-size:100%;padding-inline:var(--skdx-space-3);color:var(--skdx-color-text-default);text-align:start;background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md)}:where(.skdx-workspace-switcher__leading){display:flex;flex:none;align-items:center}:where(.skdx-workspace-switcher__current){min-inline-size:0;overflow:hidden;font-weight:var(--skdx-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}:where(.skdx-workspace-switcher__description){min-inline-size:0;overflow:hidden;color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);white-space:nowrap;text-overflow:ellipsis}:where(.skdx-workspace-switcher__content){inline-size:min(20rem,90vw);padding:0}:where(.skdx-workspace-switcher__search){inline-size:100%}:where(.skdx-workspace-switcher__list){max-block-size:18rem;overflow:auto}:where(.skdx-workspace-switcher__loading,.skdx-workspace-switcher__empty){padding:var(--skdx-space-3);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);text-align:center}:where(.skdx-workspace-switcher__group){padding-block:var(--skdx-space-1)}:where(.skdx-workspace-switcher__item){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--skdx-space-2);padding:var(--skdx-space-2);border-radius:var(--skdx-radius-sm)}:where(.skdx-workspace-switcher__item)[data-selected]{background-color:var(--skdx-color-surface-selected)}:where(.skdx-workspace-switcher__item-leading){grid-row:1 / -1;grid-column:1;display:flex;align-items:center}:where(.skdx-workspace-switcher__item-label){grid-column:2;overflow-wrap:anywhere}:where(.skdx-workspace-switcher__item)[data-selected] :where(.skdx-workspace-switcher__item-label){font-weight:var(--skdx-font-weight-medium)}:where(.skdx-workspace-switcher__item-description){grid-column:2;color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);overflow-wrap:anywhere}:where(.skdx-workspace-switcher__footer){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2);padding:var(--skdx-space-2);border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}@media(forced-colors:active){:where(.skdx-workspace-switcher){border-color:ButtonText}:where(.skdx-workspace-switcher__footer){border-block-start-color:CanvasText}:where(.skdx-workspace-switcher__item)[data-selected]{outline:var(--skdx-border-width-thin) solid Highlight}}}