@skdx/skins 0.26.0

package/README.md

@@ -0,0 +1,189 @@
+# @skdx/skins
+
+The default SkandaDX component skin: framework-neutral CSS that turns the
+headless components into finished ones.
+
+```
+headless component  +  component skin  +  design tokens  =  styled component
+```
+
+No JavaScript. No framework dependency. Works with React, Vue, Svelte, Angular
+and Web Components, in SSR, with no runtime style injection.
+
+## Install
+
+```sh
+pnpm add @skdx/skins @skdx/tokens
+```
+
+## Use
+
+```ts
+import '@skdx/tokens/css';   // required — this package declares no colours
+import '@skdx/skins/all.css';
+
+import { Button } from '@skdx/react';
+
+export function Example() {
+  return (
+    <Button variant="primary" size="md" className="product-save-button">
+      Save changes
+    </Button>
+  );
+}
+```
+
+Per component, to ship less CSS:
+
+```ts
+import '@skdx/tokens/css';
+import '@skdx/skins/components/button.css';
+```
+
+Each component file imports the shared primitives it needs, so a single import
+works on its own. The bundle inlines each shared file exactly once.
+
+## Without tokens
+
+`@skdx/tokens` is a peer dependency, not a hard requirement. Import the skin
+alone and you still get a usable interface:
+
+```ts
+import '@skdx/skins/all.css';   // no tokens
+```
+
+Geometry, type and motion come through in full — they are the measurements the
+rules were written against, not palette decisions. Colour falls back to the
+**CSS system colours** (`Canvas`, `Field`, `AccentColor`, `Highlight`…), which
+the platform supplies and which already follow the user's OS light/dark and
+contrast settings. It looks like well-spaced native controls, which is the
+honest rendering of "no theme installed".
+
+Two things degrade, because the platform has no keyword for them:
+
+- **Status colour collapses to neutral.** Alerts and badges keep their icon,
+  border and text — the signals that were never colour-only — and stop being
+  tinted.
+- **Shadows and the modal scrim are dropped.** Both need alpha, which no system
+  colour provides. Overlays keep their border, which is what separates them from
+  the page.
+
+Add `@skdx/tokens/css` and the theme takes over automatically: tokens are
+declared **unlayered**, and an unlayered declaration beats the skin's layered
+fallbacks regardless of specificity. Nothing detects anything, and there is no
+literal fallback inlined next to any `var()` — a colour smuggled in that way
+would win silently whenever a token failed to load, hiding the breakage.
+
+Enforced by `tests/standalone.test.ts`: every token the stylesheets read has a
+fallback, every runtime property is read with an inline default, and the
+fallback block may name only platform colours.
+
+## Entry points
+
+| Import | Contents |
+| --- | --- |
+| `@skdx/skins/all.css` | Everything — 84 components, ~166 kB unminified |
+| `@skdx/skins/base.css` | Layer order, control metrics, focus ring, keyframes |
+| `@skdx/skins/components/{name}.css` | One component |
+| `@skdx/skins/utilities.css` | `skdx-visually-hidden` and friends |
+
+## How it is built
+
+**Cascade layers.** `@layer skdx-reset, skdx-base, skdx-components, skdx-utilities;`
+is declared once, before any rule. Component rules live in `skdx-components` and
+are wrapped in `:where()`, so they carry zero specificity and anything you write
+outside a layer beats them — no `!important`, ever.
+
+**Tokens only.** Every colour resolves through a `--skdx-color-*` custom property.
+There is no hex, `rgb()`, `hsl()` or `oklch()` anywhere in this package, and
+Stylelint fails the build if one appears. `currentColor` and `transparent` are
+permitted where they express inheritance or absence; CSS system colours are
+permitted inside `@media (forced-colors: active)`.
+
+**Logical properties.** `padding-inline`, `inset-inline-start`,
+`border-start-start-radius` throughout, so RTL works without a second
+stylesheet.
+
+**Restrained motion.** Only `opacity` and `transform` animate. All keyframes are
+`skdx-` prefixed. `prefers-reduced-motion` collapses durations to 1ms rather than
+to zero, so `animationend` still fires and overlays still unmount.
+
+**Accessible states.** Disabled is a colour change, not opacity — opacity over an
+unknown backdrop has an unknowable contrast ratio. Invalid is a thicker border
+*and* a colour. Selected is weight *and* ink. Nothing is signalled by colour
+alone.
+
+**Contrast is enforced, not assumed.** `tests/contrast.test.ts` resolves the
+token graph for all 38 themes and asserts every foreground/background pairing
+the stylesheets rely on — 1,600 assertions, 4.5:1 for text and 3:1 for
+boundaries, on every build. It was written after measuring that 22 of the 38
+themes had at least one failure, including a tooltip at 1.00:1 in every dark
+theme. Two theme-limited exceptions are recorded with their measured values so
+they cannot silently absorb a regression.
+
+One consequence is visible in the design: **a filled primary button keeps the
+same fill on hover and press**, signalling state with elevation, a darker rim
+and a 1px displacement instead. `primary-600` is the only ramp step whose
+contrast with the themes' inverted ink clears 4.5:1 in all 38 of them, so
+shifting the fill would make the label fail in roughly a third of themes at the
+moment the user is aiming at it.
+
+## Checking it
+
+```sh
+pnpm --filter @skdx/skins run test      # contrast, coverage, dead selectors, standalone
+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. Nothing here is
+hand-written markup, so the preview cannot drift from what the gate measures —
+an earlier hand-written audit page had, and it showed `<label class="skdx-checkbox">`
+where the component renders `<button role="checkbox">`.
+
+`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 `hover-no-feedback`, `focus-ring-missing`,
+`focus-ring-contrast`, `focus-ring-clipped`, `pressed-no-feedback` and
+`disabled-not-announced` per part. It forces states by rewriting `:hover`,
+`:focus-visible` and `:active` into attributes rather than driving a pointer, so
+a state that only exists while a menu is open can still be measured.
+
+`preview` opens the same page with controls for the axes a person needs and a
+test cannot show: all 38 themes, both directions, the skin on and off, the
+tokens on and off, a filter, and the interaction states held still. Settings
+live in the URL, so a configuration is a link you can paste into an issue.
+
+## Sizes and variants
+
+Variants and sizes are attributes you set, not component props — the headless
+packages ship no variant API:
+
+```tsx
+<Button data-variant="primary" data-size="lg">Save</Button>
+```
+
+`data-variant`: `primary`, `secondary` (default), `outline`, `ghost`, `danger`.
+`data-size`: `sm`, `md` (default), `lg`.
+
+## Customising
+
+Retune a metric rather than rewriting a rule:
+
+```css
+.compact-form {
+  --skdx-control-height-md: 2rem;
+  --skdx-control-padding-md: var(--skdx-space-2);
+}
+```
+
+Recolour through the theme, not through this package — see
+[skin-token-map.md](../../docs/architecture/skin-token-map.md).
+
+## Documentation
+
+- [Component styling contract](../../docs/architecture/component-styling-contract.md) — the classes and attributes, and their stability
+- [Skin token map](../../docs/architecture/skin-token-map.md) — every alias and what it resolves to
+- [React skin audit](../../docs/architecture/react-skin-audit.md) — per-component parts, states and coverage
+- [Migration guide](../../docs/migrations/react-skins.md)

package/dist/base.css

@@ -0,0 +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-bg-pressed: 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-bg-hover: 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-focus-ring-offset: Canvas;--skdx-color-separator: ButtonBorder;--skdx-color-track: ButtonFace;--skdx-color-track-fill: AccentColor;--skdx-color-skeleton: ButtonFace;--skdx-color-skeleton-sheen: Canvas;--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-multi-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}}@keyframes skdx-zoom-in{0%{opacity:0;transform:scale(.96)}}@keyframes skdx-zoom-out{to{opacity:0;transform:scale(.96)}}@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/accordion.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-accordion){display:flex;flex-direction:column;border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-accordion__item)+:where(.skdx-accordion__item){border-block-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}:where(.skdx-accordion__header){margin:0}:where(.skdx-accordion__trigger){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-3);inline-size:100%;min-block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);color:var(--skdx-color-text-default);background:transparent;border:0;font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);text-align:start;cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-accordion__trigger):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-accordion__trigger)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-accordion__content){padding-inline:var(--skdx-space-4);padding-block-end:var(--skdx-space-4);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-accordion__indicator){flex:none;display:inline-flex;color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-accordion__trigger)[data-state=open] :where(.skdx-accordion__indicator){rotate:180deg}}

