@skdx/skins 0.26.0 → 0.28.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 SkandaDX
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -49,7 +49,7 @@ works on its own. The bundle inlines each shared file exactly once.
 alone and you still get a usable interface:
 
 ```ts
-import '@skdx/skins/all.css';   // no tokens
+import '@skdx/skins/all.css'; // no tokens
 ```
 
 Geometry, type and motion come through in full — they are the measurements the
@@ -80,12 +80,12 @@ 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 |
+| Import                              | Contents                                            |
+| ----------------------------------- | --------------------------------------------------- |
+| `@skdx/skins/all.css`               | Everything — 87 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
 
@@ -110,7 +110,7 @@ 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
+_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
@@ -138,12 +138,10 @@ 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">`.
+hand-written markup, so the preview cannot drift from what the gate measures.
 
 `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
+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`,
@@ -161,12 +159,51 @@ 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>
+<Button data-variant="primary" data-size="lg">
+  Save
+</Button>
 ```
 
 `data-variant`: `primary`, `secondary` (default), `outline`, `ghost`, `danger`.
 `data-size`: `sm`, `md` (default), `lg`.
 
+## Adopting the skin on an existing app
+
+Adding this package to an app that already has its own CSS is **not visually
+inert**. Every rule here is inside `@layer skdx-components` and wrapped in
+`:where()`, so your unlayered CSS wins wherever it speaks — but wherever it is
+_silent_, the skin now speaks instead of the browser default.
+
+The cases that move things are the containers that become flex:
+
+| Part                 | What the skin sets                      | What changes                                            |
+| -------------------- | --------------------------------------- | ------------------------------------------------------- |
+| `CardHeader`         | `display: flex; flex-direction: column` | children stack and stretch instead of flowing           |
+| `CardFooter`         | `display: flex` (row)                   | a `<p>` in a footer stops wrapping and sits on one line |
+| `NavigationMenuItem` | `display: flex`                         | a block child is blockified onto the item's axis        |
+
+None of that is a bug — a skin that did not lay its own parts out would not be
+a skin. But it means the migration step is: render each page, find the places
+that used to rely on the browser's block layout, and **declare the layout you
+want on your own class**, not on the `.skdx-*` one:
+
+```css
+/* Yes — your class, unlayered, so it wins with no !important. */
+.footer__col {
+  display: block;
+}
+
+/* No — this is fighting the skin, and it is the thing you never have to do. */
+.skdx-navigation-menu {
+  display: block !important;
+}
+```
+
+One related trap: a component whose children _replace_ what the skin draws
+says so in its slot documentation. `Spinner`'s default slot is "an optional
+custom spinner graphic; omit to style via CSS only" — pass children and you get
+your graphic, not your graphic inside the skin's rotating ring.
+
 ## Customising
 
 Retune a metric rather than rewriting a rule:
@@ -178,12 +215,21 @@ Retune a metric rather than rewriting a rule:
 }
 ```
 
-Recolour through the theme, not through this package — see
-[skin-token-map.md](../../docs/architecture/skin-token-map.md).
+Recolour through the theme, not through this package: the aliases and what each
+resolves to live in
+[`@skdx/tokens`](../tokens/src/utils/aliases.ts).
 
 ## 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)
+- **The styling contract** — which classes and data attributes every part
+  emits, and how stable they are — is documented where it is implemented, at
+  the head of each framework's part helper:
+  [`@skdx/react`](../react/src/utils/part.ts),
+  [`@skdx/svelte`](../svelte/src/lib/utils/part.ts),
+  [`@skdx/web-components`](../web-components/src/internal/part.ts).
+- **The token map** — every alias and what it resolves to — lives with the
+  aliases themselves in [`@skdx/tokens`](../tokens/src/utils/aliases.ts).
+- **Per-component part and state coverage** is not a document but a gate:
+  `pnpm verify:skin-parts` ([`scripts/skin-parts.mjs`](../../scripts/skin-parts.mjs))
+  reports every part a skin styles and every one it misses.
+- **Breaking changes** are in [`docs/MIGRATION.md`](../../docs/MIGRATION.md).

package/dist/base.css

