@hanzo/ui 8.0.26 → 8.0.28

package/dist/backends/gui/dropdown-menu.d.ts

@@ -0,0 +1,99 @@
+/**
+ * DropdownMenu — the ONE compound menu, native to @hanzo/gui.
+ *
+ * @hanzogui/menu already ships the whole compound surface (Root/Trigger/Portal/
+ * Content/Group/Label/Item/CheckboxItem/RadioGroup/RadioItem/ItemIndicator/
+ * Separator/Sub/SubTrigger/SubContent) with the a11y, roving focus, popper
+ * placement and dismiss behaviour. This file only FLATTENS `Menu.X` into the 15
+ * `DropdownMenuX` names and dresses them in the Hanzo tokens, so there is one
+ * menu component rather than two shapes of the same idea.
+ *
+ * Cross-platform: gui style props only — no Tailwind class strings, no Radix, no
+ * DOM APIs. Rows are 32px tall (the design density) and `touch()` lifts the real
+ * tap target to 44px — on web and Tauri as well as native.
+ *
+ * `DropdownMenuContent` mounts its OWN `Menu.Portal`, so callers never wrap it —
+ * and re-applies the trigger's resolved theme inside the portal via `PortalTheme`
+ * (gui portals re-root the subtree, so React theme context does not flow).
+ */
+import * as React from "react";
+import { Menu, Text, type GuiElement } from "@hanzo/gui";
+import type { MenuItemSpec } from "../../product/menu/items.js";
+export type DropdownMenuProps = Omit<React.ComponentProps<typeof Menu>, "offset"> & {
+    offset?: number;
+    /**
+     * Declarative form. Give a `trigger` element and an `items` spec and the menu
+     * builds itself out of the very same compound parts a hand-written `children`
+     * tree would use — one component, one API, one rendering, whichever form the
+     * call site prefers.
+     */
+    trigger?: React.ReactElement;
+    items?: MenuItemSpec[];
+    minWidth?: number;
+    maxHeight?: number;
+};
+declare function DropdownMenu({ offset, trigger, items, minWidth, maxHeight, children, ...props }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuTrigger: typeof Menu.Trigger;
+declare const DropdownMenuGroup: typeof Menu.Group;
+declare const DropdownMenuPortal: typeof Menu.Portal;
+declare const DropdownMenuSub: typeof Menu.Sub;
+declare const DropdownMenuRadioGroup: typeof Menu.RadioGroup;
+type ContentProps = React.ComponentProps<typeof Menu.Content> & {
+    sideOffset?: number;
+};
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React.RefAttributes<GuiElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import("@hanzo/gui").MenuSubContentProps & {
+    scope?: string;
+} & React.RefAttributes<GuiElement> & Partial<Omit<import("@hanzo/gui").NativeMenuSubContentProps, keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuSubContentProps>>, "ref"> & React.RefAttributes<GuiElement>>;
+type ItemProps = Omit<React.ComponentProps<typeof Menu.Item>, "variant"> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+};
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & React.RefAttributes<GuiElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    unstyled?: boolean | undefined;
+}>, "scope" | keyof import("@hanzo/gui").MenuCheckboxItemProps> & import("@hanzo/gui").MenuCheckboxItemProps & {
+    scope?: string;
+} & React.RefAttributes<GuiElement> & Partial<Omit<Omit<import("@hanzo/gui").NativeMenuItemProps, "onSelect"> & {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    value?: "mixed" | "on" | "off" | boolean;
+    onValueChange?: (state: "mixed" | "on" | "off", prevState: "mixed" | "on" | "off") => void;
+    key: string;
+}, "scope" | keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuCheckboxItemProps>>, "ref"> & React.RefAttributes<GuiElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    unstyled?: boolean | undefined;
+}>, "scope" | keyof import("@hanzo/gui").MenuRadioItemProps> & import("@hanzo/gui").MenuRadioItemProps & {
+    scope?: string;
+} & React.RefAttributes<GuiElement> & Partial<Omit<{
+    children: React.ReactNode;
+}, "scope" | keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuRadioItemProps>>, "ref"> & React.RefAttributes<GuiElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<import("@hanzo/gui").MenuSubTriggerProps & {
+    scope?: string;
+} & React.RefAttributes<GuiElement> & Partial<Omit<{
+    children: React.ReactNode;
+    textValue?: string;
+    onSelect?: (event?: Event) => void;
+} & {
+    disabled?: boolean;
+    hidden?: boolean;
+    destructive?: boolean;
+    key: string;
+} & {
+    key: string;
+}, "scope" | keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuSubTriggerProps>> & {
+    inset?: boolean;
+}, "ref"> & React.RefAttributes<GuiElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}>, keyof import("@hanzo/gui").MenuLabelProps> & import("@hanzo/gui").MenuLabelProps & React.RefAttributes<import("@hanzogui/web").GuiTextElement> & Partial<Omit<import("@hanzo/gui").NativeMenuLabelProps, "color" | "elevation" | "fontFamily" | "fontSize" | "fontStyle" | "fontVariant" | "fontWeight" | "letterSpacing" | "size" | "textAlign" | "lineHeight" | "textTransform" | "textShadowColor" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "maxFontSizeMultiplier" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency" | "textDecorationLine" | "textDecorationStyle" | "textDecorationColor" | "textShadowOffset" | "textShadowRadius" | "writingDirection" | "textAlignVertical" | "includeFontPadding" | "ellipsis" | "textDecorationDistance" | "textOverflow" | "whiteSpace" | "wordWrap" | "textShadow" | keyof import("@hanzo/gui").MenuLabelProps | keyof React.RefAttributes<import("@hanzogui/web").GuiTextElement>>> & {
+    inset?: boolean;
+}, "ref"> & React.RefAttributes<GuiElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    unstyled?: boolean | undefined;
+}>, keyof import("@hanzo/gui").MenuSeparatorProps> & import("@hanzo/gui").MenuSeparatorProps & React.RefAttributes<GuiElement> & Partial<Omit<import("@hanzo/gui").NativeMenuSeparatorProps, keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuSeparatorProps>>, "ref"> & React.RefAttributes<GuiElement>>;
+/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
+declare function DropdownMenuShortcut(props: React.ComponentProps<typeof Text>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/backends/gui/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAA;AAIxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA+D5D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EACjC,QAAQ,CACT,GAAG;IACF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,MAAuB,EACvB,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAkBnB;AAoDD,QAAA,MAAM,mBAAmB,EAAE,OAAO,IAAI,CAAC,OAAsB,CAAA;AAC7D,QAAA,MAAM,iBAAiB,EAAE,OAAO,IAAI,CAAC,KAAkB,CAAA;AACvD,QAAA,MAAM,kBAAkB,EAAE,OAAO,IAAI,CAAC,MAAoB,CAAA;AAC1D,QAAA,MAAM,eAAe,EAAE,OAAO,IAAI,CAAC,GAAc,CAAA;AACjD,QAAA,MAAM,sBAAsB,EAAE,OAAO,IAAI,CAAC,UAA4B,CAAA;AAGtE,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,mBAAmB,8FAwBvB,CAAA;AAEF,QAAA,MAAM,sBAAsB;;sOAY1B,CAAA;AAGF,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,gBAAgB,2FAsBpB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;;;;;;;;;kJAmB5B,CAAA;AAEF,QAAA,MAAM,qBAAqB;;;;;;+IAkBzB,CAAA;AAEF,QAAA,MAAM,sBAAsB;;;;;qBAyFkyW,CAAC;;;;;;;;;YAvFpwW,OAAO;4CAehE,CAAA;AAGF,QAAA,MAAM,iBAAiB;;;;YAE+B,OAAO;4CAiB3D,CAAA;AAEF,QAAA,MAAM,qBAAqB;;+TAezB,CAAA;AAEF,4FAA4F;AAC5F,iBAAS,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAWrE;AAED,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}

