@pagehub/sdk 0.1.5 → 0.1.7

package/dist/chunks/ImageMainTab-C4O7RjX0.js

@@ -0,0 +1,66 @@
+import { jsxs as o, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { M as l } from "./MediaInput-DHs3D8TJ.js";
+import { TailwindInput as r } from "./TailwindInput-660FZtyK.js";
+import { w as i, n as t } from "./index-C66dAl3Q.js";
+import { r as a, S as n } from "./helpers-Cll72tMn.js";
+import { S as c } from "./SlotRenderer-CaLf_2_C.js";
+const g = () => a({
+  Content: /* @__PURE__ */ o(p, { children: [
+    /* @__PURE__ */ o(i, { collapsible: !1, children: [
+      /* @__PURE__ */ e(
+        l,
+        {
+          propKey: "videoId",
+          typeKey: "type",
+          contentKey: "src",
+          variant: "chip",
+          label: "Image"
+        }
+      ),
+      /* @__PURE__ */ e(
+        t,
+        {
+          propKey: "alt",
+          propType: "component",
+          type: "text",
+          label: "Alt Text",
+          placeholder: "Describe this image for screen readers"
+        }
+      ),
+      /* @__PURE__ */ e(r, { propKey: "objectFit", label: "Object Fit", prop: "objectFit", type: "select" }),
+      /* @__PURE__ */ e(
+        r,
+        {
+          propKey: "objectPosition",
+          label: "Object Position",
+          prop: "objectPosition",
+          type: "select"
+        }
+      ),
+      /* @__PURE__ */ e(c, { id: "settings/ai-button" })
+    ] }),
+    /* @__PURE__ */ o(
+      i,
+      {
+        full: 1,
+        title: "Loading",
+        icon: n.Type,
+        help: "Preload important images, like the first ones on the page. Lazy load images that are below the first page.",
+        children: [
+          /* @__PURE__ */ o(t, { propKey: "loading", propType: "component", type: "select", label: "Loading", children: [
+            /* @__PURE__ */ e("option", { value: "lazy", children: "lazy" }),
+            /* @__PURE__ */ e("option", { value: "eager", children: "eager" })
+          ] }),
+          /* @__PURE__ */ o(t, { propKey: "fetchPriority", propType: "component", type: "select", label: "Priority", children: [
+            /* @__PURE__ */ e("option", { value: "low", children: "Low" }),
+            /* @__PURE__ */ e("option", { value: "high", children: "High" }),
+            /* @__PURE__ */ e("option", { value: "", children: "Auto" })
+          ] })
+        ]
+      }
+    )
+  ] })
+});
+export {
+  g as ImageMainTab
+};

package/dist/chunks/ImageSettingsPanel-dvOmGg3C.js

@@ -0,0 +1,485 @@
+import { jsxs as M, Fragment as J, jsx as o } from "react/jsx-runtime";
+import { d as ve, F as xe } from "./FloatingPanel-DJP5Vhua.js";
+import { useEditor as te, useNode as ne } from "@craftjs/core";
+import de, { useState as Z, useRef as Y, useMemo as A, useEffect as G, forwardRef as ke, useImperativeHandle as we, useContext as Ne, createContext as Ae } from "react";
+import { u as D, V as re, E as se, M as Se, _ as ue, fq as pe, fr as Me, J as Oe, c as me, aE as ie, e9 as Ke, d as ce, S as fe, i as ee, P as he, G as le, fs as Re, ft as Ce, w as Fe, W as De } from "./index-C66dAl3Q.js";
+import { T as Te } from "./ToolbarDashedButton-DbUxGmDg.js";
+import { createPortal as Ee } from "react-dom";
+import { p as ye, i as F, r as _e, P as Ve, a as We } from "./ContainerMainTab-kkktm1Ns.js";
+import { S as qe } from "./SearchableMenuPopover-DZKVXiEl.js";
+import { g as ge, a as j } from "./propertyRegistry-CMhVNOgl.js";
+import { P as ze, r as oe } from "./popoverOpenRequestAtom-hBS_siXv.js";
+function Ie({
+  imageUrl: d,
+  onOpenChange: r
+}) {
+  const { actions: P, query: v } = te(), h = D(re), x = D(se), T = D(Se), {
+    actions: { setProp: O },
+    id: N,
+    props: l
+  } = ne((s) => {
+    var i;
+    return {
+      id: s.id,
+      props: (i = s.data) == null ? void 0 : i.props
+    };
+  }), [p, y] = Z(!1), [g, k] = Z({ x: 50, y: 50 }), [K, W] = Z({ x: 50, y: 50 }), E = Y(null), I = Y(null), u = Y(null), { pageMedia: _ } = A(() => ue(v), [v]), w = d || pe(l, _);
+  G(() => {
+    if (typeof document < "u") {
+      const s = document.querySelector(`[node-id="${N}"]`);
+      u.current = s;
+    }
+  }, [N]);
+  const q = (s, i) => {
+    if (!E.current) return;
+    const m = E.current.getBoundingClientRect(), e = Math.max(0, Math.min(100, (s - m.left) / m.width * 100)), t = Math.max(0, Math.min(100, (i - m.top) / m.height * 100));
+    k({ x: e, y: t }), S(e, t);
+  }, S = (s, i) => {
+    if (!u.current) return;
+    const m = Math.round(s), e = Math.round(i);
+    u.current.style.backgroundPosition = `${m}% ${e}%`;
+  }, B = () => {
+    const s = Math.round(g.x), i = Math.round(g.y);
+    u.current && (u.current.style.backgroundPosition = "");
+    const m = Oe(x, h, T), e = x.dark ?? !1;
+    m.forEach((t) => {
+      me({
+        propKey: "backgroundPosition",
+        value: `bg-[${s}%_${i}%]`,
+        setProp: O,
+        propType: "class",
+        view: t,
+        query: v,
+        actions: P,
+        nodeId: N,
+        classDark: e
+      });
+    }), W({ x: s, y: i }), y(!1);
+  }, { onPointerDown: L } = ve({
+    onStart: (s, i) => {
+      s.preventDefault(), q(i.clientX, i.clientY);
+    },
+    onMove: (s, i) => {
+      q(i.clientX, i.clientY);
+    }
+  }), H = () => {
+    k(K), u.current && (u.current.style.backgroundPosition = "");
+  }, Q = () => {
+    k(K), u.current && (u.current.style.backgroundPosition = ""), y(!1);
+  }, z = () => {
+    const i = ((l == null ? void 0 : l.className) || "").match(/bg-\[\d+%_\d+%\]/), m = i ? i[0] : null;
+    if (m && m.includes("bg-[") && m.includes("%")) {
+      const t = m.match(/bg-\[(\d+)%_(\d+)%\]/);
+      if (t) {
+        const a = { x: parseInt(t[1]), y: parseInt(t[2]) };
+        W(a), k(a);
+        return;
+      }
+    }
+    const e = { x: 50, y: 50 };
+    W(e), k(e);
+  };
+  return G(() => {
+    z();
+  }, [l]), G(() => {
+    p && (z(), u.current && (u.current.style.backgroundPosition = ""));
+  }, [p]), G(() => {
+    r == null || r(p);
+  }, [p, r]), G(() => () => {
+    u.current && (u.current.style.backgroundPosition = "");
+  }, []), w ? /* @__PURE__ */ M(J, { children: [
+    /* @__PURE__ */ o(
+      Te,
+      {
+        onClick: () => p ? Q() : y(!0),
+        icon: /* @__PURE__ */ o(Me, { className: "size-3.5", "aria-hidden": !0 }),
+        children: p ? "Close Focal Point Picker" : "Focal Point Picker"
+      }
+    ),
+    p && /* @__PURE__ */ M("div", { className: "border-base-300 bg-base-200 flex flex-col gap-3 rounded-lg border p-3", children: [
+      /* @__PURE__ */ o("div", { className: "text-neutral-content text-xs", children: "Click or drag to set the focal point of your background image" }),
+      /* @__PURE__ */ M(
+        "div",
+        {
+          ref: E,
+          role: "presentation",
+          "aria-hidden": "true",
+          className: "border-base-300 bg-neutral relative aspect-video w-full cursor-crosshair touch-none overflow-hidden rounded-lg border-2 select-none",
+          onPointerDown: L,
+          children: [
+            /* @__PURE__ */ o(
+              "img",
+              {
+                ref: I,
+                src: w,
+                alt: "Background preview",
+                className: "size-full object-cover",
+                draggable: !1
+              }
+            ),
+            /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-0", children: /* @__PURE__ */ M("svg", { className: "size-full", children: [
+              /* @__PURE__ */ o(
+                "line",
+                {
+                  x1: "33.33%",
+                  y1: "0",
+                  x2: "33.33%",
+                  y2: "100%",
+                  stroke: "white",
+                  strokeWidth: "1",
+                  opacity: "0.3"
+                }
+              ),
+              /* @__PURE__ */ o(
+                "line",
+                {
+                  x1: "66.66%",
+                  y1: "0",
+                  x2: "66.66%",
+                  y2: "100%",
+                  stroke: "white",
+                  strokeWidth: "1",
+                  opacity: "0.3"
+                }
+              ),
+              /* @__PURE__ */ o(
+                "line",
+                {
+                  x1: "0",
+                  y1: "33.33%",
+                  x2: "100%",
+                  y2: "33.33%",
+                  stroke: "white",
+                  strokeWidth: "1",
+                  opacity: "0.3"
+                }
+              ),
+              /* @__PURE__ */ o(
+                "line",
+                {
+                  x1: "0",
+                  y1: "66.66%",
+                  x2: "100%",
+                  y2: "66.66%",
+                  stroke: "white",
+                  strokeWidth: "1",
+                  opacity: "0.3"
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ M(
+              "div",
+              {
+                className: "pointer-events-none absolute -mt-4 -ml-4 size-8",
+                style: { left: `${g.x}%`, top: `${g.y}%` },
+                children: [
+                  /* @__PURE__ */ o("div", { className: "absolute inset-0 rounded-full border-2 border-white shadow-lg" }),
+                  /* @__PURE__ */ o("div", { className: "bg-primary absolute inset-2 rounded-full shadow-lg" }),
+                  /* @__PURE__ */ o("div", { className: "absolute top-0 left-1/2 h-full w-px bg-white opacity-50" }),
+                  /* @__PURE__ */ o("div", { className: "absolute top-1/2 left-0 h-px w-full bg-white opacity-50" })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ M("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ M("div", { className: "text-neutral-content font-mono text-xs", children: [
+          "Position: ",
+          Math.round(g.x),
+          "%, ",
+          Math.round(g.y),
+          "%"
+        ] }),
+        /* @__PURE__ */ M("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ o("button", { type: "button", onClick: H, className: "btn btn-secondary btn-sm", children: "Reset" }),
+          /* @__PURE__ */ o("button", { type: "button", onClick: B, className: "btn btn-primary btn-sm", children: "Apply" })
+        ] })
+      ] })
+    ] })
+  ] }) : null;
+}
+const Be = ie("settingsSearch", "");
+ie("settingsSearchOpen", !1);
+const be = ie("hiddenKeys", () => /* @__PURE__ */ new Set());
+function $e(d) {
+  if (d.defaultValue) return d.defaultValue;
+  switch (d.input.type) {
+    case "checkbox":
+      return d.input.on;
+    case "tailwind-select":
+    case "tailwind-radio":
+      return;
+    default:
+      return;
+  }
+}
+const Le = de.memo(
+  ke(function({ sectionId: r }, P) {
+    const v = Y(null), h = Ke(), x = A(() => {
+      var e;
+      return ((e = ge(r)) == null ? void 0 : e.title) || "";
+    }, [r]), T = () => {
+      x && (h != null && h.setOpen) && h.setOpen(x, !0);
+    }, O = D(re), N = D(se).dark ?? !1, l = D(be), {
+      actions: { setProp: p },
+      id: y,
+      className: g,
+      craftName: k,
+      componentProps: K,
+      toolbarOrder: W
+    } = ne((e) => {
+      var t, a, c, R, V, $, X;
+      return {
+        className: typeof ((a = (t = e.data) == null ? void 0 : t.props) == null ? void 0 : a.className) == "string" ? e.data.props.className : "",
+        craftName: ((c = e.data) == null ? void 0 : c.name) || ((R = e.data) == null ? void 0 : R.displayName) || "",
+        componentProps: ((V = e.data) == null ? void 0 : V.props) || {},
+        toolbarOrder: Array.isArray((X = ($ = e.data) == null ? void 0 : $.props) == null ? void 0 : X.toolbarOrder) ? e.data.props.toolbarOrder : []
+      };
+    }), { query: E } = te(), [I, u] = ce(fe), [_, w] = ce(ze), q = A(
+      () => ({ ...K, _craftName: k }),
+      [K, k]
+    ), S = A(() => ({ query: E, nodeId: y }), [E, y]), B = A(() => new Set(W), [W]), L = A(() => j({ section: r }).filter((e) => !e.pinned).filter((e) => !e.hideKey || !l.has(e.hideKey)).filter((e) => !e.showWhen || e.showWhen(g, q)).filter((e) => !B.has(e.id)).filter((e) => !I.has(ee(y, e.id))).filter((e) => e.isActive ? !e.isActive(g, K, S) : !ye(e, g, K, O, N)).map((e) => ({
+      id: e.id,
+      label: e.label || e.id,
+      hint: e.groupLabel,
+      help: e.help,
+      keywords: e.keywords,
+      data: e
+    })), [
+      r,
+      g,
+      q,
+      K,
+      O,
+      N,
+      l,
+      B,
+      S,
+      I,
+      y
+    ]);
+    if (we(
+      P,
+      () => ({
+        // Imperative open from PropertySection (empty-section title click).
+        // For popover-mode single-prop sections we MUST expand the accordion
+        // first so the trigger row mounts; otherwise the open-request fires
+        // into a void (the popover trigger lives inside the section body).
+        // Search-popover sections still float over a collapsed section.
+        open: () => {
+          var t;
+          const e = j({ section: r }).filter(
+            (a) => !a.pinned && (!a.hideKey || !l.has(a.hideKey))
+          );
+          if (e.length === 1 && e[0].input.type === "custom" && F(e[0].input.component)) {
+            T(), oe(_, w, y, e[0].id);
+            return;
+          }
+          (t = v.current) == null || t.open();
+        }
+      }),
+      [r, l, _, w, y]
+    ), !A(
+      () => j({ section: r }).some(
+        (e) => !e.pinned && (!e.hideKey || !l.has(e.hideKey))
+      ),
+      [r, l]
+    ) || (() => {
+      const e = j({ section: r }).filter(
+        (a) => !a.pinned && (!a.hideKey || !l.has(a.hideKey))
+      );
+      if (e.length !== 1) return !1;
+      const t = e[0];
+      return t.input.type === "custom" && !F(t.input.component);
+    })()) return null;
+    const z = (() => {
+      const e = j({ section: r }).filter(
+        (a) => !a.pinned && (!a.hideKey || !l.has(a.hideKey))
+      );
+      if (e.length !== 1) return null;
+      const t = e[0];
+      return t.input.type !== "custom" || !F(t.input.component) ? null : t;
+    })();
+    if (z && z.input.type === "custom") {
+      const e = _e(z.input.component);
+      return /* @__PURE__ */ o(e, { def: z });
+    }
+    const s = (e) => {
+      if (!e.length) return;
+      T();
+      const t = [], a = e.length === 1;
+      if (e.forEach((c) => {
+        const R = $e(c);
+        R != null ? (me({
+          propKey: c.propKey || c.id,
+          value: R,
+          propType: c.propType || "class",
+          setProp: p,
+          view: O,
+          classDark: N
+        }), p((V) => {
+          const $ = Array.isArray(V.toolbarOrder) ? V.toolbarOrder : [];
+          $.includes(c.id) || (V.toolbarOrder = [...$, c.id]);
+        }, 0)) : c.input.type === "custom" && F(c.input.component) && !a || t.push(ee(y, c.id)), a && c.input.type === "custom" && F(c.input.component) && oe(_, w, y, c.id);
+      }), t.length) {
+        const c = new Set(I);
+        t.forEach((R) => c.add(R)), u(c);
+      }
+    }, i = (e) => s([e.data]), m = (e) => s(e.map((t) => t.data));
+    if (L.length === 1) {
+      const e = L[0], t = e.data, a = (t == null ? void 0 : t.input.type) === "custom" && F(t.input.component);
+      return /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            T(), a && t ? oe(_, w, y, t.id) : i(e);
+          },
+          "aria-label": `Add ${e.label}`,
+          "data-tooltip-id": he,
+          "data-tooltip-content": e.help,
+          className: "text-neutral-content hover:text-base-content hover:bg-base-200 flex size-4 shrink-0 items-center justify-center rounded-md opacity-70 transition-[color,background-color,opacity] hover:opacity-100",
+          children: /* @__PURE__ */ o(le, { className: "size-3.5", "aria-hidden": !0 })
+        }
+      );
+    }
+    return /* @__PURE__ */ o(
+      qe,
+      {
+        ref: v,
+        trigger: /* @__PURE__ */ o(le, { className: "size-3.5", "aria-hidden": !0 }),
+        triggerAriaLabel: "Add property",
+        items: L,
+        onSelect: i,
+        multiSelect: !0,
+        onSelectMany: m,
+        emptyMessage: "All properties added"
+      }
+    );
+  })
+), je = Ae(null);
+function Pe() {
+  const d = Ne(je);
+  if (!d)
+    throw new Error("useInspectorPin must be used within InspectorPinProvider");
+  return d;
+}
+function He({ sectionId: d }) {
+  const r = D(Be), { isPinned: P, togglePin: v } = Pe();
+  if (r.length > 0) return null;
+  const h = P(d);
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      className: "text-sidebar-foreground/70 hover:text-sidebar-foreground inline-flex size-4 shrink-0 cursor-pointer items-center justify-center rounded p-0 leading-none opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100",
+      onClick: (x) => {
+        x.stopPropagation(), x.preventDefault(), v(d);
+      },
+      onKeyDown: (x) => x.stopPropagation(),
+      "aria-label": h ? "Unpin from sidebar" : "Pin to sidebar",
+      "aria-pressed": h,
+      "data-tooltip-id": he,
+      "data-tooltip-content": h ? "Unpin from sidebar" : "Pin to sidebar",
+      "data-tooltip-place": "left",
+      "data-tooltip-offset": 8,
+      children: h ? /* @__PURE__ */ o(Re, { className: "size-3" }) : /* @__PURE__ */ o(Ce, { className: "size-3" })
+    }
+  );
+}
+const Ue = de.memo(function({ sectionId: r }) {
+  const P = ge(r), v = D(be), h = Y(null), { isPinned: x, getSlotNode: T } = Pe(), O = x(r), N = O ? T(r) : null, { id: l, className: p, craftName: y, toolbarOrder: g, componentProps: k } = ne((n) => {
+    var b, C, f, U;
+    return {
+      className: typeof ((b = n.data) == null ? void 0 : b.props.className) == "string" ? n.data.props.className : "",
+      craftName: n.data.name || n.data.displayName || "",
+      toolbarOrder: Array.isArray((f = (C = n.data) == null ? void 0 : C.props) == null ? void 0 : f.toolbarOrder) ? n.data.props.toolbarOrder : [],
+      componentProps: ((U = n.data) == null ? void 0 : U.props) || {}
+    };
+  }), K = D(re), W = D(se).dark ?? !1, E = D(fe), { query: I } = te(), u = A(() => ({ _craftName: y }), [y]), _ = A(() => ({ query: I, nodeId: l }), [I, l]), w = A(() => j({ section: r }).filter((b) => !(b.hideKey && v.has(b.hideKey))), [r, v]), { main: q, candidates: S } = A(() => {
+    const n = w.filter((f) => !f.showWhen || f.showWhen(p, u)), b = [], C = [];
+    for (const f of n)
+      if (f.pinned) {
+        if (f.isActive && !f.isActive(p, k, _)) continue;
+        b.push(f);
+      } else
+        C.push(f);
+    return { main: b, candidates: C };
+  }, [w, p, u, k, _]), B = S.length === 1 && S[0].input.type === "custom" && !F(S[0].input.component), L = (n) => n.input.type === "custom" && F(n.input.component) ? n.isActive ? n.isActive(p, k, _) || g.includes(n.id) || E.has(ee(l, n.id)) : !0 : B && n === S[0] ? !0 : g.includes(n.id) || E.has(ee(l, n.id)) || ye(n, p, k, K, W), H = A(() => {
+    const n = S.filter(L), b = new Map(g.map((C, f) => [C, f]));
+    return [...n].sort((C, f) => {
+      const U = b.has(C.id), ae = b.has(f.id);
+      return U && ae ? b.get(C.id) - b.get(f.id) : U ? 1 : ae ? -1 : (C.sortOrder ?? 100) - (f.sortOrder ?? 100);
+    });
+  }, [S, g, E, l, p, k, K, W]);
+  if (!P) return null;
+  const Q = !!(P.hideKey && v.has(P.hideKey)), z = q.length === 0 && S.length === 0;
+  if (Q || z) return null;
+  const s = w.length === 1 && w[0].input.type === "custom" && F(w[0].input.component), i = w.filter((n) => !n.pinned), m = !s && i.length === 1 && i[0].input.type === "custom" && F(i[0].input.component), e = (n) => !(n.input.type === "custom" && F(n.input.component)), t = s || m, a = t ? q.filter(e) : q, c = t ? H.filter(e) : H, R = a.length === 0 && c.length === 0, V = B ? Ve : We, $ = /* @__PURE__ */ M(J, { children: [
+    a.map((n) => /* @__PURE__ */ o(V, { def: n }, n.id)),
+    c.map((n) => /* @__PURE__ */ o(V, { def: n }, n.id))
+  ] }), X = O ? /* @__PURE__ */ o("div", { className: "text-neutral-content border-base-300/60 border-t border-dashed px-3 py-2 text-xs italic", children: "Properties for this section are pinned below." }) : $;
+  return /* @__PURE__ */ M(J, { children: [
+    /* @__PURE__ */ o(
+      Fe,
+      {
+        title: P.title,
+        icon: P.icon,
+        help: P.help,
+        defaultOpen: s ? !1 : (P.defaultOpen ?? !1) && !R,
+        enabled: !R,
+        collapsible: !s,
+        className: s ? "cursor-pointer!" : "",
+        onClick: (n) => {
+          var b;
+          (s || R && !B) && (n.preventDefault(), (b = h.current) == null || b.open());
+        },
+        header: /* @__PURE__ */ M(J, { children: [
+          /* @__PURE__ */ o(He, { sectionId: r }),
+          /* @__PURE__ */ o(Le, { ref: h, sectionId: r })
+        ] }),
+        children: X
+      }
+    ),
+    O && N ? Ee($, N) : null
+  ] });
+});
+function Ge() {
+  var T;
+  const { query: d } = te(), { props: r } = ne((O) => {
+    var N;
+    return { props: (N = O.data) == null ? void 0 : N.props };
+  }), { pageMedia: P } = A(() => ue(d), [d]), v = !!((T = r == null ? void 0 : r.background) != null && T.image), [h, x] = Z(!1);
+  return v ? /* @__PURE__ */ M("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ o(
+      Ie,
+      {
+        imageUrl: pe(r, P),
+        onOpenChange: x
+      }
+    ),
+    !h && /* @__PURE__ */ o(Ue, { sectionId: "image-settings" })
+  ] }) : /* @__PURE__ */ o("p", { className: "text-neutral-content text-xs italic", children: "Pick an image first to configure its settings." });
+}
+function it({ initialPosition: d, onClose: r }) {
+  return /* @__PURE__ */ o(
+    xe,
+    {
+      isOpen: !0,
+      onClose: r,
+      title: "Image Settings",
+      storageKey: "image-settings",
+      minWidth: 300,
+      maxWidth: 520,
+      minHeight: 320,
+      initialPosition: d,
+      zIndex: De,
+      scrollable: !0,
+      children: /* @__PURE__ */ o(Ge, {})
+    }
+  );
+}
+export {
+  it as default
+};