package/dist/components/affix.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-affix){position:sticky;z-index:var(--skdx-z-index-sticky)}:where(.skdx-affix)[data-state=affixed]{box-shadow:var(--skdx-shadow-sm);background-color:var(--skdx-color-surface-page)}:where([data-skdx-affix-sentinel]){pointer-events:none}}

package/dist/components/alert-dialog.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"dialog.css";@layer skdx-components{:where(.skdx-alert-dialog__content){position:fixed;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:min(24rem,calc(100vw - var(--skdx-space-8)));display:flex;flex-direction:column;gap:var(--skdx-space-4);padding:var(--skdx-space-6);border-radius:var(--skdx-radius-xl);z-index:var(--skdx-z-index-modal)}:where(dialog.skdx-alert-dialog__content:not([open])){display:none}:where(.skdx-alert-dialog__title){margin:0;font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-default)}:where(.skdx-alert-dialog__description){margin:0;font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-alert-dialog__footer){display:flex;justify-content:flex-end;gap:var(--skdx-space-2)}}

package/dist/components/alert.css

@@ -0,0 +1 @@
+@import"../internal/_status.css";@layer skdx-components{:where(.skdx-alert){display:grid;grid-template-columns:auto 1fr auto auto;align-items:start;gap:var(--skdx-space-2);padding:var(--skdx-space-3);color:var(--skdx-status-text, var(--skdx-color-status-neutral-text));background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg));border:var(--skdx-border-width-thin) solid var(--skdx-status-border, var(--skdx-color-status-neutral-border));border-inline-start-width:var(--skdx-border-width-thicker);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-normal)}:where(.skdx-alert)[hidden]{display:none}:where(.skdx-alert__icon){grid-column:1;grid-row:1;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-status-icon, var(--skdx-color-status-neutral-icon))}:where(.skdx-alert__title){grid-column:2;grid-row:1;margin:0;font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight)}:where(.skdx-alert__description){grid-column:2;grid-row:2;color:currentColor}:where(.skdx-alert__action){grid-column:3;grid-row:1;align-self:center;display:inline-flex;align-items:center;gap:var(--skdx-space-3)}:where(.skdx-alert__close){grid-column:4;grid-row:1;display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);color:currentColor;background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}@media(forced-colors:active){:where(.skdx-alert){border-color:CanvasText}}:where(.skdx-alert__content){grid-column:2;grid-row:1;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skdx-space-1)}}

package/dist/components/angle-slider.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-angle-slider){position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:6rem;block-size:6rem;background-color:var(--skdx-color-surface-sunken);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-full);touch-action:none}:where(.skdx-angle-slider__thumb){position:absolute;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background-color:var(--skdx-color-track-fill);border-radius:var(--skdx-radius-full);cursor:grab}:where(.skdx-angle-slider__marks){position:absolute;inset:0;border-radius:var(--skdx-radius-full);pointer-events:none}:where(.skdx-angle-slider__mark){position:absolute;inline-size:var(--skdx-border-width-thin);block-size:var(--skdx-space-1);background-color:var(--skdx-color-border-strong)}:where(.skdx-angle-slider)[data-disabled] :where(.skdx-angle-slider__thumb){background-color:var(--skdx-color-border-disabled);cursor:not-allowed}}

package/dist/components/aspect-ratio.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-aspect-ratio){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-aspect-ratio:not(skdx-aspect-ratio)){position:absolute;inset:0}:where(.skdx-aspect-ratio)>:where(img,video,iframe,canvas,svg){display:block;inline-size:100%;block-size:100%;object-fit:cover}}

package/dist/components/autocomplete.css

@@ -0,0 +1 @@
+@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-autocomplete__content){padding:var(--skdx-overlay-padding)}:where(.skdx-autocomplete__input){inline-size:100%;block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-autocomplete__input):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-autocomplete__list){display:flex;flex-direction:column;padding:var(--skdx-space-1)}:where(.skdx-autocomplete__highlight){font-weight:var(--skdx-font-weight-semibold);color:var(--skdx-color-text-accent);background:transparent}}

package/dist/components/avatar.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-avatar){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);border-radius:var(--skdx-radius-full);color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-sunken);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);user-select:none}:where(.skdx-avatar__image){inline-size:100%;block-size:100%;object-fit:cover}:where(.skdx-avatar__fallback){display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;text-transform:uppercase}:where(.skdx-avatar)[data-size=sm]{inline-size:var(--skdx-control-height-sm);block-size:var(--skdx-control-height-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-avatar)[data-size=lg]{inline-size:var(--skdx-control-height-lg);block-size:var(--skdx-control-height-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-avatar)[data-shape=square]{border-radius:var(--skdx-radius-md)}}

package/dist/components/badge.css

@@ -0,0 +1 @@
+@import"../internal/_status.css";@layer skdx-components{:where(.skdx-badge){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-space-1);min-inline-size:var(--skdx-indicator-size-md);padding-inline:var(--skdx-space-2);padding-block:var(--skdx-border-width-thick);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-tight);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--skdx-status-text, var(--skdx-color-status-neutral-text));background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg));border:var(--skdx-border-width-thin) solid var(--skdx-status-border, var(--skdx-color-status-neutral-border));border-radius:var(--skdx-radius-full)}:where(.skdx-badge)[data-variant=solid]{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-badge)[data-variant=dot]{inline-size:var(--skdx-space-2);min-inline-size:0;block-size:var(--skdx-space-2);padding:0;overflow:hidden;font-size:0}@media(forced-colors:active){:where(.skdx-badge){border-color:CanvasText}}}

package/dist/components/breadcrumb.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-breadcrumb__list){display:flex;align-items:center;flex-wrap:wrap;gap:var(--skdx-space-2);margin:0;padding:0;list-style:none;font-size:var(--skdx-font-size-sm)}:where(.skdx-breadcrumb__item){display:inline-flex;align-items:center;gap:var(--skdx-space-2);min-inline-size:0}:where(.skdx-breadcrumb__link){color:var(--skdx-color-text-muted);text-decoration:none;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}:where(.skdx-breadcrumb__link):hover{color:var(--skdx-color-text-default);text-decoration:underline}:where(.skdx-breadcrumb__link)[aria-current=page],:where(.skdx-breadcrumb__page){color:var(--skdx-color-text-default);font-weight:var(--skdx-font-weight-medium);text-decoration:none}:where(.skdx-breadcrumb__separator){display:inline-flex;color:var(--skdx-color-text-muted);rotate:0deg}:where(.skdx-breadcrumb__ellipsis){color:var(--skdx-color-text-muted)}}

