@charcuterie/ui 0.1.0 → 0.2.0

package/dist/Toast/toastLifecycle.d.ts

@@ -0,0 +1,34 @@
+import type { StatusTransitions } from "@charcuterie/logic";
+/**
+ * The one machine the plan wrote down and M2 did not build:
+ *
+ * > | Toast lifecycle | entering → visible → exiting → removed |
+ *
+ * It is here rather than in `@charcuterie/logic/core` beside
+ * `asyncTransitions` and `connectionTransitions` on purpose. Those
+ * two describe *data* — a fetch, a socket — and a Preact app with no
+ * components at all still wants them. This one describes an
+ * **animation**, which only exists because something is being
+ * painted, so it belongs to the component layer.
+ */
+export type ToastStatus = "entering" | "exiting" | "removed" | "visible";
+/**
+ * `visible → removed` is deliberately **not** a legal transition,
+ * and neither is anything out of `removed`.
+ *
+ * The first means a toast cannot skip its exit — a dismissal that
+ * unmounts the node immediately is the flicker every hand-rolled
+ * toast stack has, and making it illegal turns that into a thrown
+ * error in a test rather than a jump nobody files.
+ *
+ * The second makes `removed` terminal, which is what lets the region
+ * call `onDismiss` exactly once. `createStatus` throws on an illegal
+ * transition, so a second timer firing after the first is a loud
+ * failure instead of a duplicate removal.
+ *
+ * `exiting → visible` **is** legal: pointing at a toast that is
+ * already sliding away has to bring it back, or the user is chasing
+ * a disappearing message with the cursor.
+ */
+export declare const toastTransitions: StatusTransitions<ToastStatus>;
+//# sourceMappingURL=toastLifecycle.d.ts.map

package/dist/Toast/toastLifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastLifecycle.d.ts","sourceRoot":"","sources":["../../src/Toast/toastLifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,CAAA;AAEb;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,WAAW,CAMzD,CAAA"}

package/dist/Toast/toastLifecycle.js

@@ -0,0 +1,25 @@
+/**
+ * `visible → removed` is deliberately **not** a legal transition,
+ * and neither is anything out of `removed`.
+ *
+ * The first means a toast cannot skip its exit — a dismissal that
+ * unmounts the node immediately is the flicker every hand-rolled
+ * toast stack has, and making it illegal turns that into a thrown
+ * error in a test rather than a jump nobody files.
+ *
+ * The second makes `removed` terminal, which is what lets the region
+ * call `onDismiss` exactly once. `createStatus` throws on an illegal
+ * transition, so a second timer firing after the first is a loud
+ * failure instead of a duplicate removal.
+ *
+ * `exiting → visible` **is** legal: pointing at a toast that is
+ * already sliding away has to bring it back, or the user is chasing
+ * a disappearing message with the cursor.
+ */
+export const toastTransitions = {
+    entering: ["visible", "exiting"],
+    exiting: ["removed", "visible"],
+    removed: [],
+    visible: ["exiting"],
+};
+//# sourceMappingURL=toastLifecycle.js.map

