react-semaphor 0.1.280 → 0.1.282

package/dist/chunks/use-create-flow-overlay-state-BvBTFIgX.js

@@ -1,1443 +0,0 @@
-import { bM as te, U as E, bN as Oe, bO as tt, bP as at, bQ as st, bR as lt, bS as rt, u as ve, af as nt, bT as dt, bU as it, bV as ot, ac as Z, c as q, bW as ct, bX as ut, B as I, s as mt, H as ae, N as Me, J as _e, bY as ze, w as Be, M as fe, bZ as Qe, X as je, x as _, b_ as pt, b$ as ht, c0 as J, c1 as we, c2 as Te, c3 as ie, c4 as Fe, c5 as ft, c6 as bt, c7 as P, c8 as yt, c9 as vt, a6 as Ve, ca as Ee, cb as ge, cc as Ue, cd as Re, ce as gt, L as R, I as $e, y as oe, z as ce, A as ue, E as me, F as pe, cf as Ke, cg as xt, ch as Ct, ci as He, cj as Ye, ck as Nt, cl as kt, cm as St, cn as Dt, co as It, cp as wt, cq as Tt, cr as Ft, cs as he, ct as Vt, cu as Le, cv as Et, cw as Lt, cx as At } from "./index-BzQ2UBDI.js";
-import { jsx as t, jsxs as d, Fragment as X } from "react/jsx-runtime";
-import { useMemo as L, useState as j, useRef as qt, useCallback as M, useEffect as be, Fragment as Ot } from "react";
-import { u as xe } from "./use-visual-utils-C2syL_qa.js";
-/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Yt = te("CircleX", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
-  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-]);
-/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Mt = te("Library", [
-  ["path", { d: "m16 6 4 14", key: "ji33uf" }],
-  ["path", { d: "M12 6v14", key: "1n7gus" }],
-  ["path", { d: "M8 8v12", key: "1gg7y9" }],
-  ["path", { d: "M4 4v16", key: "6qkkli" }]
-]);
-/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const _t = te("Link2", [
-  ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
-  ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
-  ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
-]);
-/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Xe = te("Save", [
-  [
-    "path",
-    {
-      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
-      key: "1c8476"
-    }
-  ],
-  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
-  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
-]);
-function Ge() {
-  var m, x;
-  const s = E((v) => v.card), l = E((v) => v.frame), r = L(
-    () => Oe(l, s),
-    [l, s]
-  ), { manifest: i } = tt(
-    ((m = r == null ? void 0 : r.customCardPreferences) == null ? void 0 : m.url) || ""
-  ), u = L(
-    () => {
-      var v;
-      return (v = i == null ? void 0 : i.visuals) == null ? void 0 : v.find(
-        (b) => {
-          var y;
-          return b.name === ((y = r == null ? void 0 : r.customCardPreferences) == null ? void 0 : y.componentName);
-        }
-      );
-    },
-    [i, (x = r == null ? void 0 : r.customCardPreferences) == null ? void 0 : x.componentName]
-  ), p = at(r, u), h = L(
-    () => st({
-      frame: l,
-      configCard: r,
-      isMultiInputVisual: p === "multiple"
-    }),
-    [l, r, p]
-  ), f = L(() => {
-    const v = h.findIndex(
-      (b) => (b == null ? void 0 : b.id) === s.id
-    );
-    return v < 0 ? -1 : lt(s, v);
-  }, [h, s]);
-  return L(() => !r || p !== "multiple" || f < 0 ? s.type : rt(
-    s,
-    f,
-    u == null ? void 0 : u.slots
-  ) ?? s.type, [r, p, f, s, u == null ? void 0 : u.slots]);
-}
-function Xt({
-  type: s,
-  isLinked: l,
-  className: r,
-  showLabel: i = !1,
-  showLocal: u = !1
-}) {
-  const p = ve((D) => D.selectedFrameId), h = nt((D) => D.selectedVisual), f = E((D) => D.frame);
-  let m;
-  if (s)
-    m = s;
-  else if (l !== void 0)
-    m = l ? "linked" : "library";
-  else if (!!!(f != null && f.visualId || h != null && h.id) && p)
-    m = "local";
-  else if (h && !p)
-    m = "library";
-  else if (f != null && f.visualId && p)
-    m = "linked";
-  else if (h != null && h.id && p)
-    m = "library";
-  else
-    return null;
-  if (m === "local" && !u)
-    return null;
-  const x = {
-    local: "border-slate-200/70 bg-slate-50/80 text-slate-700 shadow-sm hover:bg-slate-100/80 dark:border-slate-700 dark:bg-slate-900/70 dark:text-slate-200 dark:hover:bg-slate-800/80",
-    linked: "border-purple-200/70 bg-gradient-to-r from-purple-50/50 to-purple-100/30 text-purple-900 shadow-sm hover:from-purple-100/60 hover:to-purple-100/50 hover:shadow-md dark:border-purple-800/50 dark:from-purple-950/40 dark:to-purple-900/30 dark:text-purple-100 dark:hover:from-purple-950/60 dark:hover:to-purple-900/50",
-    library: "border-blue-200/70 bg-gradient-to-r from-blue-50/50 to-blue-100/30 text-blue-900 shadow-sm hover:from-blue-100/60 hover:to-blue-100/50 hover:shadow-md dark:border-blue-800/50 dark:from-blue-950/40 dark:to-blue-900/30 dark:text-blue-100 dark:hover:from-blue-950/60 dark:hover:to-blue-900/50"
-  }, v = {
-    local: "Local to this dashboard: Changes made here only affect this dashboard copy.",
-    linked: "Linked to library: Changes made here update the library visual and all linked instances.",
-    library: "Library visual: Share and reuse this visual across multiple dashboards."
-  }, b = {
-    local: "border-slate-200 bg-slate-50 text-slate-900 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100",
-    linked: "border-purple-200 bg-purple-50 text-purple-900 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-100",
-    library: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100"
-  }, y = {
-    local: "fill-slate-50 dark:fill-slate-900",
-    linked: "fill-purple-50 dark:fill-purple-950",
-    library: "fill-blue-50 dark:fill-blue-950"
-  }, C = {
-    local: /* @__PURE__ */ t("span", { className: "h-2 w-2 rounded-full bg-current/70" }),
-    linked: /* @__PURE__ */ t(_t, { className: "h-3.5 w-3.5" }),
-    library: /* @__PURE__ */ t(Mt, { className: "h-3.5 w-3.5" })
-  }, A = {
-    local: "Local",
-    linked: "Linked",
-    library: "Library"
-  };
-  return /* @__PURE__ */ t(dt, { children: /* @__PURE__ */ d(it, { delayDuration: 300, children: [
-    /* @__PURE__ */ t(ot, { asChild: !0, children: /* @__PURE__ */ d(
-      Z,
-      {
-        variant: "outline",
-        className: q(
-          "cursor-help select-none transition-all",
-          x[m],
-          r
-        ),
-        children: [
-          C[m],
-          i && /* @__PURE__ */ t("span", { className: "ml-1 text-xs font-medium leading-none", children: A[m] })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ d(
-      ct,
-      {
-        side: "bottom",
-        className: q("max-w-xs", b[m]),
-        children: [
-          /* @__PURE__ */ t(ut, { className: y[m] }),
-          /* @__PURE__ */ t("p", { children: v[m] })
-        ]
-      }
-    )
-  ] }) });
-}
-function zt(s, l) {
-  return {
-    ...s,
-    sql: "",
-    python: "",
-    config: void 0,
-    customCfg: "",
-    preferences: {},
-    interactionConfig: void 0,
-    linkedInteractionTargetOverrides: void 0,
-    dynamicCardPreferences: void 0,
-    customCardPreferences: l ? s.customCardPreferences : void 0,
-    visualizationMode: "builtin",
-    type: l ? s.type : "bar"
-  };
-}
-function Ce(s) {
-  const l = pt(s);
-  return l ? (_.error(l), !1) : !0;
-}
-function Gt({
-  className: s,
-  variant: l = "outline"
-}) {
-  const r = E((p) => p.onSave), { getUpdatedFrame: i } = xe();
-  function u() {
-    const p = i();
-    Ce(p) && (r == null || r(p));
-  }
-  return /* @__PURE__ */ d(
-    I,
-    {
-      onClick: u,
-      className: q("h-8", s),
-      size: "sm",
-      variant: l,
-      children: [
-        /* @__PURE__ */ t(mt, { className: "mr-2 size-4 font-bold" }),
-        "Accept"
-      ]
-    }
-  );
-}
-function Wt({
-  className: s,
-  variant: l = "default"
-}) {
-  const r = ae(), [i, u] = j(!1), p = ve(
-    (y) => y.actions.setIsDashboardPanelOpen
-  ), { setIsVisualEditing: h } = Me(), { getUpdatedFrame: f } = xe(), m = _e(), x = E((y) => y.frame), v = ze();
-  return /* @__PURE__ */ d(
-    I,
-    {
-      onClick: () => {
-        const y = f();
-        if (!Ce(y))
-          return;
-        const C = (x == null ? void 0 : x.visualId) || (m == null ? void 0 : m.id);
-        if (!C) {
-          _.error("No visual to save");
-          return;
-        }
-        u(!0), v.mutate(
-          {
-            visualId: C,
-            data: {
-              frameObject: y
-            }
-          },
-          {
-            onSuccess: () => {
-              u(!1), p(!0), _.success("Visual updated successfully"), r.invalidateQueries({
-                queryKey: ["resource-by-id", "visual", C],
-                exact: !0
-              });
-            },
-            onError: () => {
-              u(!1), _.error("Failed to update visual");
-            }
-          }
-        );
-      },
-      className: q("h-8", s),
-      size: "sm",
-      variant: l,
-      children: [
-        i && /* @__PURE__ */ d(X, { children: [
-          /* @__PURE__ */ t(Be, { className: "mr-2 size-4 animate-spin font-bold" }),
-          " Saving"
-        ] }),
-        !i && /* @__PURE__ */ d(X, { children: [
-          /* @__PURE__ */ t(Xe, { className: "mr-2 size-4 font-bold" }),
-          "Save to Library"
-        ] })
-      ]
-    }
-  );
-}
-function Jt({
-  className: s
-}) {
-  const l = ae(), [r, i] = j(!1), u = _e(), p = E((y) => y.frame), h = ve((y) => y.selectedSheetId), { updateFrame: f, setIsVisualEditing: m } = Me(), { getUpdatedFrame: x } = xe(), v = ze();
-  return /* @__PURE__ */ t(
-    I,
-    {
-      onClick: async () => {
-        if (!h) {
-          _.error("No sheet selected");
-          return;
-        }
-        const y = (p == null ? void 0 : p.visualId) || (u == null ? void 0 : u.id);
-        if (!y) {
-          _.error("No visual to update");
-          return;
-        }
-        i(!0);
-        try {
-          const C = x();
-          if (!Ce(C)) {
-            i(!1);
-            return;
-          }
-          await v.mutateAsync({
-            visualId: y,
-            data: {
-              frameObject: C
-            }
-          });
-          const A = {
-            ...C,
-            visualId: y
-            // Keep the link to library visual
-          };
-          f(h, A), l.invalidateQueries({ queryKey: ["visuals"] }), l.invalidateQueries({ queryKey: ["visual", y] }), _.success("Saved to library and applied locally"), setTimeout(() => {
-            m(!1);
-          }, 300);
-        } catch (C) {
-          console.error("Failed to save and apply:", C), _.error("Failed to save and apply changes");
-        } finally {
-          i(!1);
-        }
-      },
-      className: q("h-8", s),
-      size: "sm",
-      variant: "default",
-      disabled: r,
-      children: r ? /* @__PURE__ */ d(X, { children: [
-        /* @__PURE__ */ t(Be, { className: "mr-2 size-4 animate-spin font-bold" }),
-        " Saving..."
-      ] }) : /* @__PURE__ */ d(X, { children: [
-        /* @__PURE__ */ t(Xe, { className: "mr-2 size-4 font-bold" }),
-        "Save & Apply"
-      ] })
-    }
-  );
-}
-function Pt({ className: s }) {
-  const { setTempQueryData: l, setSqlGen: r } = fe(), i = ae(), u = E((b) => b.tempQueryData), p = E((b) => b.onClose), h = E((b) => b.card), f = Ge(), m = L(() => f !== h.type ? { ...h, type: f } : h, [h, f]), { queryKey: x } = Qe(m);
-  function v() {
-    if (u) {
-      const { queryKey: b, queryData: y } = u;
-      b && y && i.setQueryData(b, y);
-    }
-    r({}), p == null || p();
-  }
-  return /* @__PURE__ */ d(
-    I,
-    {
-      onClick: v,
-      className: q("h-8", s),
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ t(je, { className: "mr-2 size-4" }),
-        "Close"
-      ]
-    }
-  );
-}
-function Zt({
-  label: s = "Clear",
-  variant: l = "secondary",
-  className: r
-} = {}) {
-  const { setTempQueryData: i } = fe(), u = ae(), p = E((a) => a.tempQueryData), h = E((a) => a.card), f = Ge(), m = L(() => f !== h.type ? { ...h, type: f } : h, [h, f]), { queryKey: x } = Qe(m), {
-    setCardSql: v,
-    setSqlGen: b,
-    setCardPython: y,
-    setCardCustomCfg: C,
-    setCardPreferences: A,
-    clearQueryConfig: D,
-    setCardConfig: se,
-    setCardType: le,
-    setFrame: G,
-    setCard: $,
-    setActiveTabCardId: re
-  } = fe();
-  function U() {
-    var B, W, H, F;
-    const a = u.getQueryData(x);
-    p != null && p.queryData || i({
-      queryKey: x,
-      queryData: a
-    }), u.setQueryData(x, null), u.removeQueries({ queryKey: x, exact: !0 }), v(""), b({}), D(), se(void 0), y(""), C(""), A({});
-    const S = E.getState().frame, K = E.getState().card, T = Oe(S, K), w = ((B = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : B.visualType) === "multiple" || !!((W = T == null ? void 0 : T.customCardPreferences) != null && W.dataInputCardIds) || (((H = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : H.minInputs) || 0) > 1 || (((F = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : F.maxInputs) || 0) > 1, z = zt(K, w);
-    G({
-      ...S,
-      cards: S.cards.map(
-        (O) => O.id === z.id ? z : O
-      )
-    }), re(z.id), $(z), w || le("bar");
-  }
-  return /* @__PURE__ */ d(
-    I,
-    {
-      onClick: U,
-      className: q("h-8", r),
-      size: "sm",
-      variant: l,
-      children: [
-        /* @__PURE__ */ t(je, { className: "mr-2 size-3.5" }),
-        s
-      ]
-    }
-  );
-}
-function We(s) {
-  const { control: l, onChange: r } = s;
-  return /* @__PURE__ */ d("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ t(R, { className: "text-xs", children: "Label" }),
-    /* @__PURE__ */ d("div", { className: "relative", children: [
-      /* @__PURE__ */ t(
-        $e,
-        {
-          className: "pr-40",
-          value: l.label,
-          placeholder: "Control label",
-          onChange: (i) => r(i.target.value)
-        }
-      ),
-      /* @__PURE__ */ t(
-        Z,
-        {
-          variant: "outline",
-          className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-xs",
-          children: ge(l.type).label
-        }
-      )
-    ] })
-  ] });
-}
-function Bt(s) {
-  const { currentStep: l, labels: r } = s;
-  return /* @__PURE__ */ t("div", { className: "sticky top-0 z-10 -mx-1 border-b bg-background/95 px-1 pb-2 pt-1 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3", children: r.map((i, u) => {
-    const p = u + 1, h = p === l, f = p < l;
-    return /* @__PURE__ */ d(Ot, { children: [
-      /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ t(
-          "span",
-          {
-            className: q(
-              "flex h-7 w-7 items-center justify-center rounded-full border text-[11px] font-semibold",
-              h ? "border-primary bg-primary text-primary-foreground" : f ? "border-primary/25 bg-primary/10 text-primary" : "border-border bg-muted/30 text-muted-foreground"
-            ),
-            children: p
-          }
-        ),
-        /* @__PURE__ */ t(
-          "span",
-          {
-            className: q(
-              "text-xs font-medium",
-              h ? "text-foreground" : "text-muted-foreground"
-            ),
-            children: i
-          }
-        )
-      ] }),
-      u < r.length - 1 ? /* @__PURE__ */ t(
-        "span",
-        {
-          className: "h-px w-5 bg-border/80 sm:w-8",
-          "aria-hidden": "true"
-        }
-      ) : null
-    ] }, i);
-  }) }) });
-}
-function ee(s) {
-  const { secondary: l, tertiary: r, primary: i } = s;
-  return /* @__PURE__ */ d("div", { className: "sticky bottom-0 z-10 -mx-1 flex justify-end gap-2 border-t bg-background/95 px-1 pb-1 pt-3 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: [
-    l,
-    r,
-    i
-  ] });
-}
-function Qt(s) {
-  const { control: l, scope: r, detail: i } = s;
-  return /* @__PURE__ */ d("div", { className: "flex items-start gap-3 rounded-xl border border-border/40 bg-muted/20 p-3", children: [
-    /* @__PURE__ */ t(Lt, { className: "mt-0.5 h-4 w-4 text-emerald-600" }),
-    /* @__PURE__ */ d("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ t("div", { className: "text-sm font-medium", children: l.label }),
-      /* @__PURE__ */ d("div", { className: "text-xs text-muted-foreground", children: [
-        ge(l.type).label,
-        " ·",
-        " ",
-        Re(l),
-        " ·",
-        " ",
-        Ue(r, l.placement)
-      ] }),
-      i ? /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: i }) : null
-    ] })
-  ] });
-}
-function ye(s) {
-  const { title: l, children: r, className: i } = s;
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      className: q(
-        "space-y-1 rounded-xl border border-border/40 bg-muted/20 p-3",
-        i
-      ),
-      children: [
-        /* @__PURE__ */ t("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: l }),
-        r
-      ]
-    }
-  );
-}
-function jt(s) {
-  const { createdReference: l, description: r } = s;
-  return /* @__PURE__ */ d(ye, { title: "SQL cards", className: "space-y-2", children: [
-    /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-2 rounded-md border border-border/30 bg-muted/40 px-3 py-2", children: [
-      /* @__PURE__ */ t("code", { className: "min-w-0 truncate text-xs", children: l }),
-      /* @__PURE__ */ t(
-        At,
-        {
-          text: l,
-          ariaLabel: "Copy SQL control reference"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t("p", { className: "text-[11px] text-muted-foreground", children: r })
-  ] });
-}
-function Ae(s) {
-  const {
-    control: l,
-    defaultValue: r,
-    availableFieldChoices: i,
-    availableMetricChoices: u,
-    onControlChange: p,
-    onLabelChange: h,
-    onDefaultValueChange: f,
-    onBack: m,
-    onNext: x,
-    nextDisabled: v
-  } = s;
-  return /* @__PURE__ */ d("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ t(We, { control: l, onChange: h }),
-    /* @__PURE__ */ t(
-      He,
-      {
-        control: l,
-        availableFieldChoices: i,
-        availableMetricChoices: u,
-        onChange: p
-      }
-    ),
-    /* @__PURE__ */ t(
-      Ye,
-      {
-        control: l,
-        value: r,
-        onChange: f,
-        allowCardDefault: !0,
-        hint: "This is the value viewers will see first."
-      }
-    ),
-    /* @__PURE__ */ t(
-      ee,
-      {
-        secondary: /* @__PURE__ */ t(I, { type: "button", variant: "outline", onClick: m, children: "Back" }),
-        primary: /* @__PURE__ */ t(I, { type: "button", onClick: x, disabled: v, children: "Next" })
-      }
-    )
-  ] });
-}
-function qe(s) {
-  const {
-    control: l,
-    scope: r,
-    createdReference: i,
-    explorerContent: u,
-    sqlDescription: p,
-    summaryDetail: h,
-    onBack: f,
-    onCancel: m,
-    onDone: x
-  } = s;
-  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t(
-      Qt,
-      {
-        control: l,
-        scope: r,
-        detail: h
-      }
-    ),
-    /* @__PURE__ */ d("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ t("p", { className: "text-sm font-medium", children: "How cards use this control" }),
-      u,
-      /* @__PURE__ */ t(
-        jt,
-        {
-          createdReference: i,
-          description: p
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t(
-      ee,
-      {
-        secondary: /* @__PURE__ */ t(I, { type: "button", variant: "outline", onClick: f, children: "Back" }),
-        tertiary: /* @__PURE__ */ t(I, { type: "button", variant: "outline", onClick: m, children: "Cancel" }),
-        primary: /* @__PURE__ */ t(I, { type: "button", onClick: x, children: "Done" })
-      }
-    )
-  ] });
-}
-function Ut(s) {
-  const l = J(
-    s.scope,
-    s.existingControls,
-    s.reservedIds
-  ), r = s.type === l.type ? {
-    ...l,
-    label: he[s.type]
-  } : {
-    ...Ke({
-      controls: [
-        {
-          ...l,
-          label: he[s.type]
-        }
-      ],
-      controlId: l.id,
-      nextType: s.type
-    }).controls[0],
-    label: he[s.type]
-  };
-  return {
-    step: 2,
-    control: r,
-    defaultValue: P(r, void 0)
-  };
-}
-function ea({
-  scope: s,
-  controls: l,
-  reservedControlIds: r,
-  defaultValues: i,
-  onChange: u,
-  emptyMessage: p,
-  initialCreateFlow: h = !1,
-  usageByControlId: f,
-  availableFieldChoices: m,
-  availableMetricChoices: x,
-  structuralParticipants: v,
-  structuralParticipantIdsByControlId: b,
-  card: y,
-  onCreateFlowActiveChange: C,
-  onCreateFlowComplete: A
-}) {
-  const D = L(
-    () => new Set(r || []),
-    [r]
-  ), se = xt(s), le = ht(s), [G, $] = j(
-    null
-  ), [re, U] = j(
-    null
-  ), [a, S] = j(
-    () => h ? {
-      step: 1,
-      control: J(s, l, Array.from(D))
-    } : null
-  ), K = qt(h), T = L(
-    () => we({ scope: s, card: y }),
-    [y, s]
-  ), w = M(
-    (e) => s === "dashboard" && (e === "field_selector" || e === "metric_selector"),
-    [s]
-  ), z = L(
-    () => a ? Te(
-      v || [],
-      a.control.type
-    ) : [],
-    [a, v]
-  ), B = L(() => {
-    if (!a)
-      return {
-        fields: m || [],
-        metrics: x || []
-      };
-    if (!w(a.control.type))
-      return {
-        fields: m || [],
-        metrics: x || []
-      };
-    const e = a.selectedCardIds || [], c = ie({
-      controlType: a.control.type,
-      participants: v || [],
-      selectedCardIds: e
-    });
-    return {
-      fields: a.control.type === "field_selector" ? c.choices.map((o) => ({
-        option: o,
-        target: c.fieldTargetMap[o.value]
-      })) : [],
-      metrics: a.control.type === "metric_selector" ? c.choices.map((o) => ({
-        option: o,
-        target: c.metricTargetMap[o.value]
-      })) : []
-    };
-  }, [
-    m,
-    x,
-    a,
-    w,
-    v
-  ]);
-  be(() => {
-    C == null || C(!!a);
-  }, [a, C]), be(() => {
-    const e = h && !K.current;
-    K.current = h, e && (S({
-      step: 1,
-      control: J(s, l, Array.from(D))
-    }), U(null), $(null));
-  }, [l, h, D, s]);
-  const W = (e) => {
-    if (!w(e.type))
-      return {
-        fields: m || [],
-        metrics: x || []
-      };
-    const c = (b == null ? void 0 : b[e.id]) || [];
-    if (c.length === 0)
-      return {
-        fields: m || [],
-        metrics: x || []
-      };
-    const o = ie({
-      controlType: e.type,
-      participants: v || [],
-      selectedCardIds: c
-    });
-    return {
-      fields: e.type === "field_selector" ? o.choices.map((g) => ({
-        option: g,
-        target: o.fieldTargetMap[g.value]
-      })) : [],
-      metrics: e.type === "metric_selector" ? o.choices.map((g) => ({
-        option: g,
-        target: o.metricTargetMap[g.value]
-      })) : []
-    };
-  }, H = (e) => {
-    if (!w(e.control.type))
-      return {
-        nextControl: e.control,
-        cardBindingsById: void 0
-      };
-    const c = (b == null ? void 0 : b[e.control.id]) || [], o = ie({
-      controlType: e.control.type,
-      participants: v || [],
-      selectedCardIds: e.nextSelectedCardIds
-    }), g = Et({
-      control: e.control,
-      choices: o.choices
-    }), N = Object.fromEntries(
-      c.filter((n) => !e.nextSelectedCardIds.includes(n)).map((n) => [n, void 0])
-    );
-    return e.nextSelectedCardIds.length > 0 && g.source.kind === "manual" && g.source.options.length > 0 && Object.assign(
-      N,
-      Le({
-        control: g,
-        participants: v || [],
-        selectedCardIds: e.nextSelectedCardIds
-      })
-    ), {
-      nextControl: g,
-      cardBindingsById: N
-    };
-  }, F = M((e, c = i, o = { type: "update" }) => {
-    u(e, c, o);
-  }, [i, u]), O = (e, c) => {
-    const o = l.find(
-      (V) => V.id === e
-    );
-    let g = l.map((V) => V.id !== e ? V : c(V));
-    const N = g.find(
-      (V) => V.id === e
-    );
-    let n, k;
-    if (N && s === "dashboard" && (N.type === "field_selector" || N.type === "metric_selector")) {
-      const V = (b == null ? void 0 : b[N.id]) || [], Q = H({
-        control: N,
-        nextSelectedCardIds: V
-      });
-      g = g.map(
-        (Ie) => Ie.id === e ? Q.nextControl : Ie
-      ), n = Q.cardBindingsById, k = [N.id];
-    } else if (o && s === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector")) {
-      const V = (b == null ? void 0 : b[o.id]) || [];
-      n = Object.fromEntries(
-        V.map((Q) => [Q, void 0])
-      ), k = [o.id];
-    }
-    F(g, i, {
-      type: "update",
-      cardBindingsById: n,
-      affectedBindingControlIds: k
-    });
-  }, Je = (e, c) => {
-    const o = c.trim();
-    if (o.length === 0 || o === e || D.has(o) || l.some(
-      (n) => n.id === o && n.id !== e
-    ))
-      return;
-    const g = l.map(
-      (n) => n.id === e ? { ...n, id: o } : n
-    );
-    if (!i) {
-      F(g, void 0, {
-        type: "rename",
-        oldId: e,
-        newId: o
-      });
-      return;
-    }
-    const N = { ...i };
-    Object.prototype.hasOwnProperty.call(N, e) && (N[o] = N[e], delete N[e]), F(g, N, {
-      type: "rename",
-      oldId: e,
-      newId: o
-    });
-  }, Pe = (e) => {
-    const c = l.filter((g) => g.id !== e);
-    if (!i) {
-      F(c, void 0, { type: "remove", controlId: e });
-      return;
-    }
-    const o = { ...i };
-    delete o[e], F(c, o, { type: "remove", controlId: e });
-  }, Ze = M(() => {
-    S({
-      step: 1,
-      control: J(s, l, Array.from(D))
-    }), U(null), $(null);
-  }, [l, D, s]), Y = (e) => {
-    S(
-      (c) => c && {
-        ...c,
-        control: e(c.control)
-      }
-    );
-  }, Ne = (e) => {
-    S(
-      (c) => c && {
-        ...c,
-        defaultValue: e
-      }
-    );
-  }, ne = (() => {
-    if (!a)
-      return !1;
-    if (a.step === 2 && w(a.control.type))
-      return (a.selectedCardIds || []).length > 0;
-    if (a.step !== 2 && a.step !== 3 || !a.control.label.trim())
-      return !1;
-    const c = Fe(a.control);
-    return c.source.kind === "manual" && (ft(c) && c.source.options.length === 0 || c.source.options.some(
-      (g) => g.label.trim().length === 0 || g.value.trim().length === 0
-    )) ? !1 : bt(
-      P(c, a.defaultValue)
-    );
-  })(), ke = () => {
-    var n;
-    if (!a)
-      return;
-    const e = Fe(a.control), c = Vt({
-      label: e.label,
-      fallbackId: e.id,
-      existingControls: l,
-      reservedIds: Array.from(D)
-    }), o = {
-      ...e,
-      id: c
-    }, g = s === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector") && ((n = a.selectedCardIds) != null && n.length) ? Le({
-      control: o,
-      participants: v || [],
-      selectedCardIds: a.selectedCardIds
-    }) : void 0, N = P(
-      o,
-      a.defaultValue
-    );
-    S({
-      step: s === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector") ? 4 : 3,
-      control: o,
-      defaultValue: N,
-      createdControlId: c,
-      selectedCardIds: a.selectedCardIds,
-      cardBindingsById: g
-    });
-  }, de = M(() => {
-    S(null);
-  }, []), Se = M(() => {
-    if (!(a != null && a.createdControlId)) {
-      S(null);
-      return;
-    }
-    const e = a.control, c = a.createdControlId, o = P(
-      e,
-      a.defaultValue
-    );
-    i ? F(
-      [...l, e],
-      {
-        ...i,
-        [c]: o
-      },
-      {
-        type: "add",
-        cardBindingsById: a.cardBindingsById
-      }
-    ) : F(
-      [
-        ...l,
-        {
-          ...e,
-          defaultValue: o
-        }
-      ],
-      void 0,
-      {
-        type: "add",
-        cardBindingsById: a.cardBindingsById
-      }
-    ), U(c), S(null), A == null || A();
-  }, [l, a, i, F, A]), et = a ? w(a.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], De = a != null && a.createdControlId ? `[[param.${a.createdControlId}]]` : a ? `[[param.${yt(a.control.label) || a.control.id}]]` : "";
-  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-    a ? /* @__PURE__ */ d("div", { className: "space-y-4 pb-1", children: [
-      /* @__PURE__ */ t(
-        Bt,
-        {
-          currentStep: a.step,
-          labels: et
-        }
-      ),
-      a.step === 1 && /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ d("div", { children: [
-          /* @__PURE__ */ t("p", { className: "text-sm font-medium", children: "What kind of input should viewers see?" }),
-          /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: "Choose the viewer experience first. You can fine-tune the details next." }),
-          s === "card" && (y == null ? void 0 : y.sql) == null ? /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-muted-foreground", children: "Explorer cards support displayed metric, group by field, aggregation, and time grain controls here." }) : null
-        ] }),
-        /* @__PURE__ */ t("div", { className: "grid gap-3 sm:grid-cols-2", children: T.map((e) => /* @__PURE__ */ d(
-          "button",
-          {
-            type: "button",
-            className: "rounded-xl border border-border/50 bg-muted/20 p-3 text-left transition-colors hover:border-border/70 hover:bg-muted/35",
-            onClick: () => S(
-              Ut({
-                scope: s,
-                existingControls: l,
-                reservedIds: Array.from(D),
-                type: e.value
-              })
-            ),
-            children: [
-              /* @__PURE__ */ t("div", { className: "text-sm font-medium", children: e.label }),
-              /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-muted-foreground", children: e.description })
-            ]
-          },
-          e.value
-        )) }),
-        /* @__PURE__ */ t(
-          ee,
-          {
-            secondary: /* @__PURE__ */ t(
-              I,
-              {
-                type: "button",
-                variant: "outline",
-                onClick: de,
-                children: "Back to controls"
-              }
-            )
-          }
-        )
-      ] }),
-      a.step === 2 && w(a.control.type) && /* @__PURE__ */ d("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ d("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ t(
-            We,
-            {
-              control: a.control,
-              onChange: (e) => Y((c) => ({
-                ...c,
-                label: e
-              }))
-            }
-          ),
-          /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: "Choose which cards should respond to this shared control." })
-        ] }),
-        z.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-xl bg-muted/20 p-3 text-xs text-muted-foreground", children: "No eligible cards are available yet. Add compatible metrics or group-by fields to cards first." }) : /* @__PURE__ */ t("div", { className: "space-y-2 rounded-xl bg-muted/20 p-3", children: z.map((e) => {
-          const c = (a.selectedCardIds || []).includes(e.cardId);
-          return /* @__PURE__ */ d(
-            "label",
-            {
-              className: "flex items-start gap-2 text-sm",
-              children: [
-                /* @__PURE__ */ t(
-                  vt,
-                  {
-                    checked: c,
-                    onCheckedChange: (o) => S(
-                      (g) => g && {
-                        ...g,
-                        selectedCardIds: o === !0 ? [
-                          ...g.selectedCardIds || [],
-                          e.cardId
-                        ] : (g.selectedCardIds || []).filter(
-                          (N) => N !== e.cardId
-                        )
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ d("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ t("div", { className: "font-medium", children: e.title }),
-                  /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: a.control.type === "field_selector" ? `${e.fieldChoices.length} compatible group-by fields` : `${e.metricChoices.length} compatible metrics` })
-                ] })
-              ]
-            },
-            e.cardId
-          );
-        }) }),
-        /* @__PURE__ */ t(
-          ee,
-          {
-            secondary: /* @__PURE__ */ t(
-              I,
-              {
-                type: "button",
-                variant: "outline",
-                onClick: () => S(
-                  (e) => e && {
-                    ...e,
-                    step: 1,
-                    selectedCardIds: []
-                  }
-                ),
-                children: "Back"
-              }
-            ),
-            primary: /* @__PURE__ */ t(
-              I,
-              {
-                type: "button",
-                onClick: () => S(
-                  (e) => e && {
-                    ...e,
-                    step: 3
-                  }
-                ),
-                disabled: !ne,
-                children: "Next"
-              }
-            )
-          }
-        )
-      ] }),
-      a.step === 2 && !w(a.control.type) && /* @__PURE__ */ t(
-        Ae,
-        {
-          control: a.control,
-          defaultValue: a.defaultValue,
-          availableFieldChoices: B.fields,
-          availableMetricChoices: B.metrics,
-          onControlChange: (e) => Y(() => e),
-          onLabelChange: (e) => Y((c) => ({
-            ...c,
-            label: e
-          })),
-          onDefaultValueChange: Ne,
-          onBack: () => S(
-            (e) => e && {
-              ...e,
-              step: 1
-            }
-          ),
-          onNext: ke,
-          nextDisabled: !ne
-        }
-      ),
-      a.step === 3 && w(a.control.type) && /* @__PURE__ */ t(
-        Ae,
-        {
-          control: a.control,
-          defaultValue: a.defaultValue,
-          availableFieldChoices: B.fields,
-          availableMetricChoices: B.metrics,
-          onControlChange: (e) => Y(() => e),
-          onLabelChange: (e) => Y((c) => ({
-            ...c,
-            label: e
-          })),
-          onDefaultValueChange: Ne,
-          onBack: () => S(
-            (e) => e && {
-              ...e,
-              step: 2
-            }
-          ),
-          onNext: ke,
-          nextDisabled: !ne
-        }
-      ),
-      a.step === 3 && !w(a.control.type) && /* @__PURE__ */ t(
-        qe,
-        {
-          control: a.control,
-          scope: s,
-          createdReference: De,
-          explorerContent: /* @__PURE__ */ t(ye, { title: "Explorer cards", children: /* @__PURE__ */ d("p", { className: "text-sm", children: [
-            "Open the card and use",
-            " ",
-            /* @__PURE__ */ t("span", { className: "font-medium", children: "Settings → Controls" }),
-            " ",
-            "to choose what this control changes."
-          ] }) }),
-          sqlDescription: "Reference this control directly in the SQL editor.",
-          onBack: () => S(
-            (e) => e && {
-              ...e,
-              step: 2
-            }
-          ),
-          onCancel: de,
-          onDone: Se
-        }
-      ),
-      a.step === 4 && w(a.control.type) && /* @__PURE__ */ t(
-        qe,
-        {
-          control: a.control,
-          scope: s,
-          createdReference: De,
-          summaryDetail: /* @__PURE__ */ d(X, { children: [
-            "Used by ",
-            (a.selectedCardIds || []).length,
-            " ",
-            "selected card",
-            (a.selectedCardIds || []).length === 1 ? "" : "s"
-          ] }),
-          explorerContent: /* @__PURE__ */ t(ye, { title: "Explorer cards", children: /* @__PURE__ */ t("p", { className: "text-sm", children: "Selected cards have been set up to respond to this control automatically." }) }),
-          sqlDescription: "SQL cards can still reference this control directly in the SQL editor.",
-          onBack: () => S(
-            (e) => e && {
-              ...e,
-              step: 3
-            }
-          ),
-          onCancel: de,
-          onDone: Se
-        }
-      )
-    ] }) : null,
-    !a && l.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: p }) : null,
-    !a && l.map((e) => {
-      const c = W(e), o = f == null ? void 0 : f[e.id], g = i && Object.prototype.hasOwnProperty.call(i, e.id) ? i[e.id] : e.defaultValue, N = re === e.id;
-      return /* @__PURE__ */ d("div", { className: "rounded-md border", children: [
-        /* @__PURE__ */ d("div", { className: "flex items-center gap-2 px-3 py-3", children: [
-          /* @__PURE__ */ d(
-            "button",
-            {
-              type: "button",
-              className: "flex min-w-0 flex-1 items-start gap-2 text-left",
-              onClick: () => U(
-                (n) => n === e.id ? null : e.id
-              ),
-              children: [
-                N ? /* @__PURE__ */ t(Ve, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ t(Ee, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ d("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-2", children: [
-                    /* @__PURE__ */ t("span", { className: "truncate text-sm font-medium", children: e.label || "Untitled control" }),
-                    /* @__PURE__ */ t(Z, { variant: "outline", className: "text-[11px]", children: ge(e.type).label }),
-                    /* @__PURE__ */ t(Z, { variant: "secondary", className: "text-[11px]", children: Ue(s, e.placement) })
-                  ] }),
-                  /* @__PURE__ */ d("div", { className: "mt-1 text-xs text-muted-foreground", children: [
-                    Re(e),
-                    o != null && o.status ? ` · ${o.status}` : ""
-                  ] })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t(
-            I,
-            {
-              type: "button",
-              size: "icon",
-              variant: "ghost",
-              className: "h-8 w-8 shrink-0",
-              onClick: () => Pe(e.id),
-              "aria-label": `Remove ${e.label}`,
-              children: /* @__PURE__ */ t(gt, { className: "h-4 w-4" })
-            }
-          )
-        ] }),
-        N && /* @__PURE__ */ d("div", { className: "space-y-4 border-t px-3 py-4", children: [
-          o != null && o.helper ? /* @__PURE__ */ t("div", { className: "rounded-md bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: o.helper }) : null,
-          /* @__PURE__ */ d("div", { className: "grid gap-3 md:grid-cols-3", children: [
-            /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ t(R, { className: "text-xs", children: "Label" }),
-              /* @__PURE__ */ t(
-                $e,
-                {
-                  value: e.label,
-                  placeholder: "Control label",
-                  onChange: (n) => O(e.id, (k) => ({
-                    ...k,
-                    label: n.target.value
-                  }))
-                }
-              )
-            ] }),
-            /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ t(R, { className: "text-xs", children: "Type" }),
-              /* @__PURE__ */ d(
-                oe,
-                {
-                  value: e.type,
-                  onValueChange: (n) => {
-                    const k = Ke({
-                      controls: l,
-                      controlId: e.id,
-                      nextType: n,
-                      defaultValues: i
-                    });
-                    F(k.controls, k.defaultValues);
-                  },
-                  children: [
-                    /* @__PURE__ */ t(ce, { children: /* @__PURE__ */ t(ue, {}) }),
-                    /* @__PURE__ */ t(me, { children: we({
-                      scope: s,
-                      card: y,
-                      includeType: e.type
-                    }).map((n) => /* @__PURE__ */ t(pe, { value: n.value, children: n.label }, n.value)) })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ t(R, { className: "text-xs", children: "Show in" }),
-              /* @__PURE__ */ d(
-                oe,
-                {
-                  value: e.placement || le,
-                  onValueChange: (n) => O(e.id, (k) => ({
-                    ...k,
-                    placement: n
-                  })),
-                  children: [
-                    /* @__PURE__ */ t(ce, { children: /* @__PURE__ */ t(ue, {}) }),
-                    /* @__PURE__ */ t(me, { children: se.map((n) => /* @__PURE__ */ t(pe, { value: n.value, children: n.label }, n.value)) })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          w(e.type) ? /* @__PURE__ */ t(
-            Ct,
-            {
-              type: e.type,
-              participants: Te(
-                v || [],
-                e.type
-              ).map((n) => ({
-                cardId: n.cardId,
-                title: n.title,
-                choiceCount: e.type === "field_selector" ? n.fieldChoices.length : n.metricChoices.length
-              })),
-              selectedCardIds: (b == null ? void 0 : b[e.id]) || [],
-              onChange: (n) => {
-                const k = H({
-                  control: e,
-                  nextSelectedCardIds: n
-                }), V = l.map(
-                  (Q) => Q.id === e.id ? k.nextControl : Q
-                );
-                F(V, i, {
-                  type: "update",
-                  cardBindingsById: k.cardBindingsById
-                });
-              }
-            }
-          ) : null,
-          /* @__PURE__ */ t(
-            He,
-            {
-              control: e,
-              availableFieldChoices: c.fields,
-              availableMetricChoices: c.metrics,
-              onChange: (n) => O(e.id, () => n)
-            }
-          ),
-          e.initialValueStrategy === "saved_default" && /* @__PURE__ */ t(
-            Ye,
-            {
-              control: e,
-              value: g,
-              allowNoDefault: !0,
-              allowCardDefault: !0,
-              onChange: (n) => {
-                if (i) {
-                  const k = { ...i };
-                  n === void 0 ? delete k[e.id] : k[e.id] = n, F(l, k);
-                  return;
-                }
-                O(e.id, (k) => ({
-                  ...k,
-                  defaultValue: n
-                }));
-              }
-            }
-          ),
-          /* @__PURE__ */ d(
-            Nt,
-            {
-              open: G === e.id,
-              onOpenChange: (n) => $(n ? e.id : null),
-              children: [
-                /* @__PURE__ */ t(kt, { asChild: !0, children: /* @__PURE__ */ d(
-                  I,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    className: "h-auto px-0 text-xs text-muted-foreground hover:bg-transparent",
-                    children: [
-                      G === e.id ? /* @__PURE__ */ t(Ve, { className: "mr-1 h-4 w-4" }) : /* @__PURE__ */ t(Ee, { className: "mr-1 h-4 w-4" }),
-                      "Advanced"
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ d(St, { className: "space-y-3 pt-2", children: [
-                  /* @__PURE__ */ d("div", { className: "grid gap-3 md:grid-cols-2", children: [
-                    /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
-                      /* @__PURE__ */ t(R, { className: "text-xs", children: "Control ID" }),
-                      /* @__PURE__ */ t(
-                        Dt,
-                        {
-                          controlId: e.id,
-                          onCommit: (n) => Je(e.id, n)
-                        },
-                        e.id
-                      )
-                    ] }),
-                    /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
-                      /* @__PURE__ */ t(R, { className: "text-xs", children: "Initial value" }),
-                      /* @__PURE__ */ d(
-                        oe,
-                        {
-                          value: e.initialValueStrategy,
-                          onValueChange: (n) => O(e.id, (k) => ({
-                            ...k,
-                            initialValueStrategy: n
-                          })),
-                          children: [
-                            /* @__PURE__ */ t(ce, { children: /* @__PURE__ */ t(ue, {}) }),
-                            /* @__PURE__ */ t(me, { children: It.map((n) => /* @__PURE__ */ t(
-                              pe,
-                              {
-                                value: n.value,
-                                children: n.label
-                              },
-                              n.value
-                            )) })
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ t("p", { className: "text-[11px] text-muted-foreground", children: wt(
-                        e.initialValueStrategy
-                      ) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ t(
-                    Tt,
-                    {
-                      control: e,
-                      onChange: (n) => O(e.id, () => n)
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ] })
-      ] }, e.id);
-    }),
-    !a && /* @__PURE__ */ d(
-      I,
-      {
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        onClick: Ze,
-        children: [
-          /* @__PURE__ */ t(Ft, { className: "mr-2 h-4 w-4" }),
-          "Add control"
-        ]
-      }
-    )
-  ] });
-}
-function ta(s) {
-  const { open: l, onOpenChange: r, initialCreateFlowActive: i = !1 } = s, u = l !== void 0, [p, h] = j(!1), [f, m] = j(
-    i
-  ), x = u ? l : p, v = M(
-    (C) => {
-      !C && f || (u || h(C), C || m(!1), r == null || r(C));
-    },
-    [u, f, r]
-  ), b = M(() => {
-    u || h(!1), m(!1), r == null || r(!1);
-  }, [u, r]);
-  be(() => {
-    x || m(!1);
-  }, [x]);
-  const y = M(
-    (C) => {
-      f && C.preventDefault();
-    },
-    [f]
-  );
-  return {
-    forceClose: b,
-    handleOpenChange: v,
-    isCreateFlowActive: f,
-    preventPassiveDismissDuringCreate: y,
-    resolvedOpen: x,
-    setIsCreateFlowActive: m
-  };
-}
-export {
-  Yt as C,
-  Gt as E,
-  Mt as L,
-  Xe as S,
-  Xt as V,
-  Wt as a,
-  Jt as b,
-  _t as c,
-  Pt as d,
-  ea as e,
-  Zt as f,
-  Ge as g,
-  ta as u
-};