@fairgarden/design 0.1.0-0.canary.0

package/forms/slider/slider.module.css

@@ -0,0 +1,371 @@
+/*
+ * Slider (§10.10). CVA function `slider`. The root `base` lays out the
+ * label and value row above a full-width control, and the tick scale under
+ * it when `stepped`. Parts: base, label, value, control, track, indicator,
+ * thumb, chip (a nested overlay-face Ground shown while dragging), ticks,
+ * tick (tickMajor, tickStart, tickEnd, tickMid), tickLabel, and edge /
+ * edgeLine, the SVG that draws the disabled `line-dotted-fine` track and
+ * thumb edges as true dots [D36, D68].
+ *
+ * Colors are role variables only. Local custom properties carry dimensions:
+ *   --slider-thumb-edge      thumb edge width (2 → 3 px while dragging)
+ *   --slider-edge-radius     radius the disabled dotted edge follows
+ *   --slider-tick-position   a tick's offset along the track (set inline)
+ */
+
+/* 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. */
+.label {
+  composes: typeFieldLabel from '../../utils/type.module.css';
+}
+
+.value {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.chip {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.ticks {
+  composes: typeLabel from '../../utils/type.module.css';
+}
+
+.edgeLine {
+  composes: lineDottedFine from '../../utils/line.module.css';
+}
+
+@layer base {
+  .base {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-areas:
+      'label value'
+      'control control';
+    align-items: baseline;
+    column-gap: var(--size-px-2-5);
+    min-inline-size: 0;
+    color: var(--primary12);
+  }
+
+  .label {
+    grid-area: label;
+    color: var(--primary12);
+  }
+
+  /* The value always shows in text: type-data at --font-weight-6, the label row's right end. */
+  .value {
+    grid-area: value;
+    justify-self: end;
+    color: var(--primary12);
+  }
+
+  .base .value {
+    --type-weight: var(--font-weight-6);
+  }
+
+  /* The control is the --fgd-size-hit tall press target; the track sits centered in it. */
+  .control {
+    grid-area: control;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    block-size: var(--fgd-size-hit);
+    touch-action: none;
+    user-select: none;
+  }
+
+  /* The track: --size-px-2 tall, --radius-round, a --border-size-1 --role-rule edge, no fill. */
+  .track {
+    --slider-edge-radius: calc(var(--size-px-2) / 2);
+
+    position: relative;
+    box-sizing: border-box;
+    inline-size: 100%;
+    block-size: var(--size-px-2);
+    border: var(--border-size-1) solid var(--role-rule);
+    border-radius: var(--radius-round);
+    background: none;
+  }
+
+  /* The indicator: a --primary12 ink shape over the track's full height. */
+  .indicator {
+    margin-block-start: calc(var(--border-size-1) * -1);
+    border-radius: var(--radius-round);
+    background-color: var(--primary12);
+  }
+
+  /* The thumb: --size-px-4 × --size-px-6, --radius-1, a --role-halo face and a --border-size-2 --primary12 edge. */
+  .thumb {
+    --slider-thumb-edge: var(--border-size-2);
+    --slider-edge-radius: var(--radius-1);
+
+    box-sizing: border-box;
+    inline-size: var(--size-px-4);
+    block-size: var(--size-px-6);
+    border: var(--slider-thumb-edge) solid var(--primary12);
+    border-radius: var(--radius-1);
+    background-color: var(--role-halo);
+  }
+
+  /* Every thumb reaches --fgd-size-hit; the hit area extends invisibly [D43]. */
+  .thumb::after {
+    content: '';
+    position: absolute;
+    inset-block-start: 50%;
+    inset-inline-start: 50%;
+    inline-size: var(--fgd-size-hit);
+    block-size: var(--fgd-size-hit);
+    translate: -50% -50%;
+  }
+
+  /* The drag chip: nested overlay face, --border-size-2 --primary12 edge, --size-px-2 above the thumb. */
+  .thumb .chip {
+    display: none;
+    position: absolute;
+    inset-block-end: calc(100% + var(--size-px-2));
+    inset-inline-start: 50%;
+    translate: -50% 0;
+    padding-block: var(--size-px-1);
+    padding-inline: var(--size-px-2);
+    border: var(--border-size-2) solid var(--primary12);
+    border-radius: var(--radius-1);
+    background-color: var(--primary1);
+    color: var(--primary12);
+    white-space: nowrap;
+    pointer-events: none;
+  }
+
+  /* Disabled edge host: covers the border box once the solid edge is removed. */
+  .edge {
+    display: none;
+    position: absolute;
+    inset-block-start: calc(var(--fgd-dot-fine) / 2);
+    inset-inline-start: calc(var(--fgd-dot-fine) / 2);
+    inline-size: calc(100% - var(--fgd-dot-fine));
+    block-size: calc(100% - var(--fgd-dot-fine));
+    overflow: visible;
+    pointer-events: none;
+  }
+
+  .edgeLine {
+    fill: none;
+    stroke: var(--role-disabled-edge);
+    rx: calc(var(--slider-edge-radius) - var(--fgd-dot-fine) / 2);
+  }
+
+  /*
+   * The tick scale, --size-px-2 below the track. Each tick is a zero-width
+   * box at its value, so its line and label center on it in either
+   * direction; the end ticks anchor their labels inward.
+   */
+  .ticks {
+    grid-area: ticks;
+    position: relative;
+    min-block-size: calc(var(--size-px-2-5) + var(--size-px-1) + 1lh);
+    margin-block-start: calc(var(--size-px-2) - (var(--fgd-size-hit) - var(--size-px-2)) / 2);
+    margin-inline: var(--border-size-1);
+  }
+
+  .tick {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: var(--slider-tick-position);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    inline-size: 0;
+  }
+
+  /* Minor ticks are half the --size-px-2-5 major tick (2:1); both --border-size-1 in --primary12. */
+  .tick::before {
+    content: '';
+    display: block;
+    inline-size: 0;
+    block-size: var(--fgd-size-tick-minor);
+    border-inline-start: var(--border-size-1) solid var(--primary12);
+  }
+
+  .tickMajor::before {
+    block-size: var(--size-px-2-5);
+  }
+
+  .tickStart {
+    align-items: flex-start;
+  }
+
+  .tickEnd {
+    align-items: flex-end;
+  }
+
+  .tickLabel {
+    display: none;
+    margin-block-start: var(--size-px-1);
+    color: var(--primary12);
+    white-space: nowrap;
+  }
+
+  /* Tick labels thin to the ends and midpoint at base; only the ends below 360 px; all from 768 px. */
+  .tickStart .tickLabel,
+  .tickEnd .tickLabel,
+  .tickMid .tickLabel {
+    display: block;
+  }
+
+  @media (max-width: 359.98px) {
+    .tickMid .tickLabel {
+      display: none;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .tick .tickLabel {
+      display: block;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .edgeLine {
+      stroke: currentColor;
+    }
+
+    .indicator {
+      forced-color-adjust: none;
+      background-color: CanvasText;
+    }
+  }
+
+  /* Hover and drag transitions [D181]: --fgd-duration-quick, --ease-out-3. */
+  @media (prefers-reduced-motion: no-preference) {
+    .thumb {
+      transition-property: border-color, background-color;
+      transition-duration: var(--fgd-duration-quick);
+      transition-timing-function: var(--ease-out-3);
+    }
+  }
+}
+
+@layer variants {
+  .stepped {
+    grid-template-areas:
+      'label value'
+      'control control'
+      'ticks ticks';
+  }
+}
+
+@layer states {
+  /* Vertical: the track runs along the block axis; the thumb turns crosswise. */
+  .control[data-orientation='vertical'] {
+    flex-direction: column;
+    justify-content: center;
+    inline-size: var(--fgd-size-hit);
+    block-size: 100%;
+    min-block-size: var(--size-px-13);
+  }
+
+  .track[data-orientation='vertical'] {
+    inline-size: var(--size-px-2);
+    block-size: 100%;
+  }
+
+  .indicator[data-orientation='vertical'] {
+    margin-block-start: 0;
+    margin-inline-start: calc(var(--border-size-1) * -1);
+  }
+
+  .thumb[data-orientation='vertical'] {
+    inline-size: var(--size-px-6);
+    block-size: var(--size-px-4);
+  }
+
+  /*
+   * Hover (not disabled): the thumb face takes the outline hover, a
+   * --primary3 fill where soft fills apply and its rest --role-halo where
+   * they drop (--role-soft-hover-face, never the ground color), edge
+   * unchanged (§10.10; derived, flagged) [D181]. Dragging: the edge steps
+   * to --border-size-2-25, an active state, and the face returns to rest.
+   */
+  .thumb:not([data-disabled]):hover {
+    background-color: var(--role-soft-hover-face);
+  }
+
+  .thumb[data-dragging]:not([data-disabled]) {
+    --slider-thumb-edge: var(--border-size-2-25);
+
+    background-color: var(--role-halo);
+  }
+
+  /* Forced colors flatten the face, so a hover adds a --border-size-2 outline [D181]. */
+  @media (forced-colors: active) {
+    .thumb:not([data-disabled], [data-dragging]):hover {
+      outline: var(--border-size-2) solid currentColor;
+      outline-offset: var(--border-size-2);
+    }
+  }
+
+  .thumb[data-dragging] .chip {
+    display: block;
+  }
+
+  /* Focus: the ring sits on the thumb when its range input has keyboard focus [D45]. */
+  .thumb:has(:focus-visible) {
+    outline: var(--fgd-focus-width) solid var(--primary12);
+    outline-offset: var(--fgd-focus-offset);
+  }
+
+  /*
+   * Disabled: dotted track and thumb edges in --role-rule (--primary12 on
+   * one-ink grounds [D85]), no indicator, muted ticks; the value stays.
+   * Never dimmed [D16].
+   */
+  .track[data-disabled],
+  .thumb[data-disabled] {
+    border-style: none;
+  }
+
+  .track[data-disabled] > .edge,
+  .thumb[data-disabled] > .edge {
+    display: block;
+  }
+
+  .indicator[data-disabled] {
+    display: none;
+  }
+
+  .base[data-disabled] .label {
+    color: var(--role-muted);
+  }
+
+  .base[data-disabled] .tick::before {
+    border-inline-start-color: var(--role-muted);
+  }
+
+  .base[data-disabled] .tickLabel {
+    color: var(--role-muted);
+  }
+}
+
+@layer print {
+  @media print {
+    /* The control is hidden; the slider prints as "Label: value unit" (§10.10). */
+    .control,
+    .ticks {
+      display: none;
+    }
+
+    .base {
+      grid-template-columns: auto minmax(0, 1fr);
+      column-gap: var(--size-px-1);
+    }
+
+    .label::after {
+      content: ':';
+    }
+
+    .value {
+      justify-self: start;
+    }
+  }
+}

package/forms/switch/Switch.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { Switch as BaseSwitch } from '@base-ui/react/switch';
+import { type VariantProps } from 'class-variance-authority';
+export declare const switchRoot: (props?: ({
+    kind?: "inline" | "row" | 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 SwitchVariants = VariantProps<typeof switchRoot>;
+/** The state words shown beside the track. */
+export interface SwitchStateLabels {
+    /** Shown while on. Default "On". */
+    on: string;
+    /** Shown while off. Default "Off". */
+    off: string;
+}
+/**
+ * Props for Switch: Base UI Switch.Root props (on the track) plus the
+ * kind, color axes and the row's content. `className` goes on the row.
+ */
+export type SwitchProps = Omit<BaseSwitch.Root.Props, 'className' | 'children'> & {
+    /**
+     * `row` (default): label left, switch right, the row a hit target with a
+     * hairline rule. `inline`: switch, state word, then label.
+     */
+    kind?: SwitchVariants['kind'];
+    /**
+     * Primary Radix scale: the off track and thumb, label and state word.
+     * Never defaulted; omitted, it inherits the scope [D133].
+     */
+    primary?: SwitchVariants['primary'];
+    /**
+     * Secondary Radix scale: the on track's fill and edge and the on thumb,
+     * through --role-select. Omitted, it inherits the scope.
+     */
+    secondary?: SwitchVariants['secondary'];
+    /** Class for the row (the `base` part). */
+    className?: string;
+    /** The label: name the setting, not the action, in title case [D160]. */
+    children?: React.ReactNode;
+    /** Optional helper text under the label, in sentence case. */
+    description?: React.ReactNode;
+    /** The state words; default "On" / "Off". Set in `type-label` caps. */
+    stateLabels?: SwitchStateLabels;
+    /** The state word while `aria-busy` is set; default "Saving…". */
+    busyLabel?: string;
+};
+/**
+ * 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 declare function Switch(props: SwitchProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Switch.d.ts.map

package/forms/switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/forms/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/forms/switch/Switch.js

@@ -0,0 +1,82 @@
+'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 --border-size-2-25
+ *   --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/forms/switch/Switch.js.map

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

package/forms/switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Switch';
+//# sourceMappingURL=index.d.ts.map

package/forms/switch/index.d.ts.map

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

package/forms/switch/index.js

@@ -0,0 +1,2 @@
+export * from './Switch';
+//# sourceMappingURL=index.js.map

package/forms/switch/index.js.map

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