@@ -1 +1 @@
-@layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--skdx-font-family-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--skdx-font-size-xs: .75rem;--skdx-font-size-sm: .875rem;--skdx-font-size-md: 1rem;--skdx-font-size-lg: 1.125rem;--skdx-font-size-xl: 1.25rem;--skdx-font-size-2xl: 1.5rem;--skdx-font-size-3xl: 1.875rem;--skdx-font-weight-regular: 400;--skdx-font-weight-medium: 500;--skdx-font-weight-semibold: 600;--skdx-font-weight-bold: 700;--skdx-font-line-height-tight: 1.25;--skdx-font-line-height-snug: 1.43;--skdx-font-line-height-normal: 1.5;--skdx-font-line-height-relaxed: 1.75;--skdx-font-letter-spacing-tight: -.015em;--skdx-font-letter-spacing-normal: 0em;--skdx-font-letter-spacing-wide: .025em;--skdx-font-letter-spacing-wider: .05em;--skdx-space-1: .25rem;--skdx-space-2: .5rem;--skdx-space-3: .75rem;--skdx-space-4: 1rem;--skdx-space-5: 1.25rem;--skdx-space-6: 1.5rem;--skdx-space-8: 2rem;--skdx-space-10: 2.5rem;--skdx-space-12: 3rem;--skdx-space-16: 4rem;--skdx-radius-sm: .25rem;--skdx-radius-inner: .375rem;--skdx-radius-md: .5rem;--skdx-radius-lg: .75rem;--skdx-radius-xl: 1rem;--skdx-radius-full: 9999px;--skdx-motion-duration-instant: 0ms;--skdx-motion-duration-fast: .1s;--skdx-motion-duration-normal: .2s;--skdx-motion-duration-slow: .3s;--skdx-motion-easing: cubic-bezier(.16, 1, .3, 1);--skdx-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--skdx-motion-easing-steady: cubic-bezier(.4, 0, .2, 1);--skdx-motion-easing-linear: linear;--skdx-motion-stagger-tight: 4ms;--skdx-motion-stagger-loose: 40ms;--skdx-z-index-base: 0;--skdx-z-index-dropdown: 10;--skdx-z-index-sticky: 20;--skdx-z-index-overlay: 30;--skdx-z-index-modal: 35;--skdx-z-index-popover: 40;--skdx-z-index-toast: 50;--skdx-z-index-max: 9999;--skdx-focus-ring-width: 2px;--skdx-focus-ring-offset: 2px;--skdx-focus-ring-offset-inset: calc(-1 * var(--skdx-focus-ring-width));--skdx-border-width-thin: 1px;--skdx-border-width-thick: 2px;--skdx-border-width-thicker: 4px;--skdx-opacity-disabled: .5;--skdx-opacity-scrim: .6;--skdx-control-height-sm: 1.875rem;--skdx-control-height-md: 2.25rem;--skdx-control-height-lg: 2.625rem;--skdx-control-height-compact: 2rem;--skdx-control-padding-sm: .625rem;--skdx-control-padding-md: var(--skdx-space-3);--skdx-control-padding-lg: var(--skdx-space-4);--skdx-control-gap-sm: var(--skdx-space-1);--skdx-control-gap-md: var(--skdx-space-2);--skdx-control-gap-lg: var(--skdx-space-2);--skdx-icon-size-sm: 1rem;--skdx-icon-size-md: 1.25rem;--skdx-icon-size-lg: 1.5rem;--skdx-indicator-size-sm: 1rem;--skdx-indicator-size-md: 1.25rem;--skdx-indicator-size-lg: 1.5rem;--skdx-item-height-sm: 1.75rem;--skdx-item-height-md: 2.25rem;--skdx-item-height-lg: 2.5rem;--skdx-item-gap: 2px;--skdx-overlay-padding: var(--skdx-space-1);--skdx-overlay-radius: var(--skdx-radius-lg);--skdx-overlay-min-width: 7.5rem;--skdx-field-gap: var(--skdx-space-1);--skdx-field-label-gap: var(--skdx-space-1);--skdx-target-min: 24px}@media(pointer:coarse){:root{--skdx-control-height-sm: 2.25rem;--skdx-control-height-md: 2.75rem;--skdx-control-height-lg: 3rem;--skdx-control-height-compact: 2.75rem;--skdx-item-height-sm: 2.25rem;--skdx-item-height-md: 2.75rem;--skdx-item-height-lg: 3rem;--skdx-target-min: 44px}}}@layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-shadow-sm: none;--skdx-shadow-md: none;--skdx-shadow-lg: none;--skdx-shadow-overlay: none;--skdx-color-surface-page: Canvas;--skdx-color-surface-raised: Canvas;--skdx-color-surface-default: ButtonFace;--skdx-color-surface-sunken: ButtonFace;--skdx-color-surface-hover: color-mix(in srgb, CanvasText 8%, Canvas);--skdx-color-surface-pressed: color-mix(in srgb, CanvasText 16%, Canvas);--skdx-color-surface-selected: Highlight;--skdx-color-surface-disabled: ButtonFace;--skdx-color-surface-inverse: CanvasText;--skdx-color-text-on-inverse: Canvas;--skdx-color-text-default: CanvasText;--skdx-color-text-muted: GrayText;--skdx-color-text-disabled: GrayText;--skdx-color-text-placeholder: GrayText;--skdx-color-text-on-accent: AccentColorText;--skdx-color-text-accent: LinkText;--skdx-color-text-danger: CanvasText;--skdx-color-text-success: CanvasText;--skdx-color-text-warning: CanvasText;--skdx-color-text-info: CanvasText;--skdx-color-border-default: color-mix(in srgb, CanvasText 45%, Canvas);--skdx-color-border-strong: CanvasText;--skdx-color-border-subtle: color-mix(in srgb, CanvasText 25%, Canvas);--skdx-color-border-accent: AccentColor;--skdx-color-border-disabled: GrayText;--skdx-color-border-danger: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-success: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-warning: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-action-primary-bg: AccentColor;--skdx-color-action-primary-bg-hover: AccentColor;--skdx-color-action-primary-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%)}}
+@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;visibility:hidden}}@keyframes skdx-zoom-in{0%{opacity:0;transform:scale(.96)}}@keyframes skdx-zoom-out{to{opacity:0;transform:scale(.96);visibility:hidden}}@keyframes skdx-slide-in-from-top{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes skdx-slide-in-from-bottom{0%{opacity:0;transform:translateY(.5rem)}}@keyframes skdx-slide-in-from-start{0%{opacity:0;transform:translate(-.5rem)}}@keyframes skdx-slide-in-from-end{0%{opacity:0;transform:translate(.5rem)}}@keyframes skdx-spin{to{transform:rotate(360deg)}}@keyframes skdx-pulse{50%{opacity:.5}}@keyframes skdx-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}

