@chai-ui/react 0.1.0

package/dist/primitives/SearchMenu.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { MdOutlinedTextField } from "@material/web/textfield/outlined-text-field.js";
+import { MdCheckbox } from "@material/web/checkbox/checkbox.js";
+import { Toggle } from "./Toggle.js";
+const MdOutlinedTextFieldElement = createComponent({
+    react: React,
+    tagName: "md-outlined-text-field",
+    elementClass: MdOutlinedTextField,
+    events: { onInput: "input" },
+});
+/**
+ * MD3's `<md-checkbox>`, shown as a leading checkbox on each row in
+ * multi-select mode — MD3's own pattern for picking several items from a
+ * list. Display only: the row button stays the one interactive, selectable
+ * element (a focusable checkbox inside a button would be two controls in
+ * one place), so the checkbox is `aria-hidden`, out of the tab order and
+ * ignores pointer events.
+ */
+const MdCheckboxElement = createComponent({
+    react: React,
+    tagName: "md-checkbox",
+    elementClass: MdCheckbox,
+});
+/** MD3 "check" symbol (Figma) — marking the selected row in any option list below. */
+function CheckIcon() {
+    return (_jsx("svg", { viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M7.1625 13.5L2.8875 9.225L3.95625 8.15625L7.1625 11.3625L14.0438 4.48125L15.1125 5.55L7.1625 13.5Z", fill: "currentColor" }) }));
+}
+/**
+ * The searchable menu-button pattern behind every Model/option menu
+ * (reference: Media Analyze - Model Menu) — a trigger styled as MD3's outlined button, opening an anchored panel with
+ * a search field (a real `<md-outlined-text-field>`, for its floating-label
+ * + icon-slot behavior) over a plain option list. Hand-rolled rather than
+ * `<md-menu>`: this needs to live inline as a simple absolutely-positioned
+ * panel under the trigger, not `<md-menu>`'s own corner-anchored popover
+ * positioning model — same reasoning SegmentedButton documents for why it
+ * isn't a `@material/web` custom element either.
+ */
+export function SearchMenu({ options, sections, toggleHeader, value, multiple = false, triggerLabel, menuLabel, onSelect, disabled, searchable = true, triggerVariant = "outlined", panelWidth = 280, }) {
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState("");
+    // Closing also clears the search, so the menu reopens on the full list.
+    const close = useCallback(() => {
+        setOpen(false);
+        setSearch("");
+    }, []);
+    const rootRef = useRef(null);
+    useEffect(() => {
+        if (!open)
+            return;
+        function handlePointerDown(e) {
+            if (!rootRef.current?.contains(e.target))
+                close();
+        }
+        function handleKeyDown(e) {
+            if (e.key === "Escape")
+                close();
+        }
+        document.addEventListener("pointerdown", handlePointerDown);
+        document.addEventListener("keydown", handleKeyDown);
+        return () => {
+            document.removeEventListener("pointerdown", handlePointerDown);
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [open, close]);
+    const groups = useMemo(() => {
+        const q = search.trim().toLowerCase();
+        const raw = sections ?? [{ label: "", options: options ?? [] }];
+        if (!q)
+            return raw;
+        return raw
+            .map((g) => ({
+            ...g,
+            options: g.options.filter((o) => o.label.toLowerCase().includes(q) || o.rowLabel?.toLowerCase().includes(q)),
+        }))
+            .filter((g) => g.options.length > 0);
+    }, [options, sections, search]);
+    const hasAnyOption = groups.some((g) => g.options.length > 0);
+    const isSelected = (id) => (Array.isArray(value) ? value.includes(id) : id === value);
+    return (_jsxs("div", { className: "chai-search-menu", ref: rootRef, children: [_jsxs("button", { type: "button", className: `${triggerVariant === "outlined" ? "chai-btn chai-btn--outlined" : "chai-search-menu__trigger--text"} chai-search-menu__trigger${open ? " chai-search-menu__trigger--open" : ""}`, disabled: disabled, "aria-expanded": open, onClick: () => (open ? close() : setOpen(true)), children: [_jsx("span", { className: "chai-search-menu__trigger-label", title: triggerLabel, children: triggerLabel }), _jsx("svg", { className: `chai-search-menu__chevron${open ? " chai-search-menu__chevron--open" : ""}`, viewBox: "0 -960 960 960", "aria-hidden": "true", children: _jsx("path", { d: "M480-344 240-584l43-43 197 197 197-197 43 43-240 240Z", fill: "currentColor" }) })] }), open && (_jsxs("div", { className: "chai-search-menu__panel", role: "group", "aria-label": menuLabel, style: { width: panelWidth }, children: [toggleHeader && (_jsxs("div", { className: "chai-search-menu__toggle-header", children: [_jsx("span", { className: "chai-search-menu__toggle-header-label", children: menuLabel }), _jsxs("span", { className: "chai-search-menu__toggle-header-row", children: [_jsx("span", { className: "chai-search-menu__toggle-header-text", children: toggleHeader.label }), _jsx(Toggle, { value: toggleHeader.value, onChange: toggleHeader.onChange, ariaLabel: toggleHeader.label })] })] })), searchable && (_jsxs(MdOutlinedTextFieldElement, { className: "chai-search-menu__search", label: menuLabel, placeholder: "Input", value: search, onInput: (e) => setSearch(e.target.value), children: [_jsx("span", { slot: "leading-icon", className: "chai-search-menu__search-icon", children: _jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { cx: "11", cy: "11", r: "6.5", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "m20 20-3.6-3.6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }) }), search && (_jsx("button", { type: "button", slot: "trailing-icon", className: "chai-search-menu__clear", "aria-label": "Clear search", onClick: () => setSearch(""), children: _jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "m9 9 6 6m0-6-6 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }) }))] })), _jsxs("ul", { className: "chai-search-menu__list", children: [groups.map((group, i) => (_jsxs("li", { children: [group.label && _jsx("p", { className: "chai-search-menu__section-label", children: group.label }), _jsx("ul", { className: "chai-search-menu__section-list", "aria-label": group.label || undefined, children: group.options.map((o) => (_jsx("li", { children: _jsxs("button", { type: "button", "aria-pressed": isSelected(o.id), disabled: toggleHeader?.value, className: `chai-search-menu__option${!multiple && isSelected(o.id) ? " chai-search-menu__option--selected" : ""}`, onClick: () => {
+                                                    onSelect(o);
+                                                    if (!multiple)
+                                                        close();
+                                                }, children: [multiple && (_jsx(MdCheckboxElement, { className: "chai-search-menu__checkbox", checked: isSelected(o.id), disabled: toggleHeader?.value, tabIndex: -1, "aria-hidden": "true" })), _jsx("span", { className: "chai-search-menu__option-label", children: o.rowLabel ?? o.label }), !multiple && isSelected(o.id) && _jsx(CheckIcon, {})] }) }, o.id))) }), i < groups.length - 1 && _jsx("hr", { className: "chai-search-menu__divider", role: "separator" })] }, group.label || i))), !hasAnyOption && _jsx("li", { className: "chai-search-menu__empty", children: "No matches." })] })] }))] }));
+}
+//# sourceMappingURL=SearchMenu.js.map

package/dist/primitives/SearchMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchMenu.js","sourceRoot":"","sources":["../../src/primitives/SearchMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,0BAA0B,GAAG,eAAe,CAAC;IACjD,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,wBAAwB;IACjC,YAAY,EAAE,mBAAmB;IACjC,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;CAC7B,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,iBAAiB,GAAG,eAAe,CAAC;IACxC,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,UAAU;CACzB,CAAC,CAAC;AAEH,sFAAsF;AACtF,SAAS,SAAS;IAChB,OAAO,CACL,cAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YACrD,eACE,CAAC,EAAC,oGAAoG,EACtG,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAC;AACJ,CAAC;AA6DD;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CAA6B,EACrD,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,IAAI,EACjB,cAAc,GAAG,UAAU,EAC3B,UAAU,GAAG,GAAG,GACG;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,wEAAwE;IACxE,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,SAAS,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,SAAS,iBAAiB,CAAC,CAAe;YACxC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC;gBAAE,KAAK,EAAE,CAAC;QAC5D,CAAC;QACD,SAAS,aAAa,CAAC,CAAgB;YACrC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,KAAK,EAAE,CAAC;QAClC,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QAC5D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;YAC/D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QACtC,MAAM,GAAG,GAAG,QAAQ,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,CAAC,CAAC;QAChE,IAAI,CAAC,CAAC;YAAE,OAAO,GAAG,CAAC;QACnB,OAAO,GAAG;aACP,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACX,GAAG,CAAC;YACJ,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CACvB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClF;SACF,CAAC,CAAC;aACF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC;IAE9F,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,EAAC,GAAG,EAAE,OAAO,aAC5C,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,iCAAiC,6BAC7G,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAC9C,EAAE,EACF,QAAQ,EAAE,QAAQ,mBACH,IAAI,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,aAE/C,eAAM,SAAS,EAAC,iCAAiC,EAAC,KAAK,EAAE,YAAY,YAClE,YAAY,GACR,EAMP,cACE,SAAS,EAAE,4BAA4B,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,EAAE,EACvF,OAAO,EAAC,gBAAgB,iBACZ,MAAM,YAElB,eAAM,CAAC,EAAC,uDAAuD,EAAC,IAAI,EAAC,cAAc,GAAG,GAClF,IACC,EAER,IAAI,IAAI,CACP,eACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,OAAO,gBACA,SAAS,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,aAE3B,YAAY,IAAI,CACf,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAM,SAAS,EAAC,uCAAuC,YAAE,SAAS,GAAQ,EAC1E,gBAAM,SAAS,EAAC,qCAAqC,aACnD,eAAM,SAAS,EAAC,sCAAsC,YAAE,YAAY,CAAC,KAAK,GAAQ,EAClF,KAAC,MAAM,IAAC,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,KAAK,GAAI,IAChG,IACH,CACP,EACA,UAAU,IAAI,CACb,MAAC,0BAA0B,IACzB,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,SAAS,EAChB,WAAW,EAAC,OAAO,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAE,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,aAElE,eAAM,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,+BAA+B,YACjE,eAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,aACrD,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,EAC1E,eAAM,CAAC,EAAC,gBAAgB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,IACrF,GACD,EACN,MAAM,IAAI,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,eAAe,EACpB,SAAS,EAAC,yBAAyB,gBACxB,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,YAE5B,eAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,aACrD,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,EACxE,eAAM,CAAC,EAAC,kBAAkB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,IACvF,GACC,CACV,IAC0B,CAC9B,EAED,cAAI,SAAS,EAAC,wBAAwB,aACnC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,yBACG,KAAK,CAAC,KAAK,IAAI,YAAG,SAAS,EAAC,iCAAiC,YAAE,KAAK,CAAC,KAAK,GAAK,EAChF,aAAI,SAAS,EAAC,gCAAgC,gBAAa,KAAK,CAAC,KAAK,IAAI,SAAS,YAChF,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxB,uBAEE,kBACE,IAAI,EAAC,QAAQ,kBACC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9B,QAAQ,EAAE,YAAY,EAAE,KAAK,EAC7B,SAAS,EAAE,2BACT,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAC1E,EAAE,EACF,OAAO,EAAE,GAAG,EAAE;oDACZ,QAAQ,CAAC,CAAC,CAAC,CAAC;oDACZ,IAAI,CAAC,QAAQ;wDAAE,KAAK,EAAE,CAAC;gDACzB,CAAC,aAEA,QAAQ,IAAI,CACX,KAAC,iBAAiB,IAChB,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EACzB,QAAQ,EAAE,YAAY,EAAE,KAAK,EAC7B,QAAQ,EAAE,CAAC,CAAC,iBACA,MAAM,GAClB,CACH,EACD,eAAM,SAAS,EAAC,gCAAgC,YAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAQ,EAC9E,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,KAAC,SAAS,KAAG,IACxC,IAzBF,CAAC,CAAC,EAAE,CA0BR,CACN,CAAC,GACC,EACJ,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,aAAI,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,WAAW,GAAG,KAjChF,KAAK,CAAC,KAAK,IAAI,CAAC,CAkCpB,CACN,CAAC,EACD,CAAC,YAAY,IAAI,aAAI,SAAS,EAAC,yBAAyB,4BAAiB,IACvE,IACD,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Toggle.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { PrimitiveProps } from "@chai-ui/core";
+export interface ToggleProps extends PrimitiveProps<boolean> {
+    /** The switch's accessible name, e.g. "Auto-select model". Required unless something else labels it. */
+    ariaLabel?: string;
+}
+/** MD3 adapter (§12.2, Adapter) for the CHAI primitive contract — wraps `<md-switch>`. `chai-switch` is the hook `style.css` uses to color every switch from Chai tokens — see that rule's own comment. */
+export declare function Toggle({ value, onChange, disabled, ariaLabel }: ToggleProps): React.JSX.Element;
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/primitives/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/primitives/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAsBpD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,CAAC;IAC1D,wGAAwG;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2MAA2M;AAC3M,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,WAAW,qBAW3E"}

package/dist/primitives/Toggle.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createComponent } from "@lit/react";
+import * as React from "react";
+import { MdSwitch } from "@material/web/switch/switch.js";
+/**
+ * `<md-switch>` is a Lit web component: its `selected` state is a JS
+ * property (not an HTML attribute) and it reports changes via a native
+ * `change` event, not a React synthetic one. Plain JSX on a custom-element
+ * tag can't bind either correctly — React would try to set `selected` as a
+ * string attribute and would never see the DOM `change` event as an
+ * `onChange` prop. `@lit/react`'s `createComponent` does that
+ * property/attribute distinction and event-listener wiring once, here, so
+ * this stays a plain function component with no local state, refs, or
+ * effects of its own.
+ */
+const MdSwitchElement = createComponent({
+    react: React,
+    tagName: "md-switch",
+    elementClass: MdSwitch,
+    events: {
+        onChange: "change",
+    },
+});
+/** MD3 adapter (§12.2, Adapter) for the CHAI primitive contract — wraps `<md-switch>`. `chai-switch` is the hook `style.css` uses to color every switch from Chai tokens — see that rule's own comment. */
+export function Toggle({ value, onChange, disabled, ariaLabel }) {
+    return (_jsx(MdSwitchElement, { className: "chai-switch", "aria-label": ariaLabel, selected: value, disabled: disabled, showOnlySelectedIcon: true, onChange: (e) => onChange(e.target.selected) }));
+}
+//# sourceMappingURL=Toggle.js.map

package/dist/primitives/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/primitives/Toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,eAAe,CAAC;IACtC,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,QAAQ;IACtB,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAOH,2MAA2M;AAC3M,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAe;IAC1E,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAC,aAAa,gBACX,SAAS,EACrB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,QACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAE,CAAC,CAAC,MAAmB,CAAC,QAAQ,CAAC,GAC1D,CACH,CAAC;AACJ,CAAC"}

package/dist/primitives/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Toggle.js";
+export * from "./SearchMenu.js";
+export * from "./Pagination.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/primitives/index.js

@@ -0,0 +1,4 @@
+export * from "./Toggle.js";
+export * from "./SearchMenu.js";
+export * from "./Pagination.js";
+//# sourceMappingURL=index.js.map

package/dist/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}