@hanzo/ui 8.27.3 → 8.27.5

package/dist/backdrop/scene.js

@@ -0,0 +1,423 @@
+/**
+ * What paints behind a conversation, and the pure rules that read it.
+ *
+ * No React and no imports: every rule about what can play, what a link means and
+ * what a typed command does is decidable from data alone, so it is decidable in
+ * a test without rendering anything — and a surface can read a stored value
+ * before it has mounted anything.
+ *
+ * ONE switch. `mode: 'off'` is the only way to say "no backdrop"; there is
+ * deliberately no enable flag beside it, because a pair of them makes two states
+ * (off + video, on + off) that paint the same nothing, and that ambiguity is
+ * where a bug grows.
+ *
+ * WHAT CANNOT PLAY, AND WHY: only YouTube and Twitch are embeddable. Every DRM
+ * service — Netflix and its neighbours — publishes no embed, wraps playback in
+ * Widevine and forbids framing in its terms. There is no key and no clever
+ * iframe that changes that, so such a link is classed `other` and NEVER becomes
+ * a frame. A menu can offer it as a link that opens in a tab; anything else
+ * would be pretending.
+ *
+ * No provider password is ever asked for. A members-only or age-gated stream
+ * plays if — and only if — the viewer is already signed in to that provider in
+ * this browser, because the embed rides their own cookies. Collecting those
+ * credentials is not a feature this is missing; it is one it refuses.
+ */
+/** A blank canvas — the value a surface starts from and folds changes onto.
+ *  `off`, because a component library must not begin streaming video on its
+ *  own; a surface that wants footage says so. */
+export const BLANK = {
+    mode: 'off',
+    photo: '',
+    video: '',
+    playlist: [],
+    clips: [],
+    loop: true,
+    sound: false,
+};
+/** How long a live stream holds the canvas before the list moves on. A Twitch
+ *  channel never ends, so unlike a video it cannot announce its turn is up. */
+export const DWELL = 5 * 60 * 1000;
+/**
+ * The longest URL that will be kept. Browsers stopped being the limit long ago;
+ * the limit that matters is whatever storage a surface writes this to, one quota
+ * shared by every preference it holds. A URL is a string a visitor can paste, so
+ * without a ceiling one pasted megabyte fills that quota and the NEXT write of
+ * any unrelated setting is the one that throws. 2048 is what every server and
+ * proxy has accepted since forever, and far past any real link.
+ */
+const LONGEST = 2048;
+/** The longest list. Same quota, same reasoning: appending is a loop a visitor
+ *  can run, so it needs an end. Well past any list anyone watches. */
+const MOST = 64;
+/**
+ * A short list to choose from without knowing a link — offered, never a default
+ * (`BLANK` is the default, and it is off). Short by intent: the set someone can
+ * read in one glance, with the whole rest of the web one paste away.
+ */
+export const PRESETS = [
+    { id: 'cetaceans', label: 'Cetaceans', url: 'https://www.youtube.com/watch?v=UY5YH6B4A9o' },
+    { id: 'reef', label: 'Reef', url: 'https://www.youtube.com/watch?v=6lZ3CookYNg' },
+    { id: 'deep', label: 'Deep water', url: 'https://www.youtube.com/watch?v=7Exxd2ievAw' },
+];
+/**
+ * The media hosts a file may be loaded from besides the page's own origin.
+ *
+ * The Hanzo store is the default because it is where our surfaces keep footage.
+ * A brand serving from somewhere else passes its own list — every function here
+ * that reads a URL takes one — and whatever it passes must also be what its
+ * `img-src` / `media-src` policy allows, or the element is refused by the
+ * browser and paints nothing with no error anywhere.
+ */
+export const HOSTS = ['s3.hanzo.ai', 's3-api.hanzo.ai'];
+/**
+ * The URL if it is one worth loading, else ''. Anything that is not http(s) —
+ * `javascript:`, `data:`, `blob:` — is refused here, at the boundary, so no
+ * caller downstream has to remember to check.
+ */
+export function web(value) {
+    if (typeof value !== 'string' || value.trim() === '' || value.length > LONGEST)
+        return '';
+    try {
+        const url = new URL(value.trim());
+        return url.protocol === 'http:' || url.protocol === 'https:' ? url.href : '';
+    }
+    catch {
+        return '';
+    }
+}
+const named = (url) => {
+    try {
+        return new URL(url).hostname.replace(/^www\./, '').toLowerCase();
+    }
+    catch {
+        return '';
+    }
+};
+/** Any absolute URL resolves against this, so a relative path can be told from
+ *  one that only looks relative. Never fetched; it is a ruler, not a place. */
+const HERE = 'https://backdrop.invalid';
+/**
+ * A media file that may be painted or played, else ''.
+ *
+ * Narrower than `web`, and it is the one rule here that is not about what plays.
+ * An `<img>` or a `<video src>` fires a GET the moment it renders, with no click
+ * and no script, and a STORED one refires on every load afterwards — reporting
+ * the viewer's address to whoever owns the host, forever. So a file is ours: a
+ * path on this origin, kept RELATIVE because a surface is served under several
+ * brands' domains and a stored absolute origin would be wrong on all but one, or
+ * a file on a host the caller allows.
+ *
+ * A URL the browser's own policy would refuse is dropped HERE instead, where it
+ * can be answered honestly: a blocked element never fires `load`, so allowing it
+ * would mean a blank canvas and nothing anywhere saying why.
+ *
+ * Backslashes are why this parses rather than matches: `/\evil.example/x.png`
+ * looks like a path and resolves to a different host.
+ *
+ * A photo and a clip are the same question asked about two elements, so they are
+ * one function. Two copies would be two places to get the backslash wrong.
+ */
+export function media(value, hosts = HOSTS) {
+    if (typeof value !== 'string' || value.trim() === '' || value.length > LONGEST)
+        return '';
+    try {
+        const url = new URL(value.trim(), HERE);
+        if (url.protocol !== 'http:' && url.protocol !== 'https:')
+            return '';
+        if (url.origin === HERE)
+            return url.pathname + url.search;
+        return hosts.includes(named(url.href)) ? url.href : '';
+    }
+    catch {
+        return '';
+    }
+}
+/**
+ * A list of files from an array, or from a comma- or space-separated string —
+ * whichever a configuration value supplies. Every entry passes through `media`,
+ * so an unusable one is dropped rather than trusted, and the whole is capped for
+ * the same quota reason a playlist is.
+ */
+export function files(value, hosts = HOSTS) {
+    const raw = Array.isArray(value)
+        ? value.map((v) => (typeof v === 'string' ? v : ''))
+        : typeof value === 'string'
+            ? value.split(/[\s,]+/)
+            : [];
+    const out = [];
+    for (const entry of raw) {
+        const ok = media(entry, hosts);
+        if (ok && !out.includes(ok))
+            out.push(ok);
+        if (out.length >= MOST)
+            break;
+    }
+    return out;
+}
+/** Who serves this link, decided by host alone. */
+export function provider(url) {
+    const name = named(url);
+    if (name === 'youtube.com' || name === 'm.youtube.com' || name === 'music.youtube.com') {
+        return 'youtube';
+    }
+    if (name === 'youtu.be')
+        return 'youtube';
+    if (name === 'twitch.tv' || name === 'm.twitch.tv' || name === 'player.twitch.tv') {
+        return 'twitch';
+    }
+    return 'other';
+}
+/** A YouTube video id is exactly 11 of these. */
+const ID = /^[\w-]{11}$/;
+/**
+ * The video id inside a YouTube URL, or '' if there is not one. Accepts the
+ * forms people actually paste — watch links, share links, shorts, embeds — and a
+ * bare id, which is what the address bar leaves you with often enough.
+ */
+export function videoId(value) {
+    const raw = value.trim();
+    if (ID.test(raw))
+        return raw;
+    const url = web(raw);
+    if (!url || provider(url) !== 'youtube')
+        return '';
+    const { pathname, searchParams } = new URL(url);
+    const query = searchParams.get('v') ?? '';
+    if (ID.test(query))
+        return query;
+    // youtu.be/ID, /embed/ID, /shorts/ID, /live/ID — the id is the last segment.
+    const last = pathname.split('/').filter(Boolean).pop() ?? '';
+    return ID.test(last) ? last : '';
+}
+/**
+ * What to ask the Twitch player for: a live `channel`, or a recorded `video`.
+ * Empty `name` means the URL names neither.
+ *
+ * A CLIP names neither. `twitch.tv/<channel>/clip/<slug>` is a few seconds
+ * somebody cut out, and the player this builds cannot ask for one — that embed
+ * is a different host with a different parameter. Falling back to the channel
+ * would put a LIVE STREAM on the canvas in place of the clip that was asked for:
+ * not the thing, and not obviously not the thing. So it is unplayable, and a
+ * menu says so with a link out. Refusing what we cannot serve beats serving
+ * something else.
+ */
+export function channel(value) {
+    const none = { key: 'channel', name: '' };
+    const url = web(value);
+    if (!url || provider(url) !== 'twitch')
+        return none;
+    const parsed = new URL(url);
+    const parts = parsed.pathname.split('/').filter(Boolean);
+    const direct = parsed.searchParams.get('channel') ?? parsed.searchParams.get('video') ?? '';
+    if (direct)
+        return { key: parsed.searchParams.get('video') ? 'video' : 'channel', name: direct };
+    if (parts[0] === 'videos' && parts[1])
+        return { key: 'video', name: parts[1] };
+    if (parts.includes('clip'))
+        return none;
+    return { key: 'channel', name: parts[0] ?? '' };
+}
+/** A playlist entry from a pasted URL, or null if it is not a URL at all. */
+export function link(value) {
+    const url = web(value);
+    return url ? { url, provider: provider(url) } : null;
+}
+/** Whether this can actually go on the canvas. `other` never can. */
+export function playable(entry) {
+    if (entry.provider === 'youtube')
+        return videoId(entry.url) !== '';
+    if (entry.provider === 'twitch')
+        return channel(entry.url).name !== '';
+    return false;
+}
+/** Every YouTube player param that keeps the chrome out of frame. */
+const PLAYER = [
+    'autoplay=1',
+    'mute=1',
+    'controls=0',
+    'rel=0',
+    'playsinline=1',
+    'disablekb=1',
+    'fs=0',
+    'iv_load_policy=3',
+    'vq=hd1080',
+    // The listening handshake this enables is what lets the canvas wait for a real
+    // "playing" report before revealing anything.
+    'enablejsapi=1',
+].join('&');
+/**
+ * The embed URL for one or more YouTube videos.
+ *
+ * www.youtube.com, not youtube-nocookie: the nocookie host answers embeds with
+ * "video player configuration error" (153) in current Chrome.
+ *
+ * `loop` needs `playlist` even for a single video — that is YouTube's rule, not
+ * ours: a lone video with `loop=1` and no list plays once and stops.
+ */
+export function youtube(ids, loop, origin, start) {
+    const [first, ...rest] = ids;
+    const params = [PLAYER, `origin=${encodeURIComponent(origin)}`];
+    if (loop) {
+        params.push('loop=1', `playlist=${(rest.length ? rest : [first]).join(',')}`);
+    }
+    else if (rest.length) {
+        params.push(`playlist=${rest.join(',')}`);
+    }
+    // Where the video opens, in seconds. Native `start=` on the embed, so it is
+    // honoured before the first frame rather than seeked to after.
+    if (start && start > 0)
+        params.push(`start=${Math.floor(start)}`);
+    return `https://www.youtube.com/embed/${first}?${params.join('&')}`;
+}
+/**
+ * Optional knobs a brand carries in the SAME video URL, so one configuration
+ * value tunes all of them with no rebuild:
+ *   `start` / `t`  seconds to open on
+ *   `rate`         playback speed (YouTube quantises to its allowed steps —
+ *                  0.25/0.5/0.75/1/…, so 0.42 plays at the nearest, 0.5)
+ *   `zoom`         cover-crop scale, to push a corner watermark off-frame
+ * Absent keys return undefined and the caller keeps its own default.
+ */
+export function knobs(value) {
+    const url = web(value);
+    if (!url)
+        return {};
+    const q = new URL(url).searchParams;
+    const num = (k) => {
+        const v = q.get(k);
+        if (v == null)
+            return undefined;
+        const n = Number(v);
+        return Number.isFinite(n) ? n : undefined;
+    };
+    return { start: num('start') ?? num('t'), rate: num('rate'), zoom: num('zoom') };
+}
+/**
+ * The embed URL for a Twitch channel or VOD. `parent` is mandatory — Twitch
+ * refuses to frame for a host it was not told about — and must be the bare
+ * hostname, no scheme, no port.
+ */
+export function twitch(value, parent) {
+    const { key, name } = channel(value);
+    return (`https://player.twitch.tv/?${key}=${encodeURIComponent(name)}` +
+        `&parent=${encodeURIComponent(parent)}&muted=true&autoplay=true&controls=false`);
+}
+const MODES = ['off', 'photo', 'video', 'playlist', 'clips'];
+/**
+ * Fold an untrusted description of a backdrop onto the current one.
+ *
+ * This is the ONE gate, and it is deliberately total: anything it cannot make
+ * sense of is dropped and the current value kept, so no caller can push a scene
+ * into a shape the canvas has to defend against later. Everything a surface
+ * takes in comes through here — a settings panel, a card a model can propose,
+ * and the read back out of storage on the next load, which matters because bytes
+ * in storage are not ours and a rule enforced only on the way in lasts exactly
+ * until the page is refreshed.
+ */
+export function merge(current, change, hosts = HOSTS) {
+    if (typeof change !== 'object' || change === null)
+        return current;
+    const next = { ...current };
+    const given = change;
+    if (MODES.includes(given.mode))
+        next.mode = given.mode;
+    if (typeof given.loop === 'boolean')
+        next.loop = given.loop;
+    if (typeof given.sound === 'boolean')
+        next.sound = given.sound;
+    const photo = media(given.photo, hosts);
+    if (photo)
+        next.photo = photo;
+    if (given.video !== undefined && videoId(String(given.video))) {
+        next.video = String(given.video).trim();
+    }
+    if (Array.isArray(given.playlist)) {
+        // The provider is recomputed from the URL every time rather than believed: a
+        // caller claiming `provider: 'youtube'` for a netflix.com link must not be
+        // able to talk the canvas into framing it.
+        next.playlist = given.playlist
+            .map((entry) => link(typeof entry === 'string' ? entry : String(entry?.url ?? '')))
+            .filter((entry) => entry !== null)
+            .slice(0, MOST);
+    }
+    // Re-validated on the way in AND on the way out, the same as the playlist, so
+    // a file the media policy would refuse cannot reach a `<video src>` by having
+    // been written to storage under an older rule.
+    if (given.clips !== undefined)
+        next.clips = files(given.clips, hosts);
+    return next;
+}
+/**
+ * What a brand's single configuration string names.
+ *
+ * A list of direct video files — comma- or space-separated, or any value naming
+ * a media file the surface serves — opens on `clips`; anything else stays the
+ * YouTube video it has always been, so an existing single-URL value does not
+ * change meaning.
+ *
+ * Pure, and here rather than in a store, because "what does this value mean" is
+ * a rule about data, decidable in a test with no browser.
+ */
+export function scene(value, hosts = HOSTS) {
+    const list = files(value, hosts);
+    if (list.length > 0)
+        return { mode: 'clips', clips: list, video: '' };
+    return { mode: 'video', clips: [], video: value };
+}
+/**
+ * `/background` or `/bg`, and then a space or the end of the line — not merely a
+ * word boundary, which `/background-image …` also satisfies. A command is one of
+ * exactly two words; anything else is a message and is sent as one.
+ */
+const VERB = /^\/(?:background|bg)(?:\s|$)/i;
+/**
+ * Read a `/background` (or `/bg`) line typed into a composer.
+ *
+ * Answers the scene it asks for, or null when the line is not one of these
+ * commands or names something unusable — null meaning "not handled", so the
+ * caller sends it on as an ordinary message and the viewer can see for
+ * themselves that nothing was applied.
+ *
+ *   /bg off              stop painting anything
+ *   /bg photo <url>      a still image
+ *   /bg video <url>      one YouTube video
+ *   /bg add <url>        append to the playlist and switch to it
+ *   /bg loop on|off      repeat at the end
+ *
+ * There is no `/bg <url>` that guesses: guessing is a second way to say what
+ * `photo` and `video` already say exactly, and the guess is wrong precisely when
+ * the URL is unusual — which is when being wrong costs the most.
+ */
+export function command(input, current, hosts = HOSTS) {
+    const line = input.trim();
+    if (!VERB.test(line))
+        return null;
+    const [, verb = '', ...rest] = line.split(/\s+/);
+    const argument = rest.join(' ').trim();
+    switch (verb.toLowerCase()) {
+        case 'off':
+            return { ...current, mode: 'off' };
+        case 'photo': {
+            const url = media(argument, hosts);
+            return url ? { ...current, mode: 'photo', photo: url } : null;
+        }
+        case 'video':
+            return videoId(argument) ? { ...current, mode: 'video', video: argument.trim() } : null;
+        case 'add': {
+            // Through `merge` so the list has ONE keeper of its length, rather than a
+            // second append here that forgets what the first one enforces.
+            const entry = link(argument);
+            return entry && playable(entry)
+                ? merge(current, { mode: 'playlist', playlist: [...current.playlist, entry] }, hosts)
+                : null;
+        }
+        case 'loop': {
+            const on = argument.toLowerCase();
+            return on === 'on' || on === 'off' ? { ...current, loop: on === 'on' } : null;
+        }
+        default:
+            return null;
+    }
+}
+//# sourceMappingURL=scene.js.map

