@once-ui-system/core 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/components/ScrollContainer.module.scss

@@ -0,0 +1,131 @@
+/*
+ * The track paints past the viewport by default.
+ *
+ * This is the point of moving a transform instead of scrolling a box: tiles
+ * either side of the ones in front stay visible, so the run reads as something
+ * continuous that has been moved along rather than a window with two hard cuts
+ * in it.
+ *
+ * `overflow: clip` with a large `overflow-clip-margin` rather than
+ * `overflow: visible`, because visible overflow is not confined to the
+ * direction it is wanted in: a track wider than the page would extend the
+ * document's scrollable area and give the whole page a horizontal scrollbar,
+ * which is a page-level bug produced by a component that cannot see the page.
+ * A clip margin is the same effect with a boundary — tiles paint well past the
+ * edges, and nothing reaches far enough to push the document out.
+ *
+ * `clip` is not `hidden`: `hidden` makes the element a scroll container, which
+ * would let a stray focus or a wheel gesture scroll the track sideways and put
+ * the transform and the scroll offset into disagreement about where the track
+ * is. `clip` cannot scroll, which is what this needs.
+ */
+.viewport {
+  overflow: clip;
+  overflow-clip-margin: 100vw;
+}
+
+/* Self-contained: nothing paints outside the component's own box. */
+.viewportClipped {
+  overflow: clip;
+}
+
+.viewport,
+.viewportClipped {
+  /*
+   * Horizontal gestures belong to the track and vertical ones to the page.
+   * Without this the browser claims the whole gesture before the pointer
+   * handler can decide, and a carousel becomes a place where the page stops
+   * scrolling.
+   */
+  touch-action: pan-y;
+  cursor: grab;
+
+  &:focus-visible {
+    outline: var(--static-space-2) solid var(--brand-border-strong);
+    outline-offset: var(--static-space-2);
+    border-radius: var(--radius-m);
+  }
+
+  &[data-dragging="true"] {
+    cursor: grabbing;
+    /* A drag across tiles selects their text otherwise, and the selection
+       highlight follows the pointer across the whole run. */
+    user-select: none;
+  }
+}
+
+.track {
+  /*
+   * `width: max-content` is what makes a transform track possible at all:
+   * the row lays out at the sum of its tiles rather than at the width of its
+   * parent, so there is something to move. Without it the tiles would be
+   * squeezed into one viewport's width and the transform would move an
+   * already-complete layout off the screen.
+   */
+  width: max-content;
+  will-change: transform;
+  transition: transform var(--transition-duration-macro-long) var(--transition-eased);
+}
+
+.tile {
+  /* A track item that can shrink is a track item that has no width of its own
+     once the row is wider than its parent. */
+  flex-shrink: 0;
+
+  /*
+   * For `proximity`. The scale itself is set per tile from the distance to the
+   * front, which only the component can know; the easing belongs here so it
+   * matches the track's, and so a tile settles into its new size on the same
+   * curve the track settles onto its new offset. During a drag the component
+   * turns this off inline and the size follows the pointer.
+   *
+   * `transform-origin: center` keeps a shrinking tile in its own slot instead
+   * of pulling away from one side of the gap.
+   */
+  transform-origin: center;
+  transition: transform var(--transition-duration-macro-long) var(--transition-eased);
+}
+
+.marker {
+  appearance: none;
+  border: 0;
+  padding: 0;
+  width: var(--static-space-8);
+  height: var(--static-space-8);
+  border-radius: var(--radius-full);
+  background: var(--neutral-alpha-medium);
+  cursor: pointer;
+  transition:
+    background var(--transition-duration-micro-medium) var(--transition-eased),
+    width var(--transition-duration-micro-medium) var(--transition-eased);
+
+  &:hover {
+    background: var(--neutral-alpha-strong);
+  }
+
+  &:focus-visible {
+    outline: var(--static-space-2) solid var(--brand-border-strong);
+    outline-offset: var(--static-space-2);
+  }
+
+  /* The one in front is a bar rather than a brighter dot: the difference
+     survives being small, and being colour-blind. */
+  &[data-active="true"] {
+    width: var(--static-space-20);
+    background: var(--brand-solid-strong);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .track {
+    transition: none;
+  }
+
+  .tile {
+    transition: none;
+  }
+
+  .marker {
+    transition: none;
+  }
+}

package/dist/components/Select.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from "react";
 import { InputProps, OptionProps, DropdownWrapperProps } from ".";
-import { Placement } from "@floating-ui/react-dom";
+import type { Placement } from "../types";
 type SelectOptionType = Omit<OptionProps, "selected">;
 interface SelectProps extends Omit<InputProps, "onSelect" | "value">, Pick<DropdownWrapperProps, "minHeight" | "minWidth" | "maxWidth"> {
     options: SelectOptionType[];

package/dist/components/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EAIrB,MAAM,GAAG,CAAC;AACX,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEtD,UAAU,WACR,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoFD,QAAA,MAAM,MAAM,oFA+QX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EAIrB,MAAM,GAAG,CAAC;AACX,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEtD,UAAU,WACR,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoFD,QAAA,MAAM,MAAM,oFA+QX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Setting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Setting.d.ts","sourceRoot":"","sources":["../../src/components/Setting.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,IAAI,EAAsB,MAAM,GAAG,CAAC;AAuBrD,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+CnC,CAAC;AAIF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkC7C,CAAC;AAIF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6DAA6D;IAC7D,IAAI,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IAC7D,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuB3C,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Setting.d.ts","sourceRoot":"","sources":["../../src/components/Setting.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,IAAI,EAAsB,MAAM,GAAG,CAAC;AAuBrD,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+CnC,CAAC;AAIF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6C7C,CAAC;AAIF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6DAA6D;IAC7D,IAAI,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IAC7D,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuB3C,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Setting.js

@@ -29,7 +29,12 @@ Setting.displayName = "Setting";
  * A Setting whose sub-settings live *inside* its box rather than beside it, so
  * the relationship survives when the group is one of ten in a scrolling panel.
  */
-const SettingGroup = ({ label, description, info, control, open, children, ...flex }) => (_jsxs(Column, { fillWidth: true, radius: "l", border: true, overflow: "hidden", ...flex, children: [_jsxs(Row, { fillWidth: true, padding: "8", gap: "12", vertical: "center", horizontal: "between", wrap: true, children: [_jsxs(Column, { gap: "4", paddingLeft: "8", paddingY: "4", children: [_jsxs(Row, { vertical: "center", gap: "8", children: [renderLabel(label), info && _jsx(InfoTip, { children: info })] }), description && (_jsx(Text, { variant: "label-default-xs", onBackground: "neutral-weak", children: description }))] }), control && (_jsx(Row, { horizontal: "end", vertical: "center", gap: "8", children: control }))] }), open && children && (_jsx(Column, { fillWidth: true, gap: "8", padding: "8", borderTop: "neutral-alpha-weak", background: "surface", children: children }))] }));
+const SettingGroup = ({ label, description, info, control, open, children, ...flex }) => (_jsxs(Column, { fillWidth: true, radius: "l", 
+    // The group is one surface: the header and the body it reveals share a
+    // background, so opening it grows the panel rather than stacking a second
+    // one inside the first. An alpha border sits on whatever is behind it,
+    // which is what a group nested in a panel needs.
+    background: "surface", border: "neutral-alpha-weak", overflow: "hidden", ...flex, children: [_jsxs(Row, { fillWidth: true, padding: "8", gap: "12", vertical: "center", horizontal: "between", wrap: true, children: [_jsxs(Column, { gap: "4", paddingLeft: "8", paddingY: "4", children: [_jsxs(Row, { vertical: "center", gap: "8", children: [renderLabel(label), info && _jsx(InfoTip, { children: info })] }), description && (_jsx(Text, { variant: "label-default-xs", onBackground: "neutral-weak", children: description }))] }), control && (_jsx(Row, { horizontal: "end", vertical: "center", gap: "8", children: control }))] }), open && children && (_jsx(Column, { fillWidth: true, gap: "8", padding: "8", borderTop: "neutral-alpha-weak", children: children }))] }));
 SettingGroup.displayName = "SettingGroup";
 /**
  * One row carrying the axes of a single property — "Tilt" as X and Y side by

package/dist/components/Setting.js.map

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

package/dist/components/Textarea.d.ts

@@ -28,6 +28,9 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
     resize?: "horizontal" | "vertical" | "both" | "none";
     validate?: (value: ReactNode) => ReactNode | null;
     disabled?: boolean;
+    /** How many columns to occupy inside a `Form` grid. `Form` reads this off
+     *  the child and strips it; outside a `Form` it does nothing. */
+    span?: number;
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/components/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,sBAAsB,EAEtB,SAAS,EACV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,UAAU,aACR,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC;IACnE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EACJ,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B;;;;yCAIqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,2FAgPb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,sBAAsB,EAEtB,SAAS,EACV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,UAAU,aACR,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC;IACnE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EACJ,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B;;;;yCAIqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;qEACiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,QAAQ,2FA6Pb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Textarea.js

@@ -5,7 +5,13 @@ import classNames from "clsx";
 import { Column, Row, Text } from ".";
 import styles from "./Input.module.scss";
 import { useDebounce } from "../hooks/useDebounce";
-const Textarea = forwardRef(({ id, label, placeholder, lines = "auto", size = "m", error = false, errorMessage, description, corners, className, prefix, suffix, variant = "default", focusRing = false, characterCount, resize = "vertical", validate, disabled = false, children, onFocus, onBlur, onChange, onAnimationStart, style, ...props }, ref) => {
+import { useFieldSize } from "./FormContext";
+const Textarea = forwardRef(({ id, label, placeholder, lines = "auto", size, error = false, errorMessage, description, corners, className, prefix, suffix, variant = "default", focusRing = false, characterCount, resize = "vertical", validate, disabled = false, 
+// Consumed by `Form`, never rendered. See Input.tsx.
+span, children, onFocus, onBlur, onChange, onAnimationStart, style, ...props }, ref) => {
+    // A `Form` can set the size for every field in it; the field's own
+    // prop still wins, and `"m"` is still the default on its own.
+    const resolvedSize = useFieldSize(size);
     const [isFocused, setIsFocused] = useState(false);
     // Seeded from `defaultValue` too: an uncontrolled field — how a settings
     // form normally renders saved data — has no `value`, so the label never
@@ -93,12 +99,18 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = "auto", size = "m
     const textareaClassNames = classNames(styles.input, styles.textarea, "font-body", "font-default", {
         [styles.withPrefix]: prefix,
         [styles.withSuffix]: suffix,
-        [styles.placeholder]: placeholder,
         [styles.hasChildren]: children,
     });
     return (_jsxs(Column, { gap: "8", fillWidth: true, fitHeight: true, className: classNames(className, {
             [styles.error]: displayError && debouncedValue !== "",
-        }), children: [_jsxs(Row, { minHeight: placeholder ? "48" : "56", transition: "micro-medium", border: variant === "ghost" ? "transparent" : "neutral-medium", background: variant === "ghost" ? "transparent" : "neutral-alpha-weak", overflow: "hidden", vertical: "stretch", className: classNames(styles.base, focusRing && styles.focusRing, size && styles[size], lines !== "auto" && resize !== "none" && styles.resizeHandle, corners === "none" ? "radius-none" : corners ? `radius-l-${corners}` : "radius-l", lines !== "auto" && resize !== "none" && "radius-s-bottom-right"), children: [prefix && (_jsx(Row, { paddingLeft: "12", className: styles.prefix, children: prefix })), _jsxs(Column, { fillWidth: true, padding: "4", children: [_jsx("textarea", { ...props, ref: (node) => {
+        }), children: [_jsxs(Row
+            // See Input.tsx: the surface `Form` fuses, two levels down.
+            , { "data-surface": "field", 
+                // Height comes from the size token via `.base`, the same as an
+                // input's. This used to be a hardcoded 48 or 56, which ignored
+                // `size` entirely and left a placeholder-only textarea 8px shorter
+                // than the input beside it.
+                transition: "micro-medium", border: variant === "ghost" ? "transparent" : "neutral-medium", background: variant === "ghost" ? "transparent" : "neutral-alpha-weak", overflow: "hidden", vertical: "stretch", className: classNames(styles.base, focusRing && styles.focusRing, styles[resolvedSize], lines !== "auto" && resize !== "none" && styles.resizeHandle, corners === "none" ? "radius-none" : corners ? `radius-l-${corners}` : "radius-l", lines !== "auto" && resize !== "none" && "radius-s-bottom-right"), children: [prefix && (_jsx(Row, { paddingLeft: "12", className: styles.prefix, children: prefix })), _jsxs(Column, { fillWidth: true, padding: "4", children: [_jsx("textarea", { ...props, ref: (node) => {
                                     if (typeof ref === "function") {
                                         ref(node);
                                     }
@@ -106,11 +118,15 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = "auto", size = "m
                                         ref.current = node;
                                     }
                                     textareaRef.current = node;
-                                }, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, onAnimationStart: handleAnimationStart, className: textareaClassNames + " scrollbar-minimal", "aria-describedby": displayError ? `${id}-error` : undefined, "aria-invalid": !!displayError, style: {
+                                }, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, onAnimationStart: handleAnimationStart, className: `${textareaClassNames} scrollbar-minimal`, "aria-describedby": displayError ? `${id}-error` : undefined, "aria-invalid": !!displayError, style: {
                                     ...style,
                                     resize: lines === "auto" ? "none" : resize,
-                                }, onChange: handleChange }), !placeholder && (_jsx(Text, { as: "label", variant: "label-default-m", htmlFor: id, className: classNames(styles.label, styles.textareaLabel, {
-                                    [styles.floating]: isFocused || isFilled,
+                                }, onChange: handleChange }), label && (_jsx(Text, { as: "label", variant: "label-default-m", htmlFor: id, className: classNames(styles.label, styles.textareaLabel, {
+                                    // `|| placeholder` is the whole point of the pairing: a
+                                    // placeholder is visible immediately, so the label has to be
+                                    // out of its way from the first paint rather than waiting
+                                    // for focus. Identical to `Input`.
+                                    [styles.floating]: isFocused || isFilled || placeholder,
                                 }), children: label })), children, characterCount && props.maxLength && (_jsx(Row, { fillWidth: true, paddingLeft: "12", paddingY: "4", className: styles.suffix, children: _jsx(Text, { variant: "label-default-s", onBackground: props.maxLength - String(props.value || '').length <= 5
                                         ? "danger-weak"
                                         : props.maxLength - String(props.value || '').length <= 10

package/dist/components/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EAEV,WAAW,GAEZ,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACtC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AA2CnD,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EACE,EAAE,EACF,KAAK,EACL,WAAW,EACX,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,KAAK,EACb,YAAY,EACZ,WAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EACN,MAAM,EACN,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,KAAK,EACjB,cAAc,EACd,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,yEAAyE;IACzE,wEAAwE;IACxE,qEAAqE;IACrE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAChF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAC/E,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;YAC/B,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAC1C,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC;YAC3E,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA6C,EAAE,EAAE;QACrE,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;YACrB,YAAY,EAAE,CAAC;QACjB,CAAC;QACD,IAAI,QAAQ;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAA4C,EAAE,EAAE;QACnE,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF;;;;;OAKG;IACH,MAAM,oBAAoB,GAAG,CAAC,KAAgD,EAAE,EAAE;QAChF,0EAA0E;QAC1E,yEAAyE;QACzE,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC;QACvC,IAAI,IAAI,KAAK,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;YAC9D,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;QACD,IAAI,gBAAgB;YAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAA4C,EAAE,EAAE;QAClE,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;YACvC,IAAI,KAAK,EAAE,CAAC;gBACV,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACN,kBAAkB,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,yEAAyE;QACzE,2EAA2E;QAC3E,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS;YAAE,OAAO;QACtC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;YACrB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,YAAY,GAAG,eAAe,IAAI,YAAY,CAAC;IAGrD,MAAM,kBAAkB,GAAG,UAAU,CACnC,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,QAAQ,EACf,WAAW,EACX,cAAc,EACd;QACE,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,MAAM;QAC3B,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,MAAM;QAC3B,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,WAAW;QACjC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,QAAQ;KAC/B,CACF,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IACL,GAAG,EAAC,GAAG,EACP,SAAS,QACT,SAAS,QACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,YAAY,IAAI,cAAc,KAAK,EAAE;SACtD,CAAC,aAEF,MAAC,GAAG,IACF,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACpC,UAAU,EAAC,cAAc,EACzB,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,EAC9D,UAAU,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,oBAAoB,EACtE,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,SAAS,EAClB,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,SAAS,IAAI,MAAM,CAAC,SAAS,EAC7B,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EACpB,KAAK,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,CAAC,YAAY,EAC5D,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,OAAO,EAAE,CAAC,CAAC,CAAC,UAAU,EACjF,KAAK,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM,IAAI,uBAAuB,CACjE,aAEA,MAAM,IAAI,CACT,KAAC,GAAG,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YAC3C,MAAM,GACH,CACP,EACD,MAAC,MAAM,IAAC,SAAS,QAAC,OAAO,EAAC,GAAG,aAC3B,sBACM,KAAK,EACT,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oCACZ,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;wCAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;oCACZ,CAAC;yCAAM,IAAI,GAAG,EAAE,CAAC;wCACf,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;oCACrB,CAAC;oCACD,WAAW,CAAC,OAAO,GAAG,IAAkC,CAAC;gCAC3D,CAAC,EACD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC3C,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,gBAAgB,EAAE,oBAAoB,EACtC,SAAS,EAAE,kBAAkB,GAAG,oBAAoB,sBAClC,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,kBAC5C,CAAC,CAAC,YAAY,EAC5B,KAAK,EAAE;oCACL,GAAG,KAAK;oCACR,MAAM,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;iCAC3C,EACD,QAAQ,EAAE,YAAY,GACtB,EACD,CAAC,WAAW,IAAI,CACf,KAAC,IAAI,IACH,EAAE,EAAC,OAAO,EACV,OAAO,EAAC,iBAAiB,EACzB,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE;oCACxD,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,IAAI,QAAQ;iCACzC,CAAC,YAED,KAAK,GACD,CACR,EACA,QAAQ,EACR,cAAc,IAAI,KAAK,CAAC,SAAS,IAAI,CACpC,KAAC,GAAG,IAAC,SAAS,QAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YACnE,KAAC,IAAI,IACH,OAAO,EAAC,iBAAiB,EACzB,YAAY,EACV,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC;wCACrD,CAAC,CAAC,aAAa;wCACf,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,EAAE;4CACxD,CAAC,CAAC,cAAc;4CACd,CAAC,CAAC,cAAc,YAGvB,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,GAC9C,GACH,CACP,IACM,EACR,MAAM,IAAI,CACT,KAAC,GAAG,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YAC5C,MAAM,GACH,CACP,IACG,EACL,YAAY,IAAI,YAAY,KAAK,KAAK,IAAI,CACzC,KAAC,GAAG,IAAC,QAAQ,EAAC,IAAI,EAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAC,gBAAgB,EAAC,YAAY,EAAC,aAAa,YAC1F,YAAY,GACT,CACP,EACA,WAAW,IAAI,CACd,KAAC,GAAG,IAAC,QAAQ,EAAC,IAAI,EAAC,EAAE,EAAE,GAAG,EAAE,cAAc,EAAE,WAAW,EAAC,gBAAgB,EAAC,YAAY,EAAC,cAAc,YACjG,WAAW,GACR,CACP,IACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"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"}

package/dist/components/ThemeSwitcher.d.ts

@@ -11,6 +11,22 @@ interface ThemeSwitcherProps extends React.ComponentProps<typeof Row> {
      * when it was tapped to open something.
      */
     collapsed?: boolean;
+    /**
+     * Which way a collapsed group opens. Ignored when not `collapsed`.
+     *
+     * `"row"` grows sideways in the flow of the layout, which is right when the
+     * control has room beside it and wrong when it has neighbours: the group
+     * widening pushes them along, and the option you were pointing at moves out
+     * from under the pointer.
+     *
+     * `"column"` lifts the options into a panel over the page and opens it
+     * downwards, so the control keeps a one-option footprint whatever it is
+     * doing and nothing around it moves. Downwards rather than centred on the
+     * active option: the open panel is taller than a typical header, so
+     * anchoring it on the second or third option would put its top edge above
+     * the viewport.
+     */
+    direction?: "row" | "column";
 }
 declare const ThemeSwitcher: React.ForwardRefExoticComponent<Omit<ThemeSwitcherProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { ThemeSwitcher };

package/dist/components/ThemeSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitcher.d.ts","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAc,GAAG,EAAE,MAAM,GAAG,CAAC;AAUpC,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IACnE;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,wGA+ClB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ThemeSwitcher.d.ts","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAsB,GAAG,EAAE,MAAM,GAAG,CAAC;AAS5C,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IACnE;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,wGA8GlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ThemeSwitcher.js

@@ -2,15 +2,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from "clsx";
 import React, { forwardRef } from "react";
-import { IconButton, Row } from ".";
 import { useTheme } from "../contexts";
+import { Column, IconButton, Row } from ".";
 import styles from "./ThemeSwitcher.module.scss";
 const THEMES = [
     { value: "system", icon: "computer", label: "System theme" },
     { value: "dark", icon: "dark", label: "Dark theme" },
     { value: "light", icon: "light", label: "Light theme" },
 ];
-const ThemeSwitcher = forwardRef(({ collapsed, className, ...flex }, ref) => {
+const ThemeSwitcher = forwardRef(({ collapsed, direction = "row", className, ...flex }, ref) => {
     const { theme, setTheme } = useTheme();
     const [mounted, setMounted] = React.useState(false);
     // The server does not know the visitor's theme, so nothing is marked active
@@ -18,13 +18,52 @@ const ThemeSwitcher = forwardRef(({ collapsed, className, ...flex }, ref) => {
     React.useEffect(() => {
         setMounted(true);
     }, []);
-    return (_jsx(Row, { "data-border": "rounded", ref: ref, gap: "2", border: "neutral-alpha-weak", radius: "full", suppressHydrationWarning: true, className: classNames(collapsed && styles.collapsed, className), ...flex, children: THEMES.map(({ value, icon, label }) => {
-            const active = mounted && theme === value;
-            return (_jsx(Row, { fit: true, 
-                // Collapsed, an unresolved theme would hide all three and leave an
-                // empty pill, so before mount the group renders open.
-                className: classNames(styles.option, mounted && !active && styles.inactive), suppressHydrationWarning: true, children: _jsx(IconButton, { icon: icon, variant: active ? "primary" : "tertiary", onClick: () => setTheme(value), "aria-label": label, "aria-pressed": active, suppressHydrationWarning: true }) }, value));
-        }) }));
+    /*
+     * Opening downwards, the active option leads.
+     *
+     * The shut control is the active option — that is what a collapsed group
+     * is. Open it in fixed order and the panel's first slot belongs to
+     * whichever theme happens to be listed first, so the icon the pointer is
+     * already resting on changes identity as the panel unrolls: you hover the
+     * moon and the computer arrives underneath your cursor. Click without
+     * looking and you have set the wrong theme.
+     *
+     * Leading with the active option keeps one invariant instead — the theme
+     * in force is always the one in the anchor slot, before opening and again
+     * after choosing. The other two keep their order relative to each other,
+     * so the list is still predictable.
+     *
+     * Reordered here rather than with CSS `order` so that the tab order and
+     * the visual order stay the same thing. Keys are stable, so React moves
+     * the existing nodes and a focused button keeps its focus.
+     */
+    const ordered = collapsed && direction === "column" && mounted
+        ? [...THEMES].sort((a, b) => Number(theme === b.value) - Number(theme === a.value))
+        : THEMES;
+    const options = ordered.map(({ value, icon, label }) => {
+        const active = mounted && theme === value;
+        return (_jsx(Row, { fit: true, 
+            // Collapsed, an unresolved theme would hide all three and leave an
+            // empty pill, so before mount the group renders open.
+            className: classNames(styles.option, mounted && !active && styles.inactive), suppressHydrationWarning: true, children: _jsx(IconButton, { icon: icon, variant: active ? "primary" : "tertiary", onClick: () => setTheme(value), "aria-label": label, "aria-pressed": active, suppressHydrationWarning: true }) }, value));
+    });
+    /*
+     * Opening downwards needs two elements, not one.
+     *
+     * The outer box is what the layout sees, and it stays the size of a single
+     * option however many are showing — that is the whole point of the
+     * collapsed control, and a group that grows in the flow would push its
+     * neighbours along every time it opened. The panel is taken out of the
+     * flow and hung from the outer box's top-left, so it grows over the page
+     * instead of through the header.
+     *
+     * The border and the radius move to the panel with the options, because
+     * they belong to the thing that is actually visible.
+     */
+    if (collapsed && direction === "column") {
+        return (_jsx(Row, { "data-border": "rounded", ref: ref, fit: true, className: classNames(styles.anchor, className), suppressHydrationWarning: true, ...flex, children: _jsx(Column, { gap: "2", border: "neutral-alpha-weak", radius: "full", background: "page", className: classNames(styles.collapsed, styles.panel), suppressHydrationWarning: true, children: options }) }));
+    }
+    return (_jsx(Row, { "data-border": "rounded", ref: ref, gap: "2", border: "neutral-alpha-weak", radius: "full", suppressHydrationWarning: true, className: classNames(collapsed && styles.collapsed, className), ...flex, children: options }));
 });
 ThemeSwitcher.displayName = "ThemeSwitcher";
 export { ThemeSwitcher };

package/dist/components/ThemeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAEjD,MAAM,MAAM,GAAG;IACb,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE;IACpD,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE;CAC/C,CAAC;AAeX,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,4EAA4E;IAC5E,yCAAyC;IACzC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,GAAG,mBACU,SAAS,EACrB,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,oBAAoB,EAC3B,MAAM,EAAC,MAAM,EACb,wBAAwB,QACxB,SAAS,EAAE,UAAU,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,KAC3D,IAAI,YAEP,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;YACrC,MAAM,MAAM,GAAG,OAAO,IAAI,KAAK,KAAK,KAAK,CAAC;YAC1C,OAAO,CACL,KAAC,GAAG,IAEF,GAAG;gBACH,mEAAmE;gBACnE,sDAAsD;gBACtD,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,EAC3E,wBAAwB,kBAExB,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAClB,KAAK,kBACH,MAAM,EACpB,wBAAwB,SACxB,IAdG,KAAK,CAeN,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"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"}

package/dist/components/ThemeSwitcher.module.scss

@@ -24,19 +24,31 @@
     overflow: hidden;
     transition:
       max-width var(--transition-duration-micro-medium, 0.15s) ease,
+      margin var(--transition-duration-micro-medium, 0.15s) ease,
       opacity var(--transition-duration-micro-short, 0.1s) ease;
     max-width: var(--static-space-40, 2.5rem);
   }
 
+  /* A zero-width option still owns its share of the group's gap, which left
+     the pill a few pixels wider than the one button it shows. Each hidden
+     option takes one gap with it: the gap before it, or, for the first
+     option, the gap after it. The value is the group's `gap="2"`. */
   .option.inactive {
     max-width: 0;
     opacity: 0;
+    margin-left: calc(-1 * var(--static-space-2, 0.125rem));
+  }
+
+  .option.inactive:first-child {
+    margin-left: 0;
+    margin-right: calc(-1 * var(--static-space-2, 0.125rem));
   }
 
   &:hover .option.inactive,
   &:focus-within .option.inactive {
     max-width: var(--static-space-40, 2.5rem);
     opacity: 1;
+    margin: 0;
   }
 }
 
@@ -44,6 +56,7 @@
   .collapsed .option.inactive {
     max-width: var(--static-space-40, 2.5rem);
     opacity: 1;
+    margin: 0;
   }
 }
 
@@ -52,3 +65,102 @@
     transition: none;
   }
 }
+
+/*
+ * Opening downwards, over the page.
+ *
+ * The anchor is what the surrounding layout sees, and it is exactly one option
+ * — so a header reserves one slot whether the group is open or shut, and
+ * nothing beside it moves when it opens. `overflow: visible` matters: the
+ * panel is taller than a typical header and has to be allowed out of it.
+ */
+.anchor {
+  position: relative;
+  width: var(--static-space-40, 2.5rem);
+  height: var(--static-space-40, 2.5rem);
+  overflow: visible;
+}
+
+.panel {
+  position: absolute;
+  top: 0;
+  left: 0;
+  /* Above the page, and above a sticky header's own content. */
+  z-index: 1;
+
+  /* Shut, the panel is the size of the one option it shows and has no edges of
+     its own to draw: a pill border around a single icon button is a second
+     outline around the button's own. They arrive with the panel opening. */
+  border-color: transparent;
+  background: transparent;
+  transition:
+    border-color var(--transition-duration-micro-medium, 0.15s) ease,
+    background var(--transition-duration-micro-medium, 0.15s) ease,
+    box-shadow var(--transition-duration-micro-medium, 0.15s) ease;
+
+  &:hover,
+  &:focus-within {
+    border-color: var(--neutral-alpha-weak);
+    background: var(--page-background);
+    box-shadow: var(--shadow-m);
+  }
+
+  /*
+   * Vertical clipping, where the row variant clips horizontally.
+   *
+   * `max-height` rather than `height` so the option is never squashed on the
+   * way out, and the margin trick is the row variant's, turned ninety degrees:
+   * a zero-height option still owns its share of the column's `gap="2"`, which
+   * would leave the shut panel a few pixels taller than the button it shows.
+   */
+  .option {
+    max-width: none;
+    max-height: var(--static-space-40, 2.5rem);
+    transition:
+      max-height var(--transition-duration-micro-medium, 0.15s) ease,
+      margin var(--transition-duration-micro-medium, 0.15s) ease,
+      opacity var(--transition-duration-micro-short, 0.1s) ease;
+  }
+
+  .option.inactive {
+    max-width: none;
+    max-height: 0;
+    opacity: 0;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: calc(-1 * var(--static-space-2, 0.125rem));
+  }
+
+  .option.inactive:first-child {
+    margin-top: 0;
+    margin-bottom: calc(-1 * var(--static-space-2, 0.125rem));
+  }
+
+  &:hover .option.inactive,
+  &:focus-within .option.inactive {
+    max-height: var(--static-space-40, 2.5rem);
+    opacity: 1;
+    margin: 0;
+  }
+}
+
+@media (hover: none) {
+  .panel .option.inactive {
+    max-height: var(--static-space-40, 2.5rem);
+    opacity: 1;
+    margin: 0;
+  }
+
+  /* Always open on a touch device, so it must carry its edges and reserve its
+     height rather than hanging over whatever is under it. */
+  .panel {
+    position: relative;
+    border-color: var(--neutral-alpha-weak);
+    background: var(--page-background);
+  }
+
+  .anchor {
+    width: auto;
+    height: auto;
+  }
+}

package/dist/components/UserMenu.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { UserProps, DropdownWrapperProps } from ".";
-import { Placement } from "@floating-ui/react-dom";
+import type { Placement } from "../types";
 interface UserMenuProps extends UserProps, Pick<DropdownWrapperProps, "minHeight" | "minWidth" | "maxWidth"> {
     selected?: boolean;
     placement?: Placement;

package/dist/components/UserMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../src/components/UserMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAyB,SAAS,EAAE,oBAAoB,EAAU,MAAM,GAAG,CAAC;AAEnF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,UAAU,aACR,SAAQ,SAAS,EACf,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,sFAwCZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../src/components/UserMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAyB,SAAS,EAAE,oBAAoB,EAAU,MAAM,GAAG,CAAC;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,UAAU,aACR,SAAQ,SAAS,EACf,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,sFAwCZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/index.d.ts

@@ -47,6 +47,7 @@ export * from "./ClientFlex";
 export * from "./Flex";
 export * from "./FlipFx";
 export * from "./FocusTrap";
+export * from "./Form";
 export * from "./GlitchFx";
 export * from "./ServerGrid";
 export * from "./ClientGrid";
@@ -77,7 +78,7 @@ export * from "./NumberInput";
 export * from "./OgCard";
 export * from "./Option";
 export * from "./OTPInput";
-export * from "./Particle";
+export * from "./ParticleFx";
 export * from "./PasswordInput";
 export * from "./ProgressBar";
 export * from "./Pulse";

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

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