@hanzo/ui 8.0.20 → 8.0.22

package/dist/product/index.cjs

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunkJ3P63OX6_cjs = require('../chunk-J3P63OX6.cjs');
-var chunkXULZJEW2_cjs = require('../chunk-XULZJEW2.cjs');
-var chunk57YEM34R_cjs = require('../chunk-57YEM34R.cjs');
+var chunkARV3P4CE_cjs = require('../chunk-ARV3P4CE.cjs');
+var chunkNBZDIMP3_cjs = require('../chunk-NBZDIMP3.cjs');
+var chunk7XDEUEWI_cjs = require('../chunk-7XDEUEWI.cjs');
 var chunkMWBFAV3D_cjs = require('../chunk-MWBFAV3D.cjs');
 var react = require('react');
 var gui = require('@hanzo/gui');
@@ -578,9 +578,9 @@ function MenuItemView({
   hasSubmenu = false,
   onSelect
 }) {
-  const track = chunk57YEM34R_cjs.useEmit();
+  const track = chunk7XDEUEWI_cjs.useEmit();
   const choose = () => {
-    track({ component: "MenuItem", action: "select", id: typeof label === "string" ? label : void 0, value: selected });
+    track({ component: "MenuItem", action: "select", id: chunk7XDEUEWI_cjs.labelOf(label), value: selected });
     onSelect();
   };
   const press = () => {
@@ -794,7 +794,7 @@ function ComboBox({
   const anchorRect = react.useCallback(() => rowRef.current?.getBoundingClientRect() ?? null, []);
   const anchorEl = react.useCallback(() => rowRef.current, []);
   const filtered = react.useMemo(() => filterOptions(options, value), [options, value]);
-  const track = chunk57YEM34R_cjs.useEmit();
+  const track = chunk7XDEUEWI_cjs.useEmit();
   const pick = (v) => {
     track({ component: "ComboBox", action: "select", id: v, value: filtered.length });
     onChange(v);
@@ -965,7 +965,7 @@ function AppHeader({
         onProfile ? /* @__PURE__ */ jsxRuntime.jsx(MenuRow, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.UserRound, { size: 15 }), label: "Profile", onPress: () => (setMenuOpen(false), onProfile()) }) : null,
         theme !== null ? /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { items: "center", gap: "$2.5", px: "$2", py: "$1", rounded: "$3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { flex: 1, fontSize: "$2", color: "$color12", children: "Theme" }),
-          theme ?? /* @__PURE__ */ jsxRuntime.jsx(chunkJ3P63OX6_cjs.ThemeToggle, {})
+          theme ?? /* @__PURE__ */ jsxRuntime.jsx(chunkARV3P4CE_cjs.ThemeToggle, {})
         ] }) : null,
         onTeam ? /* @__PURE__ */ jsxRuntime.jsx(MenuRow, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.Settings2, { size: 15 }), label: "Team settings", onPress: () => (setMenuOpen(false), onTeam()) }) : null,
         onBilling ? /* @__PURE__ */ jsxRuntime.jsx(MenuRow, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.CreditCard, { size: 15 }), label: "Billing", onPress: () => (setMenuOpen(false), onBilling()) }) : null,
@@ -1149,7 +1149,7 @@ function OrgSwitcher({ scope, orgs, pageSize = 20, current: given, create, picke
     return rows.find((o) => o.name === currentId) ?? { name: currentId, displayName: titleCase(currentId) };
   }, [given, rows, currentId]);
   const currentLabel = current.displayName || titleCase(current.name);