package/dist/Toast/toastLifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastLifecycle.js","sourceRoot":"","sources":["../../src/Toast/toastLifecycle.ts"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAC3B;IACE,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAChC,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC/B,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,CAAC,SAAS,CAAC;CACrB,CAAA"}

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,68 @@
+import type { Placement } from "@floating-ui/react";
+import type { ReactElement, ReactNode } from "react";
+export type TooltipProps = {
+    /**
+     * The control the tip describes. **Cloned, not wrapped** — the
+     * same slot contract as `Popover`'s trigger.
+     *
+     * It has to be something focusable. A tooltip on a `<span>` is
+     * pointer-only, which is the state mux-magic's is in today.
+     */
+    children: ReactElement;
+    className?: string;
+    /** Milliseconds of hover before it opens. */
+    delay?: number;
+    /**
+     * Text, and text only. `role="tooltip"` has no way to move focus
+     * into itself, so a link or a button inside one is unreachable by
+     * keyboard and unreadable by touch — if it needs a control, it is
+     * a `Popover`.
+     */
+    label: string;
+    placement?: Placement;
+};
+/**
+ * Replaces mux-magic's `FieldTooltip`, which is 130 lines of
+ * hand-rolled positioning — a `computePosition` that reimplements
+ * `flip` and `shift` against `window.innerHeight` — and has three
+ * defects that all render perfectly:
+ *
+ *  1. **Nothing references the tip.** It sets `role="tooltip"` and
+ *     no `aria-describedby` anywhere, so the control it belongs to
+ *     never mentions it. A screen reader reads the button, says
+ *     nothing about the tip, and the tip itself is a floating node
+ *     nobody is pointed at. `role="tooltip"` is not a live region;
+ *     it does nothing on its own.
+ *  2. **Pointer only.** `onPointerEnter`/`onPointerLeave` with no
+ *     `onFocus`/`onBlur`, so a keyboard user cannot open it at all.
+ *  3. **No dismiss.** Escape does nothing, which WCAG 1.4.13
+ *     requires of any content shown on hover.
+ *
+ * All three come from the same place: the ARIA is written by hand
+ * beside the behaviour instead of falling out of it. Here `useRole`
+ * writes `aria-describedby` on the trigger and `role` + `id` on the
+ * tip from one source, `useFocus` is what makes it keyboard-openable,
+ * and `useDismiss` is Escape.
+ *
+ * ### Not a `title`, and not a substitute for a name
+ *
+ * A `title` attribute is unstyleable, has a ~1s delay nobody can
+ * change, and does not exist on touch. `Badge` still uses one — for
+ * a *truncation* readout, where the full text is already in
+ * `textContent` and the tip is a convenience
+ * ([decision](../../../docs/decisions/2026-07-30-a-badge-truncates-with-text-overflow.md)).
+ * That is the line: a `title` may repeat something already
+ * available, and a `Tooltip` may add something, but **neither may be
+ * the only place a control's name exists**. An icon button still
+ * needs its `aria-label`; the tip is extra.
+ *
+ * ### Touch has no hover, and this component does not pretend
+ *
+ * There is no long-press fallback here. A tooltip is supplementary
+ * by construction, so on the kiosk it simply never appears, and
+ * anything a touch user *must* read belongs in a `Field`'s
+ * `description` instead. Building a long-press would make the tip
+ * load-bearing on exactly the surface where it is least reliable.
+ */
+export declare const Tooltip: ({ children, className, delay, label, placement, }: TooltipProps) => ReactNode;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAanD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpD,MAAM,MAAM,YAAY,GAAG;IACzB;;;;;;OAMG;IACH,QAAQ,EAAE,YAAY,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,OAAO,GAAI,mDAMrB,YAAY,KAAG,SA4EjB,CAAA"}

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useClonedChild, useVisibility, } from "@charcuterie/logic";
+import { autoUpdate, flip, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, } from "@floating-ui/react";
+import { toClassName } from "../toClassName.js";
+/**
+ * Replaces mux-magic's `FieldTooltip`, which is 130 lines of
+ * hand-rolled positioning — a `computePosition` that reimplements
+ * `flip` and `shift` against `window.innerHeight` — and has three
+ * defects that all render perfectly:
+ *
+ *  1. **Nothing references the tip.** It sets `role="tooltip"` and
+ *     no `aria-describedby` anywhere, so the control it belongs to
+ *     never mentions it. A screen reader reads the button, says
+ *     nothing about the tip, and the tip itself is a floating node
+ *     nobody is pointed at. `role="tooltip"` is not a live region;
+ *     it does nothing on its own.
+ *  2. **Pointer only.** `onPointerEnter`/`onPointerLeave` with no
+ *     `onFocus`/`onBlur`, so a keyboard user cannot open it at all.
+ *  3. **No dismiss.** Escape does nothing, which WCAG 1.4.13
+ *     requires of any content shown on hover.
+ *
+ * All three come from the same place: the ARIA is written by hand
+ * beside the behaviour instead of falling out of it. Here `useRole`
+ * writes `aria-describedby` on the trigger and `role` + `id` on the
+ * tip from one source, `useFocus` is what makes it keyboard-openable,
+ * and `useDismiss` is Escape.
+ *
+ * ### Not a `title`, and not a substitute for a name
+ *
+ * A `title` attribute is unstyleable, has a ~1s delay nobody can
+ * change, and does not exist on touch. `Badge` still uses one — for
+ * a *truncation* readout, where the full text is already in
+ * `textContent` and the tip is a convenience
+ * ([decision](../../../docs/decisions/2026-07-30-a-badge-truncates-with-text-overflow.md)).
+ * That is the line: a `title` may repeat something already
+ * available, and a `Tooltip` may add something, but **neither may be
+ * the only place a control's name exists**. An icon button still
+ * needs its `aria-label`; the tip is extra.
+ *
+ * ### Touch has no hover, and this component does not pretend
+ *
+ * There is no long-press fallback here. A tooltip is supplementary
+ * by construction, so on the kiosk it simply never appears, and
+ * anything a touch user *must* read belongs in a `Field`'s
+ * `description` instead. Building a long-press would make the tip
+ * load-bearing on exactly the surface where it is least reliable.
+ */
+export const Tooltip = ({ children, className, delay = 200, label, placement = "top", }) => {
+    const { isVisible, setIsVisible } = useVisibility();
+    const { context, floatingStyles, refs } = useFloating({
+        // Read-only, as everywhere: floating-ui is told what is true and
+        // never decides it.
+        open: isVisible,
+        onOpenChange: setIsVisible,
+        placement,
+        middleware: [offset(6), flip(), shift({ padding: 8 })],
+        strategy: "fixed",
+        whileElementsMounted: autoUpdate,
+    });
+    const { getFloatingProps, getReferenceProps } = useInteractions([
+        useHover(context, {
+            // `move: false` — a tooltip that re-opens because the
+            // pointer twitched inside the trigger is the flicker every
+            // hand-rolled one has.
+            move: false,
+            restMs: delay,
+        }),
+        // The line mux-magic is missing. Without it the tip is
+        // pointer-only, which is a WCAG 2.1.1 failure on a control
+        // whose explanation lives there.
+        useFocus(context),
+        useDismiss(context, { referencePress: false }),
+        useRole(context, { role: "tooltip" }),
+    ]);
+    const clonedTrigger = useClonedChild(children, {
+        ...getReferenceProps(),
+        ref: refs.setReference,
+    });
+    return (_jsxs(_Fragment, { children: [clonedTrigger, isVisible ? (_jsx("div", { ...getFloatingProps(), className: toClassName(
+                // `intent-neutral-solid` + its own `on-solid`, rather
+                // than `surface-inverse` + `content-on-accent`. The
+                // second pair looks like the obvious one and is not a
+                // *pair* at all — nothing in the token set promises those
+                // two contrast, and in `daylight` dark they land at
+                // 2.9:1. The `solid`/`on-solid` roles exist precisely to
+                // be a guaranteed couple, and the contrast gate checks
+                // them as one.
+                "inset-auto m-0 max-w-xs rounded-md bg-intent-neutral-solid px-2 py-1 text-intent-neutral-on-solid text-xs shadow-medium", className), 
+                // No `popover="manual"` and no `FloatingFocusManager`,
+                // unlike `Popover`. Both exist to manage focus, and focus
+                // never enters a tooltip — moving it here is what makes
+                // one unescapable. The trade is that a tooltip is not in
+                // the top layer, so it can be clipped by an
+                // `overflow: hidden` ancestor; `strategy: "fixed"` keeps
+                // that to ancestors that actually clip fixed descendants.
+                ref: refs.setFloating, 
+                // Duplicated from `getFloatingProps()` deliberately, and
+                // the two cannot differ — `useRole(context, { role:
+                // "tooltip" })` above is where it comes from. Stated here
+                // because a linter cannot see a role through a spread, and
+                // neither can the next reader.
+                role: "tooltip", style: floatingStyles, children: label })) : null] }));
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,cAAc,EACd,aAAa,GACd,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EACL,UAAU,EACV,IAAI,EACJ,MAAM,EACN,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,OAAO,GACR,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAwB/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,GAAG,EACX,KAAK,EACL,SAAS,GAAG,KAAK,GACJ,EAAa,EAAE;IAC5B,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IAEnD,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC;QACpD,iEAAiE;QACjE,oBAAoB;QACpB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,YAAY;QAC1B,SAAS;QACT,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QACtD,QAAQ,EAAE,OAAO;QACjB,oBAAoB,EAAE,UAAU;KACjC,CAAC,CAAA;IAEF,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAC3C,eAAe,CAAC;QACd,QAAQ,CAAC,OAAO,EAAE;YAChB,sDAAsD;YACtD,2DAA2D;YAC3D,uBAAuB;YACvB,IAAI,EAAE,KAAK;YACX,MAAM,EAAE,KAAK;SACd,CAAC;QACF,uDAAuD;QACvD,2DAA2D;QAC3D,iCAAiC;QACjC,QAAQ,CAAC,OAAO,CAAC;QACjB,UAAU,CAAC,OAAO,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;QAC9C,OAAO,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;KACtC,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,EAAE;QAC7C,GAAG,iBAAiB,EAAE;QACtB,GAAG,EAAE,IAAI,CAAC,YAAY;KACvB,CAAC,CAAA;IAEF,OAAO,CACL,8BACG,aAAa,EAEb,SAAS,CAAC,CAAC,CAAC,CACX,iBACM,gBAAgB,EAAE,EACtB,SAAS,EAAE,WAAW;gBACpB,sDAAsD;gBACtD,oDAAoD;gBACpD,sDAAsD;gBACtD,0DAA0D;gBAC1D,oDAAoD;gBACpD,yDAAyD;gBACzD,uDAAuD;gBACvD,eAAe;gBACf,yHAAyH,EACzH,SAAS,CACV;gBACD,uDAAuD;gBACvD,0DAA0D;gBAC1D,wDAAwD;gBACxD,yDAAyD;gBACzD,4CAA4C;gBAC5C,yDAAyD;gBACzD,0DAA0D;gBAC1D,GAAG,EAAE,IAAI,CAAC,WAAW;gBACrB,yDAAyD;gBACzD,oDAAoD;gBACpD,0DAA0D;gBAC1D,2DAA2D;gBAC3D,+BAA+B;gBAC/B,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,cAAc,YAEpB,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/index.d.ts

@@ -30,6 +30,8 @@
  * `@charcuterie/tokens/theme.css` by its own name, which is what
  * this package's README has always told it to do.
  */
+export type { AccordionHeadingLevel, AccordionItem, AccordionProps, } from "./Accordion/Accordion.tsx";
+export { Accordion } from "./Accordion/Accordion.tsx";
 export type { AlertProps, AlertSize, } from "./Alert/Alert.tsx";
 export { Alert } from "./Alert/Alert.tsx";
 export type { BadgeProps } from "./Badge/Badge.tsx";
@@ -42,16 +44,24 @@ export type { BadgeSize } from "./controlStyles.ts";
 export { BADGE_SIZE_CLASS, CONTROL_SIZE_CLASS, DOT_SIZE_CLASS, ICON_CONTROL_SIZE_CLASS, MIN_TOUCH_TARGET_CLASS, SPINNER_SIZE_CLASS, } from "./controlStyles.ts";
 export type { EmptyStateProps, EmptyStateSize, } from "./EmptyState/EmptyState.tsx";
 export { EmptyState } from "./EmptyState/EmptyState.tsx";
+export type { FieldProps } from "./Field/Field.tsx";
+export { Field } from "./Field/Field.tsx";
+export type { FileDropZoneProps } from "./FileDropZone/FileDropZone.tsx";
+export { FileDropZone } from "./FileDropZone/FileDropZone.tsx";
 export type { IconButtonProps } from "./IconButton/IconButton.tsx";
 export { IconButton } from "./IconButton/IconButton.tsx";
 export type { IntentAppearance } from "./intentStyles.ts";
 export { DISABLED_CLASS, FOCUS_RING_CLASS, INTENT_APPEARANCE_CLASS, INTENT_CONTENT_CLASS, INTENT_HOVER_CLASS, INTENT_SOLID_FILL_CLASS, } from "./intentStyles.ts";
 export type { LiveStatusIndicatorProps, LiveStatusIndicatorSize, } from "./LiveStatusIndicator/LiveStatusIndicator.tsx";
 export { LiveStatusIndicator } from "./LiveStatusIndicator/LiveStatusIndicator.tsx";
+export type { LogLine, LogViewerProps, } from "./LogViewer/LogViewer.tsx";
+export { LogViewer } from "./LogViewer/LogViewer.tsx";
 export type { MediaTileProps, MediaTileRatio, } from "./MediaTile/MediaTile.tsx";
 export { MediaTile } from "./MediaTile/MediaTile.tsx";
 export type { MediaStatus } from "./MediaTile/mediaStatus.ts";
 export { mediaTransitions } from "./MediaTile/mediaStatus.ts";
+export type { MenuItem, MenuProps, } from "./Menu/Menu.tsx";
+export { Menu } from "./Menu/Menu.tsx";
 export type { ModalProps, ModalSize, } from "./Modal/Modal.tsx";
 export { Modal } from "./Modal/Modal.tsx";
 export type { PopoverProps } from "./Popover/Popover.tsx";
@@ -62,13 +72,25 @@ export type { ProgressThreshold } from "./ProgressBar/progressValue.ts";
 export { getProgressIntent, toProgressPercent, toProgressValue, } from "./ProgressBar/progressValue.ts";
 export type { SegmentedControlProps, SegmentedItem, } from "./SegmentedControl/SegmentedControl.tsx";
 export { SegmentedControl } from "./SegmentedControl/SegmentedControl.tsx";
+export type { SelectItem, SelectOption, SelectOptionGroup, SelectProps, } from "./Select/Select.tsx";
+export { Select } from "./Select/Select.tsx";
 export type { SkeletonProps, SkeletonShape, } from "./Skeleton/Skeleton.tsx";
 export { Skeleton } from "./Skeleton/Skeleton.tsx";
+export type { SortableTableHeaderProps, SortDirection, } from "./SortableTableHeader/SortableTableHeader.tsx";
+export { SortableTableHeader } from "./SortableTableHeader/SortableTableHeader.tsx";
 export type { SpinnerProps } from "./Spinner/Spinner.tsx";
 export { Spinner } from "./Spinner/Spinner.tsx";
 export { getAsyncIntent, getAsyncLabel, getConnectionIntent, getConnectionLabel, getIsConnectionBusy, } from "./statusIntent.ts";
 export type { TabItem, TabsActivation, TabsOrientation, TabsProps, } from "./Tabs/Tabs.tsx";
 export { Tabs } from "./Tabs/Tabs.tsx";
+export type { ToastProps } from "./Toast/Toast.tsx";
+export { Toast } from "./Toast/Toast.tsx";
+export type { ToastRecord, ToastRegionProps, } from "./Toast/ToastRegion.tsx";
+export { ToastRegion } from "./Toast/ToastRegion.tsx";
+export type { ToastStatus } from "./Toast/toastLifecycle.ts";
+export { toastTransitions } from "./Toast/toastLifecycle.ts";
+export type { TooltipProps } from "./Tooltip/Tooltip.tsx";
+export { Tooltip } from "./Tooltip/Tooltip.tsx";
 export { toClassName } from "./toClassName.ts";
 export type { VisuallyHiddenProps } from "./VisuallyHidden/VisuallyHidden.tsx";
 export { VisuallyHidden } from "./VisuallyHidden/VisuallyHidden.tsx";

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -30,26 +30,37 @@
  * `@charcuterie/tokens/theme.css` by its own name, which is what
  * this package's README has always told it to do.
  */
+export { Accordion } from "./Accordion/Accordion.js";
 export { Alert } from "./Alert/Alert.js";
 export { Badge } from "./Badge/Badge.js";
 export { Button } from "./Button/Button.js";
 export { Card } from "./Card/Card.js";
 export { BADGE_SIZE_CLASS, CONTROL_SIZE_CLASS, DOT_SIZE_CLASS, ICON_CONTROL_SIZE_CLASS, MIN_TOUCH_TARGET_CLASS, SPINNER_SIZE_CLASS, } from "./controlStyles.js";
 export { EmptyState } from "./EmptyState/EmptyState.js";
+export { Field } from "./Field/Field.js";
+export { FileDropZone } from "./FileDropZone/FileDropZone.js";
 export { IconButton } from "./IconButton/IconButton.js";
 export { DISABLED_CLASS, FOCUS_RING_CLASS, INTENT_APPEARANCE_CLASS, INTENT_CONTENT_CLASS, INTENT_HOVER_CLASS, INTENT_SOLID_FILL_CLASS, } from "./intentStyles.js";
 export { LiveStatusIndicator } from "./LiveStatusIndicator/LiveStatusIndicator.js";
+export { LogViewer } from "./LogViewer/LogViewer.js";
 export { MediaTile } from "./MediaTile/MediaTile.js";
 export { mediaTransitions } from "./MediaTile/mediaStatus.js";
+export { Menu } from "./Menu/Menu.js";
 export { Modal } from "./Modal/Modal.js";
 export { Popover } from "./Popover/Popover.js";
 export { ProgressBar } from "./ProgressBar/ProgressBar.js";
 export { getProgressIntent, toProgressPercent, toProgressValue, } from "./ProgressBar/progressValue.js";
 export { SegmentedControl } from "./SegmentedControl/SegmentedControl.js";
+export { Select } from "./Select/Select.js";
 export { Skeleton } from "./Skeleton/Skeleton.js";
+export { SortableTableHeader } from "./SortableTableHeader/SortableTableHeader.js";
 export { Spinner } from "./Spinner/Spinner.js";
 export { getAsyncIntent, getAsyncLabel, getConnectionIntent, getConnectionLabel, getIsConnectionBusy, } from "./statusIntent.js";
 export { Tabs } from "./Tabs/Tabs.js";
+export { Toast } from "./Toast/Toast.js";
+export { ToastRegion } from "./Toast/ToastRegion.js";
+export { toastTransitions } from "./Toast/toastLifecycle.js";
+export { Tooltip } from "./Tooltip/Tooltip.js";
 export { toClassName } from "./toClassName.js";
 export { VisuallyHidden } from "./VisuallyHidden/VisuallyHidden.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAMH,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAM5C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAEtC,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,oBAAoB,CAAA;AAK3B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAExD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,mBAAmB,CAAA;AAK1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA+C,CAAA;AAKnF,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAK7D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAK/C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAE3D,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,MAAM,gCAAgC,CAAA;AAKvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAyC,CAAA;AAK1E,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAC/C,OAAO,EACL,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,mBAAmB,CAAA;AAO1B,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAqC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAOH,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAKrD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAM5C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAEtC,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,oBAAoB,CAAA;AAK3B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAA;AAExD,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,mBAAmB,CAAA;AAK1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA+C,CAAA;AAKnF,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAKrD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAK7D,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAKtC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAK/C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAE3D,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,MAAM,gCAAgC,CAAA;AAKvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAyC,CAAA;AAO1E,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAqB,CAAA;AAK5C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAA;AAKlD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA+C,CAAA;AAEnF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAC/C,OAAO,EACL,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,mBAAmB,CAAA;AAO1B,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAiB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAmB,CAAA;AAKzC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAyB,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAuB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAqC,CAAA"}

