@skdx/skins 0.28.0 → 0.29.0

package/README.md

@@ -1,208 +1,188 @@
 # @skdx/skins
 
-The default SkandaDX component skin: framework-neutral CSS that turns the
-headless components into finished ones.
+Framework-neutral CSS that styles the SkandaDX core components. No JavaScript, no framework dependency, no runtime style injection. Works with React, Vue, Svelte, Angular and Web Components, in SSR.
 
+```text
+core component  +  component skin  +  design tokens  =  styled component
 ```
-headless component  +  component skin  +  design tokens  =  styled component
-```
-
-No JavaScript. No framework dependency. Works with React, Vue, Svelte, Angular
-and Web Components, in SSR, with no runtime style injection.
 
 ## Install
 
 ```sh
-pnpm add @skdx/skins @skdx/tokens
+pnpm add @skdx/skins
+```
+
+Optionally, add design tokens for colour and motion:
+
+```sh
+pnpm add @skdx/tokens
 ```
 
 ## Use
 
+**Tokens then skin**, in that order — every colour in the skin resolves through a `--skdx-*` custom property the tokens declare:
+
 ```ts
-import '@skdx/tokens/css';   // required — this package declares no colours
+import '@skdx/tokens/css'; // optional; see "Without tokens" below
 import '@skdx/skins/all.css';
+```
 
+Then render a component in your framework of choice. The skin brings no framework dependency, so the same stylesheet works everywhere:
+
+```tsx
+// React
 import { Button } from '@skdx/react';
 
 export function Example() {
-  return (
-    <Button variant="primary" size="md" className="product-save-button">
-      Save changes
-    </Button>
-  );
+  return <Button>Save</Button>;
 }
 ```
 
-Per component, to ship less CSS:
-
-```ts
-import '@skdx/tokens/css';
-import '@skdx/skins/components/button.css';
+```vue
+<!-- Vue -->
+<script setup>
+import { SkdxButton } from '@skdx/vue';
+</script>
+<template>
+  <SkdxButton>Save</SkdxButton>
+</template>
 ```
 
-Each component file imports the shared primitives it needs, so a single import
-works on its own. The bundle inlines each shared file exactly once.
-
-## Without tokens
+```svelte
+<!-- Svelte -->
+<script>
+  import { Button } from '@skdx/svelte';
+</script>
 
-`@skdx/tokens` is a peer dependency, not a hard requirement. Import the skin
-alone and you still get a usable interface:
+<Button>Save</Button>
+```
 
 ```ts
-import '@skdx/skins/all.css'; // no tokens
+// Angular
+import { Component } from '@angular/core';
+
+import { SkdxButtonComponent } from '@skdx/angular';
+
+@Component({
+  selector: 'app-example',
+  standalone: true,
+  imports: [SkdxButtonComponent],
+  template: '<skdx-button>Save</skdx-button>',
+})
+export class ExampleComponent {}
+```
+
+```html
+<!-- Web Components -->
+<script type="module">
+  import '@skdx/web-components/button';
+</script>
+<skdx-button>Save</skdx-button>
 ```
 
-Geometry, type and motion come through in full — they are the measurements the
-rules were written against, not palette decisions. Colour falls back to the
-**CSS system colours** (`Canvas`, `Field`, `AccentColor`, `Highlight`…), which
-the platform supplies and which already follow the user's OS light/dark and
-contrast settings. It looks like well-spaced native controls, which is the
-honest rendering of "no theme installed".
+## Styling variants
+
+Style a component with its appearance props (`variant`, `size`, …) or with the matching `data-` attributes — either input renders the same, because the component writes the prop to the attribute the skin reads:
 
-Two things degrade, because the platform has no keyword for them:
+```tsx
+<Button
+  data-variant="primary"
+  data-size="lg"
+>
+  Save
+</Button>
+```
 