package/dist/backdrop/scene.js.map

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

package/dist/backends/gui/select.cjs

@@ -1,5 +1,5 @@
 'use client';"use strict";
-'use client';
+"use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -12,38 +12,47 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * `SelectGroup`. An item is written `<SelectItem value="x">Label</SelectItem>`
  * and the numbering always matches render order.
  */
+const react_1 = require("react");
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
-const react_1 = require("react");
+const control_1 = require("./control.cjs");
+const gesture_1 = require("./gesture.cjs");
 const ink_1 = require("./ink.cjs");
 const slot_1 = require("./slot.cjs");
-const gesture_1 = require("./gesture.cjs");
-const control_1 = require("./control.cjs");
 const ROW_H = 32;
 const TRIGGER_H = control_1.CONTROL_H;
-const Select = gui_1.Select;
+/**
+ * Disabling the control is one fact with two spellings: gui puts `disabled` on
+ * the Trigger, the compound API puts it on the root. The root declares it and
+ * the trigger honours it, so a call site can say either and mean the same thing.
+ */
+const Disabled = /* @__PURE__ */ (0, react_1.createContext)(false);
+const Select = /* @__PURE__ */ Object.assign(({ disabled = false, ...props }) => ((0, jsx_runtime_1.jsx)(Disabled.Provider, { value: disabled, children: (0, jsx_runtime_1.jsx)(gui_1.Select, { ...props }) })), gui_1.Select);
 exports.Select = Select;
 const SelectGroup = gui_1.Select.Group;
 exports.SelectGroup = SelectGroup;
 const SelectValue = gui_1.Select.Value;
 exports.SelectValue = SelectValue;
