@xeonr/platform-ui 1.3.0 → 1.4.0

package/dist/kit/Controls.d.ts

@@ -0,0 +1,184 @@
+import { type ChangeEvent, type CSSProperties, type HTMLAttributes, type MouseEvent, type ReactNode } from "react";
+import { type IconName } from "./Icon.tsx";
+import { type SegmentedTone } from "./Form.tsx";
+export interface InputGroupProps {
+    /** a leading glyph — a magnifier on a search box, a globe on a hostname */
+    icon?: IconName | (string & {}) | undefined;
+    /** fixed text before the value, inside the box (`https://`) */
+    prefix?: ReactNode | undefined;
+    /** fixed text after the value, inside the box (`.example.com`, `MB`, `%`) */
+    suffix?: ReactNode | undefined;
+    /** controls at the trailing edge — a clear button, a reveal toggle */
+    end?: ReactNode | undefined;
+    /** mono value and affixes, for hostnames, ids and paths */
+    mono?: boolean | undefined;
+    /** draw the group in error; inside a Field with `error` this is automatic */
+    invalid?: boolean | undefined;
+    /**
+     * The group is off: drawn dimmed, and the input inside is disabled too — a
+     * direct child element that does not set `disabled` itself gets
+     * `disabled` (1.4). An input nested deeper must be disabled by the caller.
+     */
+    disabled?: boolean | undefined;
+    /** the group's width in px (default: its container's) */
+    width?: number | undefined;
+    style?: CSSProperties | undefined;
+    className?: string | undefined;
+    /** the input: a kit `Input`, `MonoInput`, or a plain <input> */
+    children: ReactNode;
+}
+/**
+ * InputGroup: an input with a glyph, fixed text or controls inside its box.
+ * The affixes are part of the field — a subdomain box reads `luke` `.upl.im`
+ * as one value — and a click anywhere on the box focuses the input. Unlike
+ * SearchBox it holds no state of its own, so it does not debounce: the input
+ * inside is the caller's, controlled as they like.
+ */
+export declare function InputGroup({ icon, prefix, suffix, end, mono, invalid, disabled, width, style, className, children }: InputGroupProps): import("react").JSX.Element;
+export interface NumberInputProps {
+    /** the number, or null for an empty box */
+    value: number | null;
+    /** a parsed number while typing (unclamped), null for an empty box; clamped to min/max on blur */
+    onChange: (value: number | null) => void;
+    min?: number | undefined;
+    max?: number | undefined;
+    /** what ArrowUp/ArrowDown and the stepper add (default 1; Shift ×10) */
+    step?: number | undefined;
+    /** the unit after the value, inside the box (`MB`, `days`, `%`) */
+    unit?: ReactNode | undefined;
+    /** fixed text before the value (`$`) */
+    prefix?: ReactNode | undefined;
+    /** − / + buttons at the trailing edge */
+    stepper?: boolean | undefined;
+    placeholder?: string | undefined;
+    disabled?: boolean | undefined;
+    /** width of the whole control in px (default: its container's) */
+    width?: number | undefined;
+    /** accessible name, when no Field label names it */
+    label?: string | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    autoFocus?: boolean | undefined;
+    /** accept a decimal point (default: only when `step` is fractional) */
+    decimal?: boolean | undefined;
+}
+/**
+ * NumberInput: a number with its unit, its bounds and a keyboard step. Typed
+ * text is held as typed ("1." stays "1.") and handed up parsed; the bounds are
+ * applied when the field is left, not while a person is half-way through
+ * typing "150" into a box whose minimum is 100. A text input with
+ * `role="spinbutton"`, not `type="number"`, so a scroll wheel passing over it
+ * never changes the value and "e" is not a digit.
+ */
+export declare function NumberInput({ value, onChange, min, max, step, unit, prefix, stepper, placeholder, disabled, width, label, id, name, autoFocus, decimal, }: NumberInputProps): import("react").JSX.Element;
+export interface SliderProps {
+    /** controlled value; omit it (and pass `defaultValue`) to let the slider hold it */
+    value?: number | undefined;
+    defaultValue?: number | undefined;
+    /** every movement */
+    onChange?: ((value: number) => void) | undefined;
+    /** once the pointer or key is released — for a value that costs a request to apply */
+    onCommit?: ((value: number) => void) | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    /** accessible name */
+    label: string;
+    disabled?: boolean | undefined;
+    /** show the value beside the track (default true); a function formats it (`(n) => \`${n}px\``) */
+    showValue?: boolean | ((value: number) => ReactNode) | undefined;
+    /** width of the whole control in px (default: its container's) */
+    width?: number | undefined;
+    id?: string | undefined;
+}
+/**
+ * Slider: a number picked by feel rather than typed — a stroke width, a blur
+ * strength, an opacity. A native range input drawn on the tokens, so the
+ * keyboard (arrows, Page Up/Down, Home/End) and the slider role come free.
+ * Its value is shown beside it, because a slider whose number you cannot see
+ * is a slider people overshoot. Reach for NumberInput when the exact value
+ * matters more than the gesture.
+ */
+export declare function Slider({ value, defaultValue, onChange, onCommit, min, max, step, label, disabled, showValue, width, id }: SliderProps): import("react").JSX.Element;
+export interface CheckboxProps {
+    checked: boolean;
+    /**
+     * Optional (1.4): a box whose row handles the click itself (`onClick`, or a
+     * click on the row) needs none; it stays controlled by `checked` either way.
+     */
+    onChange?: ((checked: boolean, event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    /** some but not all of what it stands for — a select-all over a partial selection */
+    indeterminate?: boolean | undefined;
+    disabled?: boolean | undefined;
+    /** accessible name — the row it selects ("Select report.pdf") */
+    label?: string | undefined;
+    /** px (default 16) */
+    size?: number | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    value?: string | undefined;
+    title?: string | undefined;
+    /** the click, before onChange — stop it here when the row it sits on is itself a link or a button */
+    onClick?: ((e: MouseEvent<HTMLInputElement>) => void) | undefined;
+    /** on the box (the outer element), for placing it — absolutely over a card's corner, say */
+    className?: string | undefined;
+    style?: CSSProperties | undefined;
+}
+/**
+ * Checkbox: the box alone, with no label around it — for selecting a table
+ * row, a list item or a card, where the row is the label. Toggle and CheckRow
+ * wrap their input in a <label>, which inside a row that is itself a link
+ * changes what a click activates; this is a real checkbox input the row can
+ * stop. `indeterminate` is the select-all over a partial selection.
+ */
+export declare function Checkbox({ checked, onChange, indeterminate, disabled, label, size, id, name, value, title, onClick, className, style }: CheckboxProps): import("react").JSX.Element;
+/**
+ * TriToggle: On / Off / Inherit — a setting that is either set here or left
+ * to whatever the level above says (a bucket inheriting its account's
+ * default, a folder its bucket's). `undefined` is Inherit. The chosen segment
+ * wears the answer's colour — on is ok, off is crit, inherit neutral — so a
+ * column of them reads at a glance. `inherit={false}` drops the third option
+ * where there is nothing to inherit from; there, `undefined` means not yet
+ * chosen and neither On nor Off is shown selected — showing Off would read as
+ * a decision nobody made. The first segment keeps the tab stop.
+ */
+export declare function TriToggle({ value, onChange, inherit, labels, inheritHint, tones, disabled, label, size }: {
+    value: boolean | undefined;
+    onChange: (value: boolean | undefined) => void;
+    /** offer Inherit (default true); without it, `undefined` shows nothing selected */
+    inherit?: boolean | undefined;
+    /** the three captions (default On / Off / Inherit) */
+    labels?: {
+        on?: ReactNode;
+        off?: ReactNode;
+        inherit?: ReactNode;
+    } | undefined;
+    /** what Inherit currently resolves to, as its tooltip ("Inherits: on, from the account") */
+    inheritHint?: ReactNode | undefined;
+    /** the colour each answer wears when chosen (default on: ok, off: crit, inherit: mut) */
+    tones?: {
+        on?: SegmentedTone;
+        off?: SegmentedTone;
+        inherit?: SegmentedTone;
+    } | undefined;
+    disabled?: boolean | undefined;
+    /** accessible name of the group */
+    label?: string | undefined;
+    size?: "sm" | "md" | undefined;
+}): import("react").JSX.Element;
+/**
+ * SettingRow: one setting on one line — its name and what it means on the
+ * left, its control on the right. The shape of a settings card that is a list
+ * of switches (TriToggle, Toggle, Segmented, a NumberInput) rather than a
+ * form of fields; stacks under 640px.
+ */
+export declare function SettingRow({ label, hint, dim, children, ...rest }: {
+    label: ReactNode;
+    /** what the setting does, or why it has no effect right now */
+    hint?: ReactNode | undefined;
+    /** the setting has no effect right now (its name is muted) */
+    dim?: boolean | undefined;
+    /** the control */
+    children?: ReactNode | undefined;
+} & Omit<HTMLAttributes<HTMLDivElement>, "children">): import("react").JSX.Element;
+//# sourceMappingURL=Controls.d.ts.map

package/dist/kit/Controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../src/kit/Controls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiF,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlM,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAsC,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAyDpF,MAAM,WAAW,eAAe;IAC9B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC;IAC5C,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,sEAAsE;IACtE,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BA0BpI;AAqCD,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,kGAAkG;IAClG,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,IAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,GAC9H,EAAE,gBAAgB,+BA4ElB;AAyDD,MAAM,WAAW,WAAW;IAC1B,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACjE,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAO,EAAE,GAAS,EAAE,IAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAgB,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,WAAW,+BA6B1J;AAgCD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1F,qFAAqF;IACrF,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,qGAAqG;IACrG,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClE,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACnC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAS,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,aAAa,+BAuB1J;AAID;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAc,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;IAChH,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sDAAsD;IACtD,MAAM,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,SAAS,CAAC;QAAC,GAAG,CAAC,EAAE,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,GAAG,SAAS,CAAC;IAC9E,4FAA4F;IAC5F,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC,yFAAyF;IACzF,KAAK,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,aAAa,CAAC;QAAC,GAAG,CAAC,EAAE,aAAa,CAAC;QAAC,OAAO,CAAC,EAAE,aAAa,CAAA;KAAE,GAAG,SAAS,CAAC;IACzF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,+BAoBA;AAoBD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE;IAClE,KAAK,EAAE,SAAS,CAAC;IACjB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,8DAA8D;IAC9D,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,kBAAkB;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAClC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,+BAUnD"}

package/dist/kit/Controls.js

@@ -0,0 +1,344 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Children, Fragment, cloneElement, isValidElement, useEffect, useRef, useState } from "react";
+import styled, { css } from "styled-components";
+import { v } from "../theme/tokens.js";
+import { Icon } from "./Icon.js";
+import { Segmented, useField, useFieldAttrs } from "./Form.js";
+// The form controls the upl.im dashboard had each drawn for itself: a field
+// with a glyph or a unit inside its box, a number field, a slider, a bare
+// checkbox for selecting rows, the on/off/inherit switch, and the
+// name-left-control-right settings row. Added for the upl.im dashboard (1.4).
+/* ------------------------------------------------------------------ InputGroup */
+const GroupBox = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+  height: 32px;
+  padding: 0 10px;
+  border-radius: ${v.rCtl};
+  background: ${v.field};
+  border: 1px solid ${(p) => (p.$invalid ? v.danger : v.fieldLine)};
+  color: ${v.text};
+  font-size: 12.5px;
+  cursor: text;
+  transition: border-color 0.14s ease, box-shadow 0.14s ease;
+  ${(p) => p.$disabled && css `opacity: 0.55; cursor: not-allowed;`}
+  &:focus-within {
+    border-color: ${(p) => (p.$invalid ? v.danger : v.brand55)};
+    box-shadow: 0 0 0 3px ${(p) => (p.$invalid ? v.dangerBg : v.brand08)};
+  }
+  &:has(input[aria-invalid="true"]) { border-color: ${v.danger}; }
+
+  /* the input inside gives up its own box: the group is the box */
+  > input, > .x-group-input {
+    flex: 1 1 auto;
+    min-width: 0;
+    width: auto;
+    height: 100%;
+    padding: 0;
+    border: none;
+    border-radius: 0;
+    background: transparent;
+    box-shadow: none;
+    ${(p) => p.$mono && css `font-family: ${v.mono}; font-size: 11.5px;`}
+    &:focus, &:focus-visible { outline: none; box-shadow: none; border: none; }
+    &:disabled { opacity: 1; cursor: not-allowed; }
+  }
+  > .glyph { flex: none; color: ${v.faint}; font-size: 12px; display: inline-flex; }
+  > .affix {
+    flex: none;
+    font-size: 12px;
+    color: ${v.muted};
+    white-space: nowrap;
+    ${(p) => p.$mono && css `font-family: ${v.mono}; font-size: 11.5px;`}
+  }
+  > .end { flex: none; display: inline-flex; align-items: center; gap: 2px; margin-right: -6px; }
+`;
+/**
+ * InputGroup: an input with a glyph, fixed text or controls inside its box.
+ * The affixes are part of the field — a subdomain box reads `luke` `.upl.im`
+ * as one value — and a click anywhere on the box focuses the input. Unlike
+ * SearchBox it holds no state of its own, so it does not debounce: the input
+ * inside is the caller's, controlled as they like.
+ */
+export function InputGroup({ icon, prefix, suffix, end, mono, invalid, disabled, width, style, className, children }) {
+    const field = useField();
+    const ref = useRef(null);
+    return (_jsxs(GroupBox, { ref: ref, className: className, style: width ? { width, ...style } : style, "$invalid": !!invalid || !!field?.invalid, "$disabled": !!disabled, "$mono": !!mono, onMouseDown: (e) => {
+            // the box is the field: a press on its padding or an affix focuses the input
+            const t = e.target;
+            if (t.closest("input, button, a, [tabindex]"))
+                return;
+            const input = ref.current?.querySelector("input");
+            if (input && !input.disabled) {
+                e.preventDefault();
+                input.focus();
+            }
+        }, children: [icon ? _jsx("span", { className: "glyph", "aria-hidden": true, children: _jsx(Icon, { name: icon }) }) : null, prefix ? _jsx("span", { className: "affix", "aria-hidden": true, children: prefix }) : null, disabled ? disableChildren(children) : children, suffix ? _jsx("span", { className: "affix", "aria-hidden": true, children: suffix }) : null, end ? _jsx("span", { className: "end", children: end }) : null] }));
+}
+// The input inside goes off with the group, unless it says otherwise itself.
+function disableChildren(children) {
+    return Children.map(children, (c) => {
+        if (!isValidElement(c) || c.type === Fragment || c.props.disabled !== undefined)
+            return c;
+        return cloneElement(c, { disabled: true });
+    });
+}
+/* ------------------------------------------------------------------ NumberInput */
+const Step = styled.button `
+  width: 20px;
+  height: 22px;
+  display: inline-grid;
+  place-items: center;
+  border-radius: 5px;
+  color: ${v.faint};
+  font-size: 9px;
+  &:hover:not(:disabled) { background: ${v.hover}; color: ${v.text}; }
+  &:disabled { opacity: 0.4; cursor: not-allowed; }
+`;
+const NumInput = styled.input.attrs(useFieldAttrs) `
+  font-variant-numeric: tabular-nums;
+  color: ${v.text};
+  &::placeholder { color: ${v.faint}; }
+`;
+const clamp = (n, min, max) => Math.min(max ?? Infinity, Math.max(min ?? -Infinity, n));
+// Steps of 0.1 should land on 0.3, not 0.30000000000000004.
+const roundTo = (n, step) => {
+    const dp = (String(step).split(".")[1] ?? "").length;
+    return dp ? Number(n.toFixed(dp)) : n;
+};
+/**
+ * NumberInput: a number with its unit, its bounds and a keyboard step. Typed
+ * text is held as typed ("1." stays "1.") and handed up parsed; the bounds are
+ * applied when the field is left, not while a person is half-way through
+ * typing "150" into a box whose minimum is 100. A text input with
+ * `role="spinbutton"`, not `type="number"`, so a scroll wheel passing over it
+ * never changes the value and "e" is not a digit.
+ */
+export function NumberInput({ value, onChange, min, max, step = 1, unit, prefix, stepper, placeholder, disabled, width, label, id, name, autoFocus, decimal, }) {
+    const show = (n) => (n === null || Number.isNaN(n) ? "" : String(n));
+    const [draft, setDraft] = useState(show(value));
+    // Follow the value when it changes from outside, without clobbering a draft
+    // that already means it ("1." while the value is 1). Adjusted during render.
+    const [seen, setSeen] = useState(value);
+    if (seen !== value) {
+        setSeen(value);
+        const parsed = draft.trim() === "" ? null : Number(draft);
+        if (parsed !== value)
+            setDraft(show(value));
+    }
+    const allowDot = decimal ?? !Number.isInteger(step);
+    const pattern = allowDot ? /^-?\d*\.?\d*$/ : /^-?\d*$/;
+    const commit = (n) => {
+        setDraft(show(n));
+        if (n !== value)
+            onChange(n);
+    };
+    const bump = (dir, times = 1) => {
+        const base = value ?? (dir > 0 ? (min ?? 0) - step : (max ?? 0) + step);
+        commit(clamp(roundTo(base + dir * step * times, step), min, max));
+    };
+    return (_jsx(InputGroup, { suffix: unit, prefix: prefix, disabled: disabled, width: width, end: stepper ? (_jsxs(_Fragment, { children: [_jsx(Step, { type: "button", tabIndex: -1, "aria-label": "Decrease", disabled: disabled || (value !== null && min !== undefined && value <= min), onClick: () => bump(-1), children: _jsx(Icon, { name: "minus" }) }), _jsx(Step, { type: "button", tabIndex: -1, "aria-label": "Increase", disabled: disabled || (value !== null && max !== undefined && value >= max), onClick: () => bump(1), children: _jsx(Icon, { name: "add" }) })] })) : undefined, children: _jsx(NumInput, { type: "text", inputMode: allowDot ? "decimal" : "numeric", role: "spinbutton", "aria-label": label, "aria-valuenow": value ?? undefined, "aria-valuemin": min, "aria-valuemax": max, id: id, name: name, autoFocus: autoFocus, autoComplete: "off", value: draft, placeholder: placeholder, disabled: disabled, onChange: (e) => {
+                const t = e.target.value.trim();
+                if (!pattern.test(t))
+                    return;
+                setDraft(e.target.value);
+                if (t === "") {
+                    if (value !== null)
+                        onChange(null);
+                    return;
+                }
+                const n = Number(t);
+                if (Number.isFinite(n) && t !== "-" && n !== value)
+                    onChange(n);
+            }, onBlur: () => {
+                if (value === null) {
+                    setDraft("");
+                    return;
+                }
+                commit(clamp(value, min, max));
+            }, onKeyDown: (e) => {
+                if (e.key === "ArrowUp") {
+                    e.preventDefault();
+                    bump(1, e.shiftKey ? 10 : 1);
+                }
+                else if (e.key === "ArrowDown") {
+                    e.preventDefault();
+                    bump(-1, e.shiftKey ? 10 : 1);
+                }
+                else if (e.key === "Home" && min !== undefined) {
+                    e.preventDefault();
+                    commit(min);
+                }
+                else if (e.key === "End" && max !== undefined) {
+                    e.preventDefault();
+                    commit(max);
+                }
+            } }) }));
+}
+/* ------------------------------------------------------------------ Slider */
+const thumb = css `
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: ${v.surface};
+  border: 2px solid ${v.brand};
+  box-shadow: 0 1px 3px ${v.scrim};
+`;
+const SliderWrap = styled.div `
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  width: ${(p) => (p.$width ? `${p.$width}px` : "100%")};
+  min-width: 0;
+  ${(p) => p.$disabled && css `opacity: 0.55;`}
+  > .val {
+    flex: none;
+    min-width: 3ch;
+    text-align: right;
+    font-family: ${v.mono};
+    font-size: 11px;
+    color: ${v.text};
+    font-variant-numeric: tabular-nums;
+  }
+`;
+const Range = styled.input `
+  flex: 1 1 auto;
+  min-width: 60px;
+  height: 18px;
+  margin: 0;
+  background: transparent;
+  appearance: none;
+  -webkit-appearance: none;
+  cursor: pointer;
+  &:disabled { cursor: not-allowed; }
+  &:focus-visible { outline: none; box-shadow: none; }
+
+  &::-webkit-slider-runnable-track {
+    height: 4px;
+    border-radius: 999px;
+    background: linear-gradient(to right, ${v.brand} var(--x-fill), ${v.line2} var(--x-fill));
+  }
+  &::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; margin-top: -5px; ${thumb} }
+  &:focus-visible::-webkit-slider-thumb { box-shadow: ${v.ring}; }
+
+  &::-moz-range-track { height: 4px; border-radius: 999px; background: ${v.line2}; }
+  &::-moz-range-progress { height: 4px; border-radius: 999px; background: ${v.brand}; }
+  &::-moz-range-thumb { ${thumb} width: 10px; height: 10px; }
+  &:focus-visible::-moz-range-thumb { box-shadow: ${v.ring}; }
+`;
+/**
+ * Slider: a number picked by feel rather than typed — a stroke width, a blur
+ * strength, an opacity. A native range input drawn on the tokens, so the
+ * keyboard (arrows, Page Up/Down, Home/End) and the slider role come free.
+ * Its value is shown beside it, because a slider whose number you cannot see
+ * is a slider people overshoot. Reach for NumberInput when the exact value
+ * matters more than the gesture.
+ */
+export function Slider({ value, defaultValue, onChange, onCommit, min = 0, max = 100, step = 1, label, disabled, showValue = true, width, id }) {
+    const [own, setOwn] = useState(defaultValue ?? min);
+    const current = value ?? own;
+    const pct = max > min ? ((clamp(current, min, max) - min) / (max - min)) * 100 : 0;
+    const latest = useRef(current);
+    useEffect(() => { latest.current = current; });
+    return (_jsxs(SliderWrap, { "$width": width, "$disabled": !!disabled, children: [_jsx(Range, { type: "range", id: id, min: min, max: max, step: step, value: current, disabled: disabled, "aria-label": label, style: { "--x-fill": `${pct}%` }, onChange: (e) => {
+                    const n = Number(e.target.value);
+                    if (value === undefined)
+                        setOwn(n);
+                    onChange?.(n);
+                }, onPointerUp: () => onCommit?.(latest.current), onKeyUp: () => onCommit?.(latest.current) }), showValue ? _jsx("span", { className: "val", "aria-hidden": true, children: typeof showValue === "function" ? showValue(current) : current }) : null] }));
+}
+/* ------------------------------------------------------------------ Checkbox */
+const CheckBox = styled.span `
+  position: relative;
+  display: inline-grid;
+  place-items: center;
+  flex: none;
+  width: ${(p) => p.$size}px;
+  height: ${(p) => p.$size}px;
+  border-radius: ${(p) => Math.round(p.$size / 3.2)}px;
+  border: 1.5px solid ${(p) => (p.$on ? "transparent" : v.line2)};
+  background: ${(p) => (p.$on ? v.grad : v.field)};
+  color: ${v.onBrand};
+  font-size: ${(p) => Math.round(p.$size * 0.6)}px;
+  transition: background 0.14s ease, border-color 0.14s ease;
+  ${(p) => p.$disabled && css `opacity: 0.5;`}
+  ${(p) => !p.$on && !p.$disabled && css `&:hover { border-color: ${v.brand55}; }`}
+  > input {
+    position: absolute;
+    inset: -4px;
+    width: calc(100% + 8px);
+    height: calc(100% + 8px);
+    margin: 0;
+    opacity: 0;
+    cursor: ${(p) => (p.$disabled ? "not-allowed" : "pointer")};
+  }
+  &:has(> input:focus-visible) { box-shadow: ${v.ring}; }
+  > svg { pointer-events: none; }
+`;
+/**
+ * Checkbox: the box alone, with no label around it — for selecting a table
+ * row, a list item or a card, where the row is the label. Toggle and CheckRow
+ * wrap their input in a <label>, which inside a row that is itself a link
+ * changes what a click activates; this is a real checkbox input the row can
+ * stop. `indeterminate` is the select-all over a partial selection.
+ */
+export function Checkbox({ checked, onChange, indeterminate, disabled, label, size = 16, id, name, value, title, onClick, className, style }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current)
+            ref.current.indeterminate = !!indeterminate;
+    }, [indeterminate]);
+    const on = checked || !!indeterminate;
+    return (_jsxs(CheckBox, { "$size": size, "$on": on, "$disabled": !!disabled, title: title, className: className, style: style, children: [_jsx("input", { ref: ref, type: "checkbox", id: id, name: name, value: value, checked: checked, disabled: disabled, "aria-label": label, onClick: onClick, onChange: (e) => { if (!disabled)
+                    onChange?.(e.target.checked, e); } }), indeterminate ? _jsx(Icon, { name: "minus" }) : checked ? _jsx(Icon, { name: "check" }) : null] }));
+}
+/* ------------------------------------------------------------------ TriToggle */
+/**
+ * TriToggle: On / Off / Inherit — a setting that is either set here or left
+ * to whatever the level above says (a bucket inheriting its account's
+ * default, a folder its bucket's). `undefined` is Inherit. The chosen segment
+ * wears the answer's colour — on is ok, off is crit, inherit neutral — so a
+ * column of them reads at a glance. `inherit={false}` drops the third option
+ * where there is nothing to inherit from; there, `undefined` means not yet
+ * chosen and neither On nor Off is shown selected — showing Off would read as
+ * a decision nobody made. The first segment keeps the tab stop.
+ */
+export function TriToggle({ value, onChange, inherit = true, labels, inheritHint, tones, disabled, label, size }) {
+    const current = value === undefined ? (inherit ? "inherit" : "unset") : value ? "on" : "off";
+    return (_jsx(Segmented, { label: label, disabled: disabled, size: size, value: current, onChange: (k) => onChange(k === "inherit" ? undefined : k === "on"), options: [
+            { value: "on", label: labels?.on ?? "On", icon: "check", tone: tones?.on ?? "ok" },
+            { value: "off", label: labels?.off ?? "Off", icon: "close", tone: tones?.off ?? "crit" },
+            ...(inherit
+                ? [{ value: "inherit", label: labels?.inherit ?? "Inherit", icon: "minus", tone: tones?.inherit ?? "mut", tooltip: inheritHint }]
+                : []),
+        ] }));
+}
+/* ------------------------------------------------------------------ SettingRow */
+const RowWrap = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  min-width: 0;
+  @media (max-width: 640px) { flex-wrap: wrap; }
+  > .ctl { flex: none; display: flex; align-items: center; gap: 8px; }
+`;
+const RowText = styled.div `
+  min-width: 0;
+  flex: 1 1 260px;
+  > .name { display: block; font-size: 13px; font-weight: 600; color: ${(p) => (p.$dim ? v.muted : v.text)}; }
+  > .desc { display: block; margin-top: 2px; font-size: 11.5px; line-height: 1.5; color: ${v.faint}; }
+`;
+/**
+ * SettingRow: one setting on one line — its name and what it means on the
+ * left, its control on the right. The shape of a settings card that is a list
+ * of switches (TriToggle, Toggle, Segmented, a NumberInput) rather than a
+ * form of fields; stacks under 640px.
+ */
+export function SettingRow({ label, hint, dim, children, ...rest }) {
+    return (_jsxs(RowWrap, { ...rest, children: [_jsxs(RowText, { "$dim": !!dim, children: [_jsx("span", { className: "name", children: label }), hint ? _jsx("span", { className: "desc", children: hint }) : null] }), children ? _jsx("div", { className: "ctl", children: children }) : null] }));
+}
+//# sourceMappingURL=Controls.js.map

package/dist/kit/Controls.js.map

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