@hanzo/ui 8.0.27 → 8.0.28

package/dist/chunk-DC52DQ27.cjs

@@ -1,303 +0,0 @@
-'use client';
-'use strict';
-
-var gui = require('@hanzo/gui');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lucideIcons2 = require('@hanzogui/lucide-icons-2');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-// src/product/menu/portal-theme.tsx
-function PortalTheme({ name, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.Theme, { name, children });
-}
-var ROW_H = 32;
-var TAP_MIN = 44;
-var HIT_SLOP = {
-  top: (TAP_MIN - ROW_H) / 2,
-  bottom: (TAP_MIN - ROW_H) / 2,
-  left: 0,
-  right: 0
-};
-var ROW_PX = 8;
-var INSET_PL = 32;
-var INDICATOR_SLOT = 14;
-var ICON = 16;
-var panel = {
-  bg: "$color2",
-  borderColor: "$borderColor",
-  borderWidth: 1,
-  rounded: "$4",
-  p: 4,
-  minW: 128,
-  overflow: "hidden",
-  shadowColor: "rgba(0,0,0,0.45)",
-  shadowRadius: 20,
-  shadowOffset: { width: 0, height: 10 }
-};
-var row = {
-  items: "center",
-  gap: ROW_PX,
-  px: ROW_PX,
-  minH: ROW_H,
-  rounded: "$3",
-  select: "none",
-  cursor: "pointer",
-  hitSlop: HIT_SLOP,
-  hoverStyle: { bg: "$color5" },
-  focusStyle: { bg: "$color5" },
-  pressStyle: { bg: "$color6" }
-};
-var Indicator = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(
-  gui.XStack,
-  {
-    position: "absolute",
-    l: ROW_PX,
-    width: INDICATOR_SLOT,
-    height: INDICATOR_SLOT,
-    items: "center",
-    justify: "center",
-    pointerEvents: "none",
-    children: /* @__PURE__ */ jsxRuntime.jsx(gui.Menu.ItemIndicator, { children })
-  }
-);
-var OffsetContext = /* @__PURE__ */ React__namespace.createContext(null);
-var DEFAULT_OFFSET = 4;
-function DropdownMenu({
-  offset = DEFAULT_OFFSET,
-  trigger,
-  items,
-  minWidth,
-  maxHeight,
-  children,
-  ...props
-}) {
-  const [current, setOffset] = React__namespace.useState(offset);
-  React__namespace.useEffect(() => setOffset(offset), [offset]);
-  return /* @__PURE__ */ jsxRuntime.jsx(OffsetContext.Provider, { value: setOffset, children: /* @__PURE__ */ jsxRuntime.jsxs(gui.Menu, { offset: current, ...props, children: [
-    trigger ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: trigger }) : null,
-    items ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) }) : null,
-    children
-  ] }) });
-}
-var renderSpec = (spec, i) => {
-  if (spec.type === "separator")
-    return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}, spec.key ?? `sep-${i}`);
-  if (spec.type === "label")
-    return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { children: spec.label }, spec.key ?? `label-${i}`);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenuItem,
-    {
-      disabled: spec.disabled,
-      variant: spec.destructive ? "destructive" : "default",
-      onSelect: spec.onSelect,
-      children: [
-        spec.icon ? /* @__PURE__ */ jsxRuntime.jsx(
-          gui.XStack,
-          {
-            width: ICON,
-            height: ICON,
-            items: "center",
-            justify: "center",
-            shrink: 0,
-            children: spec.icon
-          }
-        ) : null,
-        /* @__PURE__ */ jsxRuntime.jsxs(gui.YStack, { flex: 1, minW: 0, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$color12", numberOfLines: 1, children: spec.label }),
-          spec.description ? /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$1", color: "$color11", numberOfLines: 1, children: spec.description }) : null
-        ] }),
-        spec.shortcut ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuShortcut, { children: spec.shortcut }) : null,
-        spec.selected ? /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Check, { size: ICON - 2, ml: "auto" }) : null,
-        spec.hasSubmenu ? /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.ChevronRight, { size: ICON - 2, ml: "auto", opacity: 0.6 }) : null
-      ]
-    },
-    spec.key
-  );
-};
-var DropdownMenuTrigger = gui.Menu.Trigger;
-var DropdownMenuGroup = gui.Menu.Group;
-var DropdownMenuPortal = gui.Menu.Portal;
-var DropdownMenuSub = gui.Menu.Sub;
-var DropdownMenuRadioGroup = gui.Menu.RadioGroup;
-var DropdownMenuContent = /* @__PURE__ */ React__namespace.forwardRef(function DropdownMenuContent2({ sideOffset = DEFAULT_OFFSET, children, ...props }, ref) {
-  const themeName = gui.useThemeName();
-  const setOffset = React__namespace.useContext(OffsetContext);
-  React__namespace.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
-  return /* @__PURE__ */ jsxRuntime.jsx(gui.Menu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(PortalTheme, { name: themeName, children: /* @__PURE__ */ jsxRuntime.jsx(
-    gui.Menu.Content,
-    {
-      ref,
-      "data-slot": "dropdown-menu-content",
-      ...panel,
-      ...props,
-      children
-    }
-  ) }) });
-});
-var DropdownMenuSubContent = /* @__PURE__ */ React__namespace.forwardRef(function DropdownMenuSubContent2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    gui.Menu.SubContent,
-    {
-      ref,
-      "data-slot": "dropdown-menu-sub-content",
-      ...panel,
-      ...props
-    }
-  );
-});
-var DropdownMenuItem = /* @__PURE__ */ React__namespace.forwardRef(function DropdownMenuItem2({ inset, variant = "default", disabled, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    gui.Menu.Item,
-    {
-      ref,
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      disabled,
-      ...row,
-      pl: inset ? INSET_PL : ROW_PX,
-      theme: variant === "destructive" ? "red" : void 0,
-      opacity: disabled ? 0.5 : 1,
-      cursor: disabled ? "default" : "pointer",
-      ...props
-    }
-  );
-});
-var DropdownMenuCheckboxItem = /* @__PURE__ */ React__namespace.forwardRef(function DropdownMenuCheckboxItem2({ children, checked, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    gui.Menu.CheckboxItem,
-    {
-      ref,
-      "data-slot": "dropdown-menu-checkbox-item",
-      checked,
-      ...row,
-      pl: INSET_PL,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Check, { size: ICON }) }),
-        children
-      ]
-    }
-  );
-});
-var DropdownMenuRadioItem = /* @__PURE__ */ React__namespace.forwardRef(function DropdownMenuRadioItem2({ children, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    gui.Menu.RadioItem,
-    {
-      ref,
-      "data-slot": "dropdown-menu-radio-item",
-      ...row,
-      pl: INSET_PL,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Circle, { size: 8, fill: "currentColor" }) }),
-        children
-      ]
-    }
-  );
-});
-var DropdownMenuSubTrigger = /* @__PURE__ */ React__namespace.forwardRef(function DropdownMenuSubTrigger2({ inset, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    gui.Menu.SubTrigger,
-    {
-      ref,
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      ...row,
-      pl: inset ? INSET_PL : ROW_PX,
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.ChevronRight, { size: ICON, ml: "auto", opacity: 0.6 })
-      ]
-    }
-  );
-});
-var DropdownMenuLabel = /* @__PURE__ */ React__namespace.forwardRef(function DropdownMenuLabel2({ inset, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    gui.Menu.Label,
-    {
-      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
-    }
-  );
-});
-var DropdownMenuSeparator = /* @__PURE__ */ React__namespace.forwardRef(function DropdownMenuSeparator2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    gui.Menu.Separator,
-    {
-      ref,
-      "data-slot": "dropdown-menu-separator",
-      height: 1,
-      bg: "$borderColor",
-      mx: 4,
-      my: 4,
-      ...props
-    }
-  );
-});
-function DropdownMenuShortcut(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    gui.Text,
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      ml: "auto",
-      fontSize: "$1",
-      letterSpacing: 1,
-      color: "$color11",
-      ...props
-    }
-  );
-}
-
-Object.defineProperty(exports, "useThemeName", {
-  enumerable: true,
-  get: function () { return gui.useThemeName; }
-});
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuShortcut = DropdownMenuShortcut;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
-exports.PortalTheme = PortalTheme;
-//# sourceMappingURL=chunk-DC52DQ27.cjs.map
-//# sourceMappingURL=chunk-DC52DQ27.cjs.map