package/dist/components/button.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-control-gap-md);min-inline-size:var(--skdx-target-min);min-block-size:var(--skdx-target-min);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-snug);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),box-shadow var(--skdx-motion-duration-fast) var(--skdx-motion-easing),translate var(--skdx-motion-duration-fast) var(--skdx-motion-easing),color var(--skdx-motion-duration-fast) var(--skdx-motion-easing);color:var(--skdx-color-action-secondary-text);background-color:var(--skdx-color-action-secondary-bg);border-color:var(--skdx-color-action-secondary-border)}:where(.skdx-button):hover{background-color:var(--skdx-color-action-secondary-bg-hover);border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button):active,:where(.skdx-button)[data-pressed]{background-color:var(--skdx-color-action-secondary-bg-pressed)}:where(.skdx-button)[data-size=sm]{block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-control-padding-sm);gap:var(--skdx-control-gap-sm);font-size:var(--skdx-font-size-xs)}:where(.skdx-button)[data-size=lg]{block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-control-padding-lg);gap:var(--skdx-control-gap-lg);font-size:var(--skdx-font-size-md)}:where(.skdx-button)[data-variant=primary]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-border)}:where(.skdx-button)[data-variant=primary]:hover{border-color:var(--skdx-color-action-primary-border-hover);box-shadow:var(--skdx-shadow-sm)}:where(.skdx-button)[data-variant=primary]:active,:where(.skdx-button)[data-variant=primary][data-pressed]{border-color:var(--skdx-color-action-primary-border-hover);box-shadow:none;translate:0 1px}:where(.skdx-button)[data-variant=danger]{color:var(--skdx-color-action-danger-text);background-color:var(--skdx-color-action-danger-bg);border-color:var(--skdx-color-action-danger-border)}:where(.skdx-button)[data-variant=danger]:hover{background-color:var(--skdx-color-action-danger-bg-hover);border-color:var(--skdx-color-action-danger-bg-hover)}:where(.skdx-button)[data-variant=danger]:active,:where(.skdx-button)[data-variant=danger][data-pressed]{background-color:var(--skdx-color-action-danger-bg-pressed);border-color:var(--skdx-color-action-danger-bg-pressed)}:where(.skdx-button)[data-variant=outline]{color:var(--skdx-color-action-outline-text);background-color:transparent;border-color:var(--skdx-color-action-outline-border)}:where(.skdx-button)[data-variant=outline]:hover{background-color:var(--skdx-color-action-outline-bg-hover)}:where(.skdx-button)[data-variant=outline]:active,:where(.skdx-button)[data-variant=outline][data-pressed]{background-color:var(--skdx-color-action-outline-bg-pressed)}:where(.skdx-button)[data-variant=ghost]{color:var(--skdx-color-action-ghost-text);background-color:transparent;border-color:transparent}:where(.skdx-button)[data-variant=ghost]:hover{background-color:var(--skdx-color-action-ghost-bg-hover)}:where(.skdx-button)[data-variant=ghost]:active,:where(.skdx-button)[data-variant=ghost][data-pressed]{background-color:var(--skdx-color-action-ghost-bg-pressed)}:where(.skdx-button):disabled,:where(.skdx-button)[data-disabled]{color:var(--skdx-color-action-disabled-text);background-color:var(--skdx-color-action-disabled-bg);border-color:var(--skdx-color-action-disabled-border);cursor:not-allowed}:where(.skdx-button)[data-loading]{cursor:progress}:where(.skdx-button)[data-icon-only]{padding-inline:0;aspect-ratio:1}@media(forced-colors:active){:where(.skdx-button){border-color:ButtonBorder}:where(.skdx-button):disabled,:where(.skdx-button)[data-disabled]{color:GrayText;border-color:GrayText}}:where(.skdx-button__icon){display:inline-flex;flex:none;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md)}:where(.skdx-button)[data-size=sm] :where(.skdx-button__icon){inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm)}:where(.skdx-button)[data-size=lg] :where(.skdx-button__icon){inline-size:var(--skdx-icon-size-lg);block-size:var(--skdx-icon-size-lg)}:where(.skdx-button__label){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}}

package/dist/components/calendar.css

@@ -0,0 +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){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__previous-button),:where(.skdx-calendar__next-button){display:inline-flex;align-items:center;justify-content:center;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__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__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,.skdx-calendar__day){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);block-size:var(--skdx-item-height-md);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,.skdx-calendar__day):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__cell,.skdx-calendar__day)[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,.skdx-calendar__day)[data-range-middle]{background-color:var(--skdx-color-surface-selected);border-radius:0}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-outside-month]{color:var(--skdx-color-text-muted)}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-calendar__cell,.skdx-calendar__day)[data-state=selected]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-today]{border-color:CanvasText}}: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/card.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-card){display:flex;flex-direction:column;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);color:var(--skdx-color-text-default)}:where(.skdx-card)[data-elevated]{box-shadow:var(--skdx-shadow-md)}:where(.skdx-card)[data-interactive]{cursor:pointer;transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-card)[data-interactive]:hover{border-color:var(--skdx-color-border-strong);background-color:var(--skdx-color-surface-hover)}:where(.skdx-card)[data-selected]{border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-card__header){display:flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-4)}:where(.skdx-card__title){margin:0;font-size:var(--skdx-font-size-md);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight)}:where(.skdx-card__description){margin:0;font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-card__content){padding:var(--skdx-space-4);padding-block-start:0}:where(.skdx-card__footer){display:flex;align-items:center;gap:var(--skdx-space-2);padding:var(--skdx-space-4);padding-block-start:0}@media(forced-colors:active){:where(.skdx-card){border-color:CanvasText}}}

package/dist/components/carousel.css

@@ -0,0 +1 @@
+@import"../base.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:100%;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;inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);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-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__indicator){inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);padding:0;background-color:var(--skdx-color-track);border:0;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}}

package/dist/components/checkbox-card.css

@@ -0,0 +1 @@
+@import"../internal/_card-control.css";@import"checkbox.css";@layer skdx-components{:where(.skdx-checkbox-card){display:flex;align-items:flex-start;gap:var(--skdx-space-3);padding:var(--skdx-space-3);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md);cursor:pointer;transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-checkbox-card):hover:not([data-disabled]){border-color:var(--skdx-color-border-strong)}:where(.skdx-checkbox-card)[data-state=checked]{border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-checkbox-card)[data-disabled]{background-color:var(--skdx-color-surface-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-checkbox-card)[data-invalid]{border-color:var(--skdx-color-border-danger)}:where(.skdx-checkbox-card__control){display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-sm)}:where(.skdx-checkbox-card)[data-state=checked] :where(.skdx-checkbox-card__control){border-color:var(--skdx-color-selection-bg);color:var(--skdx-color-selection-mark);background-color:var(--skdx-color-selection-bg)}:where(.skdx-checkbox-card)[data-disabled] :where(.skdx-checkbox-card__control){background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled)}:where(.skdx-checkbox-card__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-checkbox-card__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}@media(forced-colors:active){:where(.skdx-checkbox-card)[data-state=checked]{border-color:Highlight;border-width:var(--skdx-border-width-thick)}}:where(.skdx-checkbox-card__indicator){display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-color-selection-bg)}}

package/dist/components/checkbox-group.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"checkbox.css";@layer skdx-components{:where(.skdx-checkbox-group){display:flex;flex-direction:column;gap:var(--skdx-space-2)}:where(.skdx-checkbox-group)[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--skdx-space-4)}:where(.skdx-checkbox-group__item),:where(.skdx-checkbox-group__select-all){display:flex;align-items:center;gap:var(--skdx-space-2);font-size:var(--skdx-font-size-sm)}:where(.skdx-checkbox-group__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}:where(.skdx-checkbox-group__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium)}}

package/dist/components/checkbox.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-checkbox){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);padding:0;color:transparent;background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thick) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-inner);cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-checkbox):before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:var(--skdx-target-min);block-size:var(--skdx-target-min)}:where(.skdx-checkbox__indicator){display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:var(--skdx-font-size-xs);color:inherit;pointer-events:none}:where(.skdx-checkbox__indicator)[hidden]{display:none}:where(.skdx-checkbox):hover{border-color:var(--skdx-color-field-border-hover)}:where(.skdx-checkbox)[data-state=checked],:where(.skdx-checkbox)[data-state=indeterminate]{color:var(--skdx-color-selection-mark);background-color:var(--skdx-color-selection-bg);border-color:var(--skdx-color-selection-bg)}:where(.skdx-checkbox)[data-state=checked]:hover:not([data-disabled]),:where(.skdx-checkbox)[data-state=indeterminate]:hover:not([data-disabled]){box-shadow:0 0 0 var(--skdx-border-width-thin) var(--skdx-color-border-strong)}:where(.skdx-checkbox)[data-disabled]{cursor:not-allowed;background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);color:var(--skdx-color-text-disabled)}:where(.skdx-checkbox)[data-disabled][data-state=checked],:where(.skdx-checkbox)[data-disabled][data-state=indeterminate]{background-color:var(--skdx-color-action-disabled-bg);border-color:var(--skdx-color-border-disabled)}:where(.skdx-checkbox)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);box-shadow:0 0 0 var(--skdx-border-width-thin) var(--skdx-color-field-border-invalid)}:where(.skdx-checkbox)[data-size=sm]{inline-size:var(--skdx-indicator-size-sm);block-size:var(--skdx-indicator-size-sm)}:where(.skdx-checkbox)[data-size=lg]{inline-size:var(--skdx-indicator-size-lg);block-size:var(--skdx-indicator-size-lg)}@media(forced-colors:active){:where(.skdx-checkbox){border-color:CanvasText}:where(.skdx-checkbox)[data-state=checked],:where(.skdx-checkbox)[data-state=indeterminate]{background-color:Highlight;border-color:Highlight;color:HighlightText}:where(.skdx-checkbox)[data-disabled]{border-color:GrayText;color:GrayText}}:where(.skdx-checkbox__label){font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-normal);color:var(--skdx-color-text-default)}:where(.skdx-checkbox)[data-disabled]+:where(.skdx-checkbox__label),:where(:not([class*=skdx-]):has(>.skdx-checkbox[data-disabled]))+:where(.skdx-checkbox__label){color:var(--skdx-color-text-disabled)}}