-const SelectTrigger = ({ children, ...props }) => ((0, jsx_runtime_1.jsxs)(gui_1.Select.Trigger, { ...(0, slot_1.slot)('select-trigger'), unstyled: true, ...control_1.FIELD, items: "center", justify: "space-between", gap: "$2", 
-    // A FLOOR, not a pin. `height` alone clips a child taller than the box, and
-    // the build stays green while it does — that is why 01ac46dce moved Button
-    // off a pinned height. Select and Input kept theirs, so the same trap was
-    // still armed in the two controls that sit in every form.
-    height: "auto", minHeight: TRIGGER_H, 
-    // The trigger states its own vertical padding because otherwise something
-    // else states it. `unstyled` does not survive gui's ListItem (it is
-    // destructured into a local and never reaches the frame), so the frame
-    // styles itself at `size: '$true'` and writes `paddingVertical: $3.5` — and
-    // under `height: auto` that padding, not the floor, is what decides the box:
-    // 14 + a 20px line + 14 + 2px of border rendered a 50px Select beside a 36px
-    // Input. At 0 the floor decides again and `items="center"` does the
-    // centring, which is exactly how the Input already behaves.
-    py: 0, cursor: "pointer", ...(0, gesture_1.touch)(TRIGGER_H, 44, 'y'), ...props, children: [(0, ink_1.ink)(children, undefined, { size: '$3' }), (0, jsx_runtime_1.jsx)(gui_1.Select.Icon, { children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 16, opacity: 0.5 }) })] }));
+const SelectTrigger = ({ children, disabled, ...props }) => {
+    const inherited = (0, react_1.useContext)(Disabled);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Select.Trigger, { ...(0, slot_1.slot)("select-trigger"), unstyled: true, disabled: disabled ?? inherited, ...control_1.FIELD, items: "center", justify: "space-between", gap: "$2", 
+        // A FLOOR, not a pin. `height` alone clips a child taller than the box, and
+        // the build stays green while it does — that is why 01ac46dce moved Button
+        // off a pinned height. Select and Input kept theirs, so the same trap was
+        // still armed in the two controls that sit in every form.
+        height: "auto", minHeight: TRIGGER_H, 
+        // The trigger states its own vertical padding because otherwise something
+        // else states it. `unstyled` does not survive gui's ListItem (it is
+        // destructured into a local and never reaches the frame), so the frame
+        // styles itself at `size: '$true'` and writes `paddingVertical: $3.5` — and
+        // under `height: auto` that padding, not the floor, is what decides the box:
+        // 14 + a 20px line + 14 + 2px of border rendered a 50px Select beside a 36px
+        // Input. At 0 the floor decides again and `items="center"` does the
+        // centring, which is exactly how the Input already behaves.
+        py: 0, cursor: "pointer", ...(0, gesture_1.touch)(TRIGGER_H, 44, "y"), ...props, children: [(0, ink_1.ink)(children, undefined, { size: "$3" }), (0, jsx_runtime_1.jsx)(gui_1.Select.Icon, { children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 16, opacity: 0.5 }) })] }));
+};
 exports.SelectTrigger = SelectTrigger;