-  const track = chunk57YEM34R_cjs.useEmit();
+  const track = chunk7XDEUEWI_cjs.useEmit();
   const select = react.useCallback(
     (org) => {
       track({ component: "OrgSwitcher", action: "select", id: org });
@@ -1619,14 +1619,14 @@ function CommerceResource({
   loadRef.current = load;
   const reload = react.useCallback(() => {
     setState({ phase: "loading" });
-    loadRef.current().then((r) => setState({ phase: "ready", data: r.rows })).catch((e) => setState({ phase: "error", error: chunkXULZJEW2_cjs.classifyBackend(e) }));
+    loadRef.current().then((r) => setState({ phase: "ready", data: r.rows })).catch((e) => setState({ phase: "error", error: chunkNBZDIMP3_cjs.classifyBackend(e) }));
   }, []);
   react.useEffect(() => {
     reload();
   }, [reload]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkXULZJEW2_cjs.PageHeader,
+      chunkNBZDIMP3_cjs.PageHeader,
       {
         title,
         subtitle,
@@ -1636,8 +1636,8 @@ function CommerceResource({
         ] })
       }
     ),
-    state.phase === "error" ? /* @__PURE__ */ jsxRuntime.jsx(chunkXULZJEW2_cjs.BackendStateCard, { state: state.error, onRetry: reload, hint }) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunkXULZJEW2_cjs.DataTable,
+    state.phase === "error" ? /* @__PURE__ */ jsxRuntime.jsx(chunkNBZDIMP3_cjs.BackendStateCard, { state: state.error, onRetry: reload, hint }) : /* @__PURE__ */ jsxRuntime.jsx(
+      chunkNBZDIMP3_cjs.DataTable,
       {
         columns,
         rows: state.phase === "ready" ? state.data : [],
@@ -1656,7 +1656,7 @@ function ConfirmDelete({
 }) {
   const [busy, setBusy] = react.useState(false);
   const [err, setErr] = react.useState(null);
-  const track = chunk57YEM34R_cjs.useEmit();
+  const track = chunk7XDEUEWI_cjs.useEmit();
   const go = async () => {
     setBusy(true);
     setErr(null);
@@ -1665,7 +1665,7 @@ function ConfirmDelete({
       await run();
       onDone();
     } catch (e) {
-      const message2 = chunkXULZJEW2_cjs.classifyBackend(e).message || "Failed to delete.";
+      const message2 = chunkNBZDIMP3_cjs.classifyBackend(e).message || "Failed to delete.";
       track({ component: "ConfirmDelete", action: "error", id: confirmLabel, value: message2 });
       setErr(message2);
       setBusy(false);
@@ -1707,7 +1707,7 @@ function Segmented({
   size = "$2",
   name
 }) {
-  const track = chunk57YEM34R_cjs.useEmit();
+  const track = chunk7XDEUEWI_cjs.useEmit();
   return /* @__PURE__ */ jsxRuntime.jsx(gui.XStack, { gap: "$1", flexWrap: "wrap", items: "center", children: options.map((o) => {
     const active = o.value === value;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1734,9 +1734,9 @@ function SearchInput({
   placeholder,
   name
 }) {
-  const track = chunk57YEM34R_cjs.useEmit();
+  const track = chunk7XDEUEWI_cjs.useEmit();
   const onChangeTracked = (v) => {
-    track({ component: "SearchInput", action: "search", id: name, value: chunk57YEM34R_cjs.textSize(v) });
+    track({ component: "SearchInput", action: "search", id: name, value: chunk7XDEUEWI_cjs.textSize(v) });
     onChange(v);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(gui.XStack, { flex: 1, minW: 180, items: "center", gap: "$2", px: "$3", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", bg: "$color1", children: [
@@ -1944,7 +1944,7 @@ function ProductIcon({
         justify: "center",
         rounded: radius,
         style: { backgroundColor: color },
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: glyph, color: chunkXULZJEW2_cjs.asColor("#ffffff") })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: glyph, color: chunkNBZDIMP3_cjs.asColor("#ffffff") })
       }
     );
   }
@@ -2178,7 +2178,7 @@ function ToastViewport({ toasts, dismiss }) {
   );
 }
 function ToastProvider({ children }) {
-  const track = chunk57YEM34R_cjs.useEmit();
+  const track = chunk7XDEUEWI_cjs.useEmit();
   const [toasts, setToasts] = react.useState([]);
   const timers = react.useRef(/* @__PURE__ */ new Map());
   const seq = react.useRef(0);
@@ -2230,191 +2230,195 @@ function useToast() {
 
 Object.defineProperty(exports, "AgnosticThemeToggle", {
   enumerable: true,
-  get: function () { return chunkJ3P63OX6_cjs.AgnosticThemeToggle; }
+  get: function () { return chunkARV3P4CE_cjs.AgnosticThemeToggle; }
 });
 Object.defineProperty(exports, "ThemeToggle", {
   enumerable: true,
-  get: function () { return chunkJ3P63OX6_cjs.ThemeToggle; }
+  get: function () { return chunkARV3P4CE_cjs.ThemeToggle; }
 });
 Object.defineProperty(exports, "ThemeToggleNext", {
   enumerable: true,
-  get: function () { return chunkJ3P63OX6_cjs.ThemeToggleNext; }
+  get: function () { return chunkARV3P4CE_cjs.ThemeToggleNext; }
 });
 Object.defineProperty(exports, "BackendStateCard", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.BackendStateCard; }
+  get: function () { return chunkNBZDIMP3_cjs.BackendStateCard; }
 });
 Object.defineProperty(exports, "COMPOSE_MODES", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.COMPOSE_MODES; }
+  get: function () { return chunkNBZDIMP3_cjs.COMPOSE_MODES; }
 });
 Object.defineProperty(exports, "CampaignCard", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.CampaignCard; }
+  get: function () { return chunkNBZDIMP3_cjs.CampaignCard; }
 });
 Object.defineProperty(exports, "ChannelBadge", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.ChannelBadge; }
+  get: function () { return chunkNBZDIMP3_cjs.ChannelBadge; }
 });
 Object.defineProperty(exports, "DataTable", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.DataTable; }
+  get: function () { return chunkNBZDIMP3_cjs.DataTable; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.EmptyState; }
+  get: function () { return chunkNBZDIMP3_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "FieldRow", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.FieldRow; }
+  get: function () { return chunkNBZDIMP3_cjs.FieldRow; }
 });
 Object.defineProperty(exports, "FieldSelect", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.FieldSelect; }
+  get: function () { return chunkNBZDIMP3_cjs.FieldSelect; }
 });
 Object.defineProperty(exports, "FieldSlider", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.FieldSlider; }
+  get: function () { return chunkNBZDIMP3_cjs.FieldSlider; }
 });
 Object.defineProperty(exports, "FieldSwitch", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.FieldSwitch; }