package/dist/components/clipboard.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-clipboard){display:inline-flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-clipboard__input){flex:1;min-inline-size:0;block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg-readonly);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs)}:where(.skdx-clipboard__trigger){display:inline-flex;align-items:center;gap:var(--skdx-space-1);min-block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-secondary-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-action-secondary-border);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);cursor:pointer}:where(.skdx-clipboard__trigger)[data-state=copied]{color:var(--skdx-color-status-success-text);border-color:var(--skdx-color-status-success-border);background-color:var(--skdx-color-status-success-bg)}:where(.skdx-clipboard__indicator){display:inline-flex;align-items:center;justify-content:center;flex:none;min-inline-size:var(--skdx-icon-size-md);min-block-size:var(--skdx-icon-size-md)}:where(.skdx-clipboard__trigger)[data-state=copied] :where(.skdx-clipboard__indicator){color:var(--skdx-color-text-success)}:where(.skdx-clipboard__trigger):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-strong)}}

package/dist/components/collapsible.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-collapsible){display:flex;flex-direction:column}:where(.skdx-collapsible__trigger){display:inline-flex;align-items:center;gap:var(--skdx-space-2);color:var(--skdx-color-text-default);background:transparent;border:0;font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);cursor:pointer}:where(.skdx-collapsible__content){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);padding-block-start:var(--skdx-space-1);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-collapsible__indicator){display:inline-flex;color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-collapsible__trigger)[data-state=open] :where(.skdx-collapsible__indicator){rotate:180deg}}

package/dist/components/color-picker.css

@@ -0,0 +1 @@
+@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-color-picker){display:inline-flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-color-picker__area){position:relative;inline-size:100%;min-block-size:8rem;border-radius:var(--skdx-radius-md);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);background-color:hsl(var(--skdx-color-picker-hue, 0deg) 100% 50%);touch-action:none}:where([dir=rtl]) :where(.skdx-color-picker__area){background-image:linear-gradient(to top,#000,transparent),linear-gradient(to left,#fff,transparent)}:where(.skdx-color-picker__area-thumb),:where(.skdx-color-picker__hue-slider-thumb),:where(.skdx-color-picker__alpha-slider-thumb){position:absolute;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background:transparent;border:var(--skdx-border-width-thick) solid var(--skdx-color-surface-page);border-radius:var(--skdx-radius-full);box-shadow:var(--skdx-shadow-sm);cursor:grab;translate:-50% 50%}:where([dir=rtl]) :where(.skdx-color-picker__area-thumb),:where([dir=rtl]) :where(.skdx-color-picker__hue-slider-thumb),:where([dir=rtl]) :where(.skdx-color-picker__alpha-slider-thumb){translate:50% 50%}:where(.skdx-color-picker__area-thumb){inset-inline-start:var(--skdx-color-picker-saturation, 0%);inset-block-end:var(--skdx-color-picker-brightness, 0%)}:where(.skdx-color-picker__hue-slider-thumb){inset-inline-start:var(--skdx-color-picker-hue-position, 0%);inset-block-end:50%}:where(.skdx-color-picker__alpha-slider-thumb){inset-inline-start:var(--skdx-color-picker-alpha-position, 0%);inset-block-end:50%}:where(.skdx-color-picker__area-thumb)>[role=slider]{position:absolute;inset:0;border-radius:inherit}:where(.skdx-color-picker__hue-slider),:where(.skdx-color-picker__alpha-slider){position:relative;block-size:var(--skdx-space-3);border-radius:var(--skdx-radius-full);touch-action:none}:where(.skdx-color-picker__hue-slider){background-image:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}:where([dir=rtl]) :where(.skdx-color-picker__hue-slider){background-image:linear-gradient(to left,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}:where(.skdx-color-picker__alpha-slider){background-image:linear-gradient(to right,transparent,var(--skdx-color-picker-value, #000)),conic-gradient(var(--skdx-color-border-subtle) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle) 180deg 270deg,transparent 270deg);background-size:100% 100%,var(--skdx-space-2) var(--skdx-space-2)}:where([dir=rtl]) :where(.skdx-color-picker__alpha-slider){background-image:linear-gradient(to left,transparent,var(--skdx-color-picker-value, #000)),conic-gradient(var(--skdx-color-border-subtle) 0deg 90deg,transparent 90deg 180deg,var(--skdx-color-border-subtle) 180deg 270deg,transparent 270deg)}:where(.skdx-color-picker__swatch){inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);background-color:var(--skdx-color-picker-swatch-value, transparent);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-color-picker__swatch)[data-state=checked]{border-color:var(--skdx-color-border-accent);border-width:var(--skdx-border-width-thick)}:where(.skdx-color-picker__swatch-group){display:flex;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-color-picker__eye-dropper),:where(.skdx-color-picker__format-select){color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-secondary-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-action-secondary-border);border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-color-picker__input){inline-size:100%;block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-sm);font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs)}:where(.skdx-color-picker__eye-dropper):hover,:where(.skdx-color-picker__format-select):hover{background-color:var(--skdx-color-surface-hover);border-color:var(--skdx-color-border-strong)}}

package/dist/components/combobox.css

@@ -0,0 +1 @@
+@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-combobox__content){padding:var(--skdx-overlay-padding)}:where(.skdx-combobox__input){inline-size:100%;block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-combobox__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-combobox__input):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-combobox__input)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-combobox__input):disabled{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);cursor:not-allowed}}

package/dist/components/command.css

@@ -0,0 +1 @@
+@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-command){display:flex;flex-direction:column;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-overlay-radius);box-shadow:var(--skdx-shadow-overlay)}:where(.skdx-command__input){inline-size:100%;block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);color:var(--skdx-color-field-text);background:transparent;border:0;border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:0;font-size:var(--skdx-font-size-md)}:where(.skdx-command__input)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-command__list){max-block-size:20rem;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);padding:var(--skdx-overlay-padding)}:where(.skdx-command__loading){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-3);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);text-align:center}}

package/dist/components/context-menu.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-context-menu__content),:where(.skdx-context-menu__sub-content){padding:var(--skdx-overlay-padding)}:where(.skdx-context-menu__sub-trigger)[data-state=open]{background-color:var(--skdx-color-highlight-bg)}:where(.skdx-context-menu__trigger){cursor:context-menu}:where(.skdx-context-menu__trigger)[data-disabled]{cursor:default}:where(.skdx-context-menu__shortcut){margin-inline-start:auto;padding-inline-start:var(--skdx-space-4);font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}}

package/dist/components/data-list.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-data-list){display:grid;grid-template-columns:auto 1fr;gap:var(--skdx-space-2) var(--skdx-space-4);margin:0;font-size:var(--skdx-font-size-sm)}:where(.skdx-data-list)[data-orientation=vertical]{grid-template-columns:1fr;gap:var(--skdx-space-1)}:where(.skdx-data-list__item){display:grid;grid-column:1 / -1;grid-template-columns:subgrid}:where(.skdx-data-list__label){color:var(--skdx-color-text-muted);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-data-list__value){margin:0;color:var(--skdx-color-text-default)}}

package/dist/components/date-field.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-date-field){display:inline-flex;align-items:center;gap:var(--skdx-space-1);block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-variant-numeric:tabular-nums}:where(.skdx-date-field)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-date-field)[data-disabled]{background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled)}:where(.skdx-date-field__segment){padding-inline:var(--skdx-space-1);border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);color:var(--skdx-color-field-text);caret-color:transparent}:where(.skdx-date-field__segment):focus-visible{background-color:var(--skdx-color-selection-bg);color:var(--skdx-color-selection-mark);outline:none}:where(.skdx-date-field__segment)[data-placeholder]{color:var(--skdx-color-text-placeholder)}@media(forced-colors:active){:where(.skdx-date-field__segment):focus-visible{background-color:Highlight;color:HighlightText}}}

package/dist/components/date-picker.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"calendar.css";@layer skdx-components{:where(.skdx-date-picker__content){padding:var(--skdx-space-2);min-inline-size:0}:where(.skdx-date-picker__calendar){padding:var(--skdx-space-2)}:where(.skdx-date-picker__time-field){display:flex;align-items:center;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-2);padding-block-end:var(--skdx-space-2)}:where(.skdx-date-picker__input){flex:1;min-inline-size:0;color:var(--skdx-color-field-text);background:transparent;border:0;font-size:var(--skdx-font-size-sm)}:where(.skdx-date-picker__trigger):hover:not([data-disabled]){border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-date-picker__close){inline-size:auto;padding-inline:var(--skdx-control-padding-md)}}