package/dist/backends/gui/dropdown-menu.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DropdownMenu — the ONE compound menu, native to @hanzo/gui.
+ *
+ * @hanzogui/menu already ships the whole compound surface (Root/Trigger/Portal/
+ * Content/Group/Label/Item/CheckboxItem/RadioGroup/RadioItem/ItemIndicator/
+ * Separator/Sub/SubTrigger/SubContent) with the a11y, roving focus, popper
+ * placement and dismiss behaviour. This file only FLATTENS `Menu.X` into the 15
+ * `DropdownMenuX` names and dresses them in the Hanzo tokens, so there is one
+ * menu component rather than two shapes of the same idea.
+ *
+ * Cross-platform: gui style props only — no Tailwind class strings, no Radix, no
+ * DOM APIs. Rows are 32px tall (the design density) and `touch()` lifts the real
+ * tap target to 44px — on web and Tauri as well as native.
+ *
+ * `DropdownMenuContent` mounts its OWN `Menu.Portal`, so callers never wrap it —
+ * and re-applies the trigger's resolved theme inside the portal via `PortalTheme`
+ * (gui portals re-root the subtree, so React theme context does not flow).
+ */
+import * as React from "react";
+import { Menu, Text, XStack, YStack } from "@hanzo/gui";
+import { Check, ChevronRight, Circle } from "@hanzogui/lucide-icons-2";
+import { touch } from "./gesture.js";
+import { PortalTheme, useThemeName } from "../../product/menu/portal-theme.js";
+// ── Geometry — literal px on the 8-grid; a 32px row expands to a 44px tap ──────
+const ROW_H = 32;
+const TAP_MIN = 44;
+const ROW_PX = 8;
+/** The one menu width floor — the spec form and the compound panel share it. */
+const MIN_W = 200;
+const INSET_PL = 32;
+const INDICATOR_SLOT = 14;
+const ICON = 16;
+const panel = {
+    bg: "$color2",
+    borderColor: "$borderColor",
+    borderWidth: 1,
+    rounded: "$4",
+    p: 4,
+    minW: MIN_W,
+    overflow: "hidden",
+    shadowColor: "rgba(0,0,0,0.45)",
+    shadowRadius: 20,
+    shadowOffset: { width: 0, height: 10 },
+};
+const row = {
+    items: "center",
+    gap: ROW_PX,
+    px: ROW_PX,
+    minH: ROW_H,
+    rounded: "$3",
+    select: "none",
+    cursor: "pointer",
+    ...touch(ROW_H, TAP_MIN, "y"),
+    hoverStyle: { bg: "$color5" },
+    focusStyle: { bg: "$color5" },
+    pressStyle: { bg: "$color6" },
+};
+/** Left indicator well shared by checkbox + radio rows. */
+const Indicator = ({ children }) => (_jsx(XStack, { position: "absolute", l: ROW_PX, width: INDICATOR_SLOT, height: INDICATOR_SLOT, items: "center", justify: "center", pointerEvents: "none", children: _jsx(Menu.ItemIndicator, { children: children }) }));
+// ── Root — owns popper geometry ─────────────────────────────────────────────────
+// gui puts `offset` on the Popper ROOT; the compound API puts `sideOffset` on
+// Content. One value, one owner: the root holds it, Content publishes into it.
+const OffsetContext = /* @__PURE__ */ React.createContext(null);
+const DEFAULT_OFFSET = 4;
+function DropdownMenu({ offset = DEFAULT_OFFSET, trigger, items, minWidth = MIN_W, maxHeight, children, ...props }) {
+    const [current, setOffset] = React.useState(offset);
+    React.useEffect(() => setOffset(offset), [offset]);
+    return (_jsx(OffsetContext.Provider, { value: setOffset, children: _jsxs(Menu, { offset: current, ...props, children: [trigger ? (_jsx(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? (_jsx(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) })) : null, children] }) }));
+}
+/** One spec row -> the matching compound part. Never a second row renderer. */
+const renderSpec = (spec, i) => {
+    if (spec.type === "separator")
+        return _jsx(DropdownMenuSeparator, {}, spec.key ?? `sep-${i}`);
+    if (spec.type === "label")
+        return (_jsx(DropdownMenuLabel, { children: spec.label }, spec.key ?? `label-${i}`));
+    return (_jsxs(DropdownMenuItem, { disabled: spec.disabled, variant: spec.destructive ? "destructive" : "default", onSelect: spec.onSelect, children: [spec.icon ? (_jsx(XStack, { width: ICON, height: ICON, items: "center", justify: "center", shrink: 0, children: spec.icon })) : null, _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(Text, { fontSize: "$2", color: "$color12", numberOfLines: 1, children: spec.label }), spec.description ? (_jsx(Text, { fontSize: "$1", color: "$color11", numberOfLines: 1, children: spec.description })) : null] }), spec.shortcut ? (_jsx(DropdownMenuShortcut, { children: spec.shortcut })) : null, spec.selected ? _jsx(Check, { size: ICON - 2, ml: "auto" }) : null, spec.hasSubmenu ? (_jsx(ChevronRight, { size: ICON - 2, ml: "auto", opacity: 0.6 })) : null] }, spec.key));
+};
+// ── Passthroughs — the gui part already IS the part ─────────────────────────────
+const DropdownMenuTrigger = Menu.Trigger;
+const DropdownMenuGroup = Menu.Group;
+const DropdownMenuPortal = Menu.Portal;
+const DropdownMenuSub = Menu.Sub;
+const DropdownMenuRadioGroup = Menu.RadioGroup;
+const DropdownMenuContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuContent({ sideOffset = DEFAULT_OFFSET, children, ...props }, ref) {
+    const themeName = useThemeName();
+    const setOffset = React.useContext(OffsetContext);
+    React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
+    return (_jsx(Menu.Portal, { children: _jsx(PortalTheme, { name: themeName, children: _jsx(Menu.Content, { ref: ref, "data-slot": "dropdown-menu-content", ...panel, ...props, children: children }) }) }));
+});
+const DropdownMenuSubContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuSubContent(props, ref) {
+    return (_jsx(Menu.SubContent, { ref: ref, "data-slot": "dropdown-menu-sub-content", ...panel, ...props }));
+});
+const DropdownMenuItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuItem({ inset, variant = "default", disabled, ...props }, ref) {
+    return (_jsx(Menu.Item, { ref: ref, "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, disabled: disabled, ...row, pl: inset ? INSET_PL : ROW_PX, theme: variant === "destructive" ? "red" : undefined, opacity: disabled ? 0.5 : 1, cursor: disabled ? "default" : "pointer", ...props }));
+});
+const DropdownMenuCheckboxItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuCheckboxItem({ children, checked, ...props }, ref) {
+    return (_jsxs(Menu.CheckboxItem, { ref: ref, "data-slot": "dropdown-menu-checkbox-item", checked: checked, ...row, pl: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Check, { size: ICON }) }), children] }));
+});
+const DropdownMenuRadioItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuRadioItem({ children, ...props }, ref) {
+    return (_jsxs(Menu.RadioItem, { ref: ref, "data-slot": "dropdown-menu-radio-item", ...row, pl: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Circle, { size: 8, fill: "currentColor" }) }), children] }));
+});
+const DropdownMenuSubTrigger = /* @__PURE__ */ React.forwardRef(function DropdownMenuSubTrigger({ inset, children, ...props }, ref) {
+    return (_jsxs(Menu.SubTrigger, { ref: ref, "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, ...row, pl: inset ? INSET_PL : ROW_PX, ...props, children: [children, _jsx(ChevronRight, { size: ICON, ml: "auto", opacity: 0.6 })] }));
+});
+// ── Static rows ─────────────────────────────────────────────────────────────────
+const DropdownMenuLabel = /* @__PURE__ */ React.forwardRef(function DropdownMenuLabel({ inset, ...props }, ref) {
+    return (_jsx(Menu.Label, { ref: ref, "data-slot": "dropdown-menu-label", "data-inset": inset, px: ROW_PX, py: 4, pl: inset ? INSET_PL : ROW_PX, fontSize: "$2", fontWeight: "500", color: "$color12", select: "none", ...props }));
+});
+const DropdownMenuSeparator = /* @__PURE__ */ React.forwardRef(function DropdownMenuSeparator(props, ref) {
+    return (_jsx(Menu.Separator, { ref: ref, "data-slot": "dropdown-menu-separator", height: 1, bg: "$borderColor", mx: 4, my: 4, ...props }));
+});
+/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
+function DropdownMenuShortcut(props) {
+    return (_jsx(Text, { "data-slot": "dropdown-menu-shortcut", ml: "auto", fontSize: "$1", letterSpacing: 1, color: "$color11", ...props }));
+}
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/backends/gui/dropdown-menu.js.map

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

package/dist/backends/gui/gesture.cjs

@@ -0,0 +1,74 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.touch = exports.drag = exports.dragPos = void 0;
+/**
+ * The ONE way this backend does a drag, and the ONE way it meets the 44px touch
+ * floor — both of which are platform-split, and both of which were previously
+ * open-coded per component (and wrong on web).
+ *
+ * `drag()`  — web/Tauri run on Pointer Events with pointer capture; native runs
+ *             on the responder system. Same three callbacks either way.
+ * `touch()` — native takes `hitSlop`. gui classes `hitSlop` as a native-only
+ *             prop and DROPS it on web (helpers/nativeOnlyProps → skipProps →
+ *             getSplitStyles), so on web the target is expanded by a transparent
+ *             `::after` overlay driven from `data-touch-x`/`data-touch-y`
+ *             (rules in theme.css). Zero layout impact, no padding hack.
+ */
+const gui_1 = require("@hanzo/gui");
+/** Pointer position on one axis, from whichever event shape the platform sent. */
+const dragPos = (e, horizontal) => ((horizontal ? (e.clientX ?? e.nativeEvent?.pageX) : (e.clientY ?? e.nativeEvent?.pageY)) ??
+    0);
+exports.dragPos = dragPos;
+const drag = ({ begin, move, end, enabled = true, }) => gui_1.isWeb
+    ? {
+        onPointerDown: (e) => {
+            if (!enabled)
+                return;
+            // Keeps the drag alive once the pointer leaves a thin handle, with no
+            // window listener. Feature-detected, so this file never assumes a DOM.
+            const target = e.currentTarget;
+            if (target?.setPointerCapture && e.pointerId != null)
+                target.setPointerCapture(e.pointerId);
+            begin(e);
+        },
+        onPointerMove: move,
+        onPointerUp: end,
+        onPointerCancel: end,
+    }
+    : {
+        onStartShouldSetResponder: () => enabled,
+        onMoveShouldSetResponder: () => enabled,
+        onResponderTerminationRequest: () => false,
+        onResponderGrant: begin,
+        onResponderMove: move,
+        onResponderRelease: end,
+        onResponderTerminate: end,
+    };
+exports.drag = drag;
+/** Largest expansion theme.css has a rule for. Keep in sync with that ladder. */
+const MAX_PAD = 24;
+/**
+ * Expand a `size`-px-thick target to `min` px on the given axes without moving
+ * anything. `axis: 'y'` pads top/bottom (a 36px-tall button), `'x'` pads
+ * left/right (a 4px-wide resize handle), `'both'` pads all four (a 16px checkbox).
+ */
+const touch = (size, min = 44, axis = 'both') => {
+    const pad = Math.min(MAX_PAD, Math.ceil((min - size) / 2));
+    if (pad <= 0)
+        return {};
+    if (!gui_1.isWeb)
+        return {
+            hitSlop: axis === 'both'
+                ? pad
+                : axis === 'x'
+                    ? { left: pad, right: pad }
+                    : { top: pad, bottom: pad },
+        };
+    return {
+        position: 'relative',
+        ...(axis !== 'y' && { 'data-touch-x': String(pad) }),
+        ...(axis !== 'x' && { 'data-touch-y': String(pad) }),
+    };
+};
+exports.touch = touch;

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

@@ -0,0 +1,68 @@
+export type DragEvent = {
+    clientX?: number;
+    clientY?: number;
+    pointerId?: number;
+    currentTarget?: unknown;
+    nativeEvent?: {
+        pageX?: number;
+        pageY?: number;
+    };
+};
+/** Pointer position on one axis, from whichever event shape the platform sent. */
+export declare const dragPos: (e: DragEvent, horizontal: boolean) => number;
+export declare const drag: ({ begin, move, end, enabled, }: {
+    begin: (e: DragEvent) => void;
+    move: (e: DragEvent) => void;
+    end: () => void;
+    enabled?: boolean;
+}) => {
+    onPointerDown: (e: DragEvent) => void;
+    onPointerMove: (e: DragEvent) => void;
+    onPointerUp: () => void;
+    onPointerCancel: () => void;
+    onStartShouldSetResponder?: undefined;
+    onMoveShouldSetResponder?: undefined;
+    onResponderTerminationRequest?: undefined;
+    onResponderGrant?: undefined;
+    onResponderMove?: undefined;
+    onResponderRelease?: undefined;
+    onResponderTerminate?: undefined;
+} | {
+    onStartShouldSetResponder: () => boolean;
+    onMoveShouldSetResponder: () => boolean;
+    onResponderTerminationRequest: () => boolean;
+    onResponderGrant: (e: DragEvent) => void;
+    onResponderMove: (e: DragEvent) => void;
+    onResponderRelease: () => void;
+    onResponderTerminate: () => void;
+    onPointerDown?: undefined;
+    onPointerMove?: undefined;
+    onPointerUp?: undefined;
+    onPointerCancel?: undefined;
+};
+/**
+ * Expand a `size`-px-thick target to `min` px on the given axes without moving
+ * anything. `axis: 'y'` pads top/bottom (a 36px-tall button), `'x'` pads
+ * left/right (a 4px-wide resize handle), `'both'` pads all four (a 16px checkbox).
+ */
+export declare const touch: (size: number, min?: number, axis?: "x" | "y" | "both") => {
+    hitSlop?: undefined;
+} | {
+    hitSlop: number | {
+        left: number;
+        right: number;
+        top?: undefined;
+        bottom?: undefined;
+    } | {
+        top: number;
+        bottom: number;
+        left?: undefined;
+        right?: undefined;
+    };
+} | {
+    'data-touch-y'?: string | undefined;
+    'data-touch-x'?: string | undefined;
+    position: "relative";
+    hitSlop?: undefined;
+};
+//# sourceMappingURL=gesture.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gesture.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/gesture.ts"],"names":[],"mappings":"AAiBA,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,OAAO,GAAI,GAAG,SAAS,EAAE,YAAY,OAAO,KAE/C,MAAM,CAAA;AAEhB,eAAO,MAAM,IAAI,GAAI,gCAKlB;IACD,KAAK,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAA;IAC7B,IAAI,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAA;IAC5B,GAAG,EAAE,MAAM,IAAI,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;uBAG0B,SAAS;uBANxB,SAAS,KAAK,IAAI;uBACjB,IAAI;2BAAJ,IAAI;;;;;;;;;;;;0BAFJ,SAAS,KAAK,IAAI;yBACnB,SAAS,KAAK,IAAI;8BACjB,IAAI;gCAAJ,IAAI;;;;;CA4BV,CAAA;AAKP;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,MAAM,MAAM,EAAE,YAAQ,EAAE,OAAM,GAAG,GAAG,GAAG,GAAG,MAAe;;;;;;;;;;;;;;;;;;;CAiB9E,CAAA"}

package/dist/backends/gui/gesture.js

@@ -0,0 +1,69 @@
+'use client';
+/**
+ * The ONE way this backend does a drag, and the ONE way it meets the 44px touch
+ * floor — both of which are platform-split, and both of which were previously
+ * open-coded per component (and wrong on web).
+ *
+ * `drag()`  — web/Tauri run on Pointer Events with pointer capture; native runs
+ *             on the responder system. Same three callbacks either way.
+ * `touch()` — native takes `hitSlop`. gui classes `hitSlop` as a native-only
+ *             prop and DROPS it on web (helpers/nativeOnlyProps → skipProps →
+ *             getSplitStyles), so on web the target is expanded by a transparent
+ *             `::after` overlay driven from `data-touch-x`/`data-touch-y`
+ *             (rules in theme.css). Zero layout impact, no padding hack.
+ */
+import { isWeb } from '@hanzo/gui';
+/** Pointer position on one axis, from whichever event shape the platform sent. */
+export const dragPos = (e, horizontal) => ((horizontal ? (e.clientX ?? e.nativeEvent?.pageX) : (e.clientY ?? e.nativeEvent?.pageY)) ??
+    0);
+export const drag = ({ begin, move, end, enabled = true, }) => isWeb
+    ? {
+        onPointerDown: (e) => {
+            if (!enabled)
+                return;
+            // Keeps the drag alive once the pointer leaves a thin handle, with no
+            // window listener. Feature-detected, so this file never assumes a DOM.
+            const target = e.currentTarget;
+            if (target?.setPointerCapture && e.pointerId != null)
+                target.setPointerCapture(e.pointerId);
+            begin(e);
+        },
+        onPointerMove: move,
+        onPointerUp: end,
+        onPointerCancel: end,
+    }
+    : {
+        onStartShouldSetResponder: () => enabled,
+        onMoveShouldSetResponder: () => enabled,
+        onResponderTerminationRequest: () => false,
+        onResponderGrant: begin,
+        onResponderMove: move,
+        onResponderRelease: end,
+        onResponderTerminate: end,
+    };
+/** Largest expansion theme.css has a rule for. Keep in sync with that ladder. */
+const MAX_PAD = 24;
+/**
+ * Expand a `size`-px-thick target to `min` px on the given axes without moving
+ * anything. `axis: 'y'` pads top/bottom (a 36px-tall button), `'x'` pads
+ * left/right (a 4px-wide resize handle), `'both'` pads all four (a 16px checkbox).
+ */
+export const touch = (size, min = 44, axis = 'both') => {
+    const pad = Math.min(MAX_PAD, Math.ceil((min - size) / 2));
+    if (pad <= 0)
+        return {};
+    if (!isWeb)
+        return {
+            hitSlop: axis === 'both'
+                ? pad
+                : axis === 'x'
+                    ? { left: pad, right: pad }
+                    : { top: pad, bottom: pad },
+        };
+    return {
+        position: 'relative',
+        ...(axis !== 'y' && { 'data-touch-x': String(pad) }),
+        ...(axis !== 'x' && { 'data-touch-y': String(pad) }),
+    };
+};
+//# sourceMappingURL=gesture.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gesture.js","sourceRoot":"","sources":["../../../src/backends/gui/gesture.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUlC,kFAAkF;AAClF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAY,EAAE,UAAmB,EAAE,EAAE,CAC3D,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACvF,CAAC,CAAW,CAAA;AAEhB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,GAAG,EACH,OAAO,GAAG,IAAI,GAMf,EAAE,EAAE,CACH,KAAK;IACH,CAAC,CAAC;QACE,aAAa,EAAE,CAAC,CAAY,EAAE,EAAE;YAC9B,IAAI,CAAC,OAAO;gBAAE,OAAM;YACpB,sEAAsE;YACtE,uEAAuE;YACvE,MAAM,MAAM,GAAG,CAAC,CAAC,aAEJ,CAAA;YACb,IAAI,MAAM,EAAE,iBAAiB,IAAI,CAAC,CAAC,SAAS,IAAI,IAAI;gBAClD,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;YACvC,KAAK,CAAC,CAAC,CAAC,CAAA;QACV,CAAC;QACD,aAAa,EAAE,IAAI;QACnB,WAAW,EAAE,GAAG;QAChB,eAAe,EAAE,GAAG;KACrB;IACH,CAAC,CAAC;QACE,yBAAyB,EAAE,GAAG,EAAE,CAAC,OAAO;QACxC,wBAAwB,EAAE,GAAG,EAAE,CAAC,OAAO;QACvC,6BAA6B,EAAE,GAAG,EAAE,CAAC,KAAK;QAC1C,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,IAAI;QACrB,kBAAkB,EAAE,GAAG;QACvB,oBAAoB,EAAE,GAAG;KAC1B,CAAA;AAEP,iFAAiF;AACjF,MAAM,OAAO,GAAG,EAAE,CAAA;AAElB;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,GAAG,GAAG,EAAE,EAAE,OAA2B,MAAM,EAAE,EAAE;IACjF,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC1D,IAAI,GAAG,IAAI,CAAC;QAAE,OAAO,EAAE,CAAA;IACvB,IAAI,CAAC,KAAK;QACR,OAAO;YACL,OAAO,EACL,IAAI,KAAK,MAAM;gBACb,CAAC,CAAC,GAAG;gBACL,CAAC,CAAC,IAAI,KAAK,GAAG;oBACZ,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;oBAC3B,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;SAClC,CAAA;IACH,OAAO;QACL,QAAQ,EAAE,UAAmB;QAC7B,GAAG,CAAC,IAAI,KAAK,GAAG,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;QACpD,GAAG,CAAC,IAAI,KAAK,GAAG,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;KACrD,CAAA;AACH,CAAC,CAAA"}

package/dist/backends/gui/index.cjs

@@ -0,0 +1,134 @@
+'use client';"use strict";
+// @hanzo/ui — gui backend. THE canonical component surface.
+//
+// One cross-platform (web + native/expo + desktop/Tauri) component layer built on
+// @hanzo/gui primitives (YStack/XStack/Text/styled + the gui token config).
+// Presentational and host-agnostic — data and effects arrive as props.
+//
+// COMPONENT API ONLY. The product/app layer (charts, metrics, page headers,
+// status tags, empty states, combobox, slide-over, drag-reorder, provider marks,
+// theme toggle) is its own subpath, `@hanzo/ui/product`, so importing a button
+// never drags a chart in.
+//
+// The explicit named blocks below are ALSO the manifest that
+// `scripts/gen-primitives.mjs` reads to emit the per-member `./primitives/*`
+// entrypoints, so root, `./primitives` and `./primitives/*` are three doors into
+// one room. Re-run after changing the surface:
+//   node scripts/gen-primitives.mjs
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenuSub = exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = exports.DropdownMenu = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.CommandSeparator = exports.CommandShortcut = exports.CommandItem = exports.CommandGroup = exports.CommandEmpty = exports.CommandList = exports.CommandInput = exports.CommandDialog = exports.Command = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.Checkbox = exports.CardContent = exports.CardDescription = exports.CardAction = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.AvatarFallback = exports.AvatarImage = exports.Avatar = exports.AspectRatio = void 0;
+exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = exports.toast = exports.Toaster = exports.Textarea = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = exports.Switch = exports.Slider = exports.Separator = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.ResizableHandle = exports.ResizablePanel = exports.ResizablePanelGroup = exports.Progress = exports.PopoverClose = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = exports.Label = exports.Input = exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = void 0;
+var aspect_ratio_1 = require("./aspect-ratio.cjs");
+Object.defineProperty(exports, "AspectRatio", { enumerable: true, get: function () { return aspect_ratio_1.AspectRatio; } });
+var avatar_1 = require("./avatar.cjs");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
+Object.defineProperty(exports, "AvatarImage", { enumerable: true, get: function () { return avatar_1.AvatarImage; } });
+Object.defineProperty(exports, "AvatarFallback", { enumerable: true, get: function () { return avatar_1.AvatarFallback; } });
+var badge_1 = require("./badge.cjs");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.Badge; } });
+Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return badge_1.badgeVariants; } });
+var button_1 = require("./button.cjs");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
+Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return button_1.buttonVariants; } });
+var card_1 = require("./card.cjs");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return card_1.Card; } });
+Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return card_1.CardHeader; } });
+Object.defineProperty(exports, "CardFooter", { enumerable: true, get: function () { return card_1.CardFooter; } });
+Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return card_1.CardTitle; } });
+Object.defineProperty(exports, "CardAction", { enumerable: true, get: function () { return card_1.CardAction; } });
+Object.defineProperty(exports, "CardDescription", { enumerable: true, get: function () { return card_1.CardDescription; } });
+Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return card_1.CardContent; } });
+var checkbox_1 = require("./checkbox.cjs");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
+var collapsible_1 = require("./collapsible.cjs");
+Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return collapsible_1.Collapsible; } });
+Object.defineProperty(exports, "CollapsibleTrigger", { enumerable: true, get: function () { return collapsible_1.CollapsibleTrigger; } });
+Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return collapsible_1.CollapsibleContent; } });
+var command_1 = require("./command.cjs");
+Object.defineProperty(exports, "Command", { enumerable: true, get: function () { return command_1.Command; } });
+Object.defineProperty(exports, "CommandDialog", { enumerable: true, get: function () { return command_1.CommandDialog; } });
+Object.defineProperty(exports, "CommandInput", { enumerable: true, get: function () { return command_1.CommandInput; } });
+Object.defineProperty(exports, "CommandList", { enumerable: true, get: function () { return command_1.CommandList; } });
+Object.defineProperty(exports, "CommandEmpty", { enumerable: true, get: function () { return command_1.CommandEmpty; } });
+Object.defineProperty(exports, "CommandGroup", { enumerable: true, get: function () { return command_1.CommandGroup; } });
+Object.defineProperty(exports, "CommandItem", { enumerable: true, get: function () { return command_1.CommandItem; } });
+Object.defineProperty(exports, "CommandShortcut", { enumerable: true, get: function () { return command_1.CommandShortcut; } });
+Object.defineProperty(exports, "CommandSeparator", { enumerable: true, get: function () { return command_1.CommandSeparator; } });
+var dialog_1 = require("./dialog.cjs");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return dialog_1.Dialog; } });
+Object.defineProperty(exports, "DialogClose", { enumerable: true, get: function () { return dialog_1.DialogClose; } });
+Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return dialog_1.DialogContent; } });
+Object.defineProperty(exports, "DialogDescription", { enumerable: true, get: function () { return dialog_1.DialogDescription; } });
+Object.defineProperty(exports, "DialogFooter", { enumerable: true, get: function () { return dialog_1.DialogFooter; } });
+Object.defineProperty(exports, "DialogHeader", { enumerable: true, get: function () { return dialog_1.DialogHeader; } });
+Object.defineProperty(exports, "DialogOverlay", { enumerable: true, get: function () { return dialog_1.DialogOverlay; } });
+Object.defineProperty(exports, "DialogPortal", { enumerable: true, get: function () { return dialog_1.DialogPortal; } });
+Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return dialog_1.DialogTitle; } });
+Object.defineProperty(exports, "DialogTrigger", { enumerable: true, get: function () { return dialog_1.DialogTrigger; } });
+var dropdown_menu_1 = require("./dropdown-menu.cjs");
+Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenu; } });
+Object.defineProperty(exports, "DropdownMenuTrigger", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuTrigger; } });
+Object.defineProperty(exports, "DropdownMenuContent", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuContent; } });
+Object.defineProperty(exports, "DropdownMenuItem", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuItem; } });
+Object.defineProperty(exports, "DropdownMenuCheckboxItem", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuCheckboxItem; } });
+Object.defineProperty(exports, "DropdownMenuRadioItem", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuRadioItem; } });
+Object.defineProperty(exports, "DropdownMenuLabel", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuLabel; } });
+Object.defineProperty(exports, "DropdownMenuSeparator", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSeparator; } });
+Object.defineProperty(exports, "DropdownMenuShortcut", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuShortcut; } });
+Object.defineProperty(exports, "DropdownMenuGroup", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuGroup; } });
+Object.defineProperty(exports, "DropdownMenuPortal", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuPortal; } });
+Object.defineProperty(exports, "DropdownMenuSub", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSub; } });
+Object.defineProperty(exports, "DropdownMenuSubContent", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSubContent; } });
+Object.defineProperty(exports, "DropdownMenuSubTrigger", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSubTrigger; } });
+Object.defineProperty(exports, "DropdownMenuRadioGroup", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuRadioGroup; } });
+var input_1 = require("./input.cjs");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
+var label_1 = require("./label.cjs");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return label_1.Label; } });
+var popover_1 = require("./popover.cjs");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return popover_1.Popover; } });
+Object.defineProperty(exports, "PopoverTrigger", { enumerable: true, get: function () { return popover_1.PopoverTrigger; } });
+Object.defineProperty(exports, "PopoverContent", { enumerable: true, get: function () { return popover_1.PopoverContent; } });
+Object.defineProperty(exports, "PopoverAnchor", { enumerable: true, get: function () { return popover_1.PopoverAnchor; } });
+Object.defineProperty(exports, "PopoverClose", { enumerable: true, get: function () { return popover_1.PopoverClose; } });
+var progress_1 = require("./progress.cjs");
+Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return progress_1.Progress; } });
+var resizable_1 = require("./resizable.cjs");
+Object.defineProperty(exports, "ResizablePanelGroup", { enumerable: true, get: function () { return resizable_1.ResizablePanelGroup; } });
+Object.defineProperty(exports, "ResizablePanel", { enumerable: true, get: function () { return resizable_1.ResizablePanel; } });
+Object.defineProperty(exports, "ResizableHandle", { enumerable: true, get: function () { return resizable_1.ResizableHandle; } });
+var scroll_area_1 = require("./scroll-area.cjs");
+Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return scroll_area_1.ScrollArea; } });
+Object.defineProperty(exports, "ScrollBar", { enumerable: true, get: function () { return scroll_area_1.ScrollBar; } });
+var select_1 = require("./select.cjs");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
+Object.defineProperty(exports, "SelectGroup", { enumerable: true, get: function () { return select_1.SelectGroup; } });
+Object.defineProperty(exports, "SelectValue", { enumerable: true, get: function () { return select_1.SelectValue; } });
+Object.defineProperty(exports, "SelectTrigger", { enumerable: true, get: function () { return select_1.SelectTrigger; } });
+Object.defineProperty(exports, "SelectContent", { enumerable: true, get: function () { return select_1.SelectContent; } });
+Object.defineProperty(exports, "SelectLabel", { enumerable: true, get: function () { return select_1.SelectLabel; } });
+Object.defineProperty(exports, "SelectItem", { enumerable: true, get: function () { return select_1.SelectItem; } });
+Object.defineProperty(exports, "SelectSeparator", { enumerable: true, get: function () { return select_1.SelectSeparator; } });
+Object.defineProperty(exports, "SelectScrollUpButton", { enumerable: true, get: function () { return select_1.SelectScrollUpButton; } });
+Object.defineProperty(exports, "SelectScrollDownButton", { enumerable: true, get: function () { return select_1.SelectScrollDownButton; } });
+var separator_1 = require("./separator.cjs");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return separator_1.Separator; } });
+var slider_1 = require("./slider.cjs");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return slider_1.Slider; } });
+var switch_1 = require("./switch.cjs");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return switch_1.Switch; } });
+var tabs_1 = require("./tabs.cjs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return tabs_1.TabsList; } });
+Object.defineProperty(exports, "TabsTrigger", { enumerable: true, get: function () { return tabs_1.TabsTrigger; } });
+Object.defineProperty(exports, "TabsContent", { enumerable: true, get: function () { return tabs_1.TabsContent; } });
+var textarea_1 = require("./textarea.cjs");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
+var toaster_1 = require("./toaster.cjs");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return toaster_1.Toaster; } });
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return toaster_1.toast; } });
+var tooltip_1 = require("./tooltip.cjs");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
+Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return tooltip_1.TooltipTrigger; } });
+Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return tooltip_1.TooltipContent; } });
+Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return tooltip_1.TooltipProvider; } });