+  get: function () { return chunkNBZDIMP3_cjs.FieldSwitch; }
 });
 Object.defineProperty(exports, "FieldText", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.FieldText; }
+  get: function () { return chunkNBZDIMP3_cjs.FieldText; }
 });
 Object.defineProperty(exports, "FieldTextArea", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.FieldTextArea; }
+  get: function () { return chunkNBZDIMP3_cjs.FieldTextArea; }
 });
 Object.defineProperty(exports, "HostProvider", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.HostProvider; }
+  get: function () { return chunkNBZDIMP3_cjs.HostProvider; }
 });
 Object.defineProperty(exports, "PageHeader", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.PageHeader; }
+  get: function () { return chunkNBZDIMP3_cjs.PageHeader; }
 });
 Object.defineProperty(exports, "PostAgenda", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.PostAgenda; }
+  get: function () { return chunkNBZDIMP3_cjs.PostAgenda; }
 });
 Object.defineProperty(exports, "PostCard", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.PostCard; }
+  get: function () { return chunkNBZDIMP3_cjs.PostCard; }
 });
 Object.defineProperty(exports, "PostComposer", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.PostComposer; }
+  get: function () { return chunkNBZDIMP3_cjs.PostComposer; }
 });
 Object.defineProperty(exports, "PrimaryButton", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.PrimaryButton; }
+  get: function () { return chunkNBZDIMP3_cjs.PrimaryButton; }
 });
 Object.defineProperty(exports, "ProviderReadinessList", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.ProviderReadinessList; }
+  get: function () { return chunkNBZDIMP3_cjs.ProviderReadinessList; }
 });
 Object.defineProperty(exports, "SLIDEOVER_LG", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.LG; }
+  get: function () { return chunkNBZDIMP3_cjs.LG; }
 });
 Object.defineProperty(exports, "SlideOver", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.SlideOver; }
+  get: function () { return chunkNBZDIMP3_cjs.SlideOver; }
 });
 Object.defineProperty(exports, "SocialResource", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.SocialResource; }
+  get: function () { return chunkNBZDIMP3_cjs.SocialResource; }
 });
 Object.defineProperty(exports, "SocialSummaryBar", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.SocialSummaryBar; }
+  get: function () { return chunkNBZDIMP3_cjs.SocialSummaryBar; }
 });
 Object.defineProperty(exports, "StatusTag", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.StatusTag; }
+  get: function () { return chunkNBZDIMP3_cjs.StatusTag; }
 });
 Object.defineProperty(exports, "ViewToggle", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.ViewToggle; }
+  get: function () { return chunkNBZDIMP3_cjs.ViewToggle; }
 });
 Object.defineProperty(exports, "accentFor", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.accentFor; }
+  get: function () { return chunkNBZDIMP3_cjs.accentFor; }
 });
 Object.defineProperty(exports, "asColor", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.asColor; }
+  get: function () { return chunkNBZDIMP3_cjs.asColor; }
 });
 Object.defineProperty(exports, "classifyBackend", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.classifyBackend; }
+  get: function () { return chunkNBZDIMP3_cjs.classifyBackend; }
 });
 Object.defineProperty(exports, "classifyRead", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.classifyRead; }
+  get: function () { return chunkNBZDIMP3_cjs.classifyRead; }
 });
 Object.defineProperty(exports, "contrastText", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.contrastText; }
+  get: function () { return chunkNBZDIMP3_cjs.contrastText; }
 });
 Object.defineProperty(exports, "formatPostTime", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.formatPostTime; }
+  get: function () { return chunkNBZDIMP3_cjs.formatPostTime; }
 });
 Object.defineProperty(exports, "isHexColor", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.isHexColor; }
+  get: function () { return chunkNBZDIMP3_cjs.isHexColor; }
 });
 Object.defineProperty(exports, "parsePostTime", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.parsePostTime; }
+  get: function () { return chunkNBZDIMP3_cjs.parsePostTime; }
 });
 Object.defineProperty(exports, "postDayBucket", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.postDayBucket; }
+  get: function () { return chunkNBZDIMP3_cjs.postDayBucket; }
 });
 Object.defineProperty(exports, "postPreview", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.postPreview; }
+  get: function () { return chunkNBZDIMP3_cjs.postPreview; }
 });
 Object.defineProperty(exports, "resolveAccent", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.resolveAccent; }
+  get: function () { return chunkNBZDIMP3_cjs.resolveAccent; }
 });
 Object.defineProperty(exports, "setOrgAccent", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.setOrgAccent; }
+  get: function () { return chunkNBZDIMP3_cjs.setOrgAccent; }
 });
 Object.defineProperty(exports, "useAccent", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.useAccent; }
+  get: function () { return chunkNBZDIMP3_cjs.useAccent; }
 });
 Object.defineProperty(exports, "useHost", {
   enumerable: true,
-  get: function () { return chunkXULZJEW2_cjs.useHost; }
+  get: function () { return chunkNBZDIMP3_cjs.useHost; }
 });
 Object.defineProperty(exports, "InstrumentSurface", {
   enumerable: true,
-  get: function () { return chunk57YEM34R_cjs.InstrumentSurface; }
+  get: function () { return chunk7XDEUEWI_cjs.InstrumentSurface; }
 });
 Object.defineProperty(exports, "emit", {
   enumerable: true,
-  get: function () { return chunk57YEM34R_cjs.emit; }
+  get: function () { return chunk7XDEUEWI_cjs.emit; }
+});
+Object.defineProperty(exports, "labelOf", {
+  enumerable: true,
+  get: function () { return chunk7XDEUEWI_cjs.labelOf; }
 });
 Object.defineProperty(exports, "textSize", {
   enumerable: true,
-  get: function () { return chunk57YEM34R_cjs.textSize; }
+  get: function () { return chunk7XDEUEWI_cjs.textSize; }
 });
 Object.defineProperty(exports, "useEmit", {
   enumerable: true,
-  get: function () { return chunk57YEM34R_cjs.useEmit; }
+  get: function () { return chunk7XDEUEWI_cjs.useEmit; }
 });
 Object.defineProperty(exports, "useSurface", {
   enumerable: true,
-  get: function () { return chunk57YEM34R_cjs.useSurface; }
+  get: function () { return chunk7XDEUEWI_cjs.useSurface; }
 });
 Object.defineProperty(exports, "ACCOUNT_STATUSES", {
   enumerable: true,