-const SelectItem = ({ children, ...props }) => ((0, jsx_runtime_1.jsxs)(gui_1.Select.Item, { ...(0, slot_1.slot)('select-item'), unstyled: true, index: props.index ?? 0, items: "center", gap: "$2", minH: ROW_H, pl: "$2", pr: "$7", rounded: "$2", cursor: "pointer", ...(0, gesture_1.touch)(ROW_H, 44, 'y'), hoverStyle: { bg: '$raised' }, focusStyle: { bg: '$raised' }, ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.Select.ItemText, { children: children }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { position: "absolute", r: "$2", items: "center", justify: "center", pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(gui_1.Select.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 16 }) }) })] }));
+const SelectItem = ({ children, ...props }) => ((0, jsx_runtime_1.jsxs)(gui_1.Select.Item, { ...(0, slot_1.slot)("select-item"), unstyled: true, index: props.index ?? 0, items: "center", gap: "$2", minH: ROW_H, pl: "$2", pr: "$7", rounded: "$2", cursor: "pointer", ...(0, gesture_1.touch)(ROW_H, 44, "y"), hoverStyle: { bg: "$raised" }, focusStyle: { bg: "$raised" }, ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.Select.ItemText, { children: children }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { position: "absolute", r: "$2", items: "center", justify: "center", pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(gui_1.Select.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 16 }) }) })] }));
 exports.SelectItem = SelectItem;
 /** Depth-first stamp of `index` onto every `SelectItem` in render order. */
 const stampIndices = (children, next) => react_1.Children.map(children, (child) => {
@@ -52,18 +61,20 @@ const stampIndices = (children, next) => react_1.Children.map(children, (child)
     if (child.type === SelectItem)
         return (0, react_1.cloneElement)(child, { index: next() });
     const kids = child.props.children;
-    return kids === undefined ? child : (0, react_1.cloneElement)(child, undefined, stampIndices(kids, next));
+    return kids === undefined
+        ? child
+        : (0, react_1.cloneElement)(child, undefined, stampIndices(kids, next));
 });
-const SelectScrollUpButton = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Select.ScrollUpButton, { ...(0, slot_1.slot)('select-scroll-up-button'), items: "center", justify: "center", py: "$1", ...props, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronUp, { size: 16 }) }));
+const SelectScrollUpButton = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Select.ScrollUpButton, { ...(0, slot_1.slot)("select-scroll-up-button"), items: "center", justify: "center", py: "$1", ...props, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronUp, { size: 16 }) }));
 exports.SelectScrollUpButton = SelectScrollUpButton;
-const SelectScrollDownButton = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Select.ScrollDownButton, { ...(0, slot_1.slot)('select-scroll-down-button'), items: "center", justify: "center", py: "$1", ...props, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 16 }) }));
+const SelectScrollDownButton = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Select.ScrollDownButton, { ...(0, slot_1.slot)("select-scroll-down-button"), items: "center", justify: "center", py: "$1", ...props, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 16 }) }));
 exports.SelectScrollDownButton = SelectScrollDownButton;
 const SelectContent = ({ children, ...props }) => {
     let n = 0;
-    return ((0, jsx_runtime_1.jsxs)(gui_1.Select.Content, { ...(0, slot_1.slot)('select-content'), ...props, children: [(0, jsx_runtime_1.jsx)(SelectScrollUpButton, {}), (0, jsx_runtime_1.jsx)(gui_1.Select.Viewport, { minW: 128, p: "$1", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", children: stampIndices(children, () => n++) }), (0, jsx_runtime_1.jsx)(SelectScrollDownButton, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Select.Content, { ...(0, slot_1.slot)("select-content"), ...props, children: [(0, jsx_runtime_1.jsx)(SelectScrollUpButton, {}), (0, jsx_runtime_1.jsx)(gui_1.Select.Viewport, { minW: 128, p: "$1", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", children: stampIndices(children, () => n++) }), (0, jsx_runtime_1.jsx)(SelectScrollDownButton, {})] }));
 };
 exports.SelectContent = SelectContent;
