react-semaphor 0.1.259 → 0.1.261

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

@@ -0,0 +1,1445 @@
+import { bL as ae, U as S, bM as qe, bN as et, bO as tt, bP as at, bQ as st, bR as lt, u as ve, ae as rt, bS as nt, bT as dt, bU as it, ab as Z, c as q, bV as ot, bW as ct, M as ee, B as w, s as ut, H as se, N as Oe, J as _e, bX as Me, w as ze, bY as Be, X as Qe, x as Q, bZ as mt, b_ as J, b$ as Ie, c0 as we, c1 as oe, c2 as Te, c3 as pt, c4 as ht, c5 as P, c6 as ft, c7 as bt, a5 as Ve, c8 as Fe, c9 as ge, ca as je, cb as Ue, cc as yt, L as R, I as Re, y as ce, z as ue, A as me, E as pe, F as he, cd as $e, ce as vt, cf as gt, cg as Ke, ch as He, ci as xt, cj as Ct, ck as Nt, cl as kt, cm as St, cn as Dt, co as It, cp as wt, cq as fe, cr as Tt, cs as Le, ct as Vt, cu as Ft, cv as Lt } from "./index-C2c-_lPE.js";
+import { jsx as t, jsxs as i, Fragment as X } from "react/jsx-runtime";
+import { u as Et, a as xe } from "./use-visual-utils-OPk_1t4I.js";
+import { useMemo as E, useState as j, useRef as At, useCallback as _, useEffect as be, Fragment as qt } from "react";
+/**
+ * @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 Ht = ae("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 Ot = ae("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 = ae("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 Ye = ae("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 Xe() {
+  var r, x;
+  const s = S((y) => y.card), l = S((y) => y.frame), n = E(
+    () => qe(l, s),
+    [l, s]
+  ), { manifest: o } = et(
+    ((r = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : r.url) || ""
+  ), m = E(
+    () => {
+      var y;
+      return (y = o == null ? void 0 : o.visuals) == null ? void 0 : y.find(
+        (f) => {
+          var v;
+          return f.name === ((v = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : v.componentName);
+        }
+      );
+    },
+    [o, (x = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : x.componentName]
+  ), b = tt(n, m), p = E(
+    () => at({
+      frame: l,
+      configCard: n,
+      isMultiInputVisual: b === "multiple"
+    }),
+    [l, n, b]
+  ), h = E(() => {
+    const y = p.findIndex(
+      (f) => (f == null ? void 0 : f.id) === s.id
+    );
+    return y < 0 ? -1 : st(s, y);
+  }, [p, s]);
+  return E(() => !n || b !== "multiple" || h < 0 ? s.type : lt(
+    s,
+    h,
+    m == null ? void 0 : m.slots
+  ) ?? s.type, [n, b, h, s, m == null ? void 0 : m.slots]);
+}
+function Yt({
+  type: s,
+  isLinked: l,
+  className: n,
+  showLabel: o = !1,
+  showLocal: m = !1
+}) {
+  const b = ve((I) => I.selectedFrameId), p = rt((I) => I.selectedVisual), h = S((I) => I.frame);
+  let r;
+  if (s)
+    r = s;
+  else if (l !== void 0)
+    r = l ? "linked" : "library";
+  else if (!!!(h != null && h.visualId || p != null && p.id) && b)
+    r = "local";
+  else if (p && !b)
+    r = "library";
+  else if (h != null && h.visualId && b)
+    r = "linked";
+  else if (p != null && p.id && b)
+    r = "library";
+  else
+    return null;
+  if (r === "local" && !m)
+    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"
+  }, y = {
+    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."
+  }, f = {
+    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"
+  }, v = {
+    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(Ot, { className: "h-3.5 w-3.5" })
+  }, A = {
+    local: "Local",
+    linked: "Linked",
+    library: "Library"
+  };
+  return /* @__PURE__ */ t(nt, { children: /* @__PURE__ */ i(dt, { delayDuration: 300, children: [
+    /* @__PURE__ */ t(it, { asChild: !0, children: /* @__PURE__ */ i(
+      Z,
+      {
+        variant: "outline",
+        className: q(
+          "cursor-help select-none transition-all",
+          x[r],
+          n
+        ),
+        children: [
+          C[r],
+          o && /* @__PURE__ */ t("span", { className: "ml-1 text-xs font-medium leading-none", children: A[r] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ i(
+      ot,
+      {
+        side: "bottom",
+        className: q("max-w-xs", f[r]),
+        children: [
+          /* @__PURE__ */ t(ct, { className: v[r] }),
+          /* @__PURE__ */ t("p", { children: y[r] })
+        ]
+      }
+    )
+  ] }) });
+}
+function Mt(s, l) {
+  return {
+    ...s,
+    sql: "",
+    python: "",
+    config: void 0,
+    customCfg: "",
+    preferences: {},
+    interactionConfig: void 0,
+    linkedInteractionTargetOverrides: void 0,
+    customCardPreferences: l ? s.customCardPreferences : void 0,
+    type: l ? s.type : "bar"
+  };
+}
+function Xt({
+  className: s,
+  variant: l = "outline"
+}) {
+  var h;
+  const { setCardSql: n } = ee();
+  S((r) => r.frame);
+  const o = S((r) => r.card);
+  Et(
+    ((h = o.customCardPreferences) == null ? void 0 : h.url) || ""
+  ), S(
+    (r) => r.selectedSchemaName
+  ), S(
+    (r) => r.selectedDatamodelId
+  ), S(
+    (r) => r.selectedDatabaseName
+  ), S((r) => r.selectedTableName), S(
+    (r) => r.selectedConnectionId
+  ), S((r) => r.isShowingVisual), o.sql;
+  const m = S((r) => r.onSave), { getUpdatedFrame: b } = xe();
+  function p() {
+    const r = b();
+    m == null || m(r);
+  }
+  return /* @__PURE__ */ i(
+    w,
+    {
+      onClick: p,
+      className: q("h-8", s),
+      size: "sm",
+      variant: l,
+      children: [
+        /* @__PURE__ */ t(ut, { className: "mr-2 size-4 font-bold" }),
+        "Accept"
+      ]
+    }
+  );
+}
+function Gt({
+  className: s,
+  variant: l = "default"
+}) {
+  const n = se(), [o, m] = j(!1), b = ve(
+    (v) => v.actions.setIsDashboardPanelOpen
+  ), { setIsVisualEditing: p } = Oe(), { getUpdatedFrame: h } = xe(), r = _e(), x = S((v) => v.frame), y = Me();
+  return /* @__PURE__ */ i(
+    w,
+    {
+      onClick: () => {
+        const v = h(), C = (x == null ? void 0 : x.visualId) || (r == null ? void 0 : r.id);
+        if (!C) {
+          Q.error("No visual to save");
+          return;
+        }
+        m(!0), y.mutate(
+          {
+            visualId: C,
+            data: {
+              frameObject: v
+            }
+          },
+          {
+            onSuccess: () => {
+              m(!1), b(!0), Q.success("Visual updated successfully"), n.invalidateQueries({
+                queryKey: ["resource-by-id", "visual", C],
+                exact: !0
+              });
+            },
+            onError: () => {
+              m(!1), Q.error("Failed to update visual");
+            }
+          }
+        );
+      },
+      className: q("h-8", s),
+      size: "sm",
+      variant: l,
+      children: [
+        o && /* @__PURE__ */ i(X, { children: [
+          /* @__PURE__ */ t(ze, { className: "mr-2 size-4 animate-spin font-bold" }),
+          " Saving"
+        ] }),
+        !o && /* @__PURE__ */ i(X, { children: [
+          /* @__PURE__ */ t(Ye, { className: "mr-2 size-4 font-bold" }),
+          "Save to Library"
+        ] })
+      ]
+    }
+  );
+}
+function Wt({
+  className: s
+}) {
+  const l = se(), [n, o] = j(!1), m = _e(), b = S((v) => v.frame), p = ve((v) => v.selectedSheetId), { updateFrame: h, setIsVisualEditing: r } = Oe(), { getUpdatedFrame: x } = xe(), y = Me();
+  return /* @__PURE__ */ t(
+    w,
+    {
+      onClick: async () => {
+        if (!p) {
+          Q.error("No sheet selected");
+          return;
+        }
+        const v = (b == null ? void 0 : b.visualId) || (m == null ? void 0 : m.id);
+        if (!v) {
+          Q.error("No visual to update");
+          return;
+        }
+        o(!0);
+        try {
+          const C = x();
+          await y.mutateAsync({
+            visualId: v,
+            data: {
+              frameObject: C
+            }
+          });
+          const A = {
+            ...C,
+            visualId: v
+            // Keep the link to library visual
+          };
+          h(p, A), l.invalidateQueries({ queryKey: ["visuals"] }), l.invalidateQueries({ queryKey: ["visual", v] }), Q.success("Saved to library and applied locally"), setTimeout(() => {
+            r(!1);
+          }, 300);
+        } catch (C) {
+          console.error("Failed to save and apply:", C), Q.error("Failed to save and apply changes");
+        } finally {
+          o(!1);
+        }
+      },
+      className: q("h-8", s),
+      size: "sm",
+      variant: "default",
+      disabled: n,
+      children: n ? /* @__PURE__ */ i(X, { children: [
+        /* @__PURE__ */ t(ze, { className: "mr-2 size-4 animate-spin font-bold" }),
+        " Saving..."
+      ] }) : /* @__PURE__ */ i(X, { children: [
+        /* @__PURE__ */ t(Ye, { className: "mr-2 size-4 font-bold" }),
+        "Save & Apply"
+      ] })
+    }
+  );
+}
+function Jt({ className: s }) {
+  const { setTempQueryData: l, setSqlGen: n } = ee(), o = se(), m = S((f) => f.tempQueryData), b = S((f) => f.onClose), p = S((f) => f.card), h = Xe(), r = E(() => h !== p.type ? { ...p, type: h } : p, [p, h]), { queryKey: x } = Be(r);
+  function y() {
+    if (m) {
+      const { queryKey: f, queryData: v } = m;
+      f && v && o.setQueryData(f, v);
+    }
+    n({}), b == null || b();
+  }
+  return /* @__PURE__ */ i(
+    w,
+    {
+      onClick: y,
+      className: q("h-8", s),
+      size: "sm",
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ t(Qe, { className: "mr-2 size-4" }),
+        "Close"
+      ]
+    }
+  );
+}
+function Pt({
+  label: s = "Clear",
+  variant: l = "secondary",
+  className: n
+} = {}) {
+  const { setTempQueryData: o } = ee(), m = se(), b = S((a) => a.tempQueryData), p = S((a) => a.card), h = Xe(), r = E(() => h !== p.type ? { ...p, type: h } : p, [p, h]), { queryKey: x } = Be(r), {
+    setCardSql: y,
+    setSqlGen: f,
+    setCardPython: v,
+    setCardCustomCfg: C,
+    setCardPreferences: A,
+    clearQueryConfig: I,
+    setCardConfig: le,
+    setCardType: re,
+    setFrame: G,
+    setCard: $,
+    setActiveTabCardId: ne
+  } = ee();
+  function U() {
+    var z, W, H, F;
+    const a = m.getQueryData(x);
+    b != null && b.queryData || o({
+      queryKey: x,
+      queryData: a
+    }), m.setQueryData(x, null), m.removeQueries({ queryKey: x, exact: !0 }), y(""), f({}), I(), le(void 0), v(""), C(""), A({});
+    const D = S.getState().frame, K = S.getState().card, V = qe(D, K), T = ((z = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : z.visualType) === "multiple" || !!((W = V == null ? void 0 : V.customCardPreferences) != null && W.dataInputCardIds) || (((H = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : H.minInputs) || 0) > 1 || (((F = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : F.maxInputs) || 0) > 1, M = Mt(K, T);
+    G({
+      ...D,
+      cards: D.cards.map(
+        (O) => O.id === M.id ? M : O
+      )
+    }), ne(M.id), $(M), T || re("bar");
+  }
+  return /* @__PURE__ */ i(
+    w,
+    {
+      onClick: U,
+      className: q("h-8", n),
+      size: "sm",
+      variant: l,
+      children: [
+        /* @__PURE__ */ t(Qe, { className: "mr-2 size-3.5" }),
+        s
+      ]
+    }
+  );
+}
+function Ge(s) {
+  const { control: l, onChange: n } = s;
+  return /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ t(R, { className: "text-xs", children: "Label" }),
+    /* @__PURE__ */ i("div", { className: "relative", children: [
+      /* @__PURE__ */ t(
+        Re,
+        {
+          className: "pr-40",
+          value: l.label,
+          placeholder: "Control label",
+          onChange: (o) => n(o.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 zt(s) {
+  const { currentStep: l, labels: n } = 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: n.map((o, m) => {
+    const b = m + 1, p = b === l, h = b < l;
+    return /* @__PURE__ */ i(qt, { children: [
+      /* @__PURE__ */ i("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",
+              p ? "border-primary bg-primary text-primary-foreground" : h ? "border-primary/25 bg-primary/10 text-primary" : "border-border bg-muted/30 text-muted-foreground"
+            ),
+            children: b
+          }
+        ),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: q(
+              "text-xs font-medium",
+              p ? "text-foreground" : "text-muted-foreground"
+            ),
+            children: o
+          }
+        )
+      ] }),
+      m < n.length - 1 ? /* @__PURE__ */ t(
+        "span",
+        {
+          className: "h-px w-5 bg-border/80 sm:w-8",
+          "aria-hidden": "true"
+        }
+      ) : null
+    ] }, o);
+  }) }) });
+}
+function te(s) {
+  const { secondary: l, tertiary: n, primary: o } = s;
+  return /* @__PURE__ */ i("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,
+    n,
+    o
+  ] });
+}
+function Bt(s) {
+  const { control: l, scope: n, detail: o } = s;
+  return /* @__PURE__ */ i("div", { className: "flex items-start gap-3 rounded-xl border border-border/40 bg-muted/20 p-3", children: [
+    /* @__PURE__ */ t(Ft, { className: "mt-0.5 h-4 w-4 text-emerald-600" }),
+    /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ t("div", { className: "text-sm font-medium", children: l.label }),
+      /* @__PURE__ */ i("div", { className: "text-xs text-muted-foreground", children: [
+        ge(l.type).label,
+        " ·",
+        " ",
+        Ue(l),
+        " ·",
+        " ",
+        je(n, l.placement)
+      ] }),
+      o ? /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: o }) : null
+    ] })
+  ] });
+}
+function ye(s) {
+  const { title: l, children: n, className: o } = s;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: q(
+        "space-y-1 rounded-xl border border-border/40 bg-muted/20 p-3",
+        o
+      ),
+      children: [
+        /* @__PURE__ */ t("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: l }),
+        n
+      ]
+    }
+  );
+}
+function Qt(s) {
+  const { createdReference: l, description: n } = s;
+  return /* @__PURE__ */ i(ye, { title: "SQL cards", className: "space-y-2", children: [
+    /* @__PURE__ */ i("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(
+        Lt,
+        {
+          text: l,
+          ariaLabel: "Copy SQL control reference"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("p", { className: "text-[11px] text-muted-foreground", children: n })
+  ] });
+}
+function Ee(s) {
+  const {
+    control: l,
+    defaultValue: n,
+    availableFieldChoices: o,
+    availableMetricChoices: m,
+    onControlChange: b,
+    onLabelChange: p,
+    onDefaultValueChange: h,
+    onBack: r,
+    onNext: x,
+    nextDisabled: y
+  } = s;
+  return /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ t(Ge, { control: l, onChange: p }),
+    /* @__PURE__ */ t(
+      Ke,
+      {
+        control: l,
+        availableFieldChoices: o,
+        availableMetricChoices: m,
+        onChange: b
+      }
+    ),
+    /* @__PURE__ */ t(
+      He,
+      {
+        control: l,
+        value: n,
+        onChange: h,
+        allowCardDefault: !0,
+        hint: "This is the value viewers will see first."
+      }
+    ),
+    /* @__PURE__ */ t(
+      te,
+      {
+        secondary: /* @__PURE__ */ t(w, { type: "button", variant: "outline", onClick: r, children: "Back" }),
+        primary: /* @__PURE__ */ t(w, { type: "button", onClick: x, disabled: y, children: "Next" })
+      }
+    )
+  ] });
+}
+function Ae(s) {
+  const {
+    control: l,
+    scope: n,
+    createdReference: o,
+    explorerContent: m,
+    sqlDescription: b,
+    summaryDetail: p,
+    onBack: h,
+    onCancel: r,
+    onDone: x
+  } = s;
+  return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ t(
+      Bt,
+      {
+        control: l,
+        scope: n,
+        detail: p
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ t("p", { className: "text-sm font-medium", children: "How cards use this control" }),
+      m,
+      /* @__PURE__ */ t(
+        Qt,
+        {
+          createdReference: o,
+          description: b
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      te,
+      {
+        secondary: /* @__PURE__ */ t(w, { type: "button", variant: "outline", onClick: h, children: "Back" }),
+        tertiary: /* @__PURE__ */ t(w, { type: "button", variant: "outline", onClick: r, children: "Cancel" }),
+        primary: /* @__PURE__ */ t(w, { type: "button", onClick: x, children: "Done" })
+      }
+    )
+  ] });
+}
+function jt(s) {
+  const l = J(
+    s.scope,
+    s.existingControls,
+    s.reservedIds
+  ), n = s.type === l.type ? {
+    ...l,
+    label: fe[s.type]
+  } : {
+    ...$e({
+      controls: [
+        {
+          ...l,
+          label: fe[s.type]
+        }
+      ],
+      controlId: l.id,
+      nextType: s.type
+    }).controls[0],
+    label: fe[s.type]
+  };
+  return {
+    step: 2,
+    control: n,
+    defaultValue: P(n, void 0)
+  };
+}
+function Zt({
+  scope: s,
+  controls: l,
+  reservedControlIds: n,
+  defaultValues: o,
+  onChange: m,
+  emptyMessage: b,
+  initialCreateFlow: p = !1,
+  usageByControlId: h,
+  availableFieldChoices: r,
+  availableMetricChoices: x,
+  structuralParticipants: y,
+  structuralParticipantIdsByControlId: f,
+  card: v,
+  onCreateFlowActiveChange: C,
+  onCreateFlowComplete: A
+}) {
+  const I = E(
+    () => new Set(n || []),
+    [n]
+  ), le = vt(s), re = mt(s), [G, $] = j(
+    null
+  ), [ne, U] = j(
+    null
+  ), [a, D] = j(
+    () => p ? {
+      step: 1,
+      control: J(s, l, Array.from(I))
+    } : null
+  ), K = At(p), V = E(
+    () => Ie({ scope: s, card: v }),
+    [v, s]
+  ), T = _(
+    (e) => s === "dashboard" && (e === "field_selector" || e === "metric_selector"),
+    [s]
+  ), M = E(
+    () => a ? we(
+      y || [],
+      a.control.type
+    ) : [],
+    [a, y]
+  ), z = E(() => {
+    if (!a)
+      return {
+        fields: r || [],
+        metrics: x || []
+      };
+    if (!T(a.control.type))
+      return {
+        fields: r || [],
+        metrics: x || []
+      };
+    const e = a.selectedCardIds || [], u = oe({
+      controlType: a.control.type,
+      participants: y || [],
+      selectedCardIds: e
+    });
+    return {
+      fields: a.control.type === "field_selector" ? u.choices.map((c) => ({
+        option: c,
+        target: u.fieldTargetMap[c.value]
+      })) : [],
+      metrics: a.control.type === "metric_selector" ? u.choices.map((c) => ({
+        option: c,
+        target: u.metricTargetMap[c.value]
+      })) : []
+    };
+  }, [
+    r,
+    x,
+    a,
+    T,
+    y
+  ]);
+  be(() => {
+    C == null || C(!!a);
+  }, [a, C]), be(() => {
+    const e = p && !K.current;
+    K.current = p, e && (D({
+      step: 1,
+      control: J(s, l, Array.from(I))
+    }), U(null), $(null));
+  }, [l, p, I, s]);
+  const W = (e) => {
+    if (!T(e.type))
+      return {
+        fields: r || [],
+        metrics: x || []
+      };
+    const u = (f == null ? void 0 : f[e.id]) || [];
+    if (u.length === 0)
+      return {
+        fields: r || [],
+        metrics: x || []
+      };
+    const c = oe({
+      controlType: e.type,
+      participants: y || [],
+      selectedCardIds: u
+    });
+    return {
+      fields: e.type === "field_selector" ? c.choices.map((g) => ({
+        option: g,
+        target: c.fieldTargetMap[g.value]
+      })) : [],
+      metrics: e.type === "metric_selector" ? c.choices.map((g) => ({
+        option: g,
+        target: c.metricTargetMap[g.value]
+      })) : []
+    };
+  }, H = (e) => {
+    if (!T(e.control.type))
+      return {
+        nextControl: e.control,
+        cardBindingsById: void 0
+      };
+    const u = (f == null ? void 0 : f[e.control.id]) || [], c = oe({
+      controlType: e.control.type,
+      participants: y || [],
+      selectedCardIds: e.nextSelectedCardIds
+    }), g = Vt({
+      control: e.control,
+      choices: c.choices
+    }), N = Object.fromEntries(
+      u.filter((d) => !e.nextSelectedCardIds.includes(d)).map((d) => [d, void 0])
+    );
+    return e.nextSelectedCardIds.length > 0 && g.source.kind === "manual" && g.source.options.length > 0 && Object.assign(
+      N,
+      Le({
+        control: g,
+        participants: y || [],
+        selectedCardIds: e.nextSelectedCardIds
+      })
+    ), {
+      nextControl: g,
+      cardBindingsById: N
+    };
+  }, F = _((e, u = o, c = { type: "update" }) => {
+    m(e, u, c);
+  }, [o, m]), O = (e, u) => {
+    const c = l.find(
+      (L) => L.id === e
+    );
+    let g = l.map((L) => L.id !== e ? L : u(L));
+    const N = g.find(
+      (L) => L.id === e
+    );
+    let d, k;
+    if (N && s === "dashboard" && (N.type === "field_selector" || N.type === "metric_selector")) {
+      const L = (f == null ? void 0 : f[N.id]) || [], B = H({
+        control: N,
+        nextSelectedCardIds: L
+      });
+      g = g.map(
+        (De) => De.id === e ? B.nextControl : De
+      ), d = B.cardBindingsById, k = [N.id];
+    } else if (c && s === "dashboard" && (c.type === "field_selector" || c.type === "metric_selector")) {
+      const L = (f == null ? void 0 : f[c.id]) || [];
+      d = Object.fromEntries(
+        L.map((B) => [B, void 0])
+      ), k = [c.id];
+    }
+    F(g, o, {
+      type: "update",
+      cardBindingsById: d,
+      affectedBindingControlIds: k
+    });
+  }, We = (e, u) => {
+    const c = u.trim();
+    if (c.length === 0 || c === e || I.has(c) || l.some(
+      (d) => d.id === c && d.id !== e
+    ))
+      return;
+    const g = l.map(
+      (d) => d.id === e ? { ...d, id: c } : d
+    );
+    if (!o) {
+      F(g, void 0, {
+        type: "rename",
+        oldId: e,
+        newId: c
+      });
+      return;
+    }
+    const N = { ...o };
+    Object.prototype.hasOwnProperty.call(N, e) && (N[c] = N[e], delete N[e]), F(g, N, {
+      type: "rename",
+      oldId: e,
+      newId: c
+    });
+  }, Je = (e) => {
+    const u = l.filter((g) => g.id !== e);
+    if (!o) {
+      F(u, void 0, { type: "remove", controlId: e });
+      return;
+    }
+    const c = { ...o };
+    delete c[e], F(u, c, { type: "remove", controlId: e });
+  }, Pe = _(() => {
+    D({
+      step: 1,
+      control: J(s, l, Array.from(I))
+    }), U(null), $(null);
+  }, [l, I, s]), Y = (e) => {
+    D(
+      (u) => u && {
+        ...u,
+        control: e(u.control)
+      }
+    );
+  }, Ce = (e) => {
+    D(
+      (u) => u && {
+        ...u,
+        defaultValue: e
+      }
+    );
+  }, de = (() => {
+    if (!a)
+      return !1;
+    if (a.step === 2 && T(a.control.type))
+      return (a.selectedCardIds || []).length > 0;
+    if (a.step !== 2 && a.step !== 3 || !a.control.label.trim())
+      return !1;
+    const u = Te(a.control);
+    return u.source.kind === "manual" && (pt(u) && u.source.options.length === 0 || u.source.options.some(
+      (g) => g.label.trim().length === 0 || g.value.trim().length === 0
+    )) ? !1 : ht(
+      P(u, a.defaultValue)
+    );
+  })(), Ne = () => {
+    var d;
+    if (!a)
+      return;
+    const e = Te(a.control), u = Tt({
+      label: e.label,
+      fallbackId: e.id,
+      existingControls: l,
+      reservedIds: Array.from(I)
+    }), c = {
+      ...e,
+      id: u
+    }, g = s === "dashboard" && (c.type === "field_selector" || c.type === "metric_selector") && ((d = a.selectedCardIds) != null && d.length) ? Le({
+      control: c,
+      participants: y || [],
+      selectedCardIds: a.selectedCardIds
+    }) : void 0, N = P(
+      c,
+      a.defaultValue
+    );
+    D({
+      step: s === "dashboard" && (c.type === "field_selector" || c.type === "metric_selector") ? 4 : 3,
+      control: c,
+      defaultValue: N,
+      createdControlId: u,
+      selectedCardIds: a.selectedCardIds,
+      cardBindingsById: g
+    });
+  }, ie = _(() => {
+    D(null);
+  }, []), ke = _(() => {
+    if (!(a != null && a.createdControlId)) {
+      D(null);
+      return;
+    }
+    const e = a.control, u = a.createdControlId, c = P(
+      e,
+      a.defaultValue
+    );
+    o ? F(
+      [...l, e],
+      {
+        ...o,
+        [u]: c
+      },
+      {
+        type: "add",
+        cardBindingsById: a.cardBindingsById
+      }
+    ) : F(
+      [
+        ...l,
+        {
+          ...e,
+          defaultValue: c
+        }
+      ],
+      void 0,
+      {
+        type: "add",
+        cardBindingsById: a.cardBindingsById
+      }
+    ), U(u), D(null), A == null || A();
+  }, [l, a, o, F, A]), Ze = a ? T(a.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], Se = a != null && a.createdControlId ? `[[param.${a.createdControlId}]]` : a ? `[[param.${ft(a.control.label) || a.control.id}]]` : "";
+  return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+    a ? /* @__PURE__ */ i("div", { className: "space-y-4 pb-1", children: [
+      /* @__PURE__ */ t(
+        zt,
+        {
+          currentStep: a.step,
+          labels: Ze
+        }
+      ),
+      a.step === 1 && /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ i("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" && (v == null ? void 0 : v.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: V.map((e) => /* @__PURE__ */ i(
+          "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: () => D(
+              jt({
+                scope: s,
+                existingControls: l,
+                reservedIds: Array.from(I),
+                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(
+          te,
+          {
+            secondary: /* @__PURE__ */ t(
+              w,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: ie,
+                children: "Back to controls"
+              }
+            )
+          }
+        )
+      ] }),
+      a.step === 2 && T(a.control.type) && /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ t(
+            Ge,
+            {
+              control: a.control,
+              onChange: (e) => Y((u) => ({
+                ...u,
+                label: e
+              }))
+            }
+          ),
+          /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: "Choose which cards should respond to this shared control." })
+        ] }),
+        M.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: M.map((e) => {
+          const u = (a.selectedCardIds || []).includes(e.cardId);
+          return /* @__PURE__ */ i(
+            "label",
+            {
+              className: "flex items-start gap-2 text-sm",
+              children: [
+                /* @__PURE__ */ t(
+                  bt,
+                  {
+                    checked: u,
+                    onCheckedChange: (c) => D(
+                      (g) => g && {
+                        ...g,
+                        selectedCardIds: c === !0 ? [
+                          ...g.selectedCardIds || [],
+                          e.cardId
+                        ] : (g.selectedCardIds || []).filter(
+                          (N) => N !== e.cardId
+                        )
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ i("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(
+          te,
+          {
+            secondary: /* @__PURE__ */ t(
+              w,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => D(
+                  (e) => e && {
+                    ...e,
+                    step: 1,
+                    selectedCardIds: []
+                  }
+                ),
+                children: "Back"
+              }
+            ),
+            primary: /* @__PURE__ */ t(
+              w,
+              {
+                type: "button",
+                onClick: () => D(
+                  (e) => e && {
+                    ...e,
+                    step: 3
+                  }
+                ),
+                disabled: !de,
+                children: "Next"
+              }
+            )
+          }
+        )
+      ] }),
+      a.step === 2 && !T(a.control.type) && /* @__PURE__ */ t(
+        Ee,
+        {
+          control: a.control,
+          defaultValue: a.defaultValue,
+          availableFieldChoices: z.fields,
+          availableMetricChoices: z.metrics,
+          onControlChange: (e) => Y(() => e),
+          onLabelChange: (e) => Y((u) => ({
+            ...u,
+            label: e
+          })),
+          onDefaultValueChange: Ce,
+          onBack: () => D(
+            (e) => e && {
+              ...e,
+              step: 1
+            }
+          ),
+          onNext: Ne,
+          nextDisabled: !de
+        }
+      ),
+      a.step === 3 && T(a.control.type) && /* @__PURE__ */ t(
+        Ee,
+        {
+          control: a.control,
+          defaultValue: a.defaultValue,
+          availableFieldChoices: z.fields,
+          availableMetricChoices: z.metrics,
+          onControlChange: (e) => Y(() => e),
+          onLabelChange: (e) => Y((u) => ({
+            ...u,
+            label: e
+          })),
+          onDefaultValueChange: Ce,
+          onBack: () => D(
+            (e) => e && {
+              ...e,
+              step: 2
+            }
+          ),
+          onNext: Ne,
+          nextDisabled: !de
+        }
+      ),
+      a.step === 3 && !T(a.control.type) && /* @__PURE__ */ t(
+        Ae,
+        {
+          control: a.control,
+          scope: s,
+          createdReference: Se,
+          explorerContent: /* @__PURE__ */ t(ye, { title: "Explorer cards", children: /* @__PURE__ */ i("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: () => D(
+            (e) => e && {
+              ...e,
+              step: 2
+            }
+          ),
+          onCancel: ie,
+          onDone: ke
+        }
+      ),
+      a.step === 4 && T(a.control.type) && /* @__PURE__ */ t(
+        Ae,
+        {
+          control: a.control,
+          scope: s,
+          createdReference: Se,
+          summaryDetail: /* @__PURE__ */ i(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: () => D(
+            (e) => e && {
+              ...e,
+              step: 3
+            }
+          ),
+          onCancel: ie,
+          onDone: ke
+        }
+      )
+    ] }) : null,
+    !a && l.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: b }) : null,
+    !a && l.map((e) => {
+      const u = W(e), c = h == null ? void 0 : h[e.id], g = o && Object.prototype.hasOwnProperty.call(o, e.id) ? o[e.id] : e.defaultValue, N = ne === e.id;
+      return /* @__PURE__ */ i("div", { className: "rounded-md border", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2 px-3 py-3", children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              className: "flex min-w-0 flex-1 items-start gap-2 text-left",
+              onClick: () => U(
+                (d) => d === 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(Fe, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ i("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ i("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: je(s, e.placement) })
+                  ] }),
+                  /* @__PURE__ */ i("div", { className: "mt-1 text-xs text-muted-foreground", children: [
+                    Ue(e),
+                    c != null && c.status ? ` · ${c.status}` : ""
+                  ] })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            w,
+            {
+              type: "button",
+              size: "icon",
+              variant: "ghost",
+              className: "h-8 w-8 shrink-0",
+              onClick: () => Je(e.id),
+              "aria-label": `Remove ${e.label}`,
+              children: /* @__PURE__ */ t(yt, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        N && /* @__PURE__ */ i("div", { className: "space-y-4 border-t px-3 py-4", children: [
+          c != null && c.helper ? /* @__PURE__ */ t("div", { className: "rounded-md bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: c.helper }) : null,
+          /* @__PURE__ */ i("div", { className: "grid gap-3 md:grid-cols-3", children: [
+            /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ t(R, { className: "text-xs", children: "Label" }),
+              /* @__PURE__ */ t(
+                Re,
+                {
+                  value: e.label,
+                  placeholder: "Control label",
+                  onChange: (d) => O(e.id, (k) => ({
+                    ...k,
+                    label: d.target.value
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ t(R, { className: "text-xs", children: "Type" }),
+              /* @__PURE__ */ i(
+                ce,
+                {
+                  value: e.type,
+                  onValueChange: (d) => {
+                    const k = $e({
+                      controls: l,
+                      controlId: e.id,
+                      nextType: d,
+                      defaultValues: o
+                    });
+                    F(k.controls, k.defaultValues);
+                  },
+                  children: [
+                    /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ t(me, {}) }),
+                    /* @__PURE__ */ t(pe, { children: Ie({
+                      scope: s,
+                      card: v,
+                      includeType: e.type
+                    }).map((d) => /* @__PURE__ */ t(he, { value: d.value, children: d.label }, d.value)) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ t(R, { className: "text-xs", children: "Show in" }),
+              /* @__PURE__ */ i(
+                ce,
+                {
+                  value: e.placement || re,
+                  onValueChange: (d) => O(e.id, (k) => ({
+                    ...k,
+                    placement: d
+                  })),
+                  children: [
+                    /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ t(me, {}) }),
+                    /* @__PURE__ */ t(pe, { children: le.map((d) => /* @__PURE__ */ t(he, { value: d.value, children: d.label }, d.value)) })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          T(e.type) ? /* @__PURE__ */ t(
+            gt,
+            {
+              type: e.type,
+              participants: we(
+                y || [],
+                e.type
+              ).map((d) => ({
+                cardId: d.cardId,
+                title: d.title,
+                choiceCount: e.type === "field_selector" ? d.fieldChoices.length : d.metricChoices.length
+              })),
+              selectedCardIds: (f == null ? void 0 : f[e.id]) || [],
+              onChange: (d) => {
+                const k = H({
+                  control: e,
+                  nextSelectedCardIds: d
+                }), L = l.map(
+                  (B) => B.id === e.id ? k.nextControl : B
+                );
+                F(L, o, {
+                  type: "update",
+                  cardBindingsById: k.cardBindingsById
+                });
+              }
+            }
+          ) : null,
+          /* @__PURE__ */ t(
+            Ke,
+            {
+              control: e,
+              availableFieldChoices: u.fields,
+              availableMetricChoices: u.metrics,
+              onChange: (d) => O(e.id, () => d)
+            }
+          ),
+          e.initialValueStrategy === "saved_default" && /* @__PURE__ */ t(
+            He,
+            {
+              control: e,
+              value: g,
+              allowNoDefault: !0,
+              allowCardDefault: !0,
+              onChange: (d) => {
+                if (o) {
+                  const k = { ...o };
+                  d === void 0 ? delete k[e.id] : k[e.id] = d, F(l, k);
+                  return;
+                }
+                O(e.id, (k) => ({
+                  ...k,
+                  defaultValue: d
+                }));
+              }
+            }
+          ),
+          /* @__PURE__ */ i(
+            xt,
+            {
+              open: G === e.id,
+              onOpenChange: (d) => $(d ? e.id : null),
+              children: [
+                /* @__PURE__ */ t(Ct, { asChild: !0, children: /* @__PURE__ */ i(
+                  w,
+                  {
+                    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(Fe, { className: "mr-1 h-4 w-4" }),
+                      "Advanced"
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ i(Nt, { className: "space-y-3 pt-2", children: [
+                  /* @__PURE__ */ i("div", { className: "grid gap-3 md:grid-cols-2", children: [
+                    /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
+                      /* @__PURE__ */ t(R, { className: "text-xs", children: "Control ID" }),
+                      /* @__PURE__ */ t(
+                        kt,
+                        {
+                          controlId: e.id,
+                          onCommit: (d) => We(e.id, d)
+                        },
+                        e.id
+                      )
+                    ] }),
+                    /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
+                      /* @__PURE__ */ t(R, { className: "text-xs", children: "Initial value" }),
+                      /* @__PURE__ */ i(
+                        ce,
+                        {
+                          value: e.initialValueStrategy,
+                          onValueChange: (d) => O(e.id, (k) => ({
+                            ...k,
+                            initialValueStrategy: d
+                          })),
+                          children: [
+                            /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ t(me, {}) }),
+                            /* @__PURE__ */ t(pe, { children: St.map((d) => /* @__PURE__ */ t(
+                              he,
+                              {
+                                value: d.value,
+                                children: d.label
+                              },
+                              d.value
+                            )) })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ t("p", { className: "text-[11px] text-muted-foreground", children: Dt(
+                        e.initialValueStrategy
+                      ) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ t(
+                    It,
+                    {
+                      control: e,
+                      onChange: (d) => O(e.id, () => d)
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }, e.id);
+    }),
+    !a && /* @__PURE__ */ i(
+      w,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: Pe,
+        children: [
+          /* @__PURE__ */ t(wt, { className: "mr-2 h-4 w-4" }),
+          "Add control"
+        ]
+      }
+    )
+  ] });
+}
+function ea(s) {
+  const { open: l, onOpenChange: n, initialCreateFlowActive: o = !1 } = s, m = l !== void 0, [b, p] = j(!1), [h, r] = j(
+    o
+  ), x = m ? l : b, y = _(
+    (C) => {
+      !C && h || (m || p(C), C || r(!1), n == null || n(C));
+    },
+    [m, h, n]
+  ), f = _(() => {
+    m || p(!1), r(!1), n == null || n(!1);
+  }, [m, n]);
+  be(() => {
+    x || r(!1);
+  }, [x]);
+  const v = _(
+    (C) => {
+      h && C.preventDefault();
+    },
+    [h]
+  );
+  return {
+    forceClose: f,
+    handleOpenChange: y,
+    isCreateFlowActive: h,
+    preventPassiveDismissDuringCreate: v,
+    resolvedOpen: x,
+    setIsCreateFlowActive: r
+  };
+}
+export {
+  Ht as C,
+  Xt as E,
+  Ot as L,
+  Ye as S,
+  Yt as V,
+  Gt as a,
+  Wt as b,
+  _t as c,
+  Jt as d,
+  Zt as e,
+  Pt as f,
+  Xe as g,
+  ea as u
+};