package/dist/components/affix.css

@@ -1 +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}}
+@import"../base.css";@layer skdx-components{:where(.skdx-affix){position:sticky;inset-block-start:var(--skdx-affix-offset-top, 0px);inset-block-end:var(--skdx-affix-offset-bottom, auto);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)}@media(forced-colors:active){:where(.skdx-affix)[data-state=affixed]{border-block-end:var(--skdx-border-width-thin) solid CanvasText}}:where(.skdx-affix)[data-state=affixed]~*,:where(.skdx-affix)[data-state=affixed]~* :where(:target,a[href],button,input,select,textarea,[tabindex]){scroll-margin-block-start:var(--skdx-affix-height, 0px)}:where([data-skdx-affix-sentinel]){pointer-events:none}}

package/dist/components/alert-dialog.css

@@ -1 +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)}}
+@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-overlay-radius);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);flex-wrap:wrap}}

package/dist/components/alert.css

@@ -1 +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)}}
+@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)[data-variant=solid]{background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg))}:where(.skdx-alert)[data-variant=outline]{background-color:transparent}: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

@@ -1 +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}}
+@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;--skdx-angle-slider-radius: 2.5rem;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;transform:rotate(var(--skdx-angle-slider-angle, 0deg)) translateY(calc(-1 * var(--skdx-angle-slider-radius)))}: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;inset-block-start:50%;inset-inline-start:50%;inline-size:var(--skdx-border-width-thin);block-size:var(--skdx-space-1);background-color:var(--skdx-color-border-strong);transform-origin:center;transform:translate(-50%,-50%) rotate(var(--skdx-angle-slider-mark-angle, 0deg)) translateY(calc(-1 * var(--skdx-angle-slider-radius)))}:where(.skdx-angle-slider)[data-dragging] :where(.skdx-angle-slider__thumb){cursor:grabbing;transition:none}:where(.skdx-angle-slider)[data-readonly]{border-color:var(--skdx-color-border-subtle)}:where(.skdx-angle-slider)[data-readonly] :where(.skdx-angle-slider__thumb){cursor:default}:where(.skdx-angle-slider__mark)[data-state=active]{background-color:var(--skdx-color-track-fill)}:where(.skdx-angle-slider__mark):not(:empty){background-color:transparent;inline-size:auto;block-size:auto}:where(.skdx-angle-slider)[data-disabled] :where(.skdx-angle-slider__thumb){background-color:var(--skdx-color-border-disabled);cursor:not-allowed}@media(forced-colors:active){:where(.skdx-angle-slider){border-color:CanvasText}:where(.skdx-angle-slider__thumb){background-color:Highlight;outline:var(--skdx-border-width-thin) solid CanvasText}:where(.skdx-angle-slider__mark){background-color:CanvasText}:where(.skdx-angle-slider__mark)[data-state=active]{background-color:Highlight}}}

package/dist/components/aspect-ratio.css

@@ -1 +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}}
+@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)>:where(img,video,iframe,canvas,svg){display:block;inline-size:100%;block-size:100%;object-fit:cover}}

package/dist/components/autocomplete.css