-const SelectLabel = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Select.Label, { ...(0, slot_1.slot)('select-label'), px: "$2", py: "$1.5", fontSize: "$1", color: "$quiet", ...props }));
+const SelectLabel = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Select.Label, { ...(0, slot_1.slot)("select-label"), px: "$2", py: "$1.5", fontSize: "$1", color: "$quiet", ...props }));
 exports.SelectLabel = SelectLabel;
-const SelectSeparator = (props) => ((0, jsx_runtime_1.jsx)(gui_1.SelectSeparator, { ...(0, slot_1.slot)('select-separator'), my: "$1", borderColor: "$borderColor", ...props }));
+const SelectSeparator = (props) => ((0, jsx_runtime_1.jsx)(gui_1.SelectSeparator, { ...(0, slot_1.slot)("select-separator"), my: "$1", borderColor: "$borderColor", ...props }));
 exports.SelectSeparator = SelectSeparator;

package/dist/backends/gui/select.d.ts

@@ -7,20 +7,29 @@
  * `SelectGroup`. An item is written `<SelectItem value="x">Label</SelectItem>`
  * and the numbering always matches render order.
  */
-import { Select as GuiSelect, SelectSeparator as GuiSelectSeparator } from '@hanzo/gui';
-import { type ComponentProps } from 'react';
-declare const Select: typeof GuiSelect;
+import { type ComponentProps, type ReactNode } from "react";
+import { Select as GuiSelect, SelectSeparator as GuiSelectSeparator } from "@hanzo/gui";
+export type SelectProps = ComponentProps<typeof GuiSelect> & {
+    disabled?: boolean;
+};
+/**
+ * The root's own signature, then the compound statics gui hangs off it. Written
+ * out because the inferred type of an `Object.assign` cannot be named in a
+ * declaration file, and this package emits one.
+ */
+type SelectRoot = ((props: SelectProps) => ReactNode) & typeof GuiSelect;
+declare const Select: SelectRoot;
 declare const SelectGroup: typeof GuiSelect.Group;
 declare const SelectValue: typeof GuiSelect.Value;
 export type SelectTriggerProps = ComponentProps<typeof GuiSelect.Trigger>;
 export type SelectContentProps = ComponentProps<typeof GuiSelect.Content>;