package/dist/components/dialog.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-dialog__content){position:fixed;inset-block-start:50%;left:50%;translate:-50% -50%;inline-size:min(32rem,calc(100vw - var(--skdx-space-8)));max-block-size:calc(100dvh - var(--skdx-space-8));display:flex;flex-direction:column;padding:var(--skdx-space-6);gap:var(--skdx-space-4);border-radius:var(--skdx-overlay-radius);z-index:var(--skdx-z-index-modal)}:where(dialog.skdx-dialog__content:not([open])){display:none}:where(.skdx-dialog__title){font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-dialog__description){font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-muted)}:where(.skdx-dialog__content)>:where(.skdx-dialog__close),:where(.skdx-dialog__content)>:where(:not([class*=skdx-]):has(>.skdx-dialog__close))>:where(.skdx-dialog__close){position:absolute;inset-block-start:var(--skdx-space-3);inset-inline-end:var(--skdx-space-3)}:where(.skdx-dialog__close){display:inline-flex;align-items:center;justify-content:center;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-dialog__close):hover{color:var(--skdx-color-text-default);background-color:var(--skdx-color-action-ghost-bg-hover)}@media(max-width:30rem){:where(.skdx-dialog__content){inline-size:100vw;max-inline-size:100vw;inset-block-start:auto;inset-block-end:0;inset-inline-start:0;translate:none;border-start-start-radius:var(--skdx-overlay-radius);border-start-end-radius:var(--skdx-overlay-radius);border-end-start-radius:0;border-end-end-radius:0}}:where(.skdx-dialog__body){flex:1;min-block-size:0;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed);color:var(--skdx-color-text-default)}:where(.skdx-dialog__footer){display:flex;justify-content:flex-end;gap:var(--skdx-space-2);flex-wrap:wrap}}

package/dist/components/drawer.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-drawer__content){position:fixed;z-index:var(--skdx-z-index-modal);display:flex;flex-direction:column;gap:var(--skdx-space-4);padding:var(--skdx-space-6);background-color:var(--skdx-color-surface-raised);box-shadow:var(--skdx-shadow-overlay);border-radius:0;max-block-size:100dvh;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-drawer__content)[hidden]{display:none}:where(.skdx-drawer__content)[data-side=left]{inset-block:0;left:0;inline-size:min(20rem,90vw);border-top-right-radius:var(--skdx-radius-xl);border-bottom-right-radius:var(--skdx-radius-xl)}:where(.skdx-drawer__content)[data-side=right]{inset-block:0;right:0;inline-size:min(20rem,90vw);border-top-left-radius:var(--skdx-radius-xl);border-bottom-left-radius:var(--skdx-radius-xl)}:where(.skdx-drawer__content)[data-side=top]{inset-inline:0;inset-block-start:0;block-size:auto;border-end-start-radius:var(--skdx-radius-xl);border-end-end-radius:var(--skdx-radius-xl)}:where(.skdx-drawer__content)[data-side=bottom]{inset-inline:0;inset-block-end:0;block-size:auto;border-start-start-radius:var(--skdx-radius-xl);border-start-end-radius:var(--skdx-radius-xl)}:where(.skdx-drawer__content)[data-side=left][data-state=open]{animation:skdx-slide-in-from-start var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=right][data-state=open]{animation:skdx-slide-in-from-end var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=top][data-state=open]{animation:skdx-slide-in-from-top var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__content)[data-side=bottom][data-state=open]{animation:skdx-slide-in-from-bottom var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-drawer__title){font-size:var(--skdx-font-size-lg);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-drawer__description){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-muted)}:where(.skdx-drawer__content)>:where(.skdx-drawer__close),:where(.skdx-drawer__content)>:where(:not([class*=skdx-]):has(>.skdx-drawer__close))>:where(.skdx-drawer__close){position:absolute;inset-block-start:var(--skdx-space-3);inset-inline-end:var(--skdx-space-3)}:where(.skdx-drawer__close){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}}

package/dist/components/dropdown-menu.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-dropdown-menu__content),:where(.skdx-dropdown-menu__sub-content){padding:var(--skdx-overlay-padding)}:where(.skdx-dropdown-menu__sub-trigger)[data-state=open]{background-color:var(--skdx-color-highlight-bg)}:where(.skdx-dropdown-menu__item-indicator){margin-inline-start:auto}:where(.skdx-dropdown-menu__shortcut){margin-inline-start:auto;padding-inline-start:var(--skdx-space-4);font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-dropdown-menu__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}@media(forced-colors:active){:where(.skdx-dropdown-menu__arrow){background-color:Canvas;border-color:CanvasText}}}

package/dist/components/editable.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-editable){display:inline-flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-editable__preview){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);cursor:text}:where(.skdx-editable__preview):hover{background-color:var(--skdx-color-surface-hover)}:where(.skdx-editable__preview)[data-empty]{color:var(--skdx-color-text-placeholder)}:where(.skdx-editable__input){padding-inline:var(--skdx-space-2);padding-block:var(--skdx-space-1);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border-focus);border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm)}:where(.skdx-editable__textarea){inline-size:100%;padding:var(--skdx-space-2);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font:inherit;resize:vertical}}

package/dist/components/field.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-field){display:flex;flex-direction:column;gap:var(--skdx-field-gap);min-inline-size:0}:where(.skdx-field)[data-orientation=horizontal]{flex-direction:row;align-items:center;gap:var(--skdx-space-3)}:where(.skdx-field__description){font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);color:var(--skdx-color-text-muted)}:where(.skdx-field__error){display:flex;align-items:flex-start;gap:var(--skdx-space-1);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-danger)}:where(.skdx-field)[data-disabled] :where(.skdx-field__description){color:var(--skdx-color-text-disabled)}@media(forced-colors:active){:where(.skdx-field__error){color:CanvasText}}:where(.skdx-field__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-field__character-count){font-size:var(--skdx-font-size-xs);font-variant-numeric:tabular-nums;color:var(--skdx-color-text-muted);margin-inline-start:auto}:where(.skdx-field__character-count)[data-over-limit]{color:var(--skdx-color-text-danger);font-weight:var(--skdx-font-weight-medium)}}

package/dist/components/file-upload.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-file-upload){display:flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-file-upload__dropzone){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--skdx-space-2);padding:var(--skdx-space-6);text-align:center;color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-default);border:var(--skdx-border-width-thick) dashed var(--skdx-color-border-default);border-radius:var(--skdx-radius-lg);cursor:pointer;transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-file-upload__dropzone):hover{border-color:var(--skdx-color-border-strong)}:where(.skdx-file-upload__dropzone)[data-dragging]{border-style:solid;border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected);color:var(--skdx-color-text-accent)}:where(.skdx-file-upload__dropzone)[data-invalid]{border-color:var(--skdx-color-border-danger);color:var(--skdx-color-text-danger)}:where(.skdx-file-upload__dropzone)[data-disabled]{background-color:var(--skdx-color-surface-disabled);color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-file-upload__item){display:flex;align-items:center;gap:var(--skdx-space-3);padding:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);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-file-upload__item)[data-invalid]{border-color:var(--skdx-color-border-danger)}:where(.skdx-file-upload__item-delete){color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-file-upload__item-delete):hover{color:var(--skdx-color-text-danger)}@media(forced-colors:active){:where(.skdx-file-upload__dropzone)[data-dragging]{border-color:Highlight}}:where(.skdx-file-upload__input){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-file-upload__item-name){flex:1;min-inline-size:0;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);text-overflow:ellipsis;white-space:nowrap}:where(.skdx-file-upload__item-size){color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}:where(.skdx-file-upload__list){display:flex;flex-direction:column;gap:var(--skdx-space-2);margin:0;padding:0;list-style:none}}

package/dist/components/floating-panel.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-floating-panel__content){position:fixed;z-index:var(--skdx-z-index-modal);display:flex;flex-direction:column;min-inline-size:12rem;padding:0;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-floating-panel__content)[hidden]{display:none}:where(.skdx-floating-panel__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2);padding-inline:var(--skdx-space-3);padding-block:var(--skdx-space-2);background-color:var(--skdx-color-surface-default);border-block-end:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);cursor:move;user-select:none}:where(.skdx-floating-panel__title){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-floating-panel__stage-trigger),:where(.skdx-floating-panel__close-trigger){display:inline-flex;align-items:center;justify-content:center;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-floating-panel__resize-trigger){position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);cursor:nwse-resize;touch-action:none}:where(.skdx-floating-panel__body){flex:1;min-block-size:0;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);padding:var(--skdx-space-3)}}

package/dist/components/form.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../base.css";@layer skdx-components{:where(.skdx-form){display:flex;flex-direction:column;gap:var(--skdx-space-4)}:where(.skdx-form__error-summary){display:flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3);color:var(--skdx-color-status-danger-text);background-color:var(--skdx-color-status-danger-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-status-danger-border);border-inline-start-width:var(--skdx-border-width-thicker);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-form__error-summary)[hidden]{display:none}@media(forced-colors:active){:where(.skdx-form__error-summary){border-color:CanvasText}}:where(.skdx-form__field){display:flex;flex-direction:column;gap:var(--skdx-field-gap)}:where(.skdx-form__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default)}:where(.skdx-form__control){inline-size:100%;block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-form__message){font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-normal);color:var(--skdx-color-text-danger)}:where(.skdx-form__error-summary-link){display:inline-block;color:inherit;text-decoration:underline}:where(.skdx-form__error-summary-list){display:flex;flex-direction:column;gap:var(--skdx-space-1);margin:0;padding-inline-start:var(--skdx-space-4)}:where(.skdx-form__error-summary-title){font-weight:var(--skdx-font-weight-semibold)}}

package/dist/components/hover-card.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-hover-card__content){padding:var(--skdx-space-4);max-inline-size:20rem;font-size:var(--skdx-font-size-sm);line-height:var(--skdx-font-line-height-relaxed)}:where(.skdx-hover-card__trigger){color:inherit;text-decoration:underline dotted;text-underline-offset:.2em;cursor:pointer}:where(.skdx-hover-card__trigger):hover,:where(.skdx-hover-card__trigger)[data-state=open]{text-decoration-style:solid}:where(.skdx-hover-card__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}}

package/dist/components/kbd.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-kbd){display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.5em;padding-inline:var(--skdx-space-1);padding-block:0;font-family:var(--skdx-font-family-mono);font-size:var(--skdx-font-size-xs);line-height:var(--skdx-font-line-height-tight);white-space:nowrap;color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-sunken);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-block-end-width:var(--skdx-border-width-thick);border-radius:var(--skdx-radius-sm)}@media(forced-colors:active){:where(.skdx-kbd){border-color:CanvasText}}}

package/dist/components/label.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-label){display:inline-flex;align-items:center;gap:var(--skdx-field-label-gap);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);line-height:var(--skdx-font-line-height-tight);color:var(--skdx-color-text-default)}:where(.skdx-label)[for]{cursor:pointer}:where(.skdx-label)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-label__indicator){color:var(--skdx-color-text-danger)}}

package/dist/components/listbox.css

@@ -0,0 +1 @@
+@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-listbox){display:flex;flex-direction:column;gap:var(--skdx-item-gap);padding:var(--skdx-overlay-padding);overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md)}:where(.skdx-listbox)[data-disabled]{background-color:var(--skdx-color-field-bg-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-listbox){border-color:CanvasText}}}

package/dist/components/loading-overlay.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-loading-overlay){position:relative}:where(.skdx-loading-overlay__backdrop),:where(.skdx-loading-overlay__content){position:absolute;inset:0;z-index:var(--skdx-z-index-overlay)}:where(.skdx-loading-overlay__backdrop)[data-full-screen],:where(.skdx-loading-overlay__content)[data-full-screen]{position:fixed}:where(.skdx-loading-overlay__backdrop){background-color:var(--skdx-color-surface-overlay)}:where(.skdx-loading-overlay__content){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--skdx-space-3);color:var(--skdx-color-text-default);font-size:var(--skdx-font-size-sm)}:where(.skdx-loading-overlay__content)[hidden]{display:none}:where(.skdx-loading-overlay__backdrop)[data-state=visible],:where(.skdx-loading-overlay__content)[data-state=visible]{animation:skdx-fade-in var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-loading-overlay__backdrop)[data-state=hidden],:where(.skdx-loading-overlay__content)[data-state=hidden]{animation:skdx-fade-out var(--skdx-motion-duration-fast) var(--skdx-motion-easing-exit)}}

package/dist/components/menubar.css

@@ -0,0 +1 @@
+@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-menubar){display:flex;align-items:center;gap:var(--skdx-space-1);padding:var(--skdx-space-1);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-menubar__trigger){display:inline-flex;align-items:center;min-block-size:var(--skdx-item-height-sm);padding-inline:var(--skdx-space-2);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-menubar__trigger):hover,:where(.skdx-menubar__trigger)[data-state=open]{background-color:var(--skdx-color-highlight-bg)}:where(.skdx-menubar__content),:where(.skdx-menubar__sub-content){padding:var(--skdx-overlay-padding)}:where(.skdx-menubar__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}@media(forced-colors:active){:where(.skdx-menubar__arrow){background-color:Canvas;border-color:CanvasText}}}

package/dist/components/meter.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-meter){display:block;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);inline-size:100%;block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border-radius:var(--skdx-radius-full)}:where(.skdx-meter__indicator){display:block;block-size:100%;inline-size:var(--skdx-meter, 0%);background-color:var(--skdx-color-track-fill);border-radius:inherit}:where(.skdx-meter)[data-range=optimum] :where(.skdx-meter__indicator){background-color:var(--skdx-color-status-success-icon)}:where(.skdx-meter)[data-range=suboptimal] :where(.skdx-meter__indicator){background-color:var(--skdx-color-status-warning-icon)}:where(.skdx-meter)[data-range=poor] :where(.skdx-meter__indicator){background-color:var(--skdx-color-status-danger-icon)}:where(.skdx-meter__label),:where(.skdx-meter__value){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted);font-variant-numeric:tabular-nums}}

package/dist/components/multi-select.css

@@ -0,0 +1 @@
+@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-multi-select__content){padding:var(--skdx-overlay-padding)}:where(.skdx-multi-select__tag-list){display:flex;flex-wrap:wrap;align-items:center;gap:var(--skdx-space-1);flex:1;min-inline-size:0}:where(.skdx-multi-select__tag){display:inline-flex;align-items:center;gap:var(--skdx-space-1);max-inline-size:100%;min-inline-size:0;padding-inline:var(--skdx-space-2);padding-block:0;min-block-size:var(--skdx-control-height-sm);font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-sunken);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-subtle);border-radius:var(--skdx-radius-sm)}:where(.skdx-multi-select__tag-remove){display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-multi-select__tag-remove):hover{color:var(--skdx-color-text-danger)}:where(.skdx-multi-select__list){display:flex;flex-direction:column;padding:var(--skdx-space-1)}:where(.skdx-multi-select__input){flex:1;min-inline-size:var(--skdx-space-10);color:var(--skdx-color-field-text);background:transparent;border:0;font-size:var(--skdx-font-size-sm)}:where(.skdx-multi-select__trigger){block-size:auto;min-block-size:var(--skdx-control-height-md);padding-block:var(--skdx-space-1);flex-wrap:wrap}}

package/dist/components/navigation-menu.css

@@ -0,0 +1 @@
+@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-navigation-menu){position:relative;display:flex;align-items:center}:where(.skdx-navigation-menu__list){display:flex;align-items:center;gap:var(--skdx-space-1);margin:0;padding:0;list-style:none}:where(.skdx-navigation-menu__trigger),:where(.skdx-navigation-menu__link){display:inline-flex;align-items:center;gap:var(--skdx-space-1);min-block-size:var(--skdx-item-height-lg);padding-inline:var(--skdx-space-3);color:var(--skdx-color-text-default);background:transparent;border:0;border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);text-decoration:none;cursor:pointer}:where(.skdx-navigation-menu__trigger):hover,:where(.skdx-navigation-menu__link):hover,:where(.skdx-navigation-menu__trigger)[data-state=open]{background-color:var(--skdx-color-surface-hover)}:where(.skdx-navigation-menu__link)[aria-current]{color:var(--skdx-color-text-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-navigation-menu__content){padding:var(--skdx-space-4)}:where(.skdx-navigation-menu__item){position:relative;display:flex}:where(.skdx-navigation-menu__indicator){display:flex;justify-content:center;block-size:var(--skdx-border-width-thick);background-color:var(--skdx-color-border-accent);transition:translate var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-navigation-menu__indicator)[hidden]{display:none}:where(.skdx-navigation-menu__viewport){position:relative;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}}

package/dist/components/number-field.css