-- **Status colour collapses to neutral.** Alerts and badges keep their icon,
-  border and text — the signals that were never colour-only — and stop being
-  tinted.
-- **Shadows and the modal scrim are dropped.** Both need alpha, which no system
-  colour provides. Overlays keep their border, which is what separates them from
-  the page.
+**Buttons and similar controls:** `data-variant` (`primary`, `secondary` — default, `outline`, `ghost`, `danger`), `data-size` (`sm`, `md` — default, `lg`), `data-icon-only` (square icon-only control; also needs an `aria-label`).
 
-Add `@skdx/tokens/css` and the theme takes over automatically: tokens are
-declared **unlayered**, and an unlayered declaration beats the skin's layered
-fallbacks regardless of specificity. Nothing detects anything, and there is no
-literal fallback inlined next to any `var()` — a colour smuggled in that way
-would win silently whenever a token failed to load, hiding the breakage.
+**Status families** (Alert, Badge, Toast): `data-status` (`info`, `success`, `warning`, `danger`); neutral is the unmarked default.
 
-Enforced by `tests/standalone.test.ts`: every token the stylesheets read has a
-fallback, every runtime property is read with an inline default, and the
-fallback block may name only platform colours.
+**State attributes** are written by the component, not by you: `data-state`, `data-disabled`, `data-invalid`, `data-highlighted`, `data-side`, `data-orientation`.
 
 ## Entry points
 
 | Import                              | Contents                                            |
 | ----------------------------------- | --------------------------------------------------- |
-| `@skdx/skins/all.css`               | Everything — 87 components, ~166 kB unminified      |
+| `@skdx/skins/all.css`               | Everything — 91 component families                  |
 | `@skdx/skins/base.css`              | Layer order, control metrics, focus ring, keyframes |
-| `@skdx/skins/components/{name}.css` | One component                                       |
+| `@skdx/skins/components/<name>.css` | One component                                       |
 | `@skdx/skins/utilities.css`         | `skdx-visually-hidden` and friends                  |
+| `@skdx/skins/structure.css`         | The same rules with every paint declaration removed |
+| `@skdx/skins/web-components.css`    | `:not(:defined)` box reservation — see below        |
 
-## How it is built
+`web-components.css` is deliberately outside `all.css`. Its `:not(:defined)` rules reserve the
+control box until a custom element upgrades, and `@skdx/angular` uses the same `skdx-*` tag names
+as component selectors without registering them — so in an Angular app those hosts would stay
+hidden forever. Import it only alongside `@skdx/web-components`:
 
-**Cascade layers.** `@layer skdx-reset, skdx-base, skdx-components, skdx-utilities;`
-is declared once, before any rule. Component rules live in `skdx-components` and
-are wrapped in `:where()`, so they carry zero specificity and anything you write
-outside a layer beats them — no `!important`, ever.
-
-**Tokens only.** Every colour resolves through a `--skdx-color-*` custom property.
-There is no hex, `rgb()`, `hsl()` or `oklch()` anywhere in this package, and
-Stylelint fails the build if one appears. `currentColor` and `transparent` are
-permitted where they express inheritance or absence; CSS system colours are
-permitted inside `@media (forced-colors: active)`.
-
-**Logical properties.** `padding-inline`, `inset-inline-start`,
-`border-start-start-radius` throughout, so RTL works without a second
-stylesheet.
-
-**Restrained motion.** Only `opacity` and `transform` animate. All keyframes are
-`skdx-` prefixed. `prefers-reduced-motion` collapses durations to 1ms rather than
-to zero, so `animationend` still fires and overlays still unmount.
-
-**Accessible states.** Disabled is a colour change, not opacity — opacity over an
-unknown backdrop has an unknowable contrast ratio. Invalid is a thicker border
-_and_ a colour. Selected is weight _and_ ink. Nothing is signalled by colour
-alone.
-
-**Contrast is enforced, not assumed.** `tests/contrast.test.ts` resolves the
-token graph for all 38 themes and asserts every foreground/background pairing
-the stylesheets rely on — 1,600 assertions, 4.5:1 for text and 3:1 for
-boundaries, on every build. It was written after measuring that 22 of the 38
-themes had at least one failure, including a tooltip at 1.00:1 in every dark
-theme. Two theme-limited exceptions are recorded with their measured values so
-they cannot silently absorb a regression.
-
-One consequence is visible in the design: **a filled primary button keeps the
-same fill on hover and press**, signalling state with elevation, a darker rim
-and a 1px displacement instead. `primary-600` is the only ramp step whose
-contrast with the themes' inverted ink clears 4.5:1 in all 38 of them, so
-shifting the fill would make the label fail in roughly a third of themes at the
-moment the user is aiming at it.
+```ts
+import '@skdx/skins/all.css';
+import '@skdx/skins/web-components.css';
+```
 