package/dist/chunks/LayoutPresetPanel-CNAVAcvw.js

@@ -0,0 +1,81 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { W as g, a4 as y, t as c } from "./index-C66dAl3Q.js";
+import { F as f } from "./FloatingPanel-DJP5Vhua.js";
+import { G as h, g as d, D as x } from "./useLayoutPreset-wOMV5YnO.js";
+const u = "border-primary bg-primary/10 text-primary ring-1 ring-primary/25 hover:border-primary hover:bg-primary/15 hover:text-primary";
+function v(t) {
+  return t.name.toLowerCase().replace(/\s+/g, "-");
+}
+function N(t, i, a) {
+  return a.currentLayoutMode !== i || String(a.currentPresetLayout ?? "").trim().toLowerCase() !== v(t) ? !1 : t.columns === void 0 ? !0 : Number(a.currentLayoutColumns) === Number(t.columns);
+}
+function _({ initialPosition: t, onClose: i, lp: a }) {
+  const n = [
+    { label: "Side by side", presets: d("column"), layoutMode: "flex-row" },
+    { label: "Stacked", presets: d("row"), layoutMode: "flex-col" },
+    { label: "Grid", presets: h, layoutMode: "grid" }
+  ], m = (e) => {
+    a.handlePresetSelect(e), i();
+  }, p = x;
+  return /* @__PURE__ */ r(
+    f,
+    {
+      isOpen: !0,
+      onClose: i,
+      title: "Layout",
+      storageKey: "layout-preset",
+      minWidth: 280,
+      maxHeight: 640,
+      initialPosition: t,
+      zIndex: g,
+      scrollable: !0,
+      children: /* @__PURE__ */ s("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(15rem,1fr))] gap-3", children: [
+        n.map((e) => /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ r("div", { className: "text-neutral-content mb-1.5 text-[10px] font-semibold tracking-wider uppercase", children: e.label }),
+          /* @__PURE__ */ r(y, { className: "max-h-[120px]", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(7rem,1fr))] gap-1.5 pr-1.5", children: e.presets.map((l, b) => {
+            const o = N(l, e.layoutMode, a);
+            return /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": o,
+                "aria-label": l.name,
+                onClick: () => m(l),
+                className: c(
+                  "ph-toolbar-dashed-btn items-center justify-center p-2",
+                  o && u
+                ),
+                children: /* @__PURE__ */ r("div", { className: "w-full", children: l.icon })
+              },
+              `${e.label}-${b}`
+            );
+          }) }) })
+        ] }, e.label)),
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ r("div", { className: "text-neutral-content mb-1.5 text-[10px] font-semibold tracking-wider uppercase", children: "Display" }),
+          /* @__PURE__ */ r("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(7rem,1fr))] gap-1.5", children: p.map((e) => {
+            const l = a.currentDisplay === e.value;
+            return /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": l,
+                "aria-label": e.label,
+                onClick: () => a.handleDisplayVariant(e.value),
+                className: c(
+                  "ph-toolbar-dashed-btn items-center justify-center p-2 text-xs",
+                  l && u
+                ),
+                children: e.label
+              },
+              e.value
+            );
+          }) })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  _ as default
+};