@@ -1 +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}}
+@import"../internal/_trigger.css";@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)::placeholder{color:var(--skdx-color-text-placeholder);opacity:1}:where(.skdx-autocomplete__input):focus-visible{border-color:var(--skdx-color-field-border-focus)}:where(.skdx-autocomplete__input)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-autocomplete__input):disabled{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);cursor:not-allowed}: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}:where(.skdx-autocomplete__clear){display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:transparent;border:0;cursor:pointer}:where(.skdx-autocomplete__clear):hover:not(:disabled){color:var(--skdx-color-text-danger)}:where(.skdx-autocomplete__clear):disabled{color:var(--skdx-color-text-disabled);cursor:default}}

package/dist/components/avatar.css

@@ -1 +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)}}
+@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=md]{inline-size:var(--skdx-control-height-md);block-size:var(--skdx-control-height-md);font-size:var(--skdx-font-size-sm)}: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=circle]{border-radius:var(--skdx-radius-full)}:where(.skdx-avatar)[data-shape=rounded]{border-radius:var(--skdx-radius-lg)}:where(.skdx-avatar)[data-shape=square]{border-radius:var(--skdx-radius-md)}}

package/dist/components/badge.css

@@ -1 +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}}}
+@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=outline]{color:var(--skdx-status-text, var(--skdx-color-status-neutral-text));background-color:transparent;border-color:var(--skdx-status-border, var(--skdx-color-status-neutral-border))}:where(.skdx-badge)[data-variant=subtle]{color:var(--skdx-status-text, var(--skdx-color-status-neutral-text));background-color:var(--skdx-status-bg, var(--skdx-color-status-neutral-bg));border-color:transparent}:where(.skdx-badge)[data-dot]{inline-size:var(--skdx-space-2);min-inline-size:0;block-size:var(--skdx-space-2);padding:0;overflow:hidden;font-size:0;border-radius:var(--skdx-radius-full)}:where(.skdx-badge)[data-shape=pill]{border-radius:var(--skdx-radius-full)}:where(.skdx-badge)[data-shape=rounded]{border-radius:var(--skdx-radius-sm)}:where(.skdx-badge__leading),:where(.skdx-badge__trailing){display:inline-flex;align-items:center;justify-content:center;flex:none}@media(forced-colors:active){:where(.skdx-badge){border-color:CanvasText}}}

package/dist/components/box.css

@@ -0,0 +1 @@
+@import"../base.css";

package/dist/components/breadcrumb.css

@@ -1 +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)}}
+@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)}:where([dir=rtl]) :where(.skdx-breadcrumb__separator){scale:-1 1}:where(.skdx-breadcrumb__ellipsis){color:var(--skdx-color-text-muted)}}

package/dist/components/button.css

@@ -1 +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}}
+@import"../base.css";@import"../internal/_status.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)[aria-pressed=true]{background-color:var(--skdx-color-action-secondary-bg-pressed)}:where(.skdx-button)[data-size=md]{block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-control-padding-md);gap:var(--skdx-control-gap-md);font-size:var(--skdx-font-size-sm)}: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=secondary]{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)[data-variant=secondary]:hover{background-color:var(--skdx-color-action-secondary-bg-hover);border-color:var(--skdx-color-field-border-hover)}:where(.skdx-button)[data-variant=secondary]:active,:where(.skdx-button)[data-variant=secondary][aria-pressed=true]{background-color:var(--skdx-color-action-secondary-bg-pressed)}: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][aria-pressed=true]{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][aria-pressed=true]{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][aria-pressed=true]{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][aria-pressed=true]{background-color:var(--skdx-color-action-ghost-bg-pressed)}:where(.skdx-button)[data-status=neutral]{--skdx-status-bg: var(--skdx-color-action-secondary-bg);--skdx-status-border: var(--skdx-color-action-secondary-border);--skdx-status-text: var(--skdx-color-action-secondary-text)}:where(.skdx-button)[data-status=brand]{--skdx-status-bg: var(--skdx-color-action-primary-bg);--skdx-status-border: var(--skdx-color-action-primary-border);--skdx-status-text: var(--skdx-color-action-primary-text)}:where(.skdx-button)[data-status]{color:var(--skdx-status-text, var(--skdx-color-action-secondary-text));background-color:var(--skdx-status-bg, var(--skdx-color-action-secondary-bg));border-color:var(--skdx-status-border, var(--skdx-color-action-secondary-border))}:where(.skdx-button)[data-status]:hover:not(:disabled,[data-disabled],[aria-disabled=true]){border-color:var(--skdx-status-text, var(--skdx-color-action-secondary-text));box-shadow:var(--skdx-shadow-sm)}:where(.skdx-button)[data-status]:active,:where(.skdx-button)[data-status][aria-pressed=true]{box-shadow:none;translate:0 1px}:where(.skdx-button)[data-status][data-variant=outline]{background-color:transparent}:where(.skdx-button)[data-status][data-variant=ghost]{background-color:transparent;border-color:transparent}: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-loading]:before{content:"";inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);border:var(--skdx-border-width-thick) solid currentColor;border-inline-end-color:transparent;border-radius:var(--skdx-radius-full);animation:skdx-spin var(--skdx-motion-duration-slow) var(--skdx-motion-easing-linear) infinite}: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