package/dist/chunk-DC52DQ27.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/product/menu/portal-theme.tsx","../src/backends/gui/dropdown-menu.tsx"],"names":["jsx","Theme","XStack","Menu","React","jsxs","YStack","Text","Check","ChevronRight","DropdownMenuContent","useThemeName","DropdownMenuSubContent","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioItem","Circle","DropdownMenuSubTrigger","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":"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","file":"chunk-DC52DQ27.cjs","sourcesContent":["'use client'\n\n/**\n * PortalTheme — the ONE fix for \"themed content escapes its theme through a portal\".\n *\n * @hanzo/gui's `Popover.Content` and `Portal` render their children in a SEPARATE\n * React subtree (a Gorhom-style portal host mounted at the app root), NOT via\n * `ReactDOM.createPortal`. React context therefore does NOT flow from the trigger's\n * location to the host. Under a nested `<Theme name=\"dark\">` the portaled content\n * lands OUTSIDE that theme context and Tamagui throws \"Missing theme\" (or renders\n * unthemed).\n *\n * The fix is two-part and must stay two-part:\n *   1. At the TRIGGER site (theme context still available) capture the resolved\n *      theme name with `useThemeName()`.\n *   2. INSIDE the portaled content re-apply it: `<PortalTheme name={captured}>`.\n *\n * Every portal-backed menu in this package (DropdownMenu, ContextMenu, SelectMenu,\n * ComboBox) uses this so a menu renders identically whether it is opened under the\n * root theme or under any nested `<Theme>`, light or dark.\n */\nimport type { ReactNode } from 'react'\nimport { Theme, useThemeName } from '@hanzo/gui'\n\n/** Capture the current resolved theme name at the trigger site. Re-exported so the\n *  capture + re-apply pair reads from one module. */\nexport { useThemeName }\n\nexport function PortalTheme({ name, children }: { name: string; children: ReactNode }) {\n  // `name` is the resolved theme name (e.g. \"dark\", or a compound \"dark_purple\").\n  // Tamagui's `Theme` accepts the resolved name and reconstructs the context.\n  return <Theme name={name as never}>{children}</Theme>\n}\n","\"use client\"\n\n/**\n * DropdownMenu — the ONE compound menu, native to @hanzo/gui.\n *\n * @hanzogui/menu already ships the whole compound surface (Root/Trigger/Portal/\n * Content/Group/Label/Item/CheckboxItem/RadioGroup/RadioItem/ItemIndicator/\n * Separator/Sub/SubTrigger/SubContent) with the a11y, roving focus, popper\n * placement and dismiss behaviour. This file only FLATTENS `Menu.X` into the 15\n * `DropdownMenuX` names and dresses them in the Hanzo tokens, so there is one\n * menu component rather than two shapes of the same idea.\n *\n * Cross-platform: gui style props only — no Tailwind class strings, no Radix, no\n * DOM APIs. Rows are 32px tall (the design density) with a 6px vertical `hitSlop`\n * so the real tap target is 44px on touch hosts.\n *\n * `DropdownMenuContent` mounts its OWN `Menu.Portal`, so callers never wrap it —\n * and re-applies the trigger's resolved theme inside the portal via `PortalTheme`\n * (gui portals re-root the subtree, so React theme context does not flow).\n */\nimport * as React from \"react\"\nimport { Menu, Text, XStack, YStack, type GuiElement } from \"@hanzo/gui\"\nimport { Check, ChevronRight, Circle } from \"@hanzogui/lucide-icons-2\"\n\nimport type { MenuItemSpec } from \"../../product/menu/items\"\nimport { PortalTheme, useThemeName } from \"../../product/menu/portal-theme\"\n\n// ── Geometry — literal px on the 8-grid; 32px row + 6px hitSlop = 44px tap ──────\nconst ROW_H = 32\nconst TAP_MIN = 44\nconst HIT_SLOP = {\n  top: (TAP_MIN - ROW_H) / 2,\n  bottom: (TAP_MIN - ROW_H) / 2,\n  left: 0,\n  right: 0,\n}\nconst ROW_PX = 8\nconst INSET_PL = 32\nconst INDICATOR_SLOT = 14\nconst ICON = 16\n\nconst panel = {\n  bg: \"$color2\",\n  borderColor: \"$borderColor\",\n  borderWidth: 1,\n  rounded: \"$4\",\n  p: 4,\n  minW: 128,\n  overflow: \"hidden\",\n  shadowColor: \"rgba(0,0,0,0.45)\",\n  shadowRadius: 20,\n  shadowOffset: { width: 0, height: 10 },\n} as const\n\nconst row = {\n  items: \"center\",\n  gap: ROW_PX,\n  px: ROW_PX,\n  minH: ROW_H,\n  rounded: \"$3\",\n  select: \"none\",\n  cursor: \"pointer\",\n  hitSlop: HIT_SLOP,\n  hoverStyle: { bg: \"$color5\" },\n  focusStyle: { bg: \"$color5\" },\n  pressStyle: { bg: \"$color6\" },\n} as const\n\n/** Left indicator well shared by checkbox + radio rows. */\nconst Indicator = ({ children }: { children: React.ReactNode }) => (\n  <XStack\n    position=\"absolute\"\n    l={ROW_PX}\n    width={INDICATOR_SLOT}\n    height={INDICATOR_SLOT}\n    items=\"center\"\n    justify=\"center\"\n    pointerEvents=\"none\"\n  >\n    <Menu.ItemIndicator>{children}</Menu.ItemIndicator>\n  </XStack>\n)\n\n// ── Root — owns popper geometry ─────────────────────────────────────────────────\n// gui puts `offset` on the Popper ROOT; the compound API puts `sideOffset` on\n// Content. One value, one owner: the root holds it, Content publishes into it.\nconst OffsetContext = /* @__PURE__ */ React.createContext<\n  ((n: number) => void) | null\n>(null)\nconst DEFAULT_OFFSET = 4\n\nexport type DropdownMenuProps = Omit<\n  React.ComponentProps<typeof Menu>,\n  \"offset\"\n> & {\n  offset?: number\n  /**\n   * Declarative form. Give a `trigger` element and an `items` spec and the menu\n   * builds itself out of the very same compound parts a hand-written `children`\n   * tree would use — one component, one API, one rendering, whichever form the\n   * call site prefers.\n   */\n  trigger?: React.ReactElement\n  items?: MenuItemSpec[]\n  minWidth?: number\n  maxHeight?: number\n}\n\nfunction DropdownMenu({\n  offset = DEFAULT_OFFSET,\n  trigger,\n  items,\n  minWidth,\n  maxHeight,\n  children,\n  ...props\n}: DropdownMenuProps) {\n  const [current, setOffset] = React.useState(offset)\n  React.useEffect(() => setOffset(offset), [offset])\n  return (\n    <OffsetContext.Provider value={setOffset}>\n      <Menu offset={current} {...props}>\n        {trigger ? (\n          <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n        ) : null}\n        {items ? (\n          <DropdownMenuContent minW={minWidth} maxH={maxHeight}>\n            {items.map(renderSpec)}\n          </DropdownMenuContent>\n        ) : null}\n        {children}\n      </Menu>\n    </OffsetContext.Provider>\n  )\n}\n\n/** One spec row -> the matching compound part. Never a second row renderer. */\nconst renderSpec = (spec: MenuItemSpec, i: number) => {\n  if (spec.type === \"separator\")\n    return <DropdownMenuSeparator key={spec.key ?? `sep-${i}`} />\n  if (spec.type === \"label\")\n    return (\n      <DropdownMenuLabel key={spec.key ?? `label-${i}`}>\n        {spec.label}\n      </DropdownMenuLabel>\n    )\n  return (\n    <DropdownMenuItem\n      key={spec.key}\n      disabled={spec.disabled}\n      variant={spec.destructive ? \"destructive\" : \"default\"}\n      onSelect={spec.onSelect}\n    >\n      {spec.icon ? (\n        <XStack\n          width={ICON}\n          height={ICON}\n          items=\"center\"\n          justify=\"center\"\n          shrink={0}\n        >\n          {spec.icon}\n        </XStack>\n      ) : null}\n      <YStack flex={1} minW={0}>\n        <Text fontSize=\"$2\" color=\"$color12\" numberOfLines={1}>\n          {spec.label}\n        </Text>\n        {spec.description ? (\n          <Text fontSize=\"$1\" color=\"$color11\" numberOfLines={1}>\n            {spec.description}\n          </Text>\n        ) : null}\n      </YStack>\n      {spec.shortcut ? (\n        <DropdownMenuShortcut>{spec.shortcut}</DropdownMenuShortcut>\n      ) : null}\n      {spec.selected ? <Check size={ICON - 2} ml=\"auto\" /> : null}\n      {spec.hasSubmenu ? (\n        <ChevronRight size={ICON - 2} ml=\"auto\" opacity={0.6} />\n      ) : null}\n    </DropdownMenuItem>\n  )\n}\n\n// ── Passthroughs — the gui part already IS the part ─────────────────────────────\nconst DropdownMenuTrigger: typeof Menu.Trigger = Menu.Trigger\nconst DropdownMenuGroup: typeof Menu.Group = Menu.Group\nconst DropdownMenuPortal: typeof Menu.Portal = Menu.Portal\nconst DropdownMenuSub: typeof Menu.Sub = Menu.Sub\nconst DropdownMenuRadioGroup: typeof Menu.RadioGroup = Menu.RadioGroup\n\n// ── Content — self-portalling, theme-forwarded ──────────────────────────────────\ntype ContentProps = React.ComponentProps<typeof Menu.Content> & {\n  sideOffset?: number\n}\n\nconst DropdownMenuContent = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  ContentProps\n>(function DropdownMenuContent(\n  { sideOffset = DEFAULT_OFFSET, children, ...props },\n  ref\n) {\n  const themeName = useThemeName()\n  const setOffset = React.useContext(OffsetContext)\n  React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset])\n  return (\n    <Menu.Portal>\n      <PortalTheme name={themeName}>\n        <Menu.Content\n          ref={ref}\n          data-slot=\"dropdown-menu-content\"\n          {...panel}\n          {...props}\n        >\n          {children}\n        </Menu.Content>\n      </PortalTheme>\n    </Menu.Portal>\n  )\n})\n\nconst DropdownMenuSubContent = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.SubContent>\n>(function DropdownMenuSubContent(props, ref) {\n  return (\n    <Menu.SubContent\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-content\"\n      {...panel}\n      {...props}\n    />\n  )\n})\n\n// ── Rows ────────────────────────────────────────────────────────────────────────\ntype ItemProps = Omit<React.ComponentProps<typeof Menu.Item>, \"variant\"> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\nconst DropdownMenuItem = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  ItemProps\n>(function DropdownMenuItem(\n  { inset, variant = \"default\", disabled, ...props },\n  ref\n) {\n  return (\n    <Menu.Item\n      ref={ref}\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      disabled={disabled}\n      {...row}\n      pl={inset ? INSET_PL : ROW_PX}\n      theme={variant === \"destructive\" ? \"red\" : undefined}\n      opacity={disabled ? 0.5 : 1}\n      cursor={disabled ? \"default\" : \"pointer\"}\n      {...props}\n    />\n  )\n})\n\nconst DropdownMenuCheckboxItem = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.CheckboxItem>\n>(function DropdownMenuCheckboxItem({ children, checked, ...props }, ref) {\n  return (\n    <Menu.CheckboxItem\n      ref={ref}\n      data-slot=\"dropdown-menu-checkbox-item\"\n      checked={checked}\n      {...row}\n      pl={INSET_PL}\n      {...props}\n    >\n      <Indicator>\n        <Check size={ICON} />\n      </Indicator>\n      {children}\n    </Menu.CheckboxItem>\n  )\n})\n\nconst DropdownMenuRadioItem = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.RadioItem>\n>(function DropdownMenuRadioItem({ children, ...props }, ref) {\n  return (\n    <Menu.RadioItem\n      ref={ref}\n      data-slot=\"dropdown-menu-radio-item\"\n      {...row}\n      pl={INSET_PL}\n      {...props}\n    >\n      <Indicator>\n        <Circle size={8} fill=\"currentColor\" />\n      </Indicator>\n      {children}\n    </Menu.RadioItem>\n  )\n})\n\nconst DropdownMenuSubTrigger = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.SubTrigger> & { inset?: boolean }\n>(function DropdownMenuSubTrigger({ inset, children, ...props }, ref) {\n  return (\n    <Menu.SubTrigger\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      {...row}\n      pl={inset ? INSET_PL : ROW_PX}\n      {...props}\n    >\n      {children}\n      <ChevronRight size={ICON} ml=\"auto\" opacity={0.6} />\n    </Menu.SubTrigger>\n  )\n})\n\n// ── Static rows ─────────────────────────────────────────────────────────────────\nconst DropdownMenuLabel = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.Label> & { inset?: boolean }\n>(function DropdownMenuLabel({ inset, ...props }, ref) {\n  return (\n    <Menu.Label\n      ref={ref}\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      px={ROW_PX}\n      py={4}\n      pl={inset ? INSET_PL : ROW_PX}\n      fontSize=\"$2\"\n      fontWeight=\"500\"\n      color=\"$color12\"\n      select=\"none\"\n      {...props}\n    />\n  )\n})\n\nconst DropdownMenuSeparator = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.Separator>\n>(function DropdownMenuSeparator(props, ref) {\n  return (\n    <Menu.Separator\n      ref={ref}\n      data-slot=\"dropdown-menu-separator\"\n      height={1}\n      bg=\"$borderColor\"\n      mx={4}\n      my={4}\n      {...props}\n    />\n  )\n})\n\n/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */\nfunction DropdownMenuShortcut(props: React.ComponentProps<typeof Text>) {\n  return (\n    <Text\n      data-slot=\"dropdown-menu-shortcut\"\n      ml=\"auto\"\n      fontSize=\"$1\"\n      letterSpacing={1}\n      color=\"$color11\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"]}

package/dist/chunk-FVQXROBK.js

@@ -1,37 +0,0 @@
-'use client';
-import { createContext, useContext, useCallback } from 'react';
-import { track, EVENTS } from '@hanzogui/telemetry';
-
-// src/product/instrument.ts
-var SurfaceContext = createContext(void 0);
-var InstrumentSurface = SurfaceContext.Provider;
-var useSurface = () => useContext(SurfaceContext);
-function emit(e) {
-  track(EVENTS.FEATURE_USED, {
-    component: e.component,
-    action: e.action,
-    ...e.id !== void 0 ? { id: e.id } : null,
-    ...e.value !== void 0 ? { value: e.value } : null,
-    ...e.surface !== void 0 ? { surface: e.surface } : null
-  });
-}
-function useEmit() {
-  const surface = useSurface();
-  return useCallback(
-    (e) => emit(surface !== void 0 && e.surface === void 0 ? { ...e, surface } : e),
-    [surface]
-  );
-}
-function labelOf(children) {
-  if (typeof children === "string") return children.trim() || void 0;
-  if (Array.isArray(children)) {
-    const text = children.filter((c) => typeof c === "string" || typeof c === "number").join("");
-    return text.trim() || void 0;
-  }
-  return void 0;
-}
-var textSize = (s) => s ? s.length : 0;
-
-export { InstrumentSurface, emit, labelOf, textSize, useEmit, useSurface };
-//# sourceMappingURL=chunk-FVQXROBK.js.map
-//# sourceMappingURL=chunk-FVQXROBK.js.map

package/dist/chunk-FVQXROBK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/product/instrument.ts"],"names":[],"mappings":";;;;AAkEA,IAAM,cAAA,GAAiB,cAAkC,MAAS,CAAA;AAI3D,IAAM,oBAAoB,cAAA,CAAe;AAGzC,IAAM,UAAA,GAAa,MAA0B,UAAA,CAAW,cAAc;AAItE,SAAS,KAAK,CAAA,EAAkB;AACrC,EAAA,KAAA,CAAM,OAAO,YAAA,EAAc;AAAA,IACzB,WAAW,CAAA,CAAE,SAAA;AAAA,IACb,QAAQ,CAAA,CAAE,MAAA;AAAA,IACV,GAAI,EAAE,EAAA,KAAO,MAAA,GAAY,EAAE,EAAA,EAAI,CAAA,CAAE,IAAG,GAAI,IAAA;AAAA,IACxC,GAAI,EAAE,KAAA,KAAU,MAAA,GAAY,EAAE,KAAA,EAAO,CAAA,CAAE,OAAM,GAAI,IAAA;AAAA,IACjD,GAAI,EAAE,OAAA,KAAY,MAAA,GAAY,EAAE,OAAA,EAAS,CAAA,CAAE,SAAQ,GAAI;AAAA,GACxD,CAAA;AACH;AAIO,SAAS,OAAA,GAAgC;AAC9C,EAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,EAAA,OAAO,WAAA;AAAA,IACL,CAAC,CAAA,KAAe,IAAA,CAAK,OAAA,KAAY,MAAA,IAAa,CAAA,CAAE,OAAA,KAAY,MAAA,GAAY,EAAE,GAAG,CAAA,EAAG,OAAA,KAAY,CAAC,CAAA;AAAA,IAC7F,CAAC,OAAO;AAAA,GACV;AACF;AAOO,SAAS,QAAQ,QAAA,EAAuC;AAC7D,EAAA,IAAI,OAAO,QAAA,KAAa,QAAA,EAAU,OAAO,QAAA,CAAS,MAAK,IAAK,MAAA;AAC5D,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,EAAG;AAC3B,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,MAAA,CAAO,CAAC,CAAA,KAAM,OAAO,CAAA,KAAM,QAAA,IAAY,OAAO,CAAA,KAAM,QAAQ,CAAA,CAAE,KAAK,EAAE,CAAA;AAC3F,IAAA,OAAO,IAAA,CAAK,MAAK,IAAK,MAAA;AAAA,EACxB;AACA,EAAA,OAAO,MAAA;AACT;AAKO,IAAM,QAAA,GAAW,CAAC,CAAA,KAAmC,CAAA,GAAI,EAAE,MAAA,GAAS","file":"chunk-FVQXROBK.js","sourcesContent":["// The ONE place a shared component says what a user just did.\n//\n// Instrumenting the COMPONENT beats instrumenting 100 apps: a product that\n// renders `DataTable`, `PrimaryButton`, `SlideOver`, `ConfirmDelete`, `Field*`,\n// `ComboBox`, `Segmented`, `SearchInput`, `OrgSwitcher`, `MenuItemView`,\n// `EmptyState` or `ThemeToggle` reports the SAME interaction vocabulary with\n// zero app code. Nothing to wire, nothing to remember, nothing to drift.\n//\n//   import { emit, useEmit, InstrumentSurface } from '@hanzo/ui'\n//   <InstrumentSurface name=\"billing\">…</InstrumentSurface>   // optional context\n//\n// ONE event name, structured properties — the taxonomy in @hanzo/event is a\n// CLOSED set, and its own rule for a product-specific moment is \"the `action`\n// property, never a new event name\". So every UI interaction is\n// EVENTS.FEATURE_USED carrying { component, action, surface, id, value }.\n// Funnel moments (signup, checkout, deploy) keep their own dedicated names and\n// are emitted by the surface that owns them, not by a button.\n//\n// One stream: `track` from @hanzogui/telemetry — already a dependency of this\n// package and already THE front door (POST api.hanzo.ai/v1/event). No second\n// client, no CDN script, no `window` poking. It is SSR-safe, consent-aware,\n// honors DNT/GPC, and is fail-soft by construction, so this module inherits all\n// of that and adds no error policy of its own.\n\nimport { createContext, useCallback, useContext } from 'react'\n// ONE dependency edge: @hanzogui/telemetry owns the transport AND re-exports the\n// @hanzo/event vocabulary, so this package never names a second source of truth.\nimport { EVENTS, track } from '@hanzogui/telemetry'\n\n/** What a user did to a component. A closed set — it is the verb half of the\n *  vocabulary, and a closed verb set is what makes cross-product funnels join. */\nexport type UiAction =\n  | 'click'\n  | 'open'\n  | 'close'\n  | 'select'\n  | 'change'\n  | 'sort'\n  | 'filter'\n  | 'search'\n  | 'confirm'\n  | 'cancel'\n  | 'dismiss'\n  | 'expand'\n  | 'view'\n  | 'error'\n\n/** One interaction. `component` + `action` are required; everything else is the\n *  detail a lens groups by. Values are scrubbed downstream by @hanzo/event. */\nexport interface UiEvent {\n  /** The shared component that observed it — `DataTable`, `PrimaryButton`, … */\n  component: string\n  action: UiAction\n  /** The thing acted on: a column key, an option value, a menu item id. */\n  id?: string\n  /** A small scalar detail (sort direction, boolean state, count). Never PII —\n   *  free-text values (search terms, field contents) are reported as a LENGTH,\n   *  by the caller, not as the text. */\n  value?: string | number | boolean\n  /** The product area, when the app declared one via `<InstrumentSurface/>`. */\n  surface?: string\n}\n\n/** The enclosing product area (route/module). Optional: with no provider the\n *  events still carry component+action, and the product+path already come from\n *  the telemetry client. */\nconst SurfaceContext = createContext<string | undefined>(undefined)\n\n/** Names the product area every shared component inside it reports under.\n *  Plain provider, no element — it must not perturb any layout. */\nexport const InstrumentSurface = SurfaceContext.Provider\n\n/** The current product area, or undefined outside a provider. */\nexport const useSurface = (): string | undefined => useContext(SurfaceContext)\n\n/** Report an interaction. Callable from anywhere (module scope, event handler,\n *  a non-React host) — the ambient telemetry client is built on first use. */\nexport function emit(e: UiEvent): void {\n  track(EVENTS.FEATURE_USED, {\n    component: e.component,\n    action: e.action,\n    ...(e.id !== undefined ? { id: e.id } : null),\n    ...(e.value !== undefined ? { value: e.value } : null),\n    ...(e.surface !== undefined ? { surface: e.surface } : null),\n  })\n}\n\n/** `emit` with the surrounding `<InstrumentSurface/>` already bound — what the\n *  shared components themselves use, so an app never labels a surface twice. */\nexport function useEmit(): (e: UiEvent) => void {\n  const surface = useSurface()\n  return useCallback(\n    (e: UiEvent) => emit(surface !== undefined && e.surface === undefined ? { ...e, surface } : e),\n    [surface],\n  )\n}\n\n/** A component's own children ARE its identity — \"Deploy\", \"Log in with Hanzo\n *  Cloud\". React hands them over as a string, or as an ARRAY when the label is\n *  interpolated (`Log in with {brand}`), which is the common case; flattening the\n *  string parts is the difference between a named event and an anonymous one.\n *  Anything non-textual (an icon element) yields undefined rather than a guess. */\nexport function labelOf(children: unknown): string | undefined {\n  if (typeof children === 'string') return children.trim() || undefined\n  if (Array.isArray(children)) {\n    const text = children.filter((c) => typeof c === 'string' || typeof c === 'number').join('')\n    return text.trim() || undefined\n  }\n  return undefined\n}\n\n/** Free text (a search box, a text field) is reported as its LENGTH — the shape\n *  of the behaviour without the content. One helper so no component invents its\n *  own idea of \"safe to send\". */\nexport const textSize = (s: string | undefined): number => (s ? s.length : 0)\n"]}