package/dist/chunks/LayoutPresetSlot-BqMTdE33.js

@@ -0,0 +1,16 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useNode as s } from "@craftjs/core";
+import { u as m, L as p } from "./useLayoutPreset-wOMV5YnO.js";
+const u = /* @__PURE__ */ new Set(["Container", "Data", "Header", "Footer", "Form"]);
+function f() {
+  const { componentName: a } = s((e) => {
+    var t, o;
+    return {
+      componentName: ((t = e.data) == null ? void 0 : t.name) || ((o = e.data) == null ? void 0 : o.displayName) || ""
+    };
+  }), r = m({ propKey: "layoutPreset" });
+  return u.has(a) ? /* @__PURE__ */ n(p, { lp: r, sectionWrapper: !1 }) : null;
+}
+export {
+  f as LayoutPresetSlot
+};

package/dist/chunks/LinkMainTab-BfFZx0AU.js

@@ -0,0 +1,13 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { I as e } from "./IconInput-D2Gy7Hvf.js";
+import { w as r, n as p } from "./index-C66dAl3Q.js";
+import { r as n } from "./helpers-Cll72tMn.js";
+const l = () => n({
+  Content: /* @__PURE__ */ t(r, { collapsible: !1, children: [
+    /* @__PURE__ */ o(p, { propKey: "text", type: "text", label: "Text", propType: "component" }),
+    /* @__PURE__ */ o(e, { propKey: "icon" })
+  ] })
+});
+export {
+  l as LinkMainTab
+};