@hanzo/ui 8.27.4 → 8.27.5

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"}

package/dist/backends/gui/select.js

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Select — the compound picker on @hanzogui/select.
@@ -9,34 +9,43 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * `SelectGroup`. An item is written `<SelectItem value="x">Label</SelectItem>`
  * and the numbering always matches render order.
  */
-import { Select as GuiSelect, SelectSeparator as GuiSelectSeparator, XStack } from '@hanzo/gui';
-import { Check, ChevronDown, ChevronUp } from '@hanzogui/lucide-icons-2';
-import { Children, cloneElement, isValidElement, } from 'react';
-import { ink } from './ink.js';
-import { slot } from './slot.js';
-import { touch } from './gesture.js';
-import { CONTROL_H, FIELD } from './control.js';
+import { Children, cloneElement, createContext, isValidElement, useContext, } from "react";
+import { Select as GuiSelect, SelectSeparator as GuiSelectSeparator, XStack, } from "@hanzo/gui";
+import { Check, ChevronDown, ChevronUp } from "@hanzogui/lucide-icons-2";
+import { CONTROL_H, FIELD } from "./control.js";
+import { touch } from "./gesture.js";
+import { ink } from "./ink.js";
+import { slot } from "./slot.js";
 const ROW_H = 32;
 const TRIGGER_H = CONTROL_H;
-const Select = GuiSelect;
+/**
+ * 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__ */ createContext(false);
+const Select = /* @__PURE__ */ Object.assign(({ disabled = false, ...props }) => (_jsx(Disabled.Provider, { value: disabled, children: _jsx(GuiSelect, { ...props }) })), GuiSelect);
 const SelectGroup = GuiSelect.Group;
 const SelectValue = GuiSelect.Value;