-## Checking it
+Per-component imports reduce bundle size. Each component file imports the shared primitives it needs, and re-importing base is a no-op:
 
-```sh
-pnpm --filter @skdx/skins run test      # contrast, coverage, dead selectors, standalone
-pnpm --filter @skdx/skins run test:e2e  # the browser sweep
-pnpm --filter @skdx/skins run preview   # look at it yourself
+```ts
+import '@skdx/tokens/css';
+import '@skdx/skins/components/button.css';
 ```
 
-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.
+## Structure without paint
 
-`test:e2e` measures what only a browser can answer — whether a focus ring that
-exists in the stylesheet is _visible_ once overflow, stacking and inline styles
-have had their say — and reports `hover-no-feedback`, `focus-ring-missing`,
-`focus-ring-contrast`, `focus-ring-clipped`, `pressed-no-feedback` and
-`disabled-not-announced` per part. It forces states by rewriting `:hover`,
-`:focus-visible` and `:active` into attributes rather than driving a pointer, so
-a state that only exists while a menu is open can still be measured.
+Several parts have no intrinsic content and therefore no intrinsic size: a slider track and thumb, a switch thumb, the progress indicator, the spinner, the skeleton, the radio indicator, and every overlay arrow. A component rendered with no stylesheet at all draws them at zero by zero. That is correct — the packages ship no appearance — but it is a poor place to start writing a skin from.
 
-`preview` opens the same page with controls for the axes a person needs and a
-test cannot show: all 38 themes, both directions, the skin on and off, the
-tokens on and off, a filter, and the interaction states held still. Settings
-live in the URL, so a configuration is a link you can paste into an issue.
+`@skdx/skins/structure.css` is this stylesheet with every paint declaration removed: geometry, layout and motion, no colour, no background, no shadow.
 
-## Sizes and variants
+```ts
+import '@skdx/tokens/css'; // optional — base.css falls back without it
+import '@skdx/skins/structure.css';
+import './my-colours.css';
+```
 
-Variants and sizes are attributes you set, not component props — the headless
-packages ship no variant API:
+It is generated from the same source as `all.css` rather than maintained by hand, so its geometry is the geometry the real skin ships. Import one or the other, never both — it is a subset of the same rules, not a layer on top of them.
 
-```tsx
-<Button data-variant="primary" data-size="lg">
-  Save
-</Button>
-```
+The one place a colour keyword survives is inside `mask-image`, where `transparent` and `currentColor` are alpha stops that clip a shape (the spinner's ring, the half-star rating) rather than something the element is painted in.
 
-`data-variant`: `primary`, `secondary` (default), `outline`, `ghost`, `danger`.
-`data-size`: `sm`, `md` (default), `lg`.
+## Without tokens
 
-## Adopting the skin on an existing app
+`@skdx/tokens` is an optional peer dependency, not a requirement. The skin renders a usable, themed, accessible interface with no tokens on the page — it falls back to **CSS system colours** (`Canvas`, `Field`, `AccentColor`, `Highlight`, `Mark`, `MarkText`), which the platform supplies and which already follow the user's OS light/dark and contrast settings.
 
-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.
+Geometry, type and motion come through in full. Two things degrade:
 
-The cases that move things are the containers that become flex:
+- **Status colour collapses to neutral.** Alerts and badges keep their icon, border and text — the signals that were never colour-only — and stop being tinted red, green, amber or blue.
+- **Shadows and the modal scrim are dropped.** Both need alpha, which no system colour provides. Overlays keep their border, which is what separates them from the page.
 
-| 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        |
+Add `@skdx/tokens/css` and the theme takes over automatically: tokens are declared **unlayered**, so they beat the skin's layered fallbacks regardless of specificity. Nothing detects anything, and there is no fallback inlined next to any `var()` — a colour leaked that way would win silently whenever a token failed to load, hiding the breakage.
 
-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:
+Verified by `tests/standalone.test.ts`: every token the stylesheets read has a fallback, every runtime property is read with an inline default, and the fallback block may name only platform colours.
 
-```css
-/* Yes — your class, unlayered, so it wins with no !important. */
-.footer__col {
-  display: block;
-}
+## How it is built
 