@@ -0,0 +1 @@
+@import"text-field.css";@layer skdx-components{:where(.skdx-number-field){display:inline-flex;align-items:stretch;background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-number-field)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-number-field)[data-disabled]{background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled)}:where(.skdx-number-field__input){inline-size:100%;block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);color:var(--skdx-color-field-text);background:transparent;border:0;font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;text-align:end}:where(.skdx-number-field__increment),:where(.skdx-number-field__decrement){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-control-height-md);color:var(--skdx-color-text-muted);background-color:var(--skdx-color-surface-default);border:0;border-inline-start:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);cursor:pointer}:where(.skdx-number-field__increment):hover,:where(.skdx-number-field__decrement):hover{background-color:var(--skdx-color-surface-hover);color:var(--skdx-color-text-default)}:where(.skdx-number-field__increment)[data-disabled],:where(.skdx-number-field__decrement)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}}

package/dist/components/pagination.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-pagination__list){display:flex;align-items:center;gap:var(--skdx-item-gap);margin:0;padding:0;list-style:none}:where(.skdx-pagination__link),:where(.skdx-pagination__previous),:where(.skdx-pagination__next){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-control-height-compact);min-block-size:var(--skdx-control-height-compact);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;text-decoration:none;cursor:pointer}:where(.skdx-pagination__item){display:inline-flex}:where(.skdx-pagination__link):hover:not([data-disabled]),:where(.skdx-pagination__previous):hover:not([data-disabled]),:where(.skdx-pagination__next):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-pagination__link)[data-state=active],:where(.skdx-pagination__link)[aria-current=page]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-pagination__link)[data-disabled],:where(.skdx-pagination__previous)[data-disabled],:where(.skdx-pagination__next)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-pagination__ellipsis){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-control-height-compact);color:var(--skdx-color-text-muted)}@media(forced-colors:active){:where(.skdx-pagination__link)[aria-current=page]{background-color:Highlight;color:HighlightText}}:where(.skdx-pagination__first),:where(.skdx-pagination__last){display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--skdx-control-height-compact);min-block-size:var(--skdx-control-height-compact);padding-inline:var(--skdx-space-2);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm);cursor:pointer}:where(.skdx-pagination__first):hover:not([data-disabled]),:where(.skdx-pagination__last):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-pagination__first)[data-disabled],:where(.skdx-pagination__last)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}}

package/dist/components/password-input.css

@@ -0,0 +1 @@
+@import"text-field.css";@layer skdx-components{:where(.skdx-password-input){position:relative;display:flex;align-items:center}:where(.skdx-password-input__field){inline-size:100%;block-size:var(--skdx-control-height-md);padding-inline-start:var(--skdx-control-padding-md);padding-inline-end:var(--skdx-control-height-md);color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-sm)}:where(.skdx-password-input__field):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-password-input__field)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-password-input__toggle){position:absolute;inset-inline-end:0;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-muted);background:transparent;border:0;border-radius:var(--skdx-radius-sm);cursor:pointer}:where(.skdx-password-input__toggle):hover{color:var(--skdx-color-text-default)}}

package/dist/components/pin-input.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-pin-input){display:inline-flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-pin-input__field){inline-size:var(--skdx-control-height-md);min-inline-size:0;flex:none;block-size:var(--skdx-control-height-lg);padding:0;color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-md);font-size:var(--skdx-font-size-lg);font-variant-numeric:tabular-nums;text-align:center}:where(.skdx-pin-input__field):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-pin-input)[data-invalid] :where(.skdx-pin-input__field){border-color:var(--skdx-color-field-border-invalid)}:where(.skdx-pin-input)[data-disabled] :where(.skdx-pin-input__field){background-color:var(--skdx-color-field-bg-disabled);color:var(--skdx-color-text-disabled);cursor:not-allowed}}

package/dist/components/popover.css

@@ -0,0 +1 @@
+@import"../internal/_actuator.css";@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-popover__content){padding:var(--skdx-space-4);max-inline-size:20rem}:where(.skdx-popover__arrow){inline-size:var(--skdx-space-3);block-size:var(--skdx-space-3);rotate:45deg;background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default)}@media(forced-colors:active){:where(.skdx-popover__arrow){background-color:Canvas;border-color:CanvasText}}}

package/dist/components/progress.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-progress){position:relative;display:block;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);inline-size:100%;block-size:var(--skdx-space-2);background-color:var(--skdx-color-track);border-radius:var(--skdx-radius-full)}: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}: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}@media(forced-colors:active){:where(.skdx-progress){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:var(--skdx-control-height-lg);block-size:var(--skdx-control-height-lg)}: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){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){position:absolute;inset:0;border-radius:inherit;background:conic-gradient(var(--skdx-color-track-fill) var(--skdx-progress, 0%),transparent 0);mask-image:inherit;transition:background var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}}

package/dist/components/qr-code.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-qr-code){position:relative;display:inline-block;padding:var(--skdx-space-2);background-color:var(--skdx-color-neutral-50);border-radius:var(--skdx-radius-sm)}:where(.skdx-qr-code__pattern){display:block;inline-size:100%;block-size:auto;fill:var(--skdx-color-neutral-950)}:where(.skdx-qr-code__overlay){color:var(--skdx-color-neutral-50)}@media(forced-colors:active){:where(.skdx-qr-code){forced-color-adjust:none}}:where(.skdx-qr-code__frame){display:block;inline-size:calc(var(--skdx-qr-code-size, 21) * 4px);block-size:calc(var(--skdx-qr-code-size, 21) * 4px);padding:var(--skdx-space-3);background-color:var(--skdx-color-neutral-50);border-radius:var(--skdx-radius-md)}}

package/dist/components/radio-card.css

@@ -0,0 +1 @@
+@import"../internal/_card-control.css";@import"radio-group.css";@layer skdx-components{:where(.skdx-radio-card){display:flex;align-items:flex-start;gap:var(--skdx-space-3);padding:var(--skdx-space-3);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-radius-md);cursor:pointer;transition:border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-radio-card):hover:not([data-disabled]){border-color:var(--skdx-color-border-strong)}:where(.skdx-radio-card)[data-state=checked]{border-color:var(--skdx-color-border-accent);background-color:var(--skdx-color-surface-selected)}:where(.skdx-radio-card)[data-disabled]{background-color:var(--skdx-color-surface-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-radio-card__control){display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-full)}:where(.skdx-radio-card)[data-state=checked] :where(.skdx-radio-card__control){border-color:var(--skdx-color-selection-bg);border-width:var(--skdx-border-width-thicker)}:where(.skdx-radio-card)[data-disabled] :where(.skdx-radio-card__control){background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled)}:where(.skdx-radio-card__label){font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium)}:where(.skdx-radio-card__description){font-size:var(--skdx-font-size-xs);color:var(--skdx-color-text-muted)}@media(forced-colors:active){:where(.skdx-radio-card)[data-state=checked]{border-color:Highlight;border-width:var(--skdx-border-width-thick)}}:where(.skdx-radio-card__indicator){display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-color-selection-bg)}}

package/dist/components/radio-group.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-radio-group){display:flex;flex-direction:column;gap:var(--skdx-space-3)}:where(.skdx-radio-group)[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--skdx-space-4)}:where(.skdx-radio-group__item){cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md);padding:0;min-inline-size:0;background-color:var(--skdx-color-field-bg);border:var(--skdx-border-width-thin) solid var(--skdx-color-field-border);border-radius:var(--skdx-radius-full);transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),border-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-radio-group__item):hover{border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-radio-group__item)[data-state=checked]:hover{box-shadow:0 0 0 var(--skdx-border-width-thick) var(--skdx-color-border-accent)}:where(.skdx-radio-group__item)[data-state=checked]{border-color:var(--skdx-color-selection-bg);border-width:var(--skdx-border-width-thicker);background-color:var(--skdx-color-field-bg)}:where(.skdx-radio-group__indicator){inline-size:50%;block-size:50%;border-radius:var(--skdx-radius-full);background-color:var(--skdx-color-selection-bg)}:where(.skdx-radio-group__item)[data-disabled]{background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-radio-group__item)[data-disabled] :where(.skdx-radio-group__indicator){background-color:var(--skdx-color-text-disabled)}:where(.skdx-radio-group__item)[data-invalid]{border-color:var(--skdx-color-field-border-invalid)}@media(forced-colors:active){:where(.skdx-radio-group__item){border-color:CanvasText}:where(.skdx-radio-group__indicator){background-color:Highlight}:where(.skdx-radio-group__item)[data-disabled]{border-color:GrayText}}:where(.skdx-radio-group__label){font-size:var(--skdx-font-size-sm);color:var(--skdx-color-text-default)}:where(.skdx-radio-group__item)[data-disabled] :where(.skdx-radio-group__label){color:var(--skdx-color-text-disabled)}}