@@ -1 +1 @@
-@import"../base.css";@layer skdx-components{:where(.skdx-calendar){display:inline-flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-space-3)}:where(.skdx-calendar__header){display:flex;align-items:center;justify-content:space-between;gap:var(--skdx-space-2)}:where(.skdx-calendar__heading){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)}}
+@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-range-start]{border-start-end-radius:0;border-end-end-radius:0}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-range-end]{border-start-start-radius:0;border-end-start-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-unavailable]{text-decoration:line-through;text-decoration-thickness:var(--skdx-border-width-thick);cursor:not-allowed}: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__cell,.skdx-calendar__day)[data-range-middle]{background-color:Highlight;color:HighlightText}:where(.skdx-calendar__cell,.skdx-calendar__day)[data-unavailable]{text-decoration-color:CanvasText}}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid){display:grid;grid-template-columns:repeat(4,1fr);gap:var(--skdx-space-1)}:where(.skdx-calendar__month-grid,.skdx-calendar__year-grid)>*>[role=row]{display:contents}:where(.skdx-calendar__view-cell){display:inline-flex;align-items:center;justify-content:center;padding-block:var(--skdx-space-2);padding-inline:var(--skdx-space-1);color:var(--skdx-color-text-default);background:transparent;border:var(--skdx-border-width-thin) solid transparent;border-radius:var(--skdx-radius-sm);font-size:var(--skdx-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer}:where(.skdx-calendar__view-cell):hover:not([data-disabled]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-calendar__view-cell)[data-today]{border-color:var(--skdx-color-border-accent);font-weight:var(--skdx-font-weight-semibold)}:where(.skdx-calendar__view-cell)[data-state=selected]{color:var(--skdx-color-action-primary-text);background-color:var(--skdx-color-action-primary-bg);border-color:var(--skdx-color-action-primary-bg)}:where(.skdx-calendar__view-cell)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-calendar__week-number,.skdx-calendar__week-number-header){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-item-height-md);color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-variant-numeric:tabular-nums}:where(.skdx-calendar__grid-head){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-xs);font-weight:var(--skdx-font-weight-medium)}}

package/dist/components/card.css

@@ -1 +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}}}
+@import"../base.css";@layer skdx-components{:where(.skdx-card){display:flex;flex-direction:column;--skdx-card-padding: var(--skdx-space-4);--skdx-card-radius: var(--skdx-radius-lg);background-color:var(--skdx-color-surface-raised);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-default);border-radius:var(--skdx-card-radius);color:var(--skdx-color-text-default)}:where(.skdx-card)[data-elevation=raised]{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-interactive]:focus-visible{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);box-shadow:inset 0 0 0 var(--skdx-border-width-thin) var(--skdx-color-border-accent)}:where(.skdx-card__media){overflow:hidden;border-start-start-radius:calc(var(--skdx-card-radius) - var(--skdx-border-width-thin));border-start-end-radius:calc(var(--skdx-card-radius) - var(--skdx-border-width-thin))}:where(.skdx-card__media)>:where(img,video,picture,canvas,svg){display:block;inline-size:100%;block-size:auto;object-fit:cover}:where(.skdx-card__header){display:flex;flex-direction:column;gap:var(--skdx-space-2);padding:var(--skdx-card-padding)}: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-card-padding);padding-block-start:0}:where(.skdx-card__footer){display:flex;align-items:center;gap:var(--skdx-space-2);padding:var(--skdx-card-padding);padding-block-start:0}@media(forced-colors:active){:where(.skdx-card){border-color:CanvasText}:where(.skdx-card)[data-selected]{box-shadow:inset 0 0 0 var(--skdx-border-width-thin) Highlight;outline:var(--skdx-border-width-thin) solid Highlight}}}

package/dist/components/carousel.css

@@ -1 +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}}
+@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__indicators){display:flex;align-items:center;gap:var(--skdx-space-2)}:where(.skdx-carousel__progress){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm)}:where(.skdx-carousel__indicator){position:relative;inline-size:var(--skdx-space-2);block-size:var(--skdx-space-2);padding:0;background-color:var(--skdx-color-track);border:var(--skdx-border-width-thin) solid var(--skdx-color-border-strong);border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-carousel__indicator):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-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