-/* No — this is fighting the skin, and it is the thing you never have to do. */
-.skdx-navigation-menu {
-  display: block !important;
-}
+**Cascade layers:** `@layer skdx-reset, skdx-base, skdx-components, skdx-utilities;` is declared once, before any rule. Component rules live in `skdx-components` and wrapped in `:where()`, so they carry zero specificity — anything you write outside a layer beats them with no `!important`.
+
+**Variables only.** Every colour resolves through a `--skdx-color-*` custom property, and `!important` appears nowhere in the package. One file carries literal colours — `components/color-picker.css`, where the swatch and hue gradients _are_ the subject and no theme should move them. `currentColor` and `transparent` are permitted where they express inheritance or absence; CSS system colours are permitted inside `@media (forced-colors: active)`.
+
+**Logical properties.** `padding-inline`, `inset-inline-start`, `border-start-start-radius` throughout, so RTL works without a second stylesheet.
+
+**Restrained motion.** Only `opacity` and `transform` animate. All keyframes are `skdx-` prefixed. `prefers-reduced-motion` collapses durations to 1ms rather than to zero, so `animationend` still fires and overlays still unmount.
+
+**Accessible states.** Disabled is a colour change, not opacity — opacity over an unknown backdrop has an unknowable contrast ratio. Invalid is a thicker border _and_ a colour. Selected is weight _and_ ink. Nothing is signalled by colour alone.
+
+**Contrast enforced.** `tests/contrast.test.ts` resolves the token graph for all 38 themes and asserts every foreground/background pairing the stylesheets rely on — over 1,600 assertions at 4.5:1 for text and 3:1 for boundaries, on every build.
+
+## Checking it
+
+```sh
+pnpm --filter @skdx/skins run test      # contrast, coverage, dead selectors, standalone
+pnpm --filter @skdx/skins run test:e2e  # the browser sweep
+pnpm --filter @skdx/skins run preview   # look at it yourself
 ```
 
-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.
+All three render the same surface: every demo under `apps/docs/src/demos`, through the real components, against the built stylesheets.
+
+`test:e2e` measures what only a browser can answer — whether a focus ring that exists in the stylesheet is _visible_ once overflow, stacking and inline styles have had their say — and reports per-part visibility issues. It forces states by rewriting `:hover`, `:focus-visible` and `:active` into attributes, so a state that only exists while a menu is open can still be measured.
+
+`preview` opens the same page with controls for the axes a person needs and a test cannot show: all 38 themes, both directions, the skin on and off, the tokens on and off, a filter, and the interaction states held still.
 
 ## Customising
 