package/dist/components/rating.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-rating){display:inline-flex;align-items:center;gap:var(--skdx-space-1)}:where(.skdx-rating__item){display:inline-flex;color:var(--skdx-color-border-strong);background:transparent;border:0;cursor:pointer;transition:color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-rating__item)[data-state=checked],:where(.skdx-rating__item)[data-highlighted]{color:var(--skdx-color-status-warning-icon)}:where(.skdx-rating)[data-readonly] :where(.skdx-rating__item){cursor:default}:where(.skdx-rating)[data-disabled] :where(.skdx-rating__item){color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-rating__item)[data-state=checked]{color:Highlight}}}

package/dist/components/resizable.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-resizable){display:flex;inline-size:100%}:where(.skdx-resizable)[data-orientation=vertical]{flex-direction:column}:where(.skdx-resizable__panel){overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-resizable__handle){position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:none;inline-size:var(--skdx-space-2);margin-inline:calc(var(--skdx-space-2) / -2);background-color:transparent;border:0;padding:0;cursor:col-resize;touch-action:none}:where(.skdx-resizable)[data-orientation=vertical] :where(.skdx-resizable__handle){inline-size:auto;block-size:var(--skdx-space-2);margin-inline:0;margin-block:calc(var(--skdx-space-2) / -2);cursor:row-resize}:where(.skdx-resizable__handle):after{content:"";background-color:var(--skdx-color-separator);inline-size:var(--skdx-border-width-thin);block-size:100%}:where(.skdx-resizable)[data-orientation=vertical] :where(.skdx-resizable__handle):after{inline-size:100%;block-size:var(--skdx-border-width-thin)}:where(.skdx-resizable__handle):hover:after{background-color:var(--skdx-color-border-accent)}:where(.skdx-resizable__resize-trigger){flex:none;position:relative;z-index:1;inline-size:var(--skdx-space-1);margin-inline:calc(var(--skdx-space-1) / -2);background-color:var(--skdx-color-separator);cursor:col-resize;touch-action:none}:where(.skdx-resizable)[data-orientation=vertical] :where(.skdx-resizable__resize-trigger){inline-size:auto;block-size:var(--skdx-space-1);margin-inline:0;margin-block:calc(var(--skdx-space-1) / -2);cursor:row-resize}:where(.skdx-resizable__resize-trigger):hover,:where(.skdx-resizable__resize-trigger)[data-dragging]{background-color:var(--skdx-color-border-accent)}:where(.skdx-resizable__resize-trigger)[data-disabled]{cursor:default}}

package/dist/components/scroll-area.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-scroll-area){position:relative;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-scroll-area__viewport){inline-size:100%;block-size:100%;overflow:auto;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);scrollbar-width:none}:where(.skdx-scroll-area__viewport)::-webkit-scrollbar{display:none}:where(.skdx-scroll-area__scrollbar){position:absolute;display:flex;padding:2px;background:transparent;transition:opacity var(--skdx-motion-duration-fast) var(--skdx-motion-easing);touch-action:none;user-select:none}:where(.skdx-scroll-area__scrollbar)[hidden]{display:none}:where(.skdx-scroll-area__scrollbar)[data-orientation=vertical]{inset-block:0;inset-inline-end:0;inline-size:var(--skdx-space-2)}:where(.skdx-scroll-area__scrollbar)[data-orientation=horizontal]{inset-inline:0;inset-block-end:0;flex-direction:column;block-size:var(--skdx-space-2)}:where(.skdx-scroll-area__thumb){flex:1;background-color:var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full);min-block-size:var(--skdx-space-6)}:where(.skdx-scroll-area__thumb):hover{background-color:var(--skdx-color-text-muted)}:where(.skdx-scroll-area__corner){background:transparent}}

package/dist/components/segmented-control.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-segmented-control){position:relative;display:inline-flex;align-items:center;gap:0;padding:var(--skdx-border-width-thick);background-color:var(--skdx-color-surface-sunken);border-radius:var(--skdx-radius-md)}:where(.skdx-segmented-control)[data-orientation=vertical]{flex-direction:column;align-items:stretch}:where(.skdx-segmented-control__item){position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--skdx-control-gap-sm);min-block-size:var(--skdx-control-height-compact);padding-inline:var(--skdx-space-3);color:var(--skdx-color-text-muted);background:transparent;border:0;border-radius:var(--skdx-radius-inner);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--skdx-motion-duration-fast) var(--skdx-motion-easing),color var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-segmented-control__item)[data-state=checked],:where(.skdx-segmented-control__item)[aria-checked=true],:where(.skdx-segmented-control__item)[aria-selected=true]{color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-raised);box-shadow:var(--skdx-shadow-sm)}:where(.skdx-segmented-control__item):hover:not([data-disabled]){color:var(--skdx-color-text-default);background-color:var(--skdx-color-surface-hover)}:where(.skdx-segmented-control__item)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-segmented-control__item)[aria-checked=true]{background-color:Highlight;color:HighlightText}}:where(.skdx-segmented-control__indicator){position:absolute;z-index:var(--skdx-z-index-base);inset-block:0;left:0;inline-size:var(--skdx-segmented-control-width, 0);translate:var(--skdx-segmented-control-x, 0) 0;background-color:var(--skdx-color-surface-raised);border-radius:var(--skdx-radius-inner);box-shadow:var(--skdx-shadow-sm);transition:translate var(--skdx-motion-duration-normal) var(--skdx-motion-easing),inline-size var(--skdx-motion-duration-normal) var(--skdx-motion-easing)}:where(.skdx-segmented-control)[data-orientation=vertical] :where(.skdx-segmented-control__indicator){inset-block:auto;inset-inline:0;inline-size:auto;block-size:var(--skdx-segmented-control-height, 0);translate:0 var(--skdx-segmented-control-y, 0)}}

package/dist/components/select.css

@@ -0,0 +1 @@
+@import"../internal/_trigger.css";@import"../internal/_overlay.css";@import"../internal/_collection.css";@layer skdx-components{:where(.skdx-select__content){padding:var(--skdx-overlay-padding)}:where(.skdx-select__content)[data-match-width]{inline-size:var(--skdx-select-trigger-width, auto)}:where(.skdx-select__item-indicator){margin-inline-start:auto}:where(.skdx-select__viewport){padding:0}:where(.skdx-select__item-text){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset)}:where(.skdx-select__icon){display:inline-flex;flex:none;margin-inline-start:auto;inline-size:var(--skdx-icon-size-md);block-size:var(--skdx-icon-size-md);color:var(--skdx-color-text-muted);transition:rotate var(--skdx-motion-duration-fast) var(--skdx-motion-easing)}:where(.skdx-select__trigger)[data-state=open] :where(.skdx-select__icon){rotate:180deg}}

package/dist/components/separator.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-separator){flex:none;border:0;background-color:var(--skdx-color-separator)}:where(.skdx-separator)[data-orientation=horizontal]{inline-size:100%;block-size:var(--skdx-border-width-thin)}:where(.skdx-separator)[data-orientation=vertical]{inline-size:var(--skdx-border-width-thin);align-self:stretch;block-size:auto;min-block-size:var(--skdx-control-height-md)}@media(forced-colors:active){:where(.skdx-separator){background-color:CanvasText}}}

package/dist/components/skeleton.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-skeleton){display:block;background-color:var(--skdx-color-skeleton);border-radius:var(--skdx-radius-sm);user-select:none;animation:skdx-pulse var(--skdx-motion-duration-slow) var(--skdx-motion-easing) infinite}:where(.skdx-skeleton)[data-variant=text]{block-size:1em;border-radius:var(--skdx-radius-inner)}:where(.skdx-skeleton)[data-variant=circle]{border-radius:var(--skdx-radius-full);aspect-ratio:1}@media(forced-colors:active){:where(.skdx-skeleton){background-color:GrayText}}}

package/dist/components/skip-link.css

@@ -0,0 +1 @@
+@import"../base.css";@layer skdx-components{:where(.skdx-skip-link){position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--skdx-z-index-max);inline-size:1px;block-size:1px;overflow:hidden;--skdx-focus-ring-offset: var(--skdx-focus-ring-offset-inset);clip-path:inset(50%);white-space:nowrap}:where(.skdx-skip-link):focus-visible,:where(.skdx-skip-link):focus{inline-size:auto;block-size:auto;overflow:visible;clip-path:none;margin:var(--skdx-space-2);padding-inline:var(--skdx-space-4);padding-block:var(--skdx-space-2);color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-radius:var(--skdx-radius-md);box-shadow:var(--skdx-shadow-lg);font-size:var(--skdx-font-size-sm);font-weight:var(--skdx-font-weight-medium);text-decoration:none}}