@fairgarden/design 0.1.0-alpha.0 → 0.1.0-alpha.2

package/components/Sticker/Sticker.d.ts

@@ -1,71 +0,0 @@
-import * as React from 'react';
-import { useRender } from '@base-ui/react/use-render';
-import { type VariantProps } from 'class-variance-authority';
-export declare const sticker: (props?: ({
-    size?: "s" | "l" | null | undefined;
-    bare?: boolean | null | undefined;
-    primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
-    secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type StickerVariants = VariantProps<typeof sticker>;
-/** The two native sticker sizes (§6.2): S 152 px, L 312 px. */
-export type StickerSize = 's' | 'l';
-/** Props for Sticker: `span` props, `render`, the art, the size, `bare` and the color axes. */
-export type StickerProps = Omit<useRender.ComponentProps<'span'>, 'children'> & {
-    /**
-     * The asset's viewBox, drawn at its native size: `0 0 152 152` for S,
-     * `0 0 312 312` for L (other aspect ratios keep the width).
-     */
-    viewBox: string;
-    /**
-     * The halo layer: the asset's pre-expanded path, 8 px (`--ds-space-halo`)
-     * outside every part, merged into one silhouette with rounded concave
-     * bridges and no sharp outer corners. Never a runtime stroke, outline or
-     * blur. Filled `--primary1`; no edge, ever. Ignored with `bare`.
-     */
-    halo?: React.ReactNode;
-    /**
-     * The line art, stroked in `--role-heading` at the silhouette weight
-     * (`--ds-stroke-3` at S, `--ds-stroke-4` at L), round caps and joins, no
-     * fill; give ink-spot parts `fill="currentColor"`, and wrap interior lines
-     * in `StickerDetail`. No text inside the art.
-     */
-    children: React.ReactNode;
-    /** `s` (default): `--ds-size-art-s`, 152 px. `l`: `--ds-size-art-l`, 312 px. */
-    size?: StickerSize;
-    /**
-     * The bare variant: no halo and no scope of its own; the art draws in the
-     * host ground's `--role-heading` with open counters. Never on a
-     * decorative pattern. Default `false`.
-     */
-    bare?: boolean;
-    /**
-     * Primary Radix scale: the halo's `--primary1` (the sticker's own scope),
-     * or, when bare, the host's. Override only with a pairing §2 verifies
-     * [D128]. Never defaulted.
-     */
-    primary?: StickerVariants['primary'];
-    /**
-     * Secondary Radix scale: the line's `--role-heading` (step 12). Override
-     * only with a verified pairing [D128]. Never defaulted.
-     */
-    secondary?: StickerVariants['secondary'];
-};
-/**
- * A §6.5 sticker: pass the asset's `viewBox`, its pre-expanded `halo` path
- * and its line art as children. It declares its own `white` scope, so the
- * same asset looks identical on every ground within a mode: a face that
- * follows the page mode on a page ground, a light island inside a field or
- * the night band. In print the halo vanishes and the line prints black.
- */
-export declare function Sticker(props: StickerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-/** Props for StickerDetail: SVG group props. */
-export type StickerDetailProps = Omit<React.SVGProps<SVGGElement>, 'ref'>;
-/**
- * Interior lines, one stroke step lighter than the silhouette
- * (`--border-size-2` at S, `--ds-stroke-3` at L): at most two weights per
- * drawing, depth by weight, never tone (§6.2).
- */
-export declare function StickerDetail(props: StickerDetailProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=Sticker.d.ts.map

package/components/Sticker/Sticker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sticker.d.ts","sourceRoot":"","sources":["../../src/components/Sticker/Sticker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA+CjE,eAAO,MAAM,OAAO;;;;;8EAiBlB,CAAA;AAEF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAA;AAEnD,+DAA+D;AAC/D,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,CAAA;AAEnC,+FAA+F;AAC/F,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9E;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,gFAAgF;IAChF,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;CACzC,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,0EAwD1C;AAED,gDAAgD;AAChD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAA;AAEzE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAGtD"}

package/components/Sticker/Sticker.js

@@ -1,104 +0,0 @@
-'use client';
-import * as React from 'react';
-import { useRender } from '@base-ui/react/use-render';
-import { mergeProps } from '@base-ui/react/merge-props';
-import { cva } from 'class-variance-authority';
-import { Ground } from '../Ground';
-import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
-import { useScopeAttributes } from '../../utils/scope';
-import styles from './sticker.module.css';
-/*
- * Sticker (§6.5, §6.12, §6.14): Bareburger's die-cut halo. Hand art with an
- * 8 px `--primary1` halo around its merged silhouette, which separates the
- * art from any ground without shadow, alpha or blur. Decorative
- * (`aria-hidden`); at most one per scene; sizes S and L only; never on a
- * photograph.
- *
- * Implementation (CSS Modules + CVA)
- * - Module: sticker.module.css; CVA function `sticker`.
- * - Axes: `size` → s | l (`--ds-size-art-s` 152 px, `--ds-size-art-l`
- *   312 px, with their stroke pairs); `bare` → `bare` (no halo and no scope
- *   of its own: the host's `--role-heading`, counters open); `primary`,
- *   `secondary` → scales module classes (bare only; a haloed sticker passes
- *   them to its own scope).
- * - Compound variants: none.
- * - Defaults: size s, bare false; color axes: none.
- * - Color fallback: the sticker's own `white` scope (olive × green), so it
- *   looks the same on every ground; bare, it inherits the host scope.
- * - States: static.
- * - Parts: base (the sized box), art (the SVG), the scope (the nested
- *   Ground, an SVG group; no class of its own), halo (the asset's
- *   pre-expanded halo path, `--primary1`), line (the line art in
- *   `--role-heading`: strokes at the silhouette weight, ink fills through
- *   `fill="currentColor"`), detail (interior lines at the lighter weight;
- *   `StickerDetail`).
- * - Scope: a nested `kind="face"` Ground, preset `white`, rendered as the
- *   SVG group that holds halo and line, so it paints no box: it follows the
- *   page mode on a page ground and is a light island (`data-theme="light"`)
- *   inside a field or the night band, which Ground writes from context
- *   [D148, D149, D179]. The halo names `--primary1` directly, never
- *   `--role-halo` [D144, D150].
- * - Container: none. Fixed sizes, never scaled with the viewport (P9) [D78];
- *   a smaller box (the empty state's spot size) swaps the size, keeping
- *   strokes at their token weight.
- */
-export const sticker = cva(styles.base, {
-    variants: {
-        size: {
-            s: styles.s,
-            l: styles.l,
-        },
-        bare: {
-            true: styles.bare,
-        },
-        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
-        primary: primaryScaleVariants,
-        secondary: secondaryScaleVariants,
-    },
-    defaultVariants: {
-        size: 's',
-        bare: false,
-    },
-});
-/**
- * A §6.5 sticker: pass the asset's `viewBox`, its pre-expanded `halo` path
- * and its line art as children. It declares its own `white` scope, so the
- * same asset looks identical on every ground within a mode: a face that
- * follows the page mode on a page ground, a light island inside a field or
- * the night band. In print the halo vanishes and the line prints black.
- */
-export function Sticker(props) {
-    const { render, ref, className, viewBox, halo, children, size = 's', bare = false, primary, secondary, ...rest } = props;
-    const scope = useScopeAttributes();
-    const line = React.createElement("g", { className: styles.line }, children);
-    const art = (React.createElement("svg", { className: styles.art, viewBox: viewBox, focusable: "false", "aria-hidden": "true" }, bare ? (line) : (React.createElement(Ground, { kind: "face", preset: "white", primary: (primary ?? undefined), secondary: (secondary ?? undefined), render: React.createElement("g", null) },
-        halo != null ? React.createElement("g", { className: styles.halo }, halo) : null,
-        line))));
-    return useRender({
-        defaultTagName: 'span',
-        render,
-        ref,
-        props: mergeProps({
-            ...(bare ? scope : null),
-            'aria-hidden': true,
-            className: sticker({
-                size,
-                bare,
-                primary: bare ? primary : undefined,
-                secondary: bare ? secondary : undefined,
-                className,
-            }),
-            children: art,
-        }, rest),
-    });
-}
-/**
- * Interior lines, one stroke step lighter than the silhouette
- * (`--border-size-2` at S, `--ds-stroke-3` at L): at most two weights per
- * drawing, depth by weight, never tone (§6.2).
- */
-export function StickerDetail(props) {
-    const { className, ...rest } = props;
-    return React.createElement("g", { ...rest, className: className ? `${styles.detail} ${className}` : styles.detail });
-}
-//# sourceMappingURL=Sticker.js.map

package/components/Sticker/Sticker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sticker.js","sourceRoot":"","sources":["../../src/components/Sticker/Sticker.tsx"],"names":[],"mappings":"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"}

package/components/Sticker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sticker/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/components/Sticker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/Sticker/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/components/Sticker/sticker.module.css

@@ -1,87 +0,0 @@
-/*
- * Sticker (§6.5). Parts: base (the sized box), art (the SVG), the scope
- * (the nested white Ground, an SVG group, so it paints no box), halo (the
- * asset's pre-expanded halo path), line (the line art), detail (interior
- * lines). Colors are role variables of the sticker's own scope: the halo
- * --primary1, named directly [D144]; the line --role-heading, section-head
- * rank for hand art [D60]. Bare, the line takes the host's --role-heading.
- * Local custom properties carry dimensions only:
- *   --sticker-size          the native width (--ds-size-art-s or -l)
- *   --sticker-stroke        the silhouette weight
- *   --sticker-stroke-detail the interior weight, one step lighter
- */
-
-@layer base {
-  .base {
-    --sticker-size: var(--ds-size-art-s);
-    --sticker-stroke: var(--ds-stroke-3);
-    --sticker-stroke-detail: var(--border-size-2);
-
-    display: inline-block;
-    flex: none;
-    inline-size: var(--sticker-size);
-    max-inline-size: 100%;
-    vertical-align: top;
-  }
-
-  .art {
-    display: block;
-    inline-size: 100%;
-    block-size: auto;
-    overflow: visible;
-  }
-
-  /* The halo: a --primary1 face under ink, never an edge (§6.5). */
-  .halo {
-    fill: var(--primary1);
-    stroke: none;
-  }
-
-  /* Monoline art (§6.2): one ink, round caps and joins, fixed strokes at every rendered size. */
-  .line {
-    color: var(--role-heading);
-    fill: none;
-    stroke: currentColor;
-    stroke-width: var(--sticker-stroke);
-    stroke-linecap: round;
-    stroke-linejoin: round;
-  }
-
-  .line * {
-    vector-effect: non-scaling-stroke;
-  }
-
-  .detail {
-    stroke-width: var(--sticker-stroke-detail);
-  }
-}
-
-@layer variants {
-  /* S: 152 px, silhouette --ds-stroke-3, interior --border-size-2 (§6.2). */
-  .s {
-    --sticker-size: var(--ds-size-art-s);
-    --sticker-stroke: var(--ds-stroke-3);
-    --sticker-stroke-detail: var(--border-size-2);
-  }
-
-  /* L: 312 px, silhouette --ds-stroke-4, interior --ds-stroke-3 (§6.2). */
-  .l {
-    --sticker-size: var(--ds-size-art-l);
-    --sticker-stroke: var(--ds-stroke-4);
-    --sticker-stroke-detail: var(--ds-stroke-3);
-  }
-
-  /* Bare: the host scope's --role-heading, no halo (the line's color is already that role). */
-  .bare .line {
-    color: var(--role-heading);
-  }
-}
-
-@layer print {
-  @media print {
-    /* The halo remaps to white and vanishes; the line prints black; never split. */
-    .base {
-      break-inside: avoid;
-    }
-  }
-}

package/components/Switch/Switch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAsCjE,eAAO,MAAM,UAAU;;;;8EAarB,CAAA;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAA;AAErD,8CAA8C;AAC9C,MAAM,WAAW,iBAAiB;IAChC,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAA;CACZ;AAID;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAChF;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;IACvC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,uEAAuE;IACvE,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBA2DxC"}

package/components/Switch/Switch.js

@@ -1,82 +0,0 @@
-'use client';
-import * as React from 'react';
-import { Switch as BaseSwitch } from '@base-ui/react/switch';
-import { cva } from 'class-variance-authority';
-import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
-import { useScopeAttributes } from '../../utils/scope';
-import styles from './switch.module.css';
-/*
- * Switch (§10.9).
- *
- * Implementation (CSS Modules + CVA)
- * - Module: switch.module.css; CVA function `switchRoot` (`switch` is a
- *   reserved word).
- * - Axes: `kind` → row | inline (label left, switch right, hairline row
- *   rule; switch then label) [D155]; `primary`, `secondary` → scales
- *   module classes.
- * - Compound variants: none.
- * - Defaults: kind row; color axes none [D133].
- * - Color fallback: inherits the scope; its secondary drives the on state
- *   through the --role-select aliases.
- * - States: data-checked → track fill --role-select, edge --ds-stroke-3
- *   --role-select-edge, thumb a --role-select-mark disc at the end;
- *   :hover (not disabled, read-only or busy) [D181] → off track fill
- *   --role-soft-hover (--primary3 where soft fills apply), on track fill
- *   --role-select-hover, edges and thumb unchanged, label the bare-text
- *   underline; :focus-visible on the track → ring; data-disabled →
- *   dotted track, --role-muted ring; data-readonly → rest roles, no hover;
- *   aria-busy (from the consumer, as on Button) → state word "Saving…",
- *   read-only (inert), rest roles.
- * - Parts: base (the row, a <label>), track (Switch.Root), thumb, label,
- *   state, description, and edge / edgeLine (the disabled dotted track).
- * - Scope: none.
- * - Container: none; inherits its context. A settings list's wrapper, not
- *   the Switch, is the `settings-list` container [D163].
- */
-export const switchRoot = cva(styles.base, {
-    variants: {
-        kind: {
-            row: styles.row,
-            inline: styles.inline,
-        },
-        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
-        primary: primaryScaleVariants,
-        secondary: secondaryScaleVariants,
-    },
-    defaultVariants: {
-        kind: 'row',
-    },
-});
-const defaultStateLabels = { on: 'On', off: 'Off' };
-/**
- * A Base UI Switch for a setting that takes effect the moment it flips.
- * Off → on changes position, thumb shape (ring → disc), edge weight and
- * fill, so state is never fill alone [D15]. While the change is saving,
- * pass `aria-busy`: the state word reads "Saving…" and the switch is
- * inert; on failure revert `checked` and explain in a toast (§10.17).
- */
-export function Switch(props) {
-    const { kind, primary, secondary, className, children, description, stateLabels = defaultStateLabels, busyLabel = 'Saving…', checked: checkedProp, defaultChecked, onCheckedChange, readOnly, ...rest } = props;
-    const scope = useScopeAttributes();
-    const busy = rest['aria-busy'] === true || rest['aria-busy'] === 'true';
-    // The state word needs the value, so the switch is always controlled
-    // underneath; an uncontrolled caller keeps `defaultChecked` semantics.
-    const [uncontrolled, setUncontrolled] = React.useState(defaultChecked ?? false);
-    const isControlled = checkedProp !== undefined;
-    const checked = isControlled ? checkedProp : uncontrolled;
-    const handleCheckedChange = (next, details) => {
-        onCheckedChange?.(next, details);
-        if (!isControlled && !details.isCanceled)
-            setUncontrolled(next);
-    };
-    const word = busy ? busyLabel : checked ? stateLabels.on : stateLabels.off;
-    return (React.createElement("label", { ...scope, className: switchRoot({ kind, primary, secondary, className }) },
-        children == null ? null : React.createElement("span", { className: styles.label }, children),
-        React.createElement("span", { className: styles.state, "aria-hidden": "true" }, word),
-        React.createElement(BaseSwitch.Root, { ...rest, checked: checked, onCheckedChange: handleCheckedChange, readOnly: readOnly || busy, className: styles.track },
-            React.createElement(BaseSwitch.Thumb, { className: styles.thumb }),
-            React.createElement("svg", { className: styles.edge, "aria-hidden": "true", focusable: "false" },
-                React.createElement("rect", { className: styles.edgeLine, width: "100%", height: "100%" }))),
-        description == null ? null : (React.createElement("span", { className: styles.description }, description))));
-}
-//# sourceMappingURL=Switch.js.map

package/components/Switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"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"}

package/components/Switch/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/components/Switch/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/components/Switch/switch.module.css

@@ -1,285 +0,0 @@
-/*
- * Switch (§10.9). CVA function `switchRoot`. The root `base` is the row, a
- * <label> wrapping Switch.Root (`track`), so the whole row is the hit
- * target; the row reads the track's Base UI attributes through :has() and
- * writes no state of its own. Parts: base, track, thumb, label, state (the
- * "On" / "Off" word), description, and edge / edgeLine, the SVG that draws
- * the disabled `line-dotted-fine` track as true dots [D36, D68].
- *
- * Colors are role variables only. Local custom properties carry dimensions:
- *   --switch-edge         track edge width (2 off, 3 on)
- *   --switch-edge-radius  radius the disabled dotted edge follows
- *   --switch-travel       thumb travel from start to end
- * The first grid row is one label line (1lh), so the track and the state
- * word sit on the label's first line however far a long label wraps.
- */
-
-/* Composition sits in top-level rules, outside the layers: Lightning CSS
- * (Next.js with Turbopack) rejects `composes` inside @layer or any nesting.
- * The composed classes keep their own layers. */
-.base {
-  composes: typeBodyUi from '../../utils/type.module.css';
-}
-
-.state {
-  composes: typeLabel from '../../utils/type.module.css';
-}
-
-.description {
-  composes: typeCaption typeMuted from '../../utils/type.module.css';
-}
-
-.edgeLine {
-  composes: lineDottedFine from '../../utils/line.module.css';
-}
-
-@layer base {
-  .base {
-    position: relative; /* holds Base UI's hidden input */
-    display: grid;
-    grid-template-rows: 1lh auto auto;
-    align-items: start;
-    align-content: center;
-    box-sizing: border-box;
-    min-block-size: var(--ds-size-hit);
-    min-inline-size: 0;
-    color: var(--primary12);
-  }
-
-  /* The bare-text hover underline's color, weight and offset (§10.1) [D181]. */
-  .label {
-    grid-area: label;
-    color: var(--primary12);
-    text-decoration-color: var(--role-accent);
-    text-decoration-thickness: var(--border-size-2);
-    text-underline-offset: var(--size-px-1);
-  }
-
-  .description {
-    grid-area: description;
-    margin-block-start: var(--size-px-1);
-  }
-
-  .state {
-    grid-area: state;
-    align-self: center;
-    color: var(--primary12);
-    white-space: nowrap;
-  }
-
-  /* The track: --ds-size-hit × --size-px-5, --radius-round, a --border-size-2 --primary12 edge. */
-  .track {
-    --switch-edge: var(--border-size-2);
-    --switch-edge-radius: calc(var(--size-px-5) / 2);
-    --switch-travel: calc(var(--ds-size-hit) - var(--size-px-3) - 2 * var(--size-px-1));
-
-    grid-area: track;
-    align-self: center;
-    position: relative;
-    display: block;
-    box-sizing: border-box;
-    inline-size: var(--ds-size-hit);
-    block-size: var(--size-px-5);
-    border: var(--switch-edge) solid var(--primary12);
-    border-radius: var(--radius-round);
-    background: none;
-  }
-
-  /*
-   * The thumb: --size-px-3 inset --size-px-1 from the track's outer edge
-   * [D40]. Off, a hollow --border-size-2 --primary12 ring at the start.
-   * Its offsets subtract the edge, so edge steps never move it.
-   */
-  .thumb {
-    position: absolute;
-    inset-block-start: calc(var(--size-px-1) - var(--switch-edge));
-    inset-inline-start: calc(var(--size-px-1) - var(--switch-edge));
-    display: block;
-    box-sizing: border-box;
-    inline-size: var(--size-px-3);
-    block-size: var(--size-px-3);
-    border: var(--border-size-2) solid var(--primary12);
-    border-radius: var(--radius-round);
-    background: none;
-  }
-
-  /* Disabled edge host: covers the border box once the solid edge is removed. */
-  .edge {
-    display: none;
-    position: absolute;
-    inset-block-start: calc(var(--ds-dot-fine) / 2);
-    inset-inline-start: calc(var(--ds-dot-fine) / 2);
-    inline-size: calc(100% - var(--ds-dot-fine));
-    block-size: calc(100% - var(--ds-dot-fine));
-    overflow: visible;
-    pointer-events: none;
-  }
-
-  .edgeLine {
-    fill: none;
-    stroke: var(--role-disabled-edge);
-    rx: calc(var(--switch-edge-radius) - var(--ds-dot-fine) / 2);
-  }
-
-  @media (forced-colors: active) {
-    .edgeLine {
-      stroke: currentColor;
-    }
-  }
-
-  /* Travel and hover at --ds-duration-quick with --ease-out-3; instant under reduced motion [D181]. */
-  @media (prefers-reduced-motion: no-preference) {
-    .track,
-    .thumb {
-      transition-property: inset-inline-start, border-color, background-color;
-      transition-duration: var(--ds-duration-quick);
-      transition-timing-function: var(--ease-out-3);
-    }
-
-    .label {
-      transition-property: text-decoration-color;
-      transition-duration: var(--ds-duration-quick);
-      transition-timing-function: var(--ease-out-3);
-    }
-  }
-}
-
-@layer variants {
-  /* Row: label left, state word and switch right, a --role-hairline rule under the row. */
-  .row {
-    grid-template-columns: minmax(0, 1fr) auto auto;
-    grid-template-areas:
-      'label state track'
-      'label . .'
-      'description . .';
-    padding-block: var(--size-px-2);
-    border-block-end: var(--border-size-1) solid var(--role-hairline);
-  }
-
-  .row .state {
-    margin-inline: var(--ds-space-12) var(--size-px-2);
-  }
-
-  /* Inline: switch, state word (--size-px-2 from the track), then label. */
-  .inline {
-    grid-template-columns: auto auto minmax(0, 1fr);
-    grid-template-areas:
-      'track state label'
-      '. . label'
-      '. . description';
-  }
-
-  .inline .state {
-    margin-inline: var(--size-px-2) var(--ds-space-12);
-  }
-}
-
-@layer states {
-  /* On: --role-select fill, a --ds-stroke-3 --role-select-edge, a solid --role-select-mark disc at the end (§10.1). */
-  .track[data-checked] {
-    --switch-edge: var(--ds-stroke-3);
-
-    border-color: var(--role-select-edge);
-    background-color: var(--role-select);
-  }
-
-  .thumb[data-checked] {
-    inset-inline-start: calc(var(--size-px-1) - var(--switch-edge) + var(--switch-travel));
-    border-color: var(--role-select-mark);
-    background-color: var(--role-select-mark);
-  }
-
-  /*
-   * Hover (not disabled, read-only or busy) [D181]: edges and thumb never
-   * change and nothing lifts or grows. An off track takes the outline
-   * hover, a --primary3 fill (--role-soft-hover: none where soft fills
-   * drop); an on track moves its fill to --role-select-hover. The label
-   * takes the bare-text underline.
-   */
-  .base:not(:has([data-disabled], [data-readonly], [aria-busy='true'])):hover .track {
-    background-color: var(--role-soft-hover);
-  }
-
-  .base:not(:has([data-disabled], [data-readonly], [aria-busy='true'])):hover .track[data-checked] {
-    background-color: var(--role-select-hover);
-  }
-
-  .base:not(:has([data-disabled], [data-readonly], [aria-busy='true'])):hover .label {
-    text-decoration-line: underline;
-  }
-
-  /* Focus: 2 px --primary12 ring at a 2 px offset outside the track, keyboard only [D45]. */
-  .track:focus-visible {
-    outline: var(--ds-focus-width) solid var(--primary12);
-    outline-offset: var(--ds-focus-offset);
-  }
-
-  /* Disabled: dotted track in --role-rule (--primary12 on one-ink grounds [D85]), --role-muted ring. Never dimmed [D16]. */
-  .track[data-disabled] {
-    --switch-edge: 0px;
-
-    border-style: none;
-    background: none;
-  }
-
-  .track[data-disabled] > .edge {
-    display: block;
-  }
-
-  .thumb[data-disabled] {
-    border-color: var(--role-muted);
-    background: none;
-  }
-
-  .base:has(.track[data-disabled]) .label,
-  .base:has(.track[data-disabled]) .state {
-    color: var(--role-muted);
-  }
-
-  /* Busy: rest roles, inert (read-only), "Saving…" in the state word [D84]. */
-  .track[aria-busy='true'] {
-    cursor: progress;
-  }
-
-  /* Forced colors: the on thumb stays a solid disc, so shape still carries the state. */
-  @media (forced-colors: active) {
-    .thumb[data-checked] {
-      forced-color-adjust: none;
-      border-color: CanvasText;
-      background-color: CanvasText;
-    }
-  }
-}
-
-@layer print {
-  @media print {
-    /* The graphic is hidden; the row prints as "Label: On" (§10.9). */
-    .base {
-      display: block;
-    }
-
-    .track {
-      display: none;
-    }
-
-    .label::after {
-      content: ':';
-    }
-
-    .state {
-      margin-inline: var(--size-px-1) 0;
-      font: inherit;
-      text-transform: none;
-      letter-spacing: normal;
-    }
-
-    .description {
-      display: block;
-    }
-
-    /* Disabled controls do not print (§10.1). */
-    .base:has(.track[data-disabled]) {
-      display: none;
-    }
-  }
-}