@@ -1 +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)}}
+@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)[data-readonly]{cursor:default}:where(.skdx-checkbox-card)[data-readonly]:hover{border-color:var(--skdx-color-border-default)}: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-indicator-size-md);block-size:var(--skdx-indicator-size-md);color:transparent;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-size:var(--skdx-font-size-xs);line-height:1}:where(.skdx-checkbox-card)[data-state=checked] :where(.skdx-checkbox-card__indicator){color:var(--skdx-color-selection-mark);background-color:var(--skdx-color-selection-bg);border-color:var(--skdx-color-selection-bg)}:where(.skdx-checkbox-card)[data-disabled] :where(.skdx-checkbox-card__indicator){background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);color:var(--skdx-color-text-disabled)}@media(forced-colors:active){:where(.skdx-checkbox-card__indicator){border-color:CanvasText}:where(.skdx-checkbox-card)[data-state=checked] :where(.skdx-checkbox-card__indicator){background-color:Highlight;border-color:Highlight;color:HighlightText}}:where(.skdx-checkbox-card)[data-size=sm]{padding:var(--skdx-space-2);gap:var(--skdx-space-2)}:where(.skdx-checkbox-card)[data-size=sm] :where(.skdx-checkbox-card__label){font-size:var(--skdx-font-size-xs)}:where(.skdx-checkbox-card)[data-size=md]{padding:var(--skdx-space-3);gap:var(--skdx-space-3)}:where(.skdx-checkbox-card)[data-size=lg]{padding:var(--skdx-space-4);gap:var(--skdx-space-4)}:where(.skdx-checkbox-card)[data-size=lg] :where(.skdx-checkbox-card__label){font-size:var(--skdx-font-size-md)}}

package/dist/components/checkbox-group.css

@@ -1 +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)}}
+@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=vertical]{flex-direction:column;flex-wrap:nowrap;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)[data-max-reached]{cursor:not-allowed;opacity:var(--skdx-opacity-disabled)}:where(.skdx-checkbox-group)[data-readonly] :where(.skdx-checkbox-group__item),:where(.skdx-checkbox-group)[data-readonly] :where(.skdx-checkbox-group__select-all){cursor:default}: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

@@ -1 +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)}}
+@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-readonly]{cursor:default}: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=md]{inline-size:var(--skdx-indicator-size-md);block-size:var(--skdx-indicator-size-md)}: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

@@ -1 +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)}}
+@import"../base.css";@layer skdx-components{:where(.skdx-clipboard),:where(.skdx-clipboard)[data-size=md]{--skdx-clipboard-block-size: var(--skdx-control-height-md);--skdx-clipboard-padding-inline: var(--skdx-control-padding-md);--skdx-clipboard-font-size: var(--skdx-font-size-sm);--skdx-clipboard-input-font-size: var(--skdx-font-size-xs)}:where(.skdx-clipboard)[data-size=sm]{--skdx-clipboard-block-size: var(--skdx-control-height-sm);--skdx-clipboard-padding-inline: var(--skdx-control-padding-sm);--skdx-clipboard-font-size: var(--skdx-font-size-xs);--skdx-clipboard-input-font-size: var(--skdx-font-size-xs)}:where(.skdx-clipboard)[data-size=lg]{--skdx-clipboard-block-size: var(--skdx-control-height-lg);--skdx-clipboard-padding-inline: var(--skdx-control-padding-lg);--skdx-clipboard-font-size: var(--skdx-font-size-md);--skdx-clipboard-input-font-size: var(--skdx-font-size-sm)}: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-clipboard-block-size, var(--skdx-control-height-md));padding-inline:var(--skdx-clipboard-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-clipboard-input-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-clipboard-block-size, var(--skdx-control-height-md));padding-inline:var(--skdx-clipboard-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-clipboard-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__trigger)[data-state=error]{color:var(--skdx-color-status-danger-text);border-color:var(--skdx-color-status-danger-border);background-color:var(--skdx-color-status-danger-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)[data-state=error] :where(.skdx-clipboard__indicator){color:var(--skdx-color-text-danger)}: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/color-picker.css

@@ -1 +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)}}
+@import"../internal/_overlay.css";@layer skdx-components{:where(.skdx-color-picker){display:inline-flex;flex-direction:column;gap:var(--skdx-space-3);--skdx-color-picker-area-height: 8rem;--skdx-color-picker-track-thickness: var(--skdx-space-3);--skdx-color-picker-swatch-size: var(--skdx-control-height-md)}:where(.skdx-color-picker)[data-size=sm]{--skdx-color-picker-area-height: 6rem;--skdx-color-picker-track-thickness: var(--skdx-space-2);--skdx-color-picker-swatch-size: var(--skdx-control-height-sm)}:where(.skdx-color-picker)[data-size=lg]{--skdx-color-picker-area-height: 12rem;--skdx-color-picker-track-thickness: var(--skdx-space-4);--skdx-color-picker-swatch-size: var(--skdx-control-height-lg)}:where(.skdx-color-picker)[data-full-width]{display:flex;inline-size:100%}:where(.skdx-color-picker__area){position:relative;inline-size:100%;min-block-size:var(--skdx-color-picker-area-height, 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-color-picker-track-thickness, 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-color-picker-swatch-size, var(--skdx-control-height-md));block-size:var(--skdx-color-picker-swatch-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){min-block-size:var(--skdx-control-height-sm);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

@@ -1 +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}}
+@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),:where(.skdx-combobox__input)[data-size=md]{--skdx-combobox-block-size: var(--skdx-control-height-md);--skdx-combobox-padding-inline: var(--skdx-control-padding-md);--skdx-combobox-font-size: var(--skdx-font-size-sm)}:where(.skdx-combobox__input)[data-size=sm]{--skdx-combobox-block-size: var(--skdx-control-height-sm);--skdx-combobox-padding-inline: var(--skdx-control-padding-sm);--skdx-combobox-font-size: var(--skdx-font-size-xs)}:where(.skdx-combobox__input)[data-size=lg]{--skdx-combobox-block-size: var(--skdx-control-height-lg);--skdx-combobox-padding-inline: var(--skdx-control-padding-lg);--skdx-combobox-font-size: var(--skdx-font-size-md)}:where(.skdx-combobox__input),:where(.skdx-combobox__input)[data-shape=rounded]{--skdx-combobox-radius: var(--skdx-radius-md)}:where(.skdx-combobox__input)[data-shape=square]{--skdx-combobox-radius: 0}:where(.skdx-combobox__input){inline-size:100%;block-size:var(--skdx-combobox-block-size);padding-inline:var(--skdx-combobox-padding-inline);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-combobox-radius);font-size:var(--skdx-combobox-font-size)}: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}:where(.skdx-combobox__clear){display:inline-flex;align-items:center;justify-content:center;color:var(--skdx-color-text-muted);background:transparent;border:0;cursor:pointer}:where(.skdx-combobox__clear):hover:not(:disabled){color:var(--skdx-color-text-danger)}:where(.skdx-combobox__clear):disabled{color:var(--skdx-color-text-disabled);cursor:default}}