@@ -215,21 +195,36 @@ Retune a metric rather than rewriting a rule:
 }
 ```
 
-Recolour through the theme, not through this package: the aliases and what each
-resolves to live in
-[`@skdx/tokens`](../tokens/src/utils/aliases.ts).
+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
 
-- **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).
+- [Overview](https://ui.skandadx.dev/skins/) — what the skin is and what it does
+- [Install and cascade order](https://ui.skandadx.dev/skins/install/) — the two imports and the four layers
+- [Per-component styling](https://ui.skandadx.dev/skins/per-component/) — which classes and parts each component exposes
+- [Styling vocabulary](https://ui.skandadx.dev/skins/vocabulary/) — `data-variant`, `data-size`, `data-status` and all the attributes
+- [Without tokens](https://ui.skandadx.dev/skins/without-tokens/) — how the skin works when `@skdx/tokens` is not installed
+- [Writing your own](https://ui.skandadx.dev/skins/write-your-own/) — the patterns for authoring a custom skin
+- [Styling hooks](https://ui.skandadx.dev/styling-hooks/) — the generated `::part()` ↔ `data-skdx-*` translation for the Web Components build
+
+## Package layout
+
+```text
+packages/skins/
+├── src/
+│   ├── components/                91 component families, one .css file each,
+│   │                              plus six _-prefixed shared partials
+│   │                              (_trigger, _status, _overlay, _actuator,
+│   │                              _card-control, _collection) that are not exported
+│   ├── _foundation-fallback.css   geometry, type and motion, generated from @skdx/tokens
+│   ├── base.css                   layer order, the system-colour palette, control metrics
+│   ├── utilities.css              accessibility helpers
+│   └── web-components.css         :not(:defined) box reservation, web-components only
+└── dist/                          built .css files; all.css is dist/index.css and
+                                   structure.css is that bundle minus every paint
+                                   declaration (scripts/strip-paint.mjs)
+```
+
+---
+
+Copyright © SkandaDX. Licensed under the MIT License — see [LICENSE](../../LICENSE) in the repository root.

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

package/dist/components/accordion.css

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

package/dist/components/autocomplete.css

@@ -1 +1 @@
-@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}}
+@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__field){position:relative}: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__field)[data-clearable] :where(.skdx-autocomplete__input){padding-inline-end:calc(var(--skdx-target-min) + var(--skdx-space-1))}: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__field) :where(.skdx-autocomplete__clear){position:absolute;inset-block:0;inset-inline-end:var(--skdx-space-1);margin-block:auto}: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/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=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}}}
+@import"../internal/_status.css";@import"../internal/_hit-target.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)[data-size=sm]{min-block-size:var(--skdx-control-height-sm);padding-inline:var(--skdx-space-2);font-size:var(--skdx-font-size-xs)}:where(.skdx-badge)[data-size=md]{min-block-size:var(--skdx-control-height-md);padding-inline:var(--skdx-space-3);font-size:var(--skdx-font-size-sm)}:where(.skdx-badge)[data-size=lg]{min-block-size:var(--skdx-control-height-lg);padding-inline:var(--skdx-space-4);font-size:var(--skdx-font-size-md)}:where(.skdx-badge__leading),:where(.skdx-badge__trailing){display:inline-flex;align-items:center;justify-content:center;flex:none}:where(.skdx-badge__label){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.skdx-badge)[data-selected]{background-color:var(--skdx-color-surface-selected);border-color:var(--skdx-color-border-accent);color:var(--skdx-color-text-accent)}:where(.skdx-badge)[data-disabled]{color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-surface-disabled);border-color:var(--skdx-color-border-disabled);cursor:not-allowed}:where(.skdx-badge__delete){position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skdx-icon-size-sm);block-size:var(--skdx-icon-size-sm);padding:0;color:currentColor;background:transparent;border:0;border-radius:var(--skdx-radius-full);cursor:pointer}:where(.skdx-badge__delete):hover{color:var(--skdx-color-text-danger)}@media(forced-colors:active){:where(.skdx-badge){border-color:CanvasText}}}

package/dist/components/button.css

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

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

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)[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)}}
+@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)}:where(.skdx-checkbox-card)[data-disabled][data-state=checked] :where(.skdx-checkbox-card__indicator){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.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-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)}}
+@import"../base.css";@import"../internal/_hit-target.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__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/collapsible.css

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