package/dist/mountStory.testHelpers.d.ts

@@ -11,17 +11,6 @@ type MountableStory = {
         canvasElement: HTMLElement;
     }) => Promise<void>;
 };
-/**
- * Mount a composed story into a fresh canvas and hand back the same
- * two things a `play` function used to receive.
- *
- * `run()` — rather than rendering the component directly — is what
- * keeps these tests honest after the story/test split: the subject
- * is the story a reader sees, with its args, its decorators, and its
- * loaders, not a second assembly of the same component that can
- * drift from it. It is also what triggers the a11y addon's
- * `afterEach`, so every mount here is an axe run.
- */
 export declare const mountStory: (story: MountableStory) => Promise<{
     canvas: Canvas;
     canvasElement: HTMLElement;

package/dist/mountStory.testHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mountStory.testHelpers.d.ts","sourceRoot":"","sources":["../src/mountStory.testHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAA;AAEvC;;;;;GAKG;AACH,KAAK,cAAc,GAAG;IACpB,GAAG,EAAE,CAAC,OAAO,EAAE;QACb,aAAa,EAAE,WAAW,CAAA;KAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACpB,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,GACrB,OAAO,cAAc,KACpB,OAAO,CAAC;IACT,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,WAAW,CAAA;CAC3B,CAQA,CAAA"}
+{"version":3,"file":"mountStory.testHelpers.d.ts","sourceRoot":"","sources":["../src/mountStory.testHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAA;AAEvC;;;;;GAKG;AACH,KAAK,cAAc,GAAG;IACpB,GAAG,EAAE,CAAC,OAAO,EAAE;QACb,aAAa,EAAE,WAAW,CAAA;KAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACpB,CAAA;AAqCD,eAAO,MAAM,UAAU,GACrB,OAAO,cAAc,KACpB,OAAO,CAAC;IACT,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,WAAW,CAAA;CAC3B,CAcA,CAAA"}

package/dist/mountStory.testHelpers.js

@@ -10,9 +10,36 @@ import { within } from "storybook/test";
  * drift from it. It is also what triggers the a11y addon's
  * `afterEach`, so every mount here is an axe run.
  */
+/**
+ * Every canvas this helper has created, so the next mount can take
+ * the previous ones out of the document.
+ *
+ * They used to accumulate — one detached-but-attached `<div>` per
+ * test, for the whole file — and nothing noticed for three
+ * milestones, because every component up to M6 lays out **in
+ * flow**: a stale copy sits harmlessly below the live one and every
+ * query is scoped to its own canvas anyway.
+ *
+ * `ToastRegion` is the first `position: fixed` component in the
+ * library, and it broke that immediately. A previous test's toast
+ * stack is pinned to the same corner of the viewport as the live
+ * one, so `userEvent.click` — which clicks by **coordinates** —
+ * drove the wrong element while every query still returned the
+ * right one. The test failed with "the toast did not go away", one
+ * test after the toast it was actually clicking.
+ *
+ * The stale tree is removed rather than unmounted because portable
+ * stories expose no unmount. Detaching is enough: it takes the node
+ * out of the layout, which is the entire problem.
+ */
+const mountedCanvases = [];
 export const mountStory = async (story) => {
+    for (const previous of mountedCanvases.splice(0)) {
+        previous.remove();
+    }
     const canvasElement = document.createElement("div");
     document.body.append(canvasElement);
+    mountedCanvases.push(canvasElement);
     await story.run({ canvasElement });
     return { canvas: within(canvasElement), canvasElement };
 };

package/dist/mountStory.testHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"mountStory.testHelpers.js","sourceRoot":"","sources":["../src/mountStory.testHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAgBvC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,EAC7B,KAAqB,EAIpB,EAAE;IACH,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAEnD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;IAEnC,MAAM,KAAK,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,CAAA;IAElC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAA;AACzD,CAAC,CAAA"}
+{"version":3,"file":"mountStory.testHelpers.js","sourceRoot":"","sources":["../src/mountStory.testHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAgBvC;;;;;;;;;;GAUG;AACH;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,eAAe,GAAkB,EAAE,CAAA;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,EAC7B,KAAqB,EAIpB,EAAE;IACH,KAAK,MAAM,QAAQ,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD,QAAQ,CAAC,MAAM,EAAE,CAAA;IACnB,CAAC;IAED,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAEnD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;IAEnC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAEnC,MAAM,KAAK,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,CAAA;IAElC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAA;AACzD,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charcuterie/ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "The Charcuterie components. Tokens for look, @charcuterie/logic for state, ARIA that agents can actually drive.",
   "license": "MIT",
   "type": "module",
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@charcuterie/logic": "0.1.0",
-    "@charcuterie/tokens": "0.1.0",
+    "@charcuterie/tokens": "0.2.0",
     "@floating-ui/react": "^0.27.20"
   },
   "peerDependencies": {
@@ -64,7 +64,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/Sawtaytoes/charcuterie.git",
+    "url": "git+https://github.com/Sawtaytoes/charcuterie.git",
     "directory": "packages/ui"
   }
 }

package/src/Accordion/Accordion.mdx

@@ -0,0 +1,83 @@
+import { Canvas, Controls, Meta } from "@storybook/addon-docs/blocks";
+
+import * as AccordionStories from "./Accordion.stories";
+
+<Meta of={AccordionStories} />
+
+# Accordion
+
+Eleven sites in the fleet. The plan called it "nearly free once `Tabs` exists" — it is, the
+exclusive mode is `VisibilityGroup` and nothing else — but the saving is not why it ships.
+
+<Canvas of={AccordionStories.Default} />
+
+## Props
+
+<Controls />
+
+## The two-owners bug, live, in the app this milestone migrates
+
+mux-magic's `JobStepsDisclosure` is built on `<details>`, and `<details>` **owns `open`**. It
+also wants the state in a Jotai atom so a job can be expanded from elsewhere. Reconciling
+the two takes three separate mechanisms:
+
+```tsx
+const detailsRef = useRef<HTMLDetailsElement>(null)
+const skipNextToggleRef = useRef(isOpen)
+
+useEffect(() => {
+  if (detailsRef.current) detailsRef.current.open = isOpen
+}, [isOpen])
+
+const handleToggle = (event) => {
+  if (skipNextToggleRef.current) {
+    skipNextToggleRef.current = false
+    return          // ← swallow the toggle our own write just fired
+  }
+  setStepsOpen(…)
+}
+```
+
+A ref to reach past React, an effect to push state into the DOM, and a guard to stop the
+DOM's echo coming back. Every one of the three exists only because **two things hold one
+fact** — the Radix argument from `Popover`, aimed at the platform this time.
+
+So this is a `<button aria-expanded>` and a `role="region"`, with `VisibilityGroup` holding
+the state alone.
+
+## Why not `<details name="…">`
+
+The platform *does* now ship an exclusive accordion, and it was still rejected:
+
+| | `<details name>` | This |
+| --- | --- | --- |
+| Who owns `open` | the DOM | `VisibilityGroup` |
+| Disabled section | **impossible** — a `<summary>` cannot be disabled | not registered, so not a member |
+| Driven from elsewhere | ref + effect + echo guard | pass `expandedKeys` |
+| Panel keeps scroll/subscriptions | yes | yes (`hidden`, not unmounted) |
+
+The second row is the one that settles it: four of the eleven sites have a section that is
+unreachable until a job produces it.
+
+<Canvas of={AccordionStories.AllVariants} />
+
+## Two kinds, one component
+
+`isMultiple` picks between `VisibilityGroup` and `MultiplePicker`. Hooks cannot be
+conditional, so **both are created and one is consulted** — two empty stores and no DOM.
+
+The alternative is reimplementing exclusivity on top of `MultiplePicker` by deselecting the
+others, which is precisely the logic `VisibilityGroup` exists to own once.
+
+## Registration is membership
+
+A disabled section never registers, so nothing can expand it — including a consumer passing
+its key in `expandedKeys`. `AllStates` does exactly that, on purpose.
+
+<Canvas of={AccordionStories.AllStates} />
+
+## The heading level is the caller's
+
+An accordion inside a `Card` that already has an `<h2>` needs `headingLevel={3}`. Getting it
+wrong is a document-outline break that **no gate in this repo can see** — it depends
+entirely on the page the accordion lands on, so it is a prop rather than a constant.