package/dist/components/command.css

@@ -1 +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}}
+@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,.skdx-command__empty){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

@@ -1 +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)}}
+@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)}@media(forced-colors:active){:where(.skdx-context-menu__item,.skdx-context-menu__checkbox-item,.skdx-context-menu__radio-item,.skdx-context-menu__sub-trigger):is(:focus,:hover){background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}

package/dist/components/data-list.css

@@ -1 +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)}}
+@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)[data-density=compact]{gap:var(--skdx-space-1) var(--skdx-space-2);font-size:var(--skdx-font-size-xs)}:where(.skdx-data-list)[data-density=compact][data-orientation=vertical]{gap:0}: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

@@ -1 +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}}}
+@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,.skdx-time-field)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-date-field,.skdx-time-field)[data-disabled]{background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled)}:where(.skdx-date-field,.skdx-time-field)[data-readonly]{background-color:transparent;border-color:transparent}:where(.skdx-date-field,.skdx-time-field)[data-readonly] :where(.skdx-date-field__segment,.skdx-time-field__segment){color:var(--skdx-color-text-muted)}:where(.skdx-date-field,.skdx-time-field)[data-readonly] :where(.skdx-date-field__segment,.skdx-time-field__segment):focus-visible{background-color:transparent;color:var(--skdx-color-text-muted);outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}: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,.skdx-time-field__segment):focus-visible{background-color:Highlight;color:HighlightText}:where(.skdx-date-field,.skdx-time-field)[data-readonly] :where(.skdx-date-field__segment,.skdx-time-field__segment){color:GrayText}}}

package/dist/components/date-picker.css

@@ -1 +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)}}
+@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__trigger)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}@media(forced-colors:active){:where(.skdx-date-picker__trigger)[data-invalid]{border-style:double}}:where(.skdx-date-picker__close){inline-size:auto;padding-inline:var(--skdx-control-padding-md)}}

package/dist/components/dialog.css

@@ -1 +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}}
+@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(.skdx-dialog__content[data-size=sm]){inline-size:min(24rem,calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=md]){inline-size:min(32rem,calc(100vw - var(--skdx-space-8)))}:where(.skdx-dialog__content[data-size=lg]){inline-size:min(48rem,calc(100vw - var(--skdx-space-8)))}: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

@@ -1 +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}}
+@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-overlay-radius);border-bottom-right-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=right]{inset-block:0;right:0;inline-size:min(20rem,90vw);border-top-left-radius:var(--skdx-overlay-radius);border-bottom-left-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=top]{inset-inline:0;inset-block-start:0;block-size:auto;border-end-start-radius:var(--skdx-overlay-radius);border-end-end-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=bottom]{inset-inline:0;inset-block-end:0;block-size:auto;border-start-start-radius:var(--skdx-overlay-radius);border-start-end-radius:var(--skdx-overlay-radius)}:where(.skdx-drawer__content)[data-side=left][data-size=sm],:where(.skdx-drawer__content)[data-side=right][data-size=sm]{inline-size:min(16rem,90vw)}:where(.skdx-drawer__content)[data-side=left][data-size=md],:where(.skdx-drawer__content)[data-side=right][data-size=md]{inline-size:min(20rem,90vw)}:where(.skdx-drawer__content)[data-side=left][data-size=lg],:where(.skdx-drawer__content)[data-side=right][data-size=lg]{inline-size:min(30rem,90vw)}:where(.skdx-drawer__content)[data-side=top][data-size=sm],:where(.skdx-drawer__content)[data-side=bottom][data-size=sm]{block-size:min(12rem,90dvh)}:where(.skdx-drawer__content)[data-side=top][data-size=md],:where(.skdx-drawer__content)[data-side=bottom][data-size=md]{block-size:min(20rem,90dvh)}:where(.skdx-drawer__content)[data-side=top][data-size=lg],:where(.skdx-drawer__content)[data-side=bottom][data-size=lg]{block-size:min(30rem,90dvh)}: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

@@ -1 +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}}}
+@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}}:where(.skdx-dropdown-menu__content,.skdx-dropdown-menu__sub-content)[data-size=sm] :is(.skdx-dropdown-menu__item,.skdx-dropdown-menu__checkbox-item,.skdx-dropdown-menu__radio-item,.skdx-dropdown-menu__sub-trigger){min-block-size:var(--skdx-item-height-sm);padding-block:var(--skdx-space-1);font-size:var(--skdx-font-size-xs)}:where(.skdx-dropdown-menu__content,.skdx-dropdown-menu__sub-content)[data-size=lg] :is(.skdx-dropdown-menu__item,.skdx-dropdown-menu__checkbox-item,.skdx-dropdown-menu__radio-item,.skdx-dropdown-menu__sub-trigger){min-block-size:var(--skdx-item-height-lg);padding-block:var(--skdx-space-3);font-size:var(--skdx-font-size-md)}@media(forced-colors:active){:where(.skdx-dropdown-menu__item,.skdx-dropdown-menu__checkbox-item,.skdx-dropdown-menu__radio-item,.skdx-dropdown-menu__sub-trigger):is(:focus,:hover){background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}

package/dist/components/editable.css

@@ -1 +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}}
+@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__label){color:var(--skdx-color-text-muted);font-size:var(--skdx-font-size-sm);cursor:default}: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:not([data-disabled],[data-readonly]){background-color:var(--skdx-color-surface-hover)}:where(.skdx-editable__preview)[data-empty]{color:var(--skdx-color-text-placeholder)}:where(.skdx-editable__preview)[data-disabled]{color:var(--skdx-color-text-disabled);cursor:not-allowed}:where(.skdx-editable__preview)[data-readonly]{cursor:default}:where(.skdx-editable__preview)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);color:var(--skdx-color-text-danger)}: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-sm);font:inherit;resize:vertical}:where(.skdx-editable__input,.skdx-editable__textarea)[data-invalid]{border-color:var(--skdx-color-field-border-invalid);border-width:var(--skdx-border-width-thick)}:where(.skdx-editable__input):disabled,:where(.skdx-editable__textarea):disabled{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-editable__input):read-only,:where(.skdx-editable__textarea):read-only{background-color:var(--skdx-color-field-bg-readonly);cursor:default}@media(forced-colors:active){:where(.skdx-editable__preview)[data-invalid],:where(.skdx-editable__input)[data-invalid],:where(.skdx-editable__textarea)[data-invalid]{border-color:LinkText;border-style:dashed}:where(.skdx-editable__preview)[data-disabled],:where(.skdx-editable__input):disabled,:where(.skdx-editable__textarea):disabled{color:GrayText}}}

package/dist/components/field.css

@@ -1 +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)}}
+@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)[data-density=compact]{gap:var(--skdx-space-1)}:where(.skdx-field)[data-density=compact][data-orientation=horizontal]{gap:var(--skdx-space-2)}: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),:where(.skdx-field)[data-disabled] :where(.skdx-field__label){color:var(--skdx-color-text-disabled)}:where(.skdx-field__required-indicator){color:var(--skdx-color-text-danger);margin-inline-start:var(--skdx-space-1)}@media(forced-colors:active){:where(.skdx-field__required-indicator){color:CanvasText}}@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)}}