-const SelectTrigger = ({ children, ...props }) => (_jsxs(GuiSelect.Trigger, { ...slot('select-trigger'), unstyled: true, ...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", ...touch(TRIGGER_H, 44, 'y'), ...props, children: [ink(children, undefined, { size: '$3' }), _jsx(GuiSelect.Icon, { children: _jsx(ChevronDown, { size: 16, opacity: 0.5 }) })] }));
-const SelectItem = ({ children, ...props }) => (_jsxs(GuiSelect.Item, { ...slot('select-item'), unstyled: true, index: props.index ?? 0, items: "center", gap: "$2", minH: ROW_H, pl: "$2", pr: "$7", rounded: "$2", cursor: "pointer", ...touch(ROW_H, 44, 'y'), hoverStyle: { bg: '$raised' }, focusStyle: { bg: '$raised' }, ...props, children: [_jsx(GuiSelect.ItemText, { children: children }), _jsx(XStack, { position: "absolute", r: "$2", items: "center", justify: "center", pointerEvents: "none", children: _jsx(GuiSelect.ItemIndicator, { children: _jsx(Check, { size: 16 }) }) })] }));
+const SelectTrigger = ({ children, disabled, ...props }) => {
+    const inherited = useContext(Disabled);
+    return (_jsxs(GuiSelect.Trigger, { ...slot("select-trigger"), unstyled: true, disabled: disabled ?? inherited, ...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", ...touch(TRIGGER_H, 44, "y"), ...props, children: [ink(children, undefined, { size: "$3" }), _jsx(GuiSelect.Icon, { children: _jsx(ChevronDown, { size: 16, opacity: 0.5 }) })] }));
+};
+const SelectItem = ({ children, ...props }) => (_jsxs(GuiSelect.Item, { ...slot("select-item"), unstyled: true, index: props.index ?? 0, items: "center", gap: "$2", minH: ROW_H, pl: "$2", pr: "$7", rounded: "$2", cursor: "pointer", ...touch(ROW_H, 44, "y"), hoverStyle: { bg: "$raised" }, focusStyle: { bg: "$raised" }, ...props, children: [_jsx(GuiSelect.ItemText, { children: children }), _jsx(XStack, { position: "absolute", r: "$2", items: "center", justify: "center", pointerEvents: "none", children: _jsx(GuiSelect.ItemIndicator, { children: _jsx(Check, { size: 16 }) }) })] }));
 /** Depth-first stamp of `index` onto every `SelectItem` in render order. */
 const stampIndices = (children, next) => Children.map(children, (child) => {
     if (!isValidElement(child))
@@ -44,15 +53,17 @@ const stampIndices = (children, next) => Children.map(children, (child) => {
     if (child.type === SelectItem)
         return cloneElement(child, { index: next() });
     const kids = child.props.children;
-    return kids === undefined ? child : cloneElement(child, undefined, stampIndices(kids, next));
+    return kids === undefined
+        ? child
+        : cloneElement(child, undefined, stampIndices(kids, next));
 });
-const SelectScrollUpButton = (props) => (_jsx(GuiSelect.ScrollUpButton, { ...slot('select-scroll-up-button'), items: "center", justify: "center", py: "$1", ...props, children: _jsx(ChevronUp, { size: 16 }) }));
-const SelectScrollDownButton = (props) => (_jsx(GuiSelect.ScrollDownButton, { ...slot('select-scroll-down-button'), items: "center", justify: "center", py: "$1", ...props, children: _jsx(ChevronDown, { size: 16 }) }));
+const SelectScrollUpButton = (props) => (_jsx(GuiSelect.ScrollUpButton, { ...slot("select-scroll-up-button"), items: "center", justify: "center", py: "$1", ...props, children: _jsx(ChevronUp, { size: 16 }) }));
+const SelectScrollDownButton = (props) => (_jsx(GuiSelect.ScrollDownButton, { ...slot("select-scroll-down-button"), items: "center", justify: "center", py: "$1", ...props, children: _jsx(ChevronDown, { size: 16 }) }));
 const SelectContent = ({ children, ...props }) => {
     let n = 0;
-    return (_jsxs(GuiSelect.Content, { ...slot('select-content'), ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(GuiSelect.Viewport, { minW: 128, p: "$1", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", children: stampIndices(children, () => n++) }), _jsx(SelectScrollDownButton, {})] }));
+    return (_jsxs(GuiSelect.Content, { ...slot("select-content"), ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(GuiSelect.Viewport, { minW: 128, p: "$1", bg: "$panel", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", children: stampIndices(children, () => n++) }), _jsx(SelectScrollDownButton, {})] }));
 };
-const SelectLabel = (props) => (_jsx(GuiSelect.Label, { ...slot('select-label'), px: "$2", py: "$1.5", fontSize: "$1", color: "$quiet", ...props }));
-const SelectSeparator = (props) => (_jsx(GuiSelectSeparator, { ...slot('select-separator'), my: "$1", borderColor: "$borderColor", ...props }));
+const SelectLabel = (props) => (_jsx(GuiSelect.Label, { ...slot("select-label"), px: "$2", py: "$1.5", fontSize: "$1", color: "$quiet", ...props }));
+const SelectSeparator = (props) => (_jsx(GuiSelectSeparator, { ...slot("select-separator"), my: "$1", borderColor: "$borderColor", ...props }));
 export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
 //# sourceMappingURL=select.js.map

package/dist/backends/gui/select.js.map

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

package/dist/backends/gui/tooltip.cjs

@@ -3,20 +3,39 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/** Tooltip — hover/focus hint. `TooltipProvider` is gui's `TooltipGroup`. */
+/**
+ * Tooltip — hover/focus hint. `TooltipProvider` is gui's `TooltipGroup`.
+ *
+ * gui keeps the offset on the tooltip ROOT while the compound API spells it on
+ * Content, as `sideOffset`. One value, one owner: the root holds it, Content
+ * publishes into it — the same split `popover` resolves, for the same reason.
+ */
 const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
 const portal_theme_1 = require("../../product/menu/portal-theme.cjs");
 const ink_1 = require("./ink.cjs");
 const slot_1 = require("./slot.cjs");
 const DEFAULT_OFFSET = 4;
-const Tooltip = (props) => (0, jsx_runtime_1.jsx)(gui_1.Tooltip, { offset: DEFAULT_OFFSET, ...props });
+const Publish = /* @__PURE__ */ (0, react_1.createContext)(null);
+const Tooltip = ({ offset = DEFAULT_OFFSET, ...props }) => {
+    const [placed, setPlaced] = (0, react_1.useState)({});
+    const publish = (0, react_1.useCallback)((p) => setPlaced((prev) => ({ ...prev, ...p })), []);
+    return ((0, jsx_runtime_1.jsx)(Publish.Provider, { value: publish, children: (0, jsx_runtime_1.jsx)(gui_1.Tooltip, { offset: placed.offset ?? offset, ...props }) }));
+};
 exports.Tooltip = Tooltip;
 const TooltipTrigger = gui_1.Tooltip.Trigger;
 exports.TooltipTrigger = TooltipTrigger;
 const TooltipProvider = gui_1.TooltipGroup;
 exports.TooltipProvider = TooltipProvider;
-const TooltipContent = ({ sideOffset: _sideOffset, children, ...props }) => {
+const TooltipContent = ({ sideOffset, children, ...props }) => {
     const themeName = (0, portal_theme_1.useThemeName)();
+    const publish = (0, react_1.useContext)(Publish);
+    // Only a Content that names an offset has anything to say about it; an absent
+    // one leaves whatever the root was given standing.
+    (0, react_1.useEffect)(() => {
+        if (sideOffset !== undefined)
+            publish?.({ offset: sideOffset });
+    }, [publish, sideOffset]);
     return ((0, jsx_runtime_1.jsx)(portal_theme_1.PortalTheme, { name: themeName, children: (0, jsx_runtime_1.jsx)(gui_1.Tooltip.Content, { ...(0, slot_1.slot)('tooltip-content'), bg: "$panel", borderWidth: 1, borderColor: "$borderColor", rounded: "$3", px: "$3", py: "$1.5", ...props, children: (0, ink_1.ink)(children, undefined, { size: '$1' }) }) }));
 };
 exports.TooltipContent = TooltipContent;

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

@@ -1,13 +1,21 @@
-/** Tooltip — hover/focus hint. `TooltipProvider` is gui's `TooltipGroup`. */
+/**
+ * Tooltip — hover/focus hint. `TooltipProvider` is gui's `TooltipGroup`.
+ *
+ * gui keeps the offset on the tooltip ROOT while the compound API spells it on
+ * Content, as `sideOffset`. One value, one owner: the root holds it, Content
+ * publishes into it — the same split `popover` resolves, for the same reason.
+ */
 import { Tooltip as GuiTooltip, TooltipGroup } from '@hanzo/gui';
 import { type ComponentProps } from 'react';
-export type TooltipProps = ComponentProps<typeof GuiTooltip>;
+export type TooltipProps = Omit<ComponentProps<typeof GuiTooltip>, 'offset'> & {
+    offset?: number;
+};
 export type TooltipContentProps = ComponentProps<typeof GuiTooltip.Content> & {
     sideOffset?: number;
 };
-declare const Tooltip: (props: TooltipProps) => import("react").JSX.Element;
+declare const Tooltip: ({ offset, ...props }: TooltipProps) => import("react").JSX.Element;
 declare const TooltipTrigger: typeof GuiTooltip.Trigger;
 declare const TooltipProvider: typeof TooltipGroup;
-declare const TooltipContent: ({ sideOffset: _sideOffset, children, ...props }: TooltipContentProps) => import("react").JSX.Element;
+declare const TooltipContent: ({ sideOffset, children, ...props }: TooltipContentProps) => import("react").JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
 //# sourceMappingURL=tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/tooltip.tsx"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAOtD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAC5D,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAErG,QAAA,MAAM,OAAO,UAAW,YAAY,gCAAsD,CAAA;AAC1F,QAAA,MAAM,cAAc,EAAE,OAAO,UAAU,CAAC,OAA4B,CAAA;AACpE,QAAA,MAAM,eAAe,EAAE,OAAO,YAA2B,CAAA;AAEzD,QAAA,MAAM,cAAc,oDAAqD,mBAAmB,gCAkB3F,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/tooltip.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AAYd,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,QAAQ,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAClG,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAErG,QAAA,MAAM,OAAO,yBAA2C,YAAY,gCAQnE,CAAA;AACD,QAAA,MAAM,cAAc,EAAE,OAAO,UAAU,CAAC,OAA4B,CAAA;AACpE,QAAA,MAAM,eAAe,EAAE,OAAO,YAA2B,CAAA;AAEzD,QAAA,MAAM,cAAc,uCAAwC,mBAAmB,gCAwB9E,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/backends/gui/tooltip.js

@@ -1,16 +1,35 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-/** Tooltip — hover/focus hint. `TooltipProvider` is gui's `TooltipGroup`. */
+/**
+ * Tooltip — hover/focus hint. `TooltipProvider` is gui's `TooltipGroup`.
+ *
+ * gui keeps the offset on the tooltip ROOT while the compound API spells it on
+ * Content, as `sideOffset`. One value, one owner: the root holds it, Content
+ * publishes into it — the same split `popover` resolves, for the same reason.
+ */
 import { Tooltip as GuiTooltip, TooltipGroup } from '@hanzo/gui';
+import { createContext, useCallback, useContext, useEffect, useState, } from 'react';
 import { PortalTheme, useThemeName } from '../../product/menu/portal-theme.js';
 import { ink } from './ink.js';
 import { slot } from './slot.js';
 const DEFAULT_OFFSET = 4;
-const Tooltip = (props) => _jsx(GuiTooltip, { offset: DEFAULT_OFFSET, ...props });
+const Publish = /* @__PURE__ */ createContext(null);
+const Tooltip = ({ offset = DEFAULT_OFFSET, ...props }) => {
+    const [placed, setPlaced] = useState({});
+    const publish = useCallback((p) => setPlaced((prev) => ({ ...prev, ...p })), []);
+    return (_jsx(Publish.Provider, { value: publish, children: _jsx(GuiTooltip, { offset: placed.offset ?? offset, ...props }) }));
+};
 const TooltipTrigger = GuiTooltip.Trigger;
 const TooltipProvider = TooltipGroup;
-const TooltipContent = ({ sideOffset: _sideOffset, children, ...props }) => {
+const TooltipContent = ({ sideOffset, children, ...props }) => {
     const themeName = useThemeName();
+    const publish = useContext(Publish);
+    // Only a Content that names an offset has anything to say about it; an absent
+    // one leaves whatever the root was given standing.
+    useEffect(() => {
+        if (sideOffset !== undefined)
+            publish?.({ offset: sideOffset });
+    }, [publish, sideOffset]);
     return (_jsx(PortalTheme, { name: themeName, children: _jsx(GuiTooltip.Content, { ...slot('tooltip-content'), bg: "$panel", borderWidth: 1, borderColor: "$borderColor", rounded: "$3", px: "$3", py: "$1.5", ...props, children: ink(children, undefined, { size: '$1' }) }) }));
 };
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/backends/gui/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/backends/gui/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,6EAA6E;AAC7E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,cAAc,GAAG,CAAC,CAAA;AAKxB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,cAAc,KAAM,KAAK,GAAI,CAAA;AAC1F,MAAM,cAAc,GAA8B,UAAU,CAAC,OAAO,CAAA;AACpE,MAAM,eAAe,GAAwB,YAAY,CAAA;AAEzD,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAAE,EAAE;IAC9F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,SAAS,YAC1B,KAAC,UAAU,CAAC,OAAO,OACb,IAAI,CAAC,iBAAiB,CAAC,EAC3B,EAAE,EAAC,QAAQ,EACX,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,OAAO,EAAC,IAAI,EACZ,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,KACL,KAAK,YAER,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GACtB,GACT,CACf,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/backends/gui/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;GAMG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,GAET,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,cAAc,GAAG,CAAC,CAAA;AAKxB,MAAM,OAAO,GAAG,eAAe,CAAC,aAAa,CAA+B,IAAI,CAAC,CAAA;AAKjF,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,GAAG,cAAc,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IACxF,OAAO,CACL,KAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAC9B,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,MAAM,KAAM,KAAK,GAAI,GACzC,CACpB,CAAA;AACH,CAAC,CAAA;AACD,MAAM,cAAc,GAA8B,UAAU,CAAC,OAAO,CAAA;AACpE,MAAM,eAAe,GAAwB,YAAY,CAAA;AAEzD,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAAE,EAAE;IACjF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,8EAA8E;IAC9E,mDAAmD;IACnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IACzB,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,SAAS,YAC1B,KAAC,UAAU,CAAC,OAAO,OACb,IAAI,CAAC,iBAAiB,CAAC,EAC3B,EAAE,EAAC,QAAQ,EACX,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,OAAO,EAAC,IAAI,EACZ,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,KACL,KAAK,YAER,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GACtB,GACT,CACf,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/gallery.html

@@ -1,4 +1,4 @@
-<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.27.4</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
+<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.27.5</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
 :root { --hanzo-ui-styles: 1; }
 /* Hanzo Design System — the entry point. Import THIS one file.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.27.4",
+  "version": "8.27.5",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {