@hanzo/ui 8.0.24 → 8.0.25

package/dist/{chunk-P2P6ST6J.js → chunk-7ZNK6JSS.js}

@@ -1,75 +1,12 @@
 'use client';
-import { useEmit, textSize, labelOf } from './chunk-FVQXROBK.js';
 import { PROVIDERS } from './chunk-ZGTJCJ55.js';
-import { createContext, useContext, useSyncExternalStore, useRef, useEffect, useMemo, useState, useCallback } from 'react';
-import { Card, XStack, Text, Button, YStack, Label, Input, TextArea, Switch, Slider, ScrollView } from '@hanzo/gui';
-import { TriangleAlert, CreditCard, ChevronsUpDown, ChevronUp, ChevronDown, Check, ExternalLink, ArrowRight, X, Calendar, AlertTriangle, CheckCircle2, List, Plus, Link2, RefreshCw, Share2, Send, Pencil, Trash2 } from '@hanzogui/lucide-icons-2';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { EmptyState, FieldRow, FieldTextArea, FieldSelect, FieldText, PrimaryButton, classifyBackend, PageHeader, BackendStateCard } from './chunk-GVCOAJLO.js';
+import { useEmit } from './chunk-FVQXROBK.js';
+import { useRef, useEffect, useMemo, useState, useCallback } from 'react';
+import { YStack, XStack, Text, Button, ScrollView, Card } from '@hanzo/gui';
+import { ChevronsUpDown, ChevronUp, ChevronDown, X, Calendar, AlertTriangle, CheckCircle2, List, Plus, Link2, RefreshCw, Share2, Send, Pencil, Trash2 } from '@hanzogui/lucide-icons-2';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-var HostCtx = createContext({});
-var HostProvider = ({ actions, children }) => /* @__PURE__ */ jsx(HostCtx.Provider, { value: actions, children });
-var useHost = () => useContext(HostCtx);
-function classifyBackend(e) {
-  const status = typeof e?.status === "number" ? e.status : 0;
-  const message = e instanceof Error ? e.message : String(e);
-  if (status === 503) return { kind: "not-initialized", message };
-  if (status === 404 || status === 405) return { kind: "unavailable", message };
-  if (status === 501) return { kind: "not-implemented", message };
-  if (status === 402) return { kind: "billing", message };
-  if (status === 401) return { kind: "signin", message };
-  if (status === 403) return { kind: "access", message };
-  return { kind: "error", message };
-}
-function classifyRead(e) {
-  const s = classifyBackend(e);
-  return s.kind === "billing" ? null : s;
-}
-var TITLES = {
-  "not-initialized": "Backend not initialized",
-  unavailable: "Not available on this deployment yet",
-  "not-implemented": "Not yet available",
-  access: "Not enabled for your account",
-  signin: "Your session expired",
-  billing: "Add credits to continue",
-  error: "Could not reach the backend"
-};
-var BODIES = {
-  "not-initialized": "The /v1 route is mounted but its runtime (or the console API key it proxies to) is not configured on this deployment yet. Real data appears here once it is \u2014 no placeholder data is shown.",
-  unavailable: "This endpoint is not mounted at the gateway on this host yet. The view lights up automatically once the route is live.",
-  // 501 — a real, planned capability whose body ships in a later phase.
-  "not-implemented": "This capability is planned but not wired yet. The backend answers honestly rather than pretending it worked \u2014 nothing here is fabricated, and the view lights up automatically once it ships.",
-  // 403 for a SIGNED-IN user — never "sign in".
-  access: "You're signed in, but this isn't enabled for your organization on this deployment, or it's an admin-only surface. It appears here automatically once your account has access \u2014 nothing is fabricated.",
-  // 401 — the session itself lapsed; re-auth returns to this exact page.
-  signin: "Your session has expired or isn\u2019t recognized here. Sign in again to continue where you left off.",
-  // Empty → the card shows the backend's own message (the honest "Insufficient
-  // balance. Please add credits…" from the gateway billing gate).
-  billing: "",
-  error: ""
-};
-function BackendStateCard({
-  state,
-  onRetry,
-  hint
-}) {
-  const { signIn, addCredits } = useHost();
-  return /* @__PURE__ */ jsxs(Card, { borderWidth: 1, borderColor: "$borderColor", p: "$4", gap: "$2", maxWidth: 640, children: [
-    /* @__PURE__ */ jsxs(XStack, { gap: "$2", items: "center", children: [
-      /* @__PURE__ */ jsx(TriangleAlert, { size: 16 }),
-      /* @__PURE__ */ jsx(Text, { fontSize: "$4", fontWeight: "700", children: TITLES[state.kind] })
-    ] }),
-    /* @__PURE__ */ jsx(Text, { fontSize: "$3", color: "$color11", children: BODIES[state.kind] || state.message }),
-    hint ? /* @__PURE__ */ jsx(Text, { fontSize: "$2", color: "$color10", children: hint }) : null,
-    state.kind === "signin" && signIn ? /* @__PURE__ */ jsx(Button, { size: "$2", theme: "light", self: "flex-start", onPress: signIn, children: "Sign in again" }) : state.kind === "billing" && addCredits ? (
-      // 402 — the org has no funded balance. Offer a top-up CTA (and keep Retry so
-      // a returning, funded caller can reload in place).
-      /* @__PURE__ */ jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", children: [
-        /* @__PURE__ */ jsx(Button, { size: "$2", theme: "light", self: "flex-start", icon: /* @__PURE__ */ jsx(CreditCard, { size: 14 }), onPress: addCredits, children: "Add credits" }),
-        onRetry ? /* @__PURE__ */ jsx(Button, { size: "$2", self: "flex-start", onPress: onRetry, children: "Retry" }) : null
-      ] })
-    ) : onRetry ? /* @__PURE__ */ jsx(Button, { size: "$2", self: "flex-start", onPress: onRetry, children: "Retry" }) : null
-  ] });
-}
 function SkeletonRows({ columns, count = 6 }) {
   return /* @__PURE__ */ jsx(YStack, { children: Array.from({ length: count }).map((_, r) => /* @__PURE__ */ jsx(XStack, { py: "$2.5", px: "$3", gap: "$3", borderTopWidth: 1, borderColor: "$borderColor", items: "center", children: columns.map((c, i) => /* @__PURE__ */ jsx(YStack, { width: c.width, flex: c.width ? void 0 : 1, minW: c.width ? void 0 : FLEX_MIN_COL_W, items: c.align === "right" ? "flex-end" : "flex-start", children: /* @__PURE__ */ jsx(
     "div",
@@ -191,328 +128,6 @@ function DataTable({
   ] });
 }
 var FLEX_MIN_COL_W = 120;
-function isHexColor(v) {
-  return typeof v === "string" && /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(v.trim());
-}
-function resolveAccent(theme) {
-  if (!theme || !theme.isEnabled) return null;
-  const hex = (theme.colorPrimary ?? "").trim();
-  return isHexColor(hex) ? hex : null;
-}
-function expandHex(hex) {
-  const h = hex.trim().toLowerCase();
-  if (h.length === 4) return `#${h[1]}${h[1]}${h[2]}${h[2]}${h[3]}${h[3]}`;
-  return h;
-}
-function contrastText(hex) {
-  if (!isHexColor(hex)) return "#ffffff";
-  const h = expandHex(hex);
-  const r = parseInt(h.slice(1, 3), 16) / 255;
-  const g = parseInt(h.slice(3, 5), 16) / 255;
-  const b = parseInt(h.slice(5, 7), 16) / 255;
-  const lin = (c) => c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
-  const luminance = 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
-  return luminance > 0.5 ? "#000000" : "#ffffff";
-}
-function accentFor(theme) {
-  const hex = resolveAccent(theme);
-  return { accent: hex, contrast: hex ? contrastText(hex) : "#ffffff" };
-}
-var DEFAULT = { accent: null, contrast: "#ffffff" };
-var current = DEFAULT;
-var listeners = /* @__PURE__ */ new Set();
-function setOrgAccent(theme) {
-  const next = accentFor(theme);
-  if (next.accent === current.accent) return;
-  current = next.accent ? next : DEFAULT;
-  for (const l of listeners) l();
-}
-function subscribe(cb) {
-  listeners.add(cb);
-  return () => {
-    listeners.delete(cb);
-  };
-}
-function useAccent() {
-  return useSyncExternalStore(
-    subscribe,
-    () => current,
-    () => DEFAULT
-  );
-}
-function PrimaryButton({ onPress, ...rest }) {
-  const { accent, contrast } = useAccent();
-  const track = useEmit();
-  const press = (e) => {
-    track({
-      component: "PrimaryButton",
-      action: "click",
-      id: labelOf(rest.children) ?? rest["aria-label"]
-    });
-    onPress?.(e);
-  };
-  const handler = press;
-  if (accent) {
-    return /* @__PURE__ */ jsx(Button, { style: { backgroundColor: accent, color: contrast, borderColor: accent }, onPress: handler, ...rest });
-  }
-  return /* @__PURE__ */ jsx(Button, { theme: "light", onPress: handler, ...rest });
-}
-function openHref(href) {
-  if (typeof window !== "undefined") window.open(href, "_blank", "noopener");
-}
-function EmptyState({
-  icon: Icon,
-  title,
-  description,
-  bullets,
-  primary,
-  secondary
-}) {
-  const track = useEmit();
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      borderStyle: "dashed",
-      p: "$6",
-      gap: "$4",
-      items: "center",
-      maxWidth: 640,
-      self: "center",
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsx(
-          YStack,
-          {
-            width: 48,
-            height: 48,
-            items: "center",
-            justify: "center",
-            rounded: "$4",
-            bg: "$color3",
-            children: /* @__PURE__ */ jsx(Icon, { size: 24 })
-          }
-        ),
-        /* @__PURE__ */ jsxs(YStack, { gap: "$2", items: "center", maxW: 480, children: [
-          /* @__PURE__ */ jsx(Text, { fontSize: "$6", fontWeight: "500", text: "center", letterSpacing: -0.3, children: title }),
-          /* @__PURE__ */ jsx(Text, { fontSize: "$3", color: "$color11", text: "center", children: description })
-        ] }),
-        bullets && bullets.length ? /* @__PURE__ */ jsx(YStack, { gap: "$2", self: "stretch", maxW: 420, mx: "auto", children: bullets.map((b) => /* @__PURE__ */ jsxs(XStack, { gap: "$2", items: "flex-start", children: [
-          /* @__PURE__ */ jsx(YStack, { pt: "$1", children: /* @__PURE__ */ jsx(Check, { size: 14, color: "$color10" }) }),
-          /* @__PURE__ */ jsx(Text, { fontSize: "$3", color: "$color11", flex: 1, children: b })
-        ] }, b)) }) : null,
-        primary || secondary ? /* @__PURE__ */ jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", justify: "center", children: [
-          primary ? /* @__PURE__ */ jsx(
-            PrimaryButton,
-            {
-              icon: primary.icon,
-              iconAfter: primary.href ? /* @__PURE__ */ jsx(ExternalLink, { size: 15 }) : /* @__PURE__ */ jsx(ArrowRight, { size: 15 }),
-              onPress: () => {
-                track({ component: "EmptyState", action: "click", id: title, value: primary.label });
-                if (primary.href) openHref(primary.href);
-                else primary.onPress?.();
-              },
-              children: primary.label
-            }
-          ) : null,
-          secondary ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              chromeless: true,
-              icon: secondary.icon,
-              iconAfter: secondary.href ? /* @__PURE__ */ jsx(ExternalLink, { size: 14 }) : void 0,
-              onPress: () => {
-                track({ component: "EmptyState", action: "click", id: title, value: secondary.label });
-                if (secondary.href) openHref(secondary.href);
-                else secondary.onPress?.();
-              },
-              children: secondary.label
-            }
-          ) : null
-        ] }) : null
-      ]
-    }
-  );
-}
-var FieldNameContext = createContext(void 0);
-function useFieldTrack(component) {
-  const track = useEmit();
-  const name = useContext(FieldNameContext);
-  return (e) => track({ component, id: name, ...e });
-}
-function FieldRow({ label, children }) {
-  return /* @__PURE__ */ jsx(FieldNameContext.Provider, { value: label, children: /* @__PURE__ */ jsxs(XStack, { gap: "$3", items: "flex-start", flexWrap: "wrap", children: [
-    /* @__PURE__ */ jsx(Label, { width: "100%", pt: "$2", color: "$color11", fontSize: "$3", $md: { width: 180 }, children: label }),
-    /* @__PURE__ */ jsx(YStack, { flex: 1, minW: 0, $md: { minW: 240 }, children })
-  ] }) });
-}
-function FieldText({
-  value,
-  onChange,
-  disabled,
-  secure,
-  placeholder
-}) {
-  const track = useFieldTrack("FieldText");
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      value,
-      onChangeText: (v) => {
-        track({ action: "change", value: secure ? 0 : textSize(v) });
-        onChange(v);
-      },
-      disabled,
-      secureTextEntry: secure,
-      placeholder,
-      autoCapitalize: "none"
-    }
-  );
-}
-function FieldTextArea({
-  value,
-  onChange,
-  disabled,
-  rows = 6
-}) {
-  const track = useFieldTrack("FieldTextArea");
-  return /* @__PURE__ */ jsx(
-    TextArea,
-    {
-      value,
-      onChangeText: (v) => {
-        track({ action: "change", value: textSize(v) });
-        onChange(v);
-      },
-      disabled,
-      numberOfLines: rows
-    }
-  );
-}
-function FieldSwitch({
-  checked,
-  onChange,
-  disabled
-}) {
-  const track = useFieldTrack("FieldSwitch");
-  return /* @__PURE__ */ jsx(
-    Switch,
-    {
-      checked,
-      onCheckedChange: (v) => {
-        track({ action: "change", value: v });
-        onChange(v);
-      },
-      disabled,
-      size: "$3",
-      children: /* @__PURE__ */ jsx(Switch.Thumb, {})
-    }
-  );
-}
-var CHEVRON = `data:image/svg+xml,${encodeURIComponent(
-  '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#9a9a9a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>'
-)}`;
-function selectStyle(disabled) {
-  return {
-    width: "100%",
-    boxSizing: "border-box",
-    appearance: "none",
-    WebkitAppearance: "none",
-    MozAppearance: "none",
-    background: `var(--background) url("${CHEVRON}") no-repeat right 10px center`,
-    color: "var(--color12)",
-    border: "1px solid var(--borderColor)",
-    borderRadius: 9,
-    padding: "9px 34px 9px 12px",
-    fontSize: 14,
-    lineHeight: "20px",
-    fontFamily: "inherit",
-    height: 40,
-    outline: "none",
-    cursor: disabled ? "not-allowed" : "pointer",
-    opacity: disabled ? 0.5 : 1
-  };
-}
-var OPTION_STYLE = { background: "var(--color2)", color: "var(--color12)" };
-function FieldSelect({
-  value,
-  options,
-  onChange,
-  disabled,
-  placeholder = "Select\u2026"
-}) {
-  const track = useFieldTrack("FieldSelect");
-  const showPlaceholder = value === "" || !options.includes(value);
-  return /* @__PURE__ */ jsxs(
-    "select",
-    {
-      value: showPlaceholder ? "" : value,
-      onChange: (e) => {
-        track({ action: "change", value: e.currentTarget.value });
-        onChange(e.currentTarget.value);
-      },
-      disabled,
-      "aria-label": placeholder,
-      style: selectStyle(disabled),
-      children: [
-        showPlaceholder ? /* @__PURE__ */ jsx("option", { value: "", disabled: true, style: OPTION_STYLE, children: placeholder }) : null,
-        options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, style: OPTION_STYLE, children: opt }, opt))
-      ]
-    }
-  );
-}
-function FieldSlider({
-  value,
-  min,
-  max,
-  step,
-  onChange,
-  disabled
-}) {
-  const track = useFieldTrack("FieldSlider");
-  return /* @__PURE__ */ jsxs(XStack, { gap: "$3", items: "center", children: [
-    /* @__PURE__ */ jsx(Text, { width: 56, fontSize: "$3", color: "$color11", children: value }),
-    /* @__PURE__ */ jsxs(
-      Slider,
-      {
-        flex: 1,
-        min,
-        max,
-        step,
-        value: [value],
-        onValueChange: (v) => {
-          track({ action: "change", value: v[0] ?? min });
-          onChange(v[0] ?? min);
-        },
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.TrackActive, {}) }),
-          /* @__PURE__ */ jsx(Slider.Thumb, { index: 0, circular: true })
-        ]
-      }
-    )
-  ] });
-}
-function PageHeader({
-  title,
-  subtitle,
-  actions
-}) {
-  return (
-    // flexWrap lets the actions drop below the title on narrow screens; flex={1}
-    // minW={0} lets the title column shrink so a long subtitle WRAPS instead of
-    // running off the viewport (a flex child defaults to min-width:auto = content
-    // width, which would overflow on mobile).
-    /* @__PURE__ */ jsxs(XStack, { justify: "space-between", items: "flex-start", gap: "$3", flexWrap: "wrap", children: [
-      /* @__PURE__ */ jsxs(YStack, { gap: "$1", flex: 1, minW: 200, children: [
-        /* @__PURE__ */ jsx(Text, { fontSize: "$7", fontWeight: "500", letterSpacing: -0.4, children: title }),
-        subtitle ? /* @__PURE__ */ jsx(Text, { fontSize: "$3", color: "$color11", children: subtitle }) : null
-      ] }),
-      actions ? /* @__PURE__ */ jsx(XStack, { gap: "$2", items: "center", flexWrap: "wrap", width: "100%", $md: { width: "auto", justify: "flex-end" }, children: actions }) : null
-    ] })
-  );
-}
 var toneOf = (status) => {
   const s = status.toLowerCase();
   if (s === "green") return "green";
@@ -1211,6 +826,6 @@ function PostCard({
   ] });
 }
 
-export { BackendStateCard, COMPOSE_MODES, CampaignCard, ChannelBadge, DataTable, EmptyState, FieldRow, FieldSelect, FieldSlider, FieldSwitch, FieldText, FieldTextArea, HostProvider, LG, PageHeader, PostAgenda, PostCard, PostComposer, PrimaryButton, ProviderReadinessList, SlideOver, SocialResource, SocialSummaryBar, StatusTag, ViewToggle, accentFor, asColor, classifyBackend, classifyRead, contrastText, formatPostTime, isHexColor, parsePostTime, postDayBucket, postPreview, resolveAccent, setOrgAccent, useAccent, useHost };
-//# sourceMappingURL=chunk-P2P6ST6J.js.map
-//# sourceMappingURL=chunk-P2P6ST6J.js.map
+export { COMPOSE_MODES, CampaignCard, ChannelBadge, DataTable, LG, PostAgenda, PostCard, PostComposer, ProviderReadinessList, SlideOver, SocialResource, SocialSummaryBar, StatusTag, ViewToggle, asColor, formatPostTime, parsePostTime, postDayBucket, postPreview };
+//# sourceMappingURL=chunk-7ZNK6JSS.js.map
+//# sourceMappingURL=chunk-7ZNK6JSS.js.map