-export type SelectItemProps = Omit<ComponentProps<typeof GuiSelect.Item>, 'index'> & {
+export type SelectItemProps = Omit<ComponentProps<typeof GuiSelect.Item>, "index"> & {
     index?: number;
 };
 export type SelectLabelProps = ComponentProps<typeof GuiSelect.Label>;
 export type SelectSeparatorProps = ComponentProps<typeof GuiSelectSeparator>;
 export type SelectScrollButtonProps = ComponentProps<typeof GuiSelect.ScrollUpButton>;
-declare const SelectTrigger: ({ children, ...props }: SelectTriggerProps) => import("react").JSX.Element;
+declare const SelectTrigger: ({ children, disabled, ...props }: SelectTriggerProps) => import("react").JSX.Element;
 declare const SelectItem: ({ children, ...props }: SelectItemProps) => import("react").JSX.Element;
 declare const SelectScrollUpButton: (props: SelectScrollButtonProps) => import("react").JSX.Element;
 declare const SelectScrollDownButton: (props: SelectScrollButtonProps) => import("react").JSX.Element;

package/dist/backends/gui/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/select.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,eAAe,IAAI,kBAAkB,EAAU,MAAM,YAAY,CAAA;AAE/F,OAAO,EAIL,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAA;AASd,QAAA,MAAM,MAAM,EAAE,OAAO,SAAqB,CAAA;AAC1C,QAAA,MAAM,WAAW,EAAE,OAAO,SAAS,CAAC,KAAuB,CAAA;AAC3D,QAAA,MAAM,WAAW,EAAE,OAAO,SAAS,CAAC,KAAuB,CAAA;AAE3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAA;AACzE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAA;AACzE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IACnF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;AACrE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAC5E,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,cAAc,CAAC,CAAA;AAErF,QAAA,MAAM,aAAa,2BAA4B,kBAAkB,gCAoChE,CAAA;AAED,QAAA,MAAM,UAAU,2BAA4B,eAAe,gCAwB1D,CAAA;AAWD,QAAA,MAAM,oBAAoB,UAAW,uBAAuB,gCAI3D,CAAA;AAED,QAAA,MAAM,sBAAsB,UAAW,uBAAuB,gCAI7D,CAAA;AAED,QAAA,MAAM,aAAa,2BAA4B,kBAAkB,gCAkBhE,CAAA;AAED,QAAA,MAAM,WAAW,UAAW,gBAAgB,gCAE3C,CAAA;AAED,QAAA,MAAM,eAAe,UAAW,oBAAoB,gCAEnD,CAAA;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/select.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,eAAe,IAAI,kBAAkB,EAEtC,MAAM,YAAY,CAAA;AAkBnB,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,KAAK,UAAU,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,SAAS,CAAC,GAAG,OAAO,SAAS,CAAA;AAExE,QAAA,MAAM,MAAM,EAAE,UAOC,CAAA;AACf,QAAA,MAAM,WAAW,EAAE,OAAO,SAAS,CAAC,KAAuB,CAAA;AAC3D,QAAA,MAAM,WAAW,EAAE,OAAO,SAAS,CAAC,KAAuB,CAAA;AAE3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAA;AACzE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAA;AACzE,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EACrC,OAAO,CACR,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;AACrE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAC5E,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAClD,OAAO,SAAS,CAAC,cAAc,CAChC,CAAA;AAED,QAAA,MAAM,aAAa,qCAIhB,kBAAkB,gCAwCpB,CAAA;AAED,QAAA,MAAM,UAAU,2BAA4B,eAAe,gCA8B1D,CAAA;AAcD,QAAA,MAAM,oBAAoB,UAAW,uBAAuB,gCAU3D,CAAA;AAED,QAAA,MAAM,sBAAsB,UAAW,uBAAuB,gCAU7D,CAAA;AAED,QAAA,MAAM,aAAa,2BAA4B,kBAAkB,gCAkBhE,CAAA;AAED,QAAA,MAAM,WAAW,UAAW,gBAAgB,gCAS3C,CAAA;AAED,QAAA,MAAM,eAAe,UAAW,oBAAoB,gCAOnD,CAAA;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}