@skdx/skins 0.34.0 → 0.36.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.
 

package/dist/base.css

@@ -1 +1 @@
-@layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--skdx-font-family-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--skdx-font-size-xs: .75rem;--skdx-font-size-sm: .875rem;--skdx-font-size-md: 1rem;--skdx-font-size-lg: 1.125rem;--skdx-font-size-xl: 1.25rem;--skdx-font-size-2xl: 1.5rem;--skdx-font-size-3xl: 1.875rem;--skdx-font-weight-regular: 400;--skdx-font-weight-medium: 500;--skdx-font-weight-semibold: 600;--skdx-font-weight-bold: 700;--skdx-font-line-height-tight: 1.25;--skdx-font-line-height-snug: 1.43;--skdx-font-line-height-normal: 1.5;--skdx-font-line-height-relaxed: 1.75;--skdx-font-letter-spacing-tight: -.015em;--skdx-font-letter-spacing-normal: 0em;--skdx-font-letter-spacing-wide: .025em;--skdx-font-letter-spacing-wider: .05em;--skdx-space-1: .25rem;--skdx-space-2: .5rem;--skdx-space-3: .75rem;--skdx-space-4: 1rem;--skdx-space-5: 1.25rem;--skdx-space-6: 1.5rem;--skdx-space-8: 2rem;--skdx-space-10: 2.5rem;--skdx-space-12: 3rem;--skdx-space-16: 4rem;--skdx-radius-sm: .25rem;--skdx-radius-inner: .375rem;--skdx-radius-md: .5rem;--skdx-radius-lg: .75rem;--skdx-radius-xl: 1rem;--skdx-radius-full: 9999px;--skdx-motion-duration-instant: 0ms;--skdx-motion-duration-fast: .1s;--skdx-motion-duration-normal: .2s;--skdx-motion-duration-slow: .3s;--skdx-motion-easing: cubic-bezier(.16, 1, .3, 1);--skdx-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--skdx-motion-easing-steady: cubic-bezier(.4, 0, .2, 1);--skdx-motion-easing-linear: linear;--skdx-motion-stagger-tight: 4ms;--skdx-motion-stagger-loose: 40ms;--skdx-z-index-base: 0;--skdx-z-index-dropdown: 10;--skdx-z-index-sticky: 20;--skdx-z-index-overlay: 30;--skdx-z-index-modal: 35;--skdx-z-index-popover: 40;--skdx-z-index-toast: 50;--skdx-z-index-max: 9999;--skdx-focus-ring-width: 2px;--skdx-focus-ring-offset: 2px;--skdx-focus-ring-offset-inset: calc(-1 * var(--skdx-focus-ring-width));--skdx-border-width-thin: 1px;--skdx-border-width-thick: 2px;--skdx-border-width-thicker: 4px;--skdx-opacity-disabled: .5;--skdx-opacity-scrim: .6;--skdx-control-height-sm: 1.875rem;--skdx-control-height-md: 2.25rem;--skdx-control-height-lg: 2.625rem;--skdx-control-height-compact: 2rem;--skdx-control-padding-sm: .625rem;--skdx-control-padding-md: var(--skdx-space-3);--skdx-control-padding-lg: var(--skdx-space-4);--skdx-control-gap-sm: var(--skdx-space-1);--skdx-control-gap-md: var(--skdx-space-2);--skdx-control-gap-lg: var(--skdx-space-2);--skdx-icon-size-sm: 1rem;--skdx-icon-size-md: 1.25rem;--skdx-icon-size-lg: 1.5rem;--skdx-indicator-size-sm: 1rem;--skdx-indicator-size-md: 1.25rem;--skdx-indicator-size-lg: 1.5rem;--skdx-item-height-sm: 1.75rem;--skdx-item-height-md: 2.25rem;--skdx-item-height-lg: 2.5rem;--skdx-item-gap: 2px;--skdx-overlay-padding: var(--skdx-space-1);--skdx-overlay-radius: var(--skdx-radius-lg);--skdx-overlay-min-width: 7.5rem;--skdx-field-gap: var(--skdx-space-1);--skdx-field-label-gap: var(--skdx-space-1);--skdx-target-min: 24px}@media(pointer:coarse){:root{--skdx-control-height-sm: 2.25rem;--skdx-control-height-md: 2.75rem;--skdx-control-height-lg: 3rem;--skdx-control-height-compact: 2.75rem;--skdx-item-height-sm: 2.25rem;--skdx-item-height-md: 2.75rem;--skdx-item-height-lg: 3rem;--skdx-target-min: 44px}}}@layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-shadow-sm: none;--skdx-shadow-md: none;--skdx-shadow-lg: none;--skdx-shadow-overlay: none;--skdx-color-surface-page: Canvas;--skdx-color-surface-raised: Canvas;--skdx-color-surface-default: ButtonFace;--skdx-color-surface-sunken: ButtonFace;--skdx-color-surface-hover: color-mix(in srgb, CanvasText 8%, Canvas);--skdx-color-surface-pressed: color-mix(in srgb, CanvasText 16%, Canvas);--skdx-color-surface-selected: Highlight;--skdx-color-surface-disabled: ButtonFace;--skdx-color-surface-inverse: CanvasText;--skdx-color-text-on-inverse: Canvas;--skdx-color-text-default: CanvasText;--skdx-color-text-muted: GrayText;--skdx-color-text-disabled: GrayText;--skdx-color-text-placeholder: GrayText;--skdx-color-text-on-accent: AccentColorText;--skdx-color-text-accent: LinkText;--skdx-color-text-danger: CanvasText;--skdx-color-text-success: CanvasText;--skdx-color-text-warning: CanvasText;--skdx-color-text-info: CanvasText;--skdx-color-border-default: color-mix(in srgb, CanvasText 45%, Canvas);--skdx-color-border-strong: CanvasText;--skdx-color-border-subtle: color-mix(in srgb, CanvasText 25%, Canvas);--skdx-color-border-accent: AccentColor;--skdx-color-border-disabled: GrayText;--skdx-color-border-danger: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-success: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-warning: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-action-primary-bg: AccentColor;--skdx-color-action-primary-bg-hover: AccentColor;--skdx-color-action-primary-text: AccentColorText;--skdx-color-action-primary-border: AccentColor;--skdx-color-action-primary-border-hover: CanvasText;--skdx-color-action-secondary-bg: ButtonFace;--skdx-color-action-secondary-bg-hover: ButtonFace;--skdx-color-action-secondary-bg-pressed: ButtonFace;--skdx-color-action-secondary-text: ButtonText;--skdx-color-action-secondary-border: ButtonBorder;--skdx-color-action-outline-text: ButtonText;--skdx-color-action-outline-border: ButtonBorder;--skdx-color-action-outline-bg-hover: ButtonFace;--skdx-color-action-outline-bg-pressed: ButtonFace;--skdx-color-action-ghost-text: ButtonText;--skdx-color-action-ghost-bg-hover: ButtonFace;--skdx-color-action-ghost-bg-pressed: ButtonFace;--skdx-color-action-danger-bg: ButtonFace;--skdx-color-action-danger-bg-hover: ButtonFace;--skdx-color-action-danger-bg-pressed: ButtonFace;--skdx-color-action-danger-text: ButtonText;--skdx-color-action-danger-border: CanvasText;--skdx-color-action-disabled-bg: ButtonFace;--skdx-color-action-disabled-text: GrayText;--skdx-color-action-disabled-border: GrayText;--skdx-color-field-bg: Field;--skdx-color-field-bg-hover: ButtonFace;--skdx-color-field-bg-disabled: ButtonFace;--skdx-color-field-bg-readonly: ButtonFace;--skdx-color-field-text: FieldText;--skdx-color-field-border: ButtonBorder;--skdx-color-field-border-hover: AccentColor;--skdx-color-field-border-focus: Highlight;--skdx-color-field-border-invalid: CanvasText;--skdx-color-selection-bg: AccentColor;--skdx-color-selection-mark: AccentColorText;--skdx-color-highlight-bg: Highlight;--skdx-color-highlight-text: HighlightText;--skdx-color-status-info-bg: Canvas;--skdx-color-status-info-border: ButtonBorder;--skdx-color-status-info-text: CanvasText;--skdx-color-status-info-icon: CanvasText;--skdx-color-status-success-bg: Canvas;--skdx-color-status-success-border: ButtonBorder;--skdx-color-status-success-text: CanvasText;--skdx-color-status-success-icon: CanvasText;--skdx-color-status-warning-bg: Canvas;--skdx-color-status-warning-border: ButtonBorder;--skdx-color-status-warning-text: CanvasText;--skdx-color-status-warning-icon: CanvasText;--skdx-color-status-danger-bg: Canvas;--skdx-color-status-danger-border: ButtonBorder;--skdx-color-status-danger-text: CanvasText;--skdx-color-status-danger-icon: CanvasText;--skdx-color-status-neutral-bg: ButtonFace;--skdx-color-status-neutral-border: ButtonBorder;--skdx-color-status-neutral-text: ButtonText;--skdx-color-status-neutral-icon: GrayText;--skdx-color-focus-ring: CanvasText;--skdx-color-separator: ButtonBorder;--skdx-color-track: ButtonFace;--skdx-color-track-fill: AccentColor;--skdx-color-skeleton: ButtonFace;--skdx-color-neutral-50: Canvas;--skdx-color-neutral-950: CanvasText;--skdx-color-surface-overlay: transparent}:where([class*=skdx-]):is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,menu,fieldset){margin:0}:where([class*=skdx-]):is(ol,ul,menu){padding-inline-start:0;list-style:none}}@layer skdx-reset{:where([class^=skdx-],[class*=" skdx-"]),:where([class^=skdx-],[class*=" skdx-"]):before,:where([class^=skdx-],[class*=" skdx-"]):after{box-sizing:border-box}:where(button,input,select,textarea)[class*=skdx-]{font:inherit;color:inherit;letter-spacing:inherit}}@layer skdx-base{:where([class^=skdx-],[class*=" skdx-"]):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where([class^=skdx-],[class*=" skdx-"]):is(button,summary,a[href],[role=button],[role=link],[data-skdx-control=actuator]):hover:not(:disabled,[data-disabled],[aria-disabled=true]){background-color:var(--skdx-color-surface-hover)}:where([class^=skdx-],[class*=" skdx-"]):is(input,textarea,select):hover:not(:disabled,[readonly],[data-readonly],[data-disabled]){border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-number-field,.skdx-tags-input,.skdx-pin-input__field,.skdx-select__trigger,.skdx-form__control):hover:not([data-disabled],[data-readonly]){border-color:var(--skdx-color-field-border-hover)}:where([class^=skdx-],[class*=" skdx-"]):is(button,summary,a[href],[role=button],[role=link],[role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=option],[role=tab],[role=checkbox],[role=radio],[role=switch],[data-skdx-control]):active:not(:disabled,[data-disabled],[aria-disabled=true]){translate:0 1px}}@layer skdx-utilities{@media(prefers-reduced-motion:reduce){:where([class^=skdx-],[class*=" skdx-"]),:where([class^=skdx-],[class*=" skdx-"]):before,:where([class^=skdx-],[class*=" skdx-"]):after{animation-duration:1ms;animation-iteration-count:1;transition-duration:1ms;scroll-behavior:auto}}}@keyframes skdx-fade-in{0%{opacity:0}}@keyframes skdx-fade-out{to{opacity:0;visibility:hidden}}@keyframes skdx-zoom-in{0%{opacity:0;transform:scale(.96)}}@keyframes skdx-zoom-out{to{opacity:0;transform:scale(.96);visibility:hidden}}@keyframes skdx-slide-in-from-top{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes skdx-slide-in-from-bottom{0%{opacity:0;transform:translateY(.5rem)}}@keyframes skdx-slide-in-from-start{0%{opacity:0;transform:translate(-.5rem)}}@keyframes skdx-slide-in-from-end{0%{opacity:0;transform:translate(.5rem)}}@keyframes skdx-spin{to{transform:rotate(360deg)}}@keyframes skdx-pulse{50%{opacity:.5}}@keyframes skdx-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}
+@layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--skdx-font-family-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--skdx-font-size-xs: .75rem;--skdx-font-size-sm: .875rem;--skdx-font-size-md: 1rem;--skdx-font-size-lg: 1.125rem;--skdx-font-size-xl: 1.25rem;--skdx-font-size-2xl: 1.5rem;--skdx-font-size-3xl: 1.875rem;--skdx-font-weight-regular: 400;--skdx-font-weight-medium: 500;--skdx-font-weight-semibold: 600;--skdx-font-weight-bold: 700;--skdx-font-line-height-tight: 1.25;--skdx-font-line-height-snug: 1.43;--skdx-font-line-height-normal: 1.5;--skdx-font-line-height-relaxed: 1.75;--skdx-font-letter-spacing-tight: -.015em;--skdx-font-letter-spacing-normal: 0em;--skdx-font-letter-spacing-wide: .025em;--skdx-font-letter-spacing-wider: .05em;--skdx-space-1: .25rem;--skdx-space-2: .5rem;--skdx-space-3: .75rem;--skdx-space-4: 1rem;--skdx-space-5: 1.25rem;--skdx-space-6: 1.5rem;--skdx-space-8: 2rem;--skdx-space-10: 2.5rem;--skdx-space-12: 3rem;--skdx-space-16: 4rem;--skdx-radius-sm: .25rem;--skdx-radius-inner: .375rem;--skdx-radius-md: .5rem;--skdx-radius-lg: .75rem;--skdx-radius-xl: 1rem;--skdx-radius-full: 9999px;--skdx-motion-duration-instant: 0ms;--skdx-motion-duration-fast: .1s;--skdx-motion-duration-normal: .2s;--skdx-motion-duration-slow: .3s;--skdx-motion-easing: cubic-bezier(.16, 1, .3, 1);--skdx-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--skdx-motion-easing-steady: cubic-bezier(.4, 0, .2, 1);--skdx-motion-easing-linear: linear;--skdx-motion-stagger-tight: 4ms;--skdx-motion-stagger-loose: 40ms;--skdx-z-index-base: 0;--skdx-z-index-dropdown: 10;--skdx-z-index-sticky: 20;--skdx-z-index-overlay: 30;--skdx-z-index-modal: 35;--skdx-z-index-popover: 40;--skdx-z-index-toast: 50;--skdx-z-index-max: 9999;--skdx-focus-ring-width: 2px;--skdx-focus-ring-offset: 2px;--skdx-focus-ring-offset-inset: calc(-1 * var(--skdx-focus-ring-width));--skdx-border-width-thin: 1px;--skdx-border-width-thick: 2px;--skdx-border-width-thicker: 4px;--skdx-opacity-disabled: .5;--skdx-opacity-muted: .7;--skdx-opacity-scrim: .6;--skdx-control-height-sm: 1.875rem;--skdx-control-height-md: 2.25rem;--skdx-control-height-lg: 2.625rem;--skdx-control-height-compact: 2rem;--skdx-control-padding-sm: .625rem;--skdx-control-padding-md: var(--skdx-space-3);--skdx-control-padding-lg: var(--skdx-space-4);--skdx-control-gap-sm: var(--skdx-space-1);--skdx-control-gap-md: var(--skdx-space-2);--skdx-control-gap-lg: var(--skdx-space-2);--skdx-icon-size-sm: 1rem;--skdx-icon-size-md: 1.25rem;--skdx-icon-size-lg: 1.5rem;--skdx-indicator-size-sm: 1rem;--skdx-indicator-size-md: 1.25rem;--skdx-indicator-size-lg: 1.5rem;--skdx-item-height-sm: 1.75rem;--skdx-item-height-md: 2.25rem;--skdx-item-height-lg: 2.5rem;--skdx-item-gap: 2px;--skdx-overlay-padding: var(--skdx-space-1);--skdx-overlay-radius: var(--skdx-radius-lg);--skdx-overlay-min-width: 7.5rem;--skdx-field-gap: var(--skdx-space-1);--skdx-field-label-gap: var(--skdx-space-1);--skdx-target-min: 24px}@media(pointer:coarse){:root{--skdx-control-height-sm: 2.25rem;--skdx-control-height-md: 2.75rem;--skdx-control-height-lg: 3rem;--skdx-control-height-compact: 2.75rem;--skdx-item-height-sm: 2.25rem;--skdx-item-height-md: 2.75rem;--skdx-item-height-lg: 3rem;--skdx-target-min: 44px}}}@layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-shadow-sm: none;--skdx-shadow-md: none;--skdx-shadow-lg: none;--skdx-shadow-overlay: none;--skdx-color-surface-page: Canvas;--skdx-color-surface-raised: Canvas;--skdx-color-surface-default: ButtonFace;--skdx-color-surface-sunken: ButtonFace;--skdx-color-surface-hover: color-mix(in srgb, CanvasText 8%, Canvas);--skdx-color-surface-pressed: color-mix(in srgb, CanvasText 16%, Canvas);--skdx-color-surface-selected: Highlight;--skdx-color-surface-disabled: ButtonFace;--skdx-color-surface-inverse: CanvasText;--skdx-color-text-on-inverse: Canvas;--skdx-color-text-default: CanvasText;--skdx-color-text-muted: GrayText;--skdx-color-text-disabled: GrayText;--skdx-color-text-placeholder: GrayText;--skdx-color-text-on-accent: AccentColorText;--skdx-color-text-accent: LinkText;--skdx-color-text-danger: CanvasText;--skdx-color-text-success: CanvasText;--skdx-color-text-warning: CanvasText;--skdx-color-text-info: CanvasText;--skdx-color-border-default: color-mix(in srgb, CanvasText 45%, Canvas);--skdx-color-border-strong: CanvasText;--skdx-color-border-subtle: color-mix(in srgb, CanvasText 25%, Canvas);--skdx-color-border-accent: AccentColor;--skdx-color-border-disabled: GrayText;--skdx-color-border-danger: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-success: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-warning: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-action-primary-bg: AccentColor;--skdx-color-action-primary-bg-hover: AccentColor;--skdx-color-action-primary-text: AccentColorText;--skdx-color-action-primary-border: AccentColor;--skdx-color-action-primary-border-hover: CanvasText;--skdx-color-action-secondary-bg: ButtonFace;--skdx-color-action-secondary-bg-hover: ButtonFace;--skdx-color-action-secondary-bg-pressed: ButtonFace;--skdx-color-action-secondary-text: ButtonText;--skdx-color-action-secondary-border: ButtonBorder;--skdx-color-action-outline-text: ButtonText;--skdx-color-action-outline-border: ButtonBorder;--skdx-color-action-outline-bg-hover: ButtonFace;--skdx-color-action-outline-bg-pressed: ButtonFace;--skdx-color-action-ghost-text: ButtonText;--skdx-color-action-ghost-bg-hover: ButtonFace;--skdx-color-action-ghost-bg-pressed: ButtonFace;--skdx-color-action-danger-bg: ButtonFace;--skdx-color-action-danger-bg-hover: ButtonFace;--skdx-color-action-danger-bg-pressed: ButtonFace;--skdx-color-action-danger-text: ButtonText;--skdx-color-action-danger-border: CanvasText;--skdx-color-action-disabled-bg: ButtonFace;--skdx-color-action-disabled-text: GrayText;--skdx-color-action-disabled-border: GrayText;--skdx-color-field-bg: Field;--skdx-color-field-bg-hover: ButtonFace;--skdx-color-field-bg-disabled: ButtonFace;--skdx-color-field-bg-readonly: ButtonFace;--skdx-color-field-text: FieldText;--skdx-color-field-border: ButtonBorder;--skdx-color-field-border-hover: AccentColor;--skdx-color-field-border-focus: Highlight;--skdx-color-field-border-invalid: CanvasText;--skdx-color-selection-bg: AccentColor;--skdx-color-selection-mark: AccentColorText;--skdx-color-highlight-bg: Highlight;--skdx-color-highlight-text: HighlightText;--skdx-color-status-info-bg: Canvas;--skdx-color-status-info-border: ButtonBorder;--skdx-color-status-info-text: CanvasText;--skdx-color-status-info-icon: CanvasText;--skdx-color-status-success-bg: Canvas;--skdx-color-status-success-border: ButtonBorder;--skdx-color-status-success-text: CanvasText;--skdx-color-status-success-icon: CanvasText;--skdx-color-status-warning-bg: Canvas;--skdx-color-status-warning-border: ButtonBorder;--skdx-color-status-warning-text: CanvasText;--skdx-color-status-warning-icon: CanvasText;--skdx-color-status-danger-bg: Canvas;--skdx-color-status-danger-border: ButtonBorder;--skdx-color-status-danger-text: CanvasText;--skdx-color-status-danger-icon: CanvasText;--skdx-color-status-neutral-bg: ButtonFace;--skdx-color-status-neutral-border: ButtonBorder;--skdx-color-status-neutral-text: ButtonText;--skdx-color-status-neutral-icon: GrayText;--skdx-color-focus-ring: CanvasText;--skdx-color-separator: ButtonBorder;--skdx-color-track: ButtonFace;--skdx-color-track-fill: AccentColor;--skdx-color-skeleton: ButtonFace;--skdx-color-neutral-50: Canvas;--skdx-color-neutral-950: CanvasText;--skdx-color-surface-overlay: transparent}:where([class*=skdx-]):is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,menu,fieldset){margin:0}:where([class*=skdx-]):is(ol,ul,menu){padding-inline-start:0;list-style:none}}@layer skdx-reset{:where([class^=skdx-],[class*=" skdx-"]),:where([class^=skdx-],[class*=" skdx-"]):before,:where([class^=skdx-],[class*=" skdx-"]):after{box-sizing:border-box}:where(button,input,select,textarea)[class*=skdx-]{font:inherit;color:inherit;letter-spacing:inherit}}@layer skdx-base{:where([class^=skdx-],[class*=" skdx-"]):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where([class^=skdx-],[class*=" skdx-"]):is(button,summary,a[href],[role=button],[role=link],[data-skdx-control=actuator]):hover:not(:disabled,[data-disabled],[aria-disabled=true]){background-color:var(--skdx-color-surface-hover)}:where([class^=skdx-],[class*=" skdx-"]):is(input,textarea,select):hover:not(:disabled,[readonly],[data-readonly],[data-disabled]){border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-number-field,.skdx-tags-input,.skdx-pin-input__field,.skdx-select__trigger,.skdx-form__control):hover:not([data-disabled],[data-readonly]){border-color:var(--skdx-color-field-border-hover)}:where([class^=skdx-],[class*=" skdx-"]):is(button,summary,a[href],[role=button],[role=link],[role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=option],[role=tab],[role=checkbox],[role=radio],[role=switch],[data-skdx-control]):active:not(:disabled,[data-disabled],[aria-disabled=true]){translate:0 1px}}@layer skdx-utilities{@media(prefers-reduced-motion:reduce){:where([class^=skdx-],[class*=" skdx-"]),:where([class^=skdx-],[class*=" skdx-"]):before,:where([class^=skdx-],[class*=" skdx-"]):after{animation-duration:1ms;animation-iteration-count:1;transition-duration:1ms;scroll-behavior:auto}}}@keyframes skdx-fade-in{0%{opacity:0}}@keyframes skdx-fade-out{to{opacity:0;visibility:hidden}}@keyframes skdx-zoom-in{0%{opacity:0;transform:scale(.96)}}@keyframes skdx-zoom-out{to{opacity:0;transform:scale(.96);visibility:hidden}}@keyframes skdx-slide-in-from-top{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes skdx-slide-in-from-bottom{0%{opacity:0;transform:translateY(.5rem)}}@keyframes skdx-slide-in-from-start{0%{opacity:0;transform:translate(-.5rem)}}@keyframes skdx-slide-in-from-end{0%{opacity:0;transform:translate(.5rem)}}@keyframes skdx-spin{to{transform:rotate(360deg)}}@keyframes skdx-pulse{50%{opacity:.5}}@keyframes skdx-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}

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-muted)}: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] :where(.skdx-onboarding-checklist__indicator,.skdx-onboarding-checklist__action){opacity:var(--skdx-opacity-disabled)}:where(.skdx-onboarding-checklist__item)[data-state=disabled] :where(.skdx-onboarding-checklist__item-title){color:var(--skdx-color-text-muted)}: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/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}}}