@fluid-app/fluid-cli-theme-dev 0.1.59 → 0.1.60

package/dist/dist-cli-preview/chunks/MySiteScreen-BSmWlCKA.js

@@ -0,0 +1,4950 @@
+import { c as bt, j as i, M as ke, l, O as xt, V as De, W as yr, aC as wr, N as T, L as _r, R as W, Z as Ve, a0 as ln, B as Cr, $ as cn, b3 as Sr, E as jr, a1 as Nr, am as Dr, z as kr } from "./account-screen-runtime-DxhJm6Qd.js";
+import { u as Ee, C as Er, o as se, n as U, s as D, b as Pt, R as Ot, D as Ft, P as Rr } from "./schemas-9_ZwC5nC.js";
+import { c as Mr, a as Ar } from "./client.gen-CSTBgfxj.js";
+import { B as Lr, a as Ir, b as un, d as Tr, c as dn, e as Pr } from "./Breadcrumb-CZ-skiUy.js";
+import { c as Or, a as Fr, b as zr, u as Br, S as de, I as fn } from "./sheet-haptics-context-D2WUiXJm.js";
+import { E as $r, U as qr } from "./user-BGrQJ1GJ.js";
+import { U as Kr, C as Ur } from "./users-DBL0isYy.js";
+import { A as Ut } from "./arrow-left-UFKI-PQf.js";
+import { u as Hr, T as Ht } from "./trash-2-Bq4IqH0j.js";
+import { u as En } from "./sidebar-CMSWZCPS.js";
+import { P as hn } from "./plus-C-lo0pFM.js";
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Yr = [
+  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
+  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
+  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
+  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
+], Rn = bt("grip-vertical", Yr);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Xr = [
+  ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
+  ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
+], Wr = bt("layout-grid", Xr);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Vr = [
+  ["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" }]
+], Qr = bt("link-2", Vr);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Gr = [
+  [
+    "path",
+    {
+      d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",
+      key: "e79jfc"
+    }
+  ],
+  ["circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", key: "1okk4w" }],
+  ["circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", key: "f64h9f" }],
+  ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
+  ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }]
+], Mn = bt("palette", Gr);
+function ze({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: ke(
+        "bg-card text-card-foreground flex h-full flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function Yt({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: ke(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function An({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: ke("leading-none font-semibold", e),
+      ...t
+    }
+  );
+}
+function Jr({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: ke(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function yt({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: ke("px-6", e),
+      ...t
+    }
+  );
+}
+const Ln = l.createContext(null), Zr = Ln.Provider;
+function oe() {
+  const e = l.use(Ln);
+  if (!e)
+    throw new Error("useMySiteApi must be used within a MySiteApiProvider");
+  return e;
+}
+function es(e) {
+  return e instanceof DOMException && e.name === "AbortError" || e instanceof Error && e.name === "AbortError";
+}
+function ts(e) {
+  const t = Mr({
+    baseUrl: e.baseUrl,
+    credentials: "include",
+    fetch: e.fetch,
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+      ...e.defaultHeaders
+    },
+    throwOnError: !0
+  });
+  return t.interceptors.request.use((n) => {
+    const r = e.getDefaultHeaders?.();
+    if (!r)
+      return n;
+    const s = new Headers(n.headers);
+    for (const [o, a] of Object.entries(r))
+      s.set(o, a);
+    return new Request(n, { headers: s });
+  }), t.interceptors.error.use(
+    Ar({
+      onResponseError: (n) => {
+        n.status === 401 && e.onAuthError?.();
+      },
+      shouldPassThroughTransportError: es
+    })
+  ), t;
+}
+const ns = (e) => e.client.get({
+  responseStyle: "data",
+  url: "/api/mysite/profile",
+  ...e
+}), mn = (e) => e.client.put({
+  responseStyle: "data",
+  url: "/api/mysite/profile",
+  ...e,
+  headers: {
+    "Content-Type": "application/json",
+    ...e.headers
+  }
+}), rs = (e) => e.client.get({
+  responseStyle: "data",
+  url: "/api/mysite/themes",
+  ...e
+}), ss = (e) => e.client.put({
+  responseStyle: "data",
+  url: "/api/mysite/settings",
+  ...e,
+  headers: {
+    "Content-Type": "application/json",
+    ...e.headers
+  }
+}), is = (e) => e.client.get({
+  responseStyle: "data",
+  url: "/api/mysite/links",
+  ...e
+}), os = (e) => e.client.post({
+  responseStyle: "data",
+  url: "/api/mysite/links",
+  ...e,
+  headers: {
+    "Content-Type": "application/json",
+    ...e.headers
+  }
+}), as = (e) => e.client.delete({
+  responseStyle: "data",
+  url: "/api/mysite/links/{id}",
+  ...e
+}), ls = (e) => e.client.put({
+  responseStyle: "data",
+  url: "/api/mysite/links/{id}",
+  ...e,
+  headers: {
+    "Content-Type": "application/json",
+    ...e.headers
+  }
+}), cs = (e) => e.client.patch({
+  responseStyle: "data",
+  url: "/api/mysite/links/bulk",
+  ...e,
+  headers: {
+    "Content-Type": "application/json",
+    ...e.headers
+  }
+}), us = (e) => e.client.get({
+  responseStyle: "data",
+  url: "/api/mysite/favorites",
+  ...e
+}), ds = (e) => e.client.post({
+  responseStyle: "data",
+  url: "/api/mysite/favorites",
+  ...e,
+  headers: {
+    "Content-Type": "application/json",
+    ...e.headers
+  }
+}), fs = (e) => e.client.delete({
+  responseStyle: "data",
+  url: "/api/mysite/favorites/{id}",
+  ...e
+}), hs = (e) => e.client.patch({
+  responseStyle: "data",
+  url: "/api/mysite/favorites/bulk",
+  ...e,
+  headers: {
+    "Content-Type": "application/json",
+    ...e.headers
+  }
+});
+function pn(e) {
+  return {
+    id: e.id ?? 0,
+    mysite_url: e.mysite_url ?? null,
+    mysite_views: e.mysite_views ?? 0,
+    mysite_leads: e.mysite_leads ?? 0,
+    theme_id: e.theme_id ?? null,
+    bio: e.bio ?? null,
+    avatar_url: e.avatar_url ?? null,
+    display_name: e.display_name ?? null,
+    slug: e.slug ?? null
+  };
+}
+function lt(e) {
+  return {
+    id: e.id ?? 0,
+    url: e.url ?? "",
+    title: e.title ?? "",
+    position: e.position ?? 0
+  };
+}
+function Mt(e) {
+  return {
+    id: e.id ?? 0,
+    favoriteable_id: e.favoriteable_id ?? e.product_id ?? 0,
+    favoriteable_type: e.favoriteable_type ?? "Product",
+    name: e.name ?? e.product_name ?? null,
+    image_url: e.image_url ?? e.product_image_url ?? null,
+    product_id: e.product_id ?? e.favoriteable_id ?? 0,
+    product_name: e.product_name ?? e.name ?? null,
+    product_image_url: e.product_image_url ?? e.image_url ?? null,
+    position: e.position ?? 0,
+    created_at: e.created_at ?? null
+  };
+}
+function ms(e) {
+  return {
+    id: e.id ?? 0,
+    name: e.name ?? "",
+    preview_url: e.preview_url ?? null
+  };
+}
+function ps(e) {
+  return {
+    fetchProfile: async () => {
+      const t = await ns({ client: e });
+      return pn(t.profile ?? {});
+    },
+    updateProfile: async (t) => {
+      const n = await mn({
+        client: e,
+        body: {
+          profile: {
+            display_name: t.display_name,
+            bio: t.bio,
+            avatar_url: t.avatar_url
+          }
+        }
+      });
+      return pn(n.profile ?? {});
+    },
+    updateSettings: async (t) => {
+      await Promise.all([
+        t.theme_id !== void 0 ? ss({
+          client: e,
+          body: { settings: { theme_id: t.theme_id } }
+        }) : Promise.resolve(),
+        t.slug !== void 0 ? mn({
+          client: e,
+          body: { profile: { slug: t.slug } }
+        }) : Promise.resolve()
+      ]);
+    },
+    listLinks: async () => ((await is({ client: e })).links ?? []).map(lt),
+    createLink: async (t) => {
+      const n = await os({
+        client: e,
+        body: { link: { title: t.title, url: t.url } }
+      });
+      return lt(n.link ?? {});
+    },
+    updateLink: async (t, n) => {
+      const r = await ls({
+        client: e,
+        path: { id: t },
+        body: { link: { title: n.title, url: n.url } }
+      });
+      return lt(r.link ?? {});
+    },
+    deleteLink: async (t) => {
+      await as({ client: e, path: { id: t } });
+    },
+    reorderLinks: async (t) => ((await cs({
+      client: e,
+      body: { ordered_ids: t }
+    })).links ?? []).map(lt),
+    listFavorites: async () => ((await us({ client: e })).favorites ?? []).map(Mt),
+    addFavorite: async (t) => {
+      const n = await ds({
+        client: e,
+        body: { favorite: { product_id: t.product_id } }
+      });
+      return Mt(n.favorite ?? {});
+    },
+    deleteFavorite: async (t) => {
+      await fs({
+        client: e,
+        path: { id: t }
+      });
+    },
+    reorderFavorites: async (t) => ((await hs({
+      client: e,
+      body: { ordered_ids: t }
+    })).favorites ?? []).map(Mt),
+    listThemes: async () => ((await rs({ client: e })).themes ?? []).map(ms)
+  };
+}
+const gs = {
+  heading: "MySite",
+  nav_profile: "Profile",
+  nav_theme: "Theme",
+  nav_content: "MySite Content",
+  nav_buttons: "Buttons",
+  visitor_details: "Visitor Details",
+  views: "Views",
+  leads: "Leads",
+  your_mysite_link: "Your MySite Link",
+  edit_link: "Edit Link",
+  not_configured: "Not configured",
+  slug_empty_error: "Slug cannot be empty",
+  link_updated: "MySite link updated",
+  link_update_failed: "Failed to update link",
+  link_copied: "Link copied to clipboard",
+  link_copy_failed: "Failed to copy link",
+  cancel: "Cancel",
+  save: "Save",
+  saving: "Saving...",
+  delete: "Delete",
+  deleting: "Deleting...",
+  remove: "Remove",
+  removing: "Removing...",
+  current_theme: "Current Theme",
+  preview: "Preview",
+  mysite_preview: "MySite Preview",
+  no_site_configured: "No site configured",
+  choose_a_theme: "Choose a Theme",
+  no_themes_available: "No themes available",
+  buttons_heading: "Buttons",
+  add_button: "Add Button",
+  no_buttons_empty: "No buttons yet. Add custom link buttons to display on your MySite.",
+  drag_to_reorder: "Drag to reorder",
+  edit_button_aria: "Edit button",
+  delete_button_aria: "Delete button",
+  edit_button_dialog: "Edit Button",
+  add_button_dialog: "Add Button",
+  button_text_label: "Button Text",
+  button_text_placeholder: "Enter button text...",
+  url_label: "URL",
+  url_placeholder: "https://example.com",
+  button_updated: "Button updated",
+  button_update_failed: "Failed to update button",
+  button_created: "Button created",
+  button_create_failed: "Failed to create button",
+  delete_button_dialog: "Delete Button",
+  delete_button_confirm: 'Are you sure you want to delete the button "{{name}}"? This action cannot be undone.',
+  button_deleted: "Button deleted",
+  button_delete_failed: "Failed to delete button",
+  reorder_buttons_failed: "Failed to reorder buttons",
+  content_heading: "MySite Content",
+  no_content_empty: "No featured content yet. Favorite products, media, or pages to display on your MySite.",
+  untitled: "Untitled",
+  no_image: "N/A",
+  remove_favorite_aria: "Remove favorite",
+  remove_content_dialog: "Remove Content",
+  remove_content_confirm: 'Are you sure you want to remove "{{name}}" from your MySite? This action cannot be undone.',
+  content_removed: "Content removed",
+  content_remove_failed: "Failed to remove content",
+  reorder_content_failed: "Failed to reorder content",
+  theme_changed: 'Theme changed to "{{name}}"',
+  theme_update_failed: "Failed to update theme",
+  type_media: "Media",
+  type_playlist: "Playlist",
+  type_enrollment_pack: "Enrollment Pack",
+  type_page: "Page",
+  validation_button_text_required: "Button text is required",
+  validation_url_invalid: "Must be a valid URL",
+  loading: "Loading...",
+  default_badge: "Default",
+  dashboard_breadcrumb: "Dashboard",
+  mysite_themes_title: "Mysite Themes",
+  themes_library_heading: "Mysite Theme Library",
+  no_mysite_themes_found: "No Mysite themes found",
+  reset_cache: "Reset Cache",
+  resetting: "Resetting...",
+  cache_reset_started: "Cache reset started successfully",
+  cache_reset_failed: "Failed to reset cache",
+  last_save: "Last save:",
+  customize: "Customize",
+  add_theme: "Add Theme",
+  rename_theme_aria: "Rename theme",
+  cancel_rename_aria: "Cancel rename",
+  theme_name_aria: "Theme name",
+  rename_failed: "Couldn't rename theme. Try again.",
+  name_validation_error: "Name {{error}}"
+}, vs = Fr({
+  fallback: gs,
+  loaders: {
+    ar: () => import("./ar-D_B30x0o.js").then(
+      (e) => e.default
+    ),
+    bg: () => import("./bg-CIgMfa9k.js").then(
+      (e) => e.default
+    ),
+    bn: () => import("./bn-BgnBXWHo.js").then(
+      (e) => e.default
+    ),
+    cs: () => import("./cs-DmLSumGB.js").then(
+      (e) => e.default
+    ),
+    da: () => import("./da-EfkyseOR.js").then(
+      (e) => e.default
+    ),
+    de: () => import("./de-EARi-xk5.js").then(
+      (e) => e.default
+    ),
+    el: () => import("./el-BPz4rb5a.js").then(
+      (e) => e.default
+    ),
+    es: () => import("./es-CFZtv6aF.js").then(
+      (e) => e.default
+    ),
+    fi: () => import("./fi-Bn9_l4IH.js").then(
+      (e) => e.default
+    ),
+    fr: () => import("./fr-BSouGEGN.js").then(
+      (e) => e.default
+    ),
+    he: () => import("./he-BYEZTUry.js").then(
+      (e) => e.default
+    ),
+    hi: () => import("./hi-BLnEaAml.js").then(
+      (e) => e.default
+    ),
+    hr: () => import("./hr-B1T2UY_p.js").then(
+      (e) => e.default
+    ),
+    hu: () => import("./hu-cQw9hgLe.js").then(
+      (e) => e.default
+    ),
+    id: () => import("./id-Zd_5csjz.js").then(
+      (e) => e.default
+    ),
+    it: () => import("./it-CmxC_FIJ.js").then(
+      (e) => e.default
+    ),
+    ja: () => import("./ja-BcOunH2q.js").then(
+      (e) => e.default
+    ),
+    ko: () => import("./ko-CG_0ufw6.js").then(
+      (e) => e.default
+    ),
+    ms: () => import("./ms-DTN7PIDq.js").then(
+      (e) => e.default
+    ),
+    nl: () => import("./nl-x2lc8Ct5.js").then(
+      (e) => e.default
+    ),
+    no: () => import("./no-R8FScfrK.js").then(
+      (e) => e.default
+    ),
+    pl: () => import("./pl-Bl9G1yOR.js").then(
+      (e) => e.default
+    ),
+    pt: () => import("./pt-nD60RpwN.js").then(
+      (e) => e.default
+    ),
+    ro: () => import("./ro-D6ybG7vp.js").then(
+      (e) => e.default
+    ),
+    ru: () => import("./ru-C0oMeuhb.js").then(
+      (e) => e.default
+    ),
+    sk: () => import("./sk-Bpdt_mn0.js").then(
+      (e) => e.default
+    ),
+    sv: () => import("./sv-CEmTDhJy.js").then(
+      (e) => e.default
+    ),
+    th: () => import("./th-F8oLBw5n.js").then(
+      (e) => e.default
+    ),
+    tl: () => import("./tl-BXIS85ly.js").then(
+      (e) => e.default
+    ),
+    tr: () => import("./tr-YXIIDIEV.js").then(
+      (e) => e.default
+    ),
+    uk: () => import("./uk-CYYjeT-V.js").then(
+      (e) => e.default
+    ),
+    vi: () => import("./vi-DT4XS4HU.js").then(
+      (e) => e.default
+    ),
+    zh_CN: () => import("./zh_CN-BeGANQIJ.js").then(
+      (e) => e.default
+    ),
+    zh_TW: () => import("./zh_TW-D9gGVyEb.js").then(
+      (e) => e.default
+    )
+  }
+});
+function bs(e, t) {
+  return Or(e, t);
+}
+const F = {
+  profile: () => ["portal-mysite", "profile"],
+  links: () => ["portal-mysite", "links"],
+  favorites: () => ["portal-mysite", "favorites"],
+  themes: () => ["portal-mysite", "themes"]
+};
+function In() {
+  const e = oe();
+  return xt({
+    queryKey: F.profile(),
+    queryFn: () => e.fetchProfile()
+  });
+}
+function xs(e) {
+  const t = oe(), n = De();
+  return Ee({
+    mutationFn: (r) => t.updateSettings(r),
+    // Awaited so the mutation stays pending until the refetches land. Callers
+    // otherwise show a success toast over the slug the user just replaced.
+    onSuccess: async (r, s) => {
+      await n.invalidateQueries({
+        queryKey: F.profile()
+      }), await e?.onSuccess?.(s);
+    }
+  });
+}
+function ys() {
+  const e = oe();
+  return xt({
+    queryKey: F.links(),
+    queryFn: () => e.listLinks()
+  });
+}
+function ws() {
+  const e = oe(), t = De();
+  return Ee({
+    mutationFn: (n) => e.createLink(n),
+    onSuccess: () => {
+      t.invalidateQueries({
+        queryKey: F.links()
+      });
+    }
+  });
+}
+function _s() {
+  const e = oe(), t = De();
+  return Ee({
+    mutationFn: ({ linkId: n, body: r }) => e.updateLink(n, r),
+    onSuccess: () => {
+      t.invalidateQueries({
+        queryKey: F.links()
+      });
+    }
+  });
+}
+function Cs() {
+  const e = oe(), t = De();
+  return Ee({
+    mutationFn: (n) => e.deleteLink(n),
+    onSuccess: () => {
+      t.invalidateQueries({
+        queryKey: F.links()
+      });
+    }
+  });
+}
+function Ss() {
+  const e = oe(), t = De();
+  return Ee({
+    mutationFn: ({
+      orderedIds: n
+    }) => e.reorderLinks(n),
+    onMutate: async ({ optimisticItems: n }) => {
+      await t.cancelQueries({
+        queryKey: F.links()
+      });
+      const r = t.getQueryData(
+        F.links()
+      );
+      return t.setQueryData(F.links(), n), { previousData: r };
+    },
+    onError: (n, r, s) => {
+      s?.previousData && t.setQueryData(
+        F.links(),
+        s.previousData
+      );
+    },
+    onSettled: () => {
+      t.invalidateQueries({
+        queryKey: F.links()
+      });
+    }
+  });
+}
+function js() {
+  const e = oe();
+  return xt({
+    queryKey: F.favorites(),
+    queryFn: () => e.listFavorites()
+  });
+}
+function Ns() {
+  const e = oe(), t = De();
+  return Ee({
+    mutationFn: (n) => e.deleteFavorite(n),
+    onSuccess: () => {
+      t.invalidateQueries({
+        queryKey: F.favorites()
+      });
+    }
+  });
+}
+function Ds() {
+  const e = oe(), t = De();
+  return Ee({
+    mutationFn: ({
+      orderedIds: n
+    }) => e.reorderFavorites(n),
+    onMutate: async ({ optimisticItems: n }) => {
+      await t.cancelQueries({
+        queryKey: F.favorites()
+      });
+      const r = t.getQueryData(
+        F.favorites()
+      );
+      return t.setQueryData(F.favorites(), n), { previousData: r };
+    },
+    onError: (n, r, s) => {
+      s?.previousData && t.setQueryData(
+        F.favorites(),
+        s.previousData
+      );
+    },
+    onSettled: () => {
+      t.invalidateQueries({
+        queryKey: F.favorites()
+      });
+    }
+  });
+}
+function ks() {
+  const e = oe();
+  return xt({
+    queryKey: F.themes(),
+    queryFn: () => e.listThemes()
+  });
+}
+const { Provider: Es, useTranslation: Rs } = zr("Mysite"), Ms = Es, he = Rs;
+function As({
+  children: e
+}) {
+  const { locale: t } = yr(), n = Br(vs, t), r = l.useMemo(
+    () => bs(t, n),
+    [t, n]
+  );
+  return /* @__PURE__ */ i.jsx(Ms, { value: r, children: e });
+}
+const je = 300, ct = 500;
+function Ls(e) {
+  switch (e) {
+    case "idle":
+      return "opacity-100 transition-none";
+    case "fade-out":
+      return "opacity-0 transition-opacity duration-300 ease-in-out";
+    case "slide":
+      return "opacity-0 2xl:translate-x-[50%] transition-transform duration-500 ease-in-out";
+    case "fade-in":
+      return "opacity-100 2xl:translate-x-[50%] transition-opacity duration-300 ease-in-out";
+    case "editing":
+      return "opacity-100 2xl:translate-x-[50%] transition-none";
+    case "exit-fade-out":
+      return "opacity-0 2xl:translate-x-[50%] transition-opacity duration-300 ease-in-out";
+    case "exit-slide":
+      return "opacity-0 transition-transform duration-500 ease-in-out";
+    case "exit-fade-in":
+      return "opacity-100 transition-opacity duration-300 ease-in-out";
+  }
+}
+function Is(e) {
+  switch (e) {
+    case "idle":
+    case "fade-out":
+    case "exit-fade-in":
+      return "transition-none";
+    case "slide":
+      return "2xl:-translate-x-[200%] transition-transform duration-500 ease-in-out";
+    case "fade-in":
+    case "editing":
+    case "exit-fade-out":
+      return "2xl:-translate-x-[200%] transition-none";
+    case "exit-slide":
+      return "transition-transform duration-500 ease-in-out";
+  }
+}
+function Ts({
+  views: e,
+  leads: t
+}) {
+  const { t: n } = he();
+  return /* @__PURE__ */ i.jsxs(ze, { className: "h-auto gap-0 py-0 shadow-none", children: [
+    /* @__PURE__ */ i.jsx(Yt, { className: "p-4 pb-3", children: /* @__PURE__ */ i.jsx(An, { className: "text-sm", children: n("visitor_details") }) }),
+    /* @__PURE__ */ i.jsxs(yt, { className: "flex px-4 pb-4", children: [
+      /* @__PURE__ */ i.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ i.jsxs("div", { className: "mb-2 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ i.jsx($r, { className: "text-muted-foreground size-3.5" }),
+          /* @__PURE__ */ i.jsx("span", { className: "text-muted-foreground text-sm", children: n("views") })
+        ] }),
+        /* @__PURE__ */ i.jsx("p", { className: "text-foreground text-2xl font-bold", children: e.toLocaleString() })
+      ] }),
+      /* @__PURE__ */ i.jsx(wr, { orientation: "vertical", className: "bg-border mx-4 h-auto" }),
+      /* @__PURE__ */ i.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ i.jsxs("div", { className: "mb-2 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ i.jsx(Kr, { className: "text-muted-foreground size-3.5" }),
+          /* @__PURE__ */ i.jsx("span", { className: "text-muted-foreground text-sm", children: n("leads") })
+        ] }),
+        /* @__PURE__ */ i.jsx("p", { className: "text-foreground text-2xl font-bold", children: t.toLocaleString() })
+      ] })
+    ] })
+  ] });
+}
+function Ps({
+  mysiteUrl: e,
+  displayUrl: t,
+  onUpdateSlug: n,
+  onToast: r
+}) {
+  const { t: s } = he(), o = t.lastIndexOf("/"), a = o >= 0 ? t.slice(0, o + 1) : "", c = o >= 0 ? t.slice(o + 1) : t, [u, d] = l.useState(!1), [h, f] = l.useState(c), [m, p] = l.useState(!1), x = l.useCallback(() => {
+    f(c), d(!0);
+  }, [c]), g = l.useCallback(() => {
+    d(!1), f(c);
+  }, [c]), b = l.useCallback(async () => {
+    const v = h.trim();
+    if (!v) {
+      r?.(s("slug_empty_error"), "error");
+      return;
+    }
+    if (v === c) {
+      d(!1);
+      return;
+    }
+    if (n) {
+      p(!0);
+      try {
+        await n(v), r?.(s("link_updated"), "success"), d(!1);
+      } catch {
+        r?.(s("link_update_failed"), "error");
+      } finally {
+        p(!1);
+      }
+    }
+  }, [h, c, n, r, s]), w = l.useCallback(async () => {
+    if (e)
+      try {
+        await navigator.clipboard.writeText(e), r?.(s("link_copied"), "success");
+      } catch {
+        r?.(s("link_copy_failed"), "error");
+      }
+  }, [e, r, s]);
+  return /* @__PURE__ */ i.jsxs(ze, { className: "h-auto gap-0 py-0 shadow-none", children: [
+    /* @__PURE__ */ i.jsxs(Yt, { className: "items-center p-4", children: [
+      /* @__PURE__ */ i.jsx(An, { className: "text-sm", children: s("your_mysite_link") }),
+      !u && n && /* @__PURE__ */ i.jsx(Jr, { children: /* @__PURE__ */ i.jsx(T, { variant: "link", size: "sm", onClick: x, children: s("edit_link") }) })
+    ] }),
+    /* @__PURE__ */ i.jsxs(yt, { className: "px-4 pb-4", children: [
+      /* @__PURE__ */ i.jsxs("div", { className: "text-foreground flex items-center gap-2 rounded-lg border bg-gradient-to-r from-[rgba(72,187,120,0.2)] via-[rgba(236,72,153,0.15)] to-[rgba(251,146,60,0.15)] px-3 py-2.5", children: [
+        u ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+          /* @__PURE__ */ i.jsx("span", { className: "shrink-0 text-sm", children: a }),
+          /* @__PURE__ */ i.jsx(
+            "input",
+            {
+              type: "text",
+              value: h,
+              onChange: (v) => f(v.target.value),
+              onKeyDown: (v) => {
+                v.key === "Enter" && !m && b(), v.key === "Escape" && g();
+              },
+              className: "border-input text-foreground focus:ring-primary bg-background/60 min-w-0 flex-1 rounded-md border px-2 py-1 text-sm font-medium outline-none focus:ring-1",
+              autoFocus: !0
+            }
+          )
+        ] }) : /* @__PURE__ */ i.jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: t || s("not_configured") }),
+        /* @__PURE__ */ i.jsx(
+          T,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: w,
+            disabled: !e,
+            children: /* @__PURE__ */ i.jsx(Ur, { className: "size-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i.jsx(
+        "div",
+        {
+          className: "grid transition-all duration-300 ease-in-out",
+          style: {
+            gridTemplateRows: u ? "1fr" : "0fr",
+            opacity: u ? 1 : 0,
+            marginTop: u ? 12 : 0
+          },
+          children: /* @__PURE__ */ i.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ i.jsxs("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ i.jsx(
+              T,
+              {
+                variant: "secondary",
+                size: "sm",
+                onClick: g,
+                children: s("cancel")
+              }
+            ),
+            /* @__PURE__ */ i.jsx(T, { size: "sm", onClick: b, disabled: m, children: s(m ? "saving" : "save") })
+          ] }) })
+        }
+      )
+    ] })
+  ] });
+}
+function Os({
+  mysiteUrl: e,
+  themeName: t,
+  previewKey: n,
+  isUpdating: r,
+  onPreview: s
+}) {
+  const { t: o } = he(), a = l.useRef(null), c = `${e}?preview=true`, u = l.useRef(!0);
+  l.useEffect(() => {
+    u.current = !0;
+  }, [n]);
+  const d = () => {
+    if (u.current) {
+      u.current = !1;
+      return;
+    }
+    const h = a.current;
+    h && (u.current = !0, h.src = c);
+  };
+  return /* @__PURE__ */ i.jsxs(ze, { className: "items-center gap-4 py-5", children: [
+    /* @__PURE__ */ i.jsxs(Yt, { className: "w-full items-center px-5", children: [
+      /* @__PURE__ */ i.jsxs("div", { children: [
+        /* @__PURE__ */ i.jsx("p", { className: "text-muted-foreground text-xs", children: o("current_theme") }),
+        /* @__PURE__ */ i.jsx("p", { className: "text-foreground text-sm font-semibold", children: t })
+      ] }),
+      /* @__PURE__ */ i.jsx(
+        T,
+        {
+          className: "col-start-2 row-span-2 row-start-1 cursor-pointer self-center justify-self-end",
+          variant: "secondary",
+          size: "sm",
+          onClick: s,
+          disabled: !e,
+          children: o("preview")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i.jsxs(yt, { className: "relative mx-auto my-auto w-[260px] px-0 sm:w-[320px]", children: [
+      /* @__PURE__ */ i.jsxs("div", { className: "overflow-hidden rounded-[32px] border-[6px] border-[#1e2939] bg-[#1e2939] shadow-xl sm:rounded-[40px] sm:border-[8px]", children: [
+        /* @__PURE__ */ i.jsxs("div", { className: "flex items-center justify-between bg-[#101828] px-5 py-1 sm:px-6 sm:py-1.5", children: [
+          /* @__PURE__ */ i.jsx("span", { className: "text-[10px] font-medium text-[#ffffff] sm:text-[11px]", children: "9:41" }),
+          /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ i.jsx("div", { className: "h-2 w-2 rounded-full bg-[#ffffff60] sm:h-2.5 sm:w-2.5" }),
+            /* @__PURE__ */ i.jsx("div", { className: "h-2 w-3.5 rounded-sm bg-[#ffffff60] sm:h-2.5 sm:w-4" })
+          ] })
+        ] }),
+        /* @__PURE__ */ i.jsx(
+          "div",
+          {
+            className: "relative h-[490px] overflow-y-auto bg-[#ffffff] sm:h-[600px]",
+            style: { scrollbarWidth: "none" },
+            "aria-busy": r,
+            children: e ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+              /* @__PURE__ */ i.jsx(
+                "iframe",
+                {
+                  ref: a,
+                  className: "h-full w-full origin-top-left bg-[#ffffff]",
+                  src: c,
+                  title: o("mysite_preview"),
+                  tabIndex: -1,
+                  sandbox: "allow-scripts allow-same-origin",
+                  onLoad: d
+                },
+                n
+              ),
+              r && /* @__PURE__ */ i.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white/60", children: /* @__PURE__ */ i.jsx(_r, { className: "text-muted-foreground size-6 animate-spin" }) })
+            ] }) : /* @__PURE__ */ i.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ i.jsx("p", { className: "text-muted-foreground text-sm", children: o("no_site_configured") }) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i.jsx("div", { className: "absolute bottom-1.5 left-1/2 h-1 w-24 -translate-x-1/2 rounded-full bg-white sm:bottom-2 sm:w-28" })
+    ] })
+  ] });
+}
+const Fs = 137, zs = (e) => {
+  let t = 0;
+  for (const r of e)
+    t = t * 31 + (r.codePointAt(0) ?? 0) >>> 0;
+  return `color-mix(in oklab, hsl(${t * Fs % 360} 70% 50%) 28%, var(--color-muted))`;
+};
+function Bs({
+  themes: e,
+  selectedThemeId: t,
+  onSelectTheme: n,
+  isPending: r,
+  onBack: s
+}) {
+  const { t: o } = he();
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ i.jsx(T, { variant: "ghost", size: "icon", onClick: s, children: /* @__PURE__ */ i.jsx(Ut, { className: "size-4" }) }),
+      /* @__PURE__ */ i.jsx("h1", { className: "text-foreground text-xl font-bold", children: o("choose_a_theme") })
+    ] }),
+    e.length === 0 ? /* @__PURE__ */ i.jsx(ze, { children: /* @__PURE__ */ i.jsx(yt, { className: "py-8 text-center", children: /* @__PURE__ */ i.jsx("p", { className: "text-muted-foreground", children: o("no_themes_available") }) }) }) : /* @__PURE__ */ i.jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3", children: e.map((a) => {
+      const c = a.id === t, u = a.preview_url || a.image_url;
+      return /* @__PURE__ */ i.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => n(a),
+          className: ke(
+            "group focus:ring-primary relative overflow-hidden rounded-lg border-2 transition-all focus:ring-2 focus:ring-offset-2 focus:outline-none",
+            c ? "border-primary ring-primary ring-2" : "border-border hover:border-muted-foreground/50"
+          ),
+          "aria-pressed": c,
+          disabled: r,
+          children: [
+            /* @__PURE__ */ i.jsxs("div", { className: "bg-muted relative aspect-[4/3] w-full", children: [
+              u ? /* @__PURE__ */ i.jsx(
+                "img",
+                {
+                  src: u,
+                  alt: a.name,
+                  loading: "lazy",
+                  className: "absolute inset-0 h-full w-full object-cover"
+                }
+              ) : /* @__PURE__ */ i.jsx(
+                "div",
+                {
+                  className: "text-muted-foreground/50 flex h-full w-full items-center justify-center",
+                  style: { backgroundColor: zs(a.name) },
+                  children: /* @__PURE__ */ i.jsx(Mn, { className: "size-8" })
+                }
+              ),
+              c && /* @__PURE__ */ i.jsx("div", { className: "bg-primary/20 absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ i.jsx("div", { className: "bg-primary text-primary-foreground flex size-8 items-center justify-center rounded-full", children: /* @__PURE__ */ i.jsx(Er, { className: "size-5" }) }) }),
+              !c && /* @__PURE__ */ i.jsx("div", { className: "group-hover:bg-foreground/10 absolute inset-0 transition-colors" })
+            ] }),
+            /* @__PURE__ */ i.jsx("div", { className: "bg-card p-2", children: /* @__PURE__ */ i.jsx(
+              "p",
+              {
+                className: ke(
+                  "truncate text-sm font-medium",
+                  c ? "text-primary" : "text-foreground"
+                ),
+                children: a.name
+              }
+            ) })
+          ]
+        },
+        a.id
+      );
+    }) })
+  ] });
+}
+function $s() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return l.useMemo(
+    () => (r) => {
+      t.forEach((s) => s(r));
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  );
+}
+const wt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+function Be(e) {
+  const t = Object.prototype.toString.call(e);
+  return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
+  t === "[object global]";
+}
+function Xt(e) {
+  return "nodeType" in e;
+}
+function V(e) {
+  var t, n;
+  return e ? Be(e) ? e : Xt(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+}
+function Wt(e) {
+  const {
+    Document: t
+  } = V(e);
+  return e instanceof t;
+}
+function nt(e) {
+  return Be(e) ? !1 : e instanceof V(e).HTMLElement;
+}
+function Tn(e) {
+  return e instanceof V(e).SVGElement;
+}
+function $e(e) {
+  return e ? Be(e) ? e.document : Xt(e) ? Wt(e) ? e : nt(e) || Tn(e) ? e.ownerDocument : document : document : document;
+}
+const fe = wt ? l.useLayoutEffect : l.useEffect;
+function Vt(e) {
+  const t = l.useRef(e);
+  return fe(() => {
+    t.current = e;
+  }), l.useCallback(function() {
+    for (var n = arguments.length, r = new Array(n), s = 0; s < n; s++)
+      r[s] = arguments[s];
+    return t.current == null ? void 0 : t.current(...r);
+  }, []);
+}
+function qs() {
+  const e = l.useRef(null), t = l.useCallback((r, s) => {
+    e.current = setInterval(r, s);
+  }, []), n = l.useCallback(() => {
+    e.current !== null && (clearInterval(e.current), e.current = null);
+  }, []);
+  return [t, n];
+}
+function Ze(e, t) {
+  t === void 0 && (t = [e]);
+  const n = l.useRef(e);
+  return fe(() => {
+    n.current !== e && (n.current = e);
+  }, t), n;
+}
+function rt(e, t) {
+  const n = l.useRef();
+  return l.useMemo(
+    () => {
+      const r = e(n.current);
+      return n.current = r, r;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...t]
+  );
+}
+function ht(e) {
+  const t = Vt(e), n = l.useRef(null), r = l.useCallback(
+    (s) => {
+      s !== n.current && t?.(s, n.current), n.current = s;
+    },
+    //eslint-disable-next-line
+    []
+  );
+  return [n, r];
+}
+function zt(e) {
+  const t = l.useRef();
+  return l.useEffect(() => {
+    t.current = e;
+  }, [e]), t.current;
+}
+let At = {};
+function st(e, t) {
+  return l.useMemo(() => {
+    if (t)
+      return t;
+    const n = At[e] == null ? 0 : At[e] + 1;
+    return At[e] = n, e + "-" + n;
+  }, [e, t]);
+}
+function Pn(e) {
+  return function(t) {
+    for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), s = 1; s < n; s++)
+      r[s - 1] = arguments[s];
+    return r.reduce((o, a) => {
+      const c = Object.entries(a);
+      for (const [u, d] of c) {
+        const h = o[u];
+        h != null && (o[u] = h + e * d);
+      }
+      return o;
+    }, {
+      ...t
+    });
+  };
+}
+const Oe = /* @__PURE__ */ Pn(1), et = /* @__PURE__ */ Pn(-1);
+function Ks(e) {
+  return "clientX" in e && "clientY" in e;
+}
+function Qt(e) {
+  if (!e)
+    return !1;
+  const {
+    KeyboardEvent: t
+  } = V(e.target);
+  return t && e instanceof t;
+}
+function Us(e) {
+  if (!e)
+    return !1;
+  const {
+    TouchEvent: t
+  } = V(e.target);
+  return t && e instanceof t;
+}
+function Bt(e) {
+  if (Us(e)) {
+    if (e.touches && e.touches.length) {
+      const {
+        clientX: t,
+        clientY: n
+      } = e.touches[0];
+      return {
+        x: t,
+        y: n
+      };
+    } else if (e.changedTouches && e.changedTouches.length) {
+      const {
+        clientX: t,
+        clientY: n
+      } = e.changedTouches[0];
+      return {
+        x: t,
+        y: n
+      };
+    }
+  }
+  return Ks(e) ? {
+    x: e.clientX,
+    y: e.clientY
+  } : null;
+}
+const Fe = /* @__PURE__ */ Object.freeze({
+  Translate: {
+    toString(e) {
+      if (!e)
+        return;
+      const {
+        x: t,
+        y: n
+      } = e;
+      return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (n ? Math.round(n) : 0) + "px, 0)";
+    }
+  },
+  Scale: {
+    toString(e) {
+      if (!e)
+        return;
+      const {
+        scaleX: t,
+        scaleY: n
+      } = e;
+      return "scaleX(" + t + ") scaleY(" + n + ")";
+    }
+  },
+  Transform: {
+    toString(e) {
+      if (e)
+        return [Fe.Translate.toString(e), Fe.Scale.toString(e)].join(" ");
+    }
+  },
+  Transition: {
+    toString(e) {
+      let {
+        property: t,
+        duration: n,
+        easing: r
+      } = e;
+      return t + " " + n + "ms " + r;
+    }
+  }
+}), gn = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function Hs(e) {
+  return e.matches(gn) ? e : e.querySelector(gn);
+}
+const Ys = {
+  display: "none"
+};
+function Xs(e) {
+  let {
+    id: t,
+    value: n
+  } = e;
+  return W.createElement("div", {
+    id: t,
+    style: Ys
+  }, n);
+}
+function Ws(e) {
+  let {
+    id: t,
+    announcement: n,
+    ariaLiveType: r = "assertive"
+  } = e;
+  const s = {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: 1,
+    height: 1,
+    margin: -1,
+    border: 0,
+    padding: 0,
+    overflow: "hidden",
+    clip: "rect(0 0 0 0)",
+    clipPath: "inset(100%)",
+    whiteSpace: "nowrap"
+  };
+  return W.createElement("div", {
+    id: t,
+    style: s,
+    role: "status",
+    "aria-live": r,
+    "aria-atomic": !0
+  }, n);
+}
+function Vs() {
+  const [e, t] = l.useState("");
+  return {
+    announce: l.useCallback((r) => {
+      r != null && t(r);
+    }, []),
+    announcement: e
+  };
+}
+const On = /* @__PURE__ */ l.createContext(null);
+function Qs(e) {
+  const t = l.useContext(On);
+  l.useEffect(() => {
+    if (!t)
+      throw new Error("useDndMonitor must be used within a children of <DndContext>");
+    return t(e);
+  }, [e, t]);
+}
+function Gs() {
+  const [e] = l.useState(() => /* @__PURE__ */ new Set()), t = l.useCallback((r) => (e.add(r), () => e.delete(r)), [e]);
+  return [l.useCallback((r) => {
+    let {
+      type: s,
+      event: o
+    } = r;
+    e.forEach((a) => {
+      var c;
+      return (c = a[s]) == null ? void 0 : c.call(a, o);
+    });
+  }, [e]), t];
+}
+const Js = {
+  draggable: `
+    To pick up a draggable item, press the space bar.
+    While dragging, use the arrow keys to move the item.
+    Press space again to drop the item in its new position, or press escape to cancel.
+  `
+}, Zs = {
+  onDragStart(e) {
+    let {
+      active: t
+    } = e;
+    return "Picked up draggable item " + t.id + ".";
+  },
+  onDragOver(e) {
+    let {
+      active: t,
+      over: n
+    } = e;
+    return n ? "Draggable item " + t.id + " was moved over droppable area " + n.id + "." : "Draggable item " + t.id + " is no longer over a droppable area.";
+  },
+  onDragEnd(e) {
+    let {
+      active: t,
+      over: n
+    } = e;
+    return n ? "Draggable item " + t.id + " was dropped over droppable area " + n.id : "Draggable item " + t.id + " was dropped.";
+  },
+  onDragCancel(e) {
+    let {
+      active: t
+    } = e;
+    return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
+  }
+};
+function ei(e) {
+  let {
+    announcements: t = Zs,
+    container: n,
+    hiddenTextDescribedById: r,
+    screenReaderInstructions: s = Js
+  } = e;
+  const {
+    announce: o,
+    announcement: a
+  } = Vs(), c = st("DndLiveRegion"), [u, d] = l.useState(!1);
+  if (l.useEffect(() => {
+    d(!0);
+  }, []), Qs(l.useMemo(() => ({
+    onDragStart(f) {
+      let {
+        active: m
+      } = f;
+      o(t.onDragStart({
+        active: m
+      }));
+    },
+    onDragMove(f) {
+      let {
+        active: m,
+        over: p
+      } = f;
+      t.onDragMove && o(t.onDragMove({
+        active: m,
+        over: p
+      }));
+    },
+    onDragOver(f) {
+      let {
+        active: m,
+        over: p
+      } = f;
+      o(t.onDragOver({
+        active: m,
+        over: p
+      }));
+    },
+    onDragEnd(f) {
+      let {
+        active: m,
+        over: p
+      } = f;
+      o(t.onDragEnd({
+        active: m,
+        over: p
+      }));
+    },
+    onDragCancel(f) {
+      let {
+        active: m,
+        over: p
+      } = f;
+      o(t.onDragCancel({
+        active: m,
+        over: p
+      }));
+    }
+  }), [o, t])), !u)
+    return null;
+  const h = W.createElement(W.Fragment, null, W.createElement(Xs, {
+    id: r,
+    value: s.draggable
+  }), W.createElement(Ws, {
+    id: c,
+    announcement: a
+  }));
+  return n ? Ve.createPortal(h, n) : h;
+}
+var O;
+(function(e) {
+  e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
+})(O || (O = {}));
+function mt() {
+}
+function pt(e, t) {
+  return l.useMemo(
+    () => ({
+      sensor: e,
+      options: t ?? {}
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e, t]
+  );
+}
+function Fn() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return l.useMemo(
+    () => [...t].filter((r) => r != null),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...t]
+  );
+}
+const ie = /* @__PURE__ */ Object.freeze({
+  x: 0,
+  y: 0
+});
+function zn(e, t) {
+  return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
+}
+function Bn(e, t) {
+  let {
+    data: {
+      value: n
+    }
+  } = e, {
+    data: {
+      value: r
+    }
+  } = t;
+  return n - r;
+}
+function ti(e, t) {
+  let {
+    data: {
+      value: n
+    }
+  } = e, {
+    data: {
+      value: r
+    }
+  } = t;
+  return r - n;
+}
+function vn(e) {
+  let {
+    left: t,
+    top: n,
+    height: r,
+    width: s
+  } = e;
+  return [{
+    x: t,
+    y: n
+  }, {
+    x: t + s,
+    y: n
+  }, {
+    x: t,
+    y: n + r
+  }, {
+    x: t + s,
+    y: n + r
+  }];
+}
+function $n(e, t) {
+  if (!e || e.length === 0)
+    return null;
+  const [n] = e;
+  return n[t];
+}
+function bn(e, t, n) {
+  return t === void 0 && (t = e.left), n === void 0 && (n = e.top), {
+    x: t + e.width * 0.5,
+    y: n + e.height * 0.5
+  };
+}
+const qn = (e) => {
+  let {
+    collisionRect: t,
+    droppableRects: n,
+    droppableContainers: r
+  } = e;
+  const s = bn(t, t.left, t.top), o = [];
+  for (const a of r) {
+    const {
+      id: c
+    } = a, u = n.get(c);
+    if (u) {
+      const d = zn(bn(u), s);
+      o.push({
+        id: c,
+        data: {
+          droppableContainer: a,
+          value: d
+        }
+      });
+    }
+  }
+  return o.sort(Bn);
+}, ni = (e) => {
+  let {
+    collisionRect: t,
+    droppableRects: n,
+    droppableContainers: r
+  } = e;
+  const s = vn(t), o = [];
+  for (const a of r) {
+    const {
+      id: c
+    } = a, u = n.get(c);
+    if (u) {
+      const d = vn(u), h = s.reduce((m, p, x) => m + zn(d[x], p), 0), f = Number((h / 4).toFixed(4));
+      o.push({
+        id: c,
+        data: {
+          droppableContainer: a,
+          value: f
+        }
+      });
+    }
+  }
+  return o.sort(Bn);
+};
+function ri(e, t) {
+  const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), s = Math.min(t.left + t.width, e.left + e.width), o = Math.min(t.top + t.height, e.top + e.height), a = s - r, c = o - n;
+  if (r < s && n < o) {
+    const u = t.width * t.height, d = e.width * e.height, h = a * c, f = h / (u + d - h);
+    return Number(f.toFixed(4));
+  }
+  return 0;
+}
+const si = (e) => {
+  let {
+    collisionRect: t,
+    droppableRects: n,
+    droppableContainers: r
+  } = e;
+  const s = [];
+  for (const o of r) {
+    const {
+      id: a
+    } = o, c = n.get(a);
+    if (c) {
+      const u = ri(c, t);
+      u > 0 && s.push({
+        id: a,
+        data: {
+          droppableContainer: o,
+          value: u
+        }
+      });
+    }
+  }
+  return s.sort(ti);
+};
+function ii(e, t, n) {
+  return {
+    ...e,
+    scaleX: t && n ? t.width / n.width : 1,
+    scaleY: t && n ? t.height / n.height : 1
+  };
+}
+function Kn(e, t) {
+  return e && t ? {
+    x: e.left - t.left,
+    y: e.top - t.top
+  } : ie;
+}
+function oi(e) {
+  return function(n) {
+    for (var r = arguments.length, s = new Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++)
+      s[o - 1] = arguments[o];
+    return s.reduce((a, c) => ({
+      ...a,
+      top: a.top + e * c.y,
+      bottom: a.bottom + e * c.y,
+      left: a.left + e * c.x,
+      right: a.right + e * c.x
+    }), {
+      ...n
+    });
+  };
+}
+const ai = /* @__PURE__ */ oi(1);
+function li(e) {
+  if (e.startsWith("matrix3d(")) {
+    const t = e.slice(9, -1).split(/, /);
+    return {
+      x: +t[12],
+      y: +t[13],
+      scaleX: +t[0],
+      scaleY: +t[5]
+    };
+  } else if (e.startsWith("matrix(")) {
+    const t = e.slice(7, -1).split(/, /);
+    return {
+      x: +t[4],
+      y: +t[5],
+      scaleX: +t[0],
+      scaleY: +t[3]
+    };
+  }
+  return null;
+}
+function ci(e, t, n) {
+  const r = li(t);
+  if (!r)
+    return e;
+  const {
+    scaleX: s,
+    scaleY: o,
+    x: a,
+    y: c
+  } = r, u = e.left - a - (1 - s) * parseFloat(n), d = e.top - c - (1 - o) * parseFloat(n.slice(n.indexOf(" ") + 1)), h = s ? e.width / s : e.width, f = o ? e.height / o : e.height;
+  return {
+    width: h,
+    height: f,
+    top: d,
+    right: u + h,
+    bottom: d + f,
+    left: u
+  };
+}
+const ui = {
+  ignoreTransform: !1
+};
+function qe(e, t) {
+  t === void 0 && (t = ui);
+  let n = e.getBoundingClientRect();
+  if (t.ignoreTransform) {
+    const {
+      transform: d,
+      transformOrigin: h
+    } = V(e).getComputedStyle(e);
+    d && (n = ci(n, d, h));
+  }
+  const {
+    top: r,
+    left: s,
+    width: o,
+    height: a,
+    bottom: c,
+    right: u
+  } = n;
+  return {
+    top: r,
+    left: s,
+    width: o,
+    height: a,
+    bottom: c,
+    right: u
+  };
+}
+function xn(e) {
+  return qe(e, {
+    ignoreTransform: !0
+  });
+}
+function di(e) {
+  const t = e.innerWidth, n = e.innerHeight;
+  return {
+    top: 0,
+    left: 0,
+    right: t,
+    bottom: n,
+    width: t,
+    height: n
+  };
+}
+function fi(e, t) {
+  return t === void 0 && (t = V(e).getComputedStyle(e)), t.position === "fixed";
+}
+function hi(e, t) {
+  t === void 0 && (t = V(e).getComputedStyle(e));
+  const n = /(auto|scroll|overlay)/;
+  return ["overflow", "overflowX", "overflowY"].some((s) => {
+    const o = t[s];
+    return typeof o == "string" ? n.test(o) : !1;
+  });
+}
+function _t(e, t) {
+  const n = [];
+  function r(s) {
+    if (t != null && n.length >= t || !s)
+      return n;
+    if (Wt(s) && s.scrollingElement != null && !n.includes(s.scrollingElement))
+      return n.push(s.scrollingElement), n;
+    if (!nt(s) || Tn(s) || n.includes(s))
+      return n;
+    const o = V(e).getComputedStyle(s);
+    return s !== e && hi(s, o) && n.push(s), fi(s, o) ? n : r(s.parentNode);
+  }
+  return e ? r(e) : n;
+}
+function Un(e) {
+  const [t] = _t(e, 1);
+  return t ?? null;
+}
+function Lt(e) {
+  return !wt || !e ? null : Be(e) ? e : Xt(e) ? Wt(e) || e === $e(e).scrollingElement ? window : nt(e) ? e : null : null;
+}
+function Hn(e) {
+  return Be(e) ? e.scrollX : e.scrollLeft;
+}
+function Yn(e) {
+  return Be(e) ? e.scrollY : e.scrollTop;
+}
+function $t(e) {
+  return {
+    x: Hn(e),
+    y: Yn(e)
+  };
+}
+var z;
+(function(e) {
+  e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
+})(z || (z = {}));
+function Xn(e) {
+  return !wt || !e ? !1 : e === document.scrollingElement;
+}
+function Wn(e) {
+  const t = {
+    x: 0,
+    y: 0
+  }, n = Xn(e) ? {
+    height: window.innerHeight,
+    width: window.innerWidth
+  } : {
+    height: e.clientHeight,
+    width: e.clientWidth
+  }, r = {
+    x: e.scrollWidth - n.width,
+    y: e.scrollHeight - n.height
+  }, s = e.scrollTop <= t.y, o = e.scrollLeft <= t.x, a = e.scrollTop >= r.y, c = e.scrollLeft >= r.x;
+  return {
+    isTop: s,
+    isLeft: o,
+    isBottom: a,
+    isRight: c,
+    maxScroll: r,
+    minScroll: t
+  };
+}
+const mi = {
+  x: 0.2,
+  y: 0.2
+};
+function pi(e, t, n, r, s) {
+  let {
+    top: o,
+    left: a,
+    right: c,
+    bottom: u
+  } = n;
+  r === void 0 && (r = 10), s === void 0 && (s = mi);
+  const {
+    isTop: d,
+    isBottom: h,
+    isLeft: f,
+    isRight: m
+  } = Wn(e), p = {
+    x: 0,
+    y: 0
+  }, x = {
+    x: 0,
+    y: 0
+  }, g = {
+    height: t.height * s.y,
+    width: t.width * s.x
+  };
+  return !d && o <= t.top + g.height ? (p.y = z.Backward, x.y = r * Math.abs((t.top + g.height - o) / g.height)) : !h && u >= t.bottom - g.height && (p.y = z.Forward, x.y = r * Math.abs((t.bottom - g.height - u) / g.height)), !m && c >= t.right - g.width ? (p.x = z.Forward, x.x = r * Math.abs((t.right - g.width - c) / g.width)) : !f && a <= t.left + g.width && (p.x = z.Backward, x.x = r * Math.abs((t.left + g.width - a) / g.width)), {
+    direction: p,
+    speed: x
+  };
+}
+function gi(e) {
+  if (e === document.scrollingElement) {
+    const {
+      innerWidth: o,
+      innerHeight: a
+    } = window;
+    return {
+      top: 0,
+      left: 0,
+      right: o,
+      bottom: a,
+      width: o,
+      height: a
+    };
+  }
+  const {
+    top: t,
+    left: n,
+    right: r,
+    bottom: s
+  } = e.getBoundingClientRect();
+  return {
+    top: t,
+    left: n,
+    right: r,
+    bottom: s,
+    width: e.clientWidth,
+    height: e.clientHeight
+  };
+}
+function Vn(e) {
+  return e.reduce((t, n) => Oe(t, $t(n)), ie);
+}
+function vi(e) {
+  return e.reduce((t, n) => t + Hn(n), 0);
+}
+function bi(e) {
+  return e.reduce((t, n) => t + Yn(n), 0);
+}
+function xi(e, t) {
+  if (t === void 0 && (t = qe), !e)
+    return;
+  const {
+    top: n,
+    left: r,
+    bottom: s,
+    right: o
+  } = t(e);
+  Un(e) && (s <= 0 || o <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
+    block: "center",
+    inline: "center"
+  });
+}
+const yi = [["x", ["left", "right"], vi], ["y", ["top", "bottom"], bi]];
+class Gt {
+  constructor(t, n) {
+    this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
+    const r = _t(n), s = Vn(r);
+    this.rect = {
+      ...t
+    }, this.width = t.width, this.height = t.height;
+    for (const [o, a, c] of yi)
+      for (const u of a)
+        Object.defineProperty(this, u, {
+          get: () => {
+            const d = c(r), h = s[o] - d;
+            return this.rect[u] + h;
+          },
+          enumerable: !0
+        });
+    Object.defineProperty(this, "rect", {
+      enumerable: !1
+    });
+  }
+}
+class Qe {
+  constructor(t) {
+    this.target = void 0, this.listeners = [], this.removeAll = () => {
+      this.listeners.forEach((n) => {
+        var r;
+        return (r = this.target) == null ? void 0 : r.removeEventListener(...n);
+      });
+    }, this.target = t;
+  }
+  add(t, n, r) {
+    var s;
+    (s = this.target) == null || s.addEventListener(t, n, r), this.listeners.push([t, n, r]);
+  }
+}
+function wi(e) {
+  const {
+    EventTarget: t
+  } = V(e);
+  return e instanceof t ? e : $e(e);
+}
+function It(e, t) {
+  const n = Math.abs(e.x), r = Math.abs(e.y);
+  return typeof t == "number" ? Math.sqrt(n ** 2 + r ** 2) > t : "x" in t && "y" in t ? n > t.x && r > t.y : "x" in t ? n > t.x : "y" in t ? r > t.y : !1;
+}
+var ne;
+(function(e) {
+  e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
+})(ne || (ne = {}));
+function yn(e) {
+  e.preventDefault();
+}
+function _i(e) {
+  e.stopPropagation();
+}
+var E;
+(function(e) {
+  e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter", e.Tab = "Tab";
+})(E || (E = {}));
+const Qn = {
+  start: [E.Space, E.Enter],
+  cancel: [E.Esc],
+  end: [E.Space, E.Enter, E.Tab]
+}, Ci = (e, t) => {
+  let {
+    currentCoordinates: n
+  } = t;
+  switch (e.code) {
+    case E.Right:
+      return {
+        ...n,
+        x: n.x + 25
+      };
+    case E.Left:
+      return {
+        ...n,
+        x: n.x - 25
+      };
+    case E.Down:
+      return {
+        ...n,
+        y: n.y + 25
+      };
+    case E.Up:
+      return {
+        ...n,
+        y: n.y - 25
+      };
+  }
+};
+class Ct {
+  constructor(t) {
+    this.props = void 0, this.autoScrollEnabled = !1, this.referenceCoordinates = void 0, this.listeners = void 0, this.windowListeners = void 0, this.props = t;
+    const {
+      event: {
+        target: n
+      }
+    } = t;
+    this.props = t, this.listeners = new Qe($e(n)), this.windowListeners = new Qe(V(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+  }
+  attach() {
+    this.handleStart(), this.windowListeners.add(ne.Resize, this.handleCancel), this.windowListeners.add(ne.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(ne.Keydown, this.handleKeyDown));
+  }
+  handleStart() {
+    const {
+      activeNode: t,
+      onStart: n
+    } = this.props, r = t.node.current;
+    r && xi(r), n(ie);
+  }
+  handleKeyDown(t) {
+    if (Qt(t)) {
+      const {
+        active: n,
+        context: r,
+        options: s
+      } = this.props, {
+        keyboardCodes: o = Qn,
+        coordinateGetter: a = Ci,
+        scrollBehavior: c = "smooth"
+      } = s, {
+        code: u
+      } = t;
+      if (o.end.includes(u)) {
+        this.handleEnd(t);
+        return;
+      }
+      if (o.cancel.includes(u)) {
+        this.handleCancel(t);
+        return;
+      }
+      const {
+        collisionRect: d
+      } = r.current, h = d ? {
+        x: d.left,
+        y: d.top
+      } : ie;
+      this.referenceCoordinates || (this.referenceCoordinates = h);
+      const f = a(t, {
+        active: n,
+        context: r.current,
+        currentCoordinates: h
+      });
+      if (f) {
+        const m = et(f, h), p = {
+          x: 0,
+          y: 0
+        }, {
+          scrollableAncestors: x
+        } = r.current;
+        for (const g of x) {
+          const b = t.code, {
+            isTop: w,
+            isRight: v,
+            isLeft: y,
+            isBottom: _,
+            maxScroll: N,
+            minScroll: S
+          } = Wn(g), C = gi(g), j = {
+            x: Math.min(b === E.Right ? C.right - C.width / 2 : C.right, Math.max(b === E.Right ? C.left : C.left + C.width / 2, f.x)),
+            y: Math.min(b === E.Down ? C.bottom - C.height / 2 : C.bottom, Math.max(b === E.Down ? C.top : C.top + C.height / 2, f.y))
+          }, R = b === E.Right && !v || b === E.Left && !y, L = b === E.Down && !_ || b === E.Up && !w;
+          if (R && j.x !== f.x) {
+            const M = g.scrollLeft + m.x, P = b === E.Right && M <= N.x || b === E.Left && M >= S.x;
+            if (P && !m.y) {
+              g.scrollTo({
+                left: M,
+                behavior: c
+              });
+              return;
+            }
+            P ? p.x = g.scrollLeft - M : p.x = b === E.Right ? g.scrollLeft - N.x : g.scrollLeft - S.x, p.x && g.scrollBy({
+              left: -p.x,
+              behavior: c
+            });
+            break;
+          } else if (L && j.y !== f.y) {
+            const M = g.scrollTop + m.y, P = b === E.Down && M <= N.y || b === E.Up && M >= S.y;
+            if (P && !m.x) {
+              g.scrollTo({
+                top: M,
+                behavior: c
+              });
+              return;
+            }
+            P ? p.y = g.scrollTop - M : p.y = b === E.Down ? g.scrollTop - N.y : g.scrollTop - S.y, p.y && g.scrollBy({
+              top: -p.y,
+              behavior: c
+            });
+            break;
+          }
+        }
+        this.handleMove(t, Oe(et(f, this.referenceCoordinates), p));
+      }
+    }
+  }
+  handleMove(t, n) {
+    const {
+      onMove: r
+    } = this.props;
+    t.preventDefault(), r(n);
+  }
+  handleEnd(t) {
+    const {
+      onEnd: n
+    } = this.props;
+    t.preventDefault(), this.detach(), n();
+  }
+  handleCancel(t) {
+    const {
+      onCancel: n
+    } = this.props;
+    t.preventDefault(), this.detach(), n();
+  }
+  detach() {
+    this.listeners.removeAll(), this.windowListeners.removeAll();
+  }
+}
+Ct.activators = [{
+  eventName: "onKeyDown",
+  handler: (e, t, n) => {
+    let {
+      keyboardCodes: r = Qn,
+      onActivation: s
+    } = t, {
+      active: o
+    } = n;
+    const {
+      code: a
+    } = e.nativeEvent;
+    if (r.start.includes(a)) {
+      const c = o.activatorNode.current;
+      return c && e.target !== c ? !1 : (e.preventDefault(), s?.({
+        event: e.nativeEvent
+      }), !0);
+    }
+    return !1;
+  }
+}];
+function wn(e) {
+  return !!(e && "distance" in e);
+}
+function _n(e) {
+  return !!(e && "delay" in e);
+}
+class Jt {
+  constructor(t, n, r) {
+    var s;
+    r === void 0 && (r = wi(t.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = t, this.events = n;
+    const {
+      event: o
+    } = t, {
+      target: a
+    } = o;
+    this.props = t, this.events = n, this.document = $e(a), this.documentListeners = new Qe(this.document), this.listeners = new Qe(r), this.windowListeners = new Qe(V(a)), this.initialCoordinates = (s = Bt(o)) != null ? s : ie, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+  }
+  attach() {
+    const {
+      events: t,
+      props: {
+        options: {
+          activationConstraint: n,
+          bypassActivationConstraint: r
+        }
+      }
+    } = this;
+    if (this.listeners.add(t.move.name, this.handleMove, {
+      passive: !1
+    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(ne.Resize, this.handleCancel), this.windowListeners.add(ne.DragStart, yn), this.windowListeners.add(ne.VisibilityChange, this.handleCancel), this.windowListeners.add(ne.ContextMenu, yn), this.documentListeners.add(ne.Keydown, this.handleKeydown), n) {
+      if (r != null && r({
+        event: this.props.event,
+        activeNode: this.props.activeNode,
+        options: this.props.options
+      }))
+        return this.handleStart();
+      if (_n(n)) {
+        this.timeoutId = setTimeout(this.handleStart, n.delay), this.handlePending(n);
+        return;
+      }
+      if (wn(n)) {
+        this.handlePending(n);
+        return;
+      }
+    }
+    this.handleStart();
+  }
+  detach() {
+    this.listeners.removeAll(), this.windowListeners.removeAll(), setTimeout(this.documentListeners.removeAll, 50), this.timeoutId !== null && (clearTimeout(this.timeoutId), this.timeoutId = null);
+  }
+  handlePending(t, n) {
+    const {
+      active: r,
+      onPending: s
+    } = this.props;
+    s(r, t, this.initialCoordinates, n);
+  }
+  handleStart() {
+    const {
+      initialCoordinates: t
+    } = this, {
+      onStart: n
+    } = this.props;
+    t && (this.activated = !0, this.documentListeners.add(ne.Click, _i, {
+      capture: !0
+    }), this.removeTextSelection(), this.documentListeners.add(ne.SelectionChange, this.removeTextSelection), n(t));
+  }
+  handleMove(t) {
+    var n;
+    const {
+      activated: r,
+      initialCoordinates: s,
+      props: o
+    } = this, {
+      onMove: a,
+      options: {
+        activationConstraint: c
+      }
+    } = o;
+    if (!s)
+      return;
+    const u = (n = Bt(t)) != null ? n : ie, d = et(s, u);
+    if (!r && c) {
+      if (wn(c)) {
+        if (c.tolerance != null && It(d, c.tolerance))
+          return this.handleCancel();
+        if (It(d, c.distance))
+          return this.handleStart();
+      }
+      if (_n(c) && It(d, c.tolerance))
+        return this.handleCancel();
+      this.handlePending(c, d);
+      return;
+    }
+    t.cancelable && t.preventDefault(), a(u);
+  }
+  handleEnd() {
+    const {
+      onAbort: t,
+      onEnd: n
+    } = this.props;
+    this.detach(), this.activated || t(this.props.active), n();
+  }
+  handleCancel() {
+    const {
+      onAbort: t,
+      onCancel: n
+    } = this.props;
+    this.detach(), this.activated || t(this.props.active), n();
+  }
+  handleKeydown(t) {
+    t.code === E.Esc && this.handleCancel();
+  }
+  removeTextSelection() {
+    var t;
+    (t = this.document.getSelection()) == null || t.removeAllRanges();
+  }
+}
+const Si = {
+  cancel: {
+    name: "pointercancel"
+  },
+  move: {
+    name: "pointermove"
+  },
+  end: {
+    name: "pointerup"
+  }
+};
+class St extends Jt {
+  constructor(t) {
+    const {
+      event: n
+    } = t, r = $e(n.target);
+    super(t, Si, r);
+  }
+}
+St.activators = [{
+  eventName: "onPointerDown",
+  handler: (e, t) => {
+    let {
+      nativeEvent: n
+    } = e, {
+      onActivation: r
+    } = t;
+    return !n.isPrimary || n.button !== 0 ? !1 : (r?.({
+      event: n
+    }), !0);
+  }
+}];
+const ji = {
+  move: {
+    name: "mousemove"
+  },
+  end: {
+    name: "mouseup"
+  }
+};
+var qt;
+(function(e) {
+  e[e.RightClick = 2] = "RightClick";
+})(qt || (qt = {}));
+class Ni extends Jt {
+  constructor(t) {
+    super(t, ji, $e(t.event.target));
+  }
+}
+Ni.activators = [{
+  eventName: "onMouseDown",
+  handler: (e, t) => {
+    let {
+      nativeEvent: n
+    } = e, {
+      onActivation: r
+    } = t;
+    return n.button === qt.RightClick ? !1 : (r?.({
+      event: n
+    }), !0);
+  }
+}];
+const Tt = {
+  cancel: {
+    name: "touchcancel"
+  },
+  move: {
+    name: "touchmove"
+  },
+  end: {
+    name: "touchend"
+  }
+};
+class Di extends Jt {
+  constructor(t) {
+    super(t, Tt);
+  }
+  static setup() {
+    return window.addEventListener(Tt.move.name, t, {
+      capture: !1,
+      passive: !1
+    }), function() {
+      window.removeEventListener(Tt.move.name, t);
+    };
+    function t() {
+    }
+  }
+}
+Di.activators = [{
+  eventName: "onTouchStart",
+  handler: (e, t) => {
+    let {
+      nativeEvent: n
+    } = e, {
+      onActivation: r
+    } = t;
+    const {
+      touches: s
+    } = n;
+    return s.length > 1 ? !1 : (r?.({
+      event: n
+    }), !0);
+  }
+}];
+var Ge;
+(function(e) {
+  e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
+})(Ge || (Ge = {}));
+var gt;
+(function(e) {
+  e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+})(gt || (gt = {}));
+function ki(e) {
+  let {
+    acceleration: t,
+    activator: n = Ge.Pointer,
+    canScroll: r,
+    draggingRect: s,
+    enabled: o,
+    interval: a = 5,
+    order: c = gt.TreeOrder,
+    pointerCoordinates: u,
+    scrollableAncestors: d,
+    scrollableAncestorRects: h,
+    delta: f,
+    threshold: m
+  } = e;
+  const p = Ri({
+    delta: f,
+    disabled: !o
+  }), [x, g] = qs(), b = l.useRef({
+    x: 0,
+    y: 0
+  }), w = l.useRef({
+    x: 0,
+    y: 0
+  }), v = l.useMemo(() => {
+    switch (n) {
+      case Ge.Pointer:
+        return u ? {
+          top: u.y,
+          bottom: u.y,
+          left: u.x,
+          right: u.x
+        } : null;
+      case Ge.DraggableRect:
+        return s;
+    }
+  }, [n, s, u]), y = l.useRef(null), _ = l.useCallback(() => {
+    const S = y.current;
+    if (!S)
+      return;
+    const C = b.current.x * w.current.x, j = b.current.y * w.current.y;
+    S.scrollBy(C, j);
+  }, []), N = l.useMemo(() => c === gt.TreeOrder ? [...d].reverse() : d, [c, d]);
+  l.useEffect(
+    () => {
+      if (!o || !d.length || !v) {
+        g();
+        return;
+      }
+      for (const S of N) {
+        if (r?.(S) === !1)
+          continue;
+        const C = d.indexOf(S), j = h[C];
+        if (!j)
+          continue;
+        const {
+          direction: R,
+          speed: L
+        } = pi(S, j, v, t, m);
+        for (const M of ["x", "y"])
+          p[M][R[M]] || (L[M] = 0, R[M] = 0);
+        if (L.x > 0 || L.y > 0) {
+          g(), y.current = S, x(_, a), b.current = L, w.current = R;
+          return;
+        }
+      }
+      b.current = {
+        x: 0,
+        y: 0
+      }, w.current = {
+        x: 0,
+        y: 0
+      }, g();
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      t,
+      _,
+      r,
+      g,
+      o,
+      a,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      JSON.stringify(v),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      JSON.stringify(p),
+      x,
+      d,
+      N,
+      h,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      JSON.stringify(m)
+    ]
+  );
+}
+const Ei = {
+  x: {
+    [z.Backward]: !1,
+    [z.Forward]: !1
+  },
+  y: {
+    [z.Backward]: !1,
+    [z.Forward]: !1
+  }
+};
+function Ri(e) {
+  let {
+    delta: t,
+    disabled: n
+  } = e;
+  const r = zt(t);
+  return rt((s) => {
+    if (n || !r || !s)
+      return Ei;
+    const o = {
+      x: Math.sign(t.x - r.x),
+      y: Math.sign(t.y - r.y)
+    };
+    return {
+      x: {
+        [z.Backward]: s.x[z.Backward] || o.x === -1,
+        [z.Forward]: s.x[z.Forward] || o.x === 1
+      },
+      y: {
+        [z.Backward]: s.y[z.Backward] || o.y === -1,
+        [z.Forward]: s.y[z.Forward] || o.y === 1
+      }
+    };
+  }, [n, t, r]);
+}
+function Mi(e, t) {
+  const n = t != null ? e.get(t) : void 0, r = n ? n.node.current : null;
+  return rt((s) => {
+    var o;
+    return t == null ? null : (o = r ?? s) != null ? o : null;
+  }, [r, t]);
+}
+function Ai(e, t) {
+  return l.useMemo(() => e.reduce((n, r) => {
+    const {
+      sensor: s
+    } = r, o = s.activators.map((a) => ({
+      eventName: a.eventName,
+      handler: t(a.handler, r)
+    }));
+    return [...n, ...o];
+  }, []), [e, t]);
+}
+var tt;
+(function(e) {
+  e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
+})(tt || (tt = {}));
+var Kt;
+(function(e) {
+  e.Optimized = "optimized";
+})(Kt || (Kt = {}));
+const Cn = /* @__PURE__ */ new Map();
+function Li(e, t) {
+  let {
+    dragging: n,
+    dependencies: r,
+    config: s
+  } = t;
+  const [o, a] = l.useState(null), {
+    frequency: c,
+    measure: u,
+    strategy: d
+  } = s, h = l.useRef(e), f = b(), m = Ze(f), p = l.useCallback(function(w) {
+    w === void 0 && (w = []), !m.current && a((v) => v === null ? w : v.concat(w.filter((y) => !v.includes(y))));
+  }, [m]), x = l.useRef(null), g = rt((w) => {
+    if (f && !n)
+      return Cn;
+    if (!w || w === Cn || h.current !== e || o != null) {
+      const v = /* @__PURE__ */ new Map();
+      for (let y of e) {
+        if (!y)
+          continue;
+        if (o && o.length > 0 && !o.includes(y.id) && y.rect.current) {
+          v.set(y.id, y.rect.current);
+          continue;
+        }
+        const _ = y.node.current, N = _ ? new Gt(u(_), _) : null;
+        y.rect.current = N, N && v.set(y.id, N);
+      }
+      return v;
+    }
+    return w;
+  }, [e, o, n, f, u]);
+  return l.useEffect(() => {
+    h.current = e;
+  }, [e]), l.useEffect(
+    () => {
+      f || p();
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [n, f]
+  ), l.useEffect(
+    () => {
+      o && o.length > 0 && a(null);
+    },
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+    [JSON.stringify(o)]
+  ), l.useEffect(
+    () => {
+      f || typeof c != "number" || x.current !== null || (x.current = setTimeout(() => {
+        p(), x.current = null;
+      }, c));
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [c, f, p, ...r]
+  ), {
+    droppableRects: g,
+    measureDroppableContainers: p,
+    measuringScheduled: o != null
+  };
+  function b() {
+    switch (d) {
+      case tt.Always:
+        return !1;
+      case tt.BeforeDragging:
+        return n;
+      default:
+        return !n;
+    }
+  }
+}
+function Gn(e, t) {
+  return rt((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
+}
+function Ii(e, t) {
+  return Gn(e, t);
+}
+function Ti(e) {
+  let {
+    callback: t,
+    disabled: n
+  } = e;
+  const r = Vt(t), s = l.useMemo(() => {
+    if (n || typeof window > "u" || typeof window.MutationObserver > "u")
+      return;
+    const {
+      MutationObserver: o
+    } = window;
+    return new o(r);
+  }, [r, n]);
+  return l.useEffect(() => () => s?.disconnect(), [s]), s;
+}
+function jt(e) {
+  let {
+    callback: t,
+    disabled: n
+  } = e;
+  const r = Vt(t), s = l.useMemo(
+    () => {
+      if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
+        return;
+      const {
+        ResizeObserver: o
+      } = window;
+      return new o(r);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [n]
+  );
+  return l.useEffect(() => () => s?.disconnect(), [s]), s;
+}
+function Pi(e) {
+  return new Gt(qe(e), e);
+}
+function Sn(e, t, n) {
+  t === void 0 && (t = Pi);
+  const [r, s] = l.useState(null);
+  function o() {
+    s((u) => {
+      if (!e)
+        return null;
+      if (e.isConnected === !1) {
+        var d;
+        return (d = u ?? n) != null ? d : null;
+      }
+      const h = t(e);
+      return JSON.stringify(u) === JSON.stringify(h) ? u : h;
+    });
+  }
+  const a = Ti({
+    callback(u) {
+      if (e)
+        for (const d of u) {
+          const {
+            type: h,
+            target: f
+          } = d;
+          if (h === "childList" && f instanceof HTMLElement && f.contains(e)) {
+            o();
+            break;
+          }
+        }
+    }
+  }), c = jt({
+    callback: o
+  });
+  return fe(() => {
+    o(), e ? (c?.observe(e), a?.observe(document.body, {
+      childList: !0,
+      subtree: !0
+    })) : (c?.disconnect(), a?.disconnect());
+  }, [e]), r;
+}
+function Oi(e) {
+  const t = Gn(e);
+  return Kn(e, t);
+}
+const jn = [];
+function Fi(e) {
+  const t = l.useRef(e), n = rt((r) => e ? r && r !== jn && e && t.current && e.parentNode === t.current.parentNode ? r : _t(e) : jn, [e]);
+  return l.useEffect(() => {
+    t.current = e;
+  }, [e]), n;
+}
+function zi(e) {
+  const [t, n] = l.useState(null), r = l.useRef(e), s = l.useCallback((o) => {
+    const a = Lt(o.target);
+    a && n((c) => c ? (c.set(a, $t(a)), new Map(c)) : null);
+  }, []);
+  return l.useEffect(() => {
+    const o = r.current;
+    if (e !== o) {
+      a(o);
+      const c = e.map((u) => {
+        const d = Lt(u);
+        return d ? (d.addEventListener("scroll", s, {
+          passive: !0
+        }), [d, $t(d)]) : null;
+      }).filter((u) => u != null);
+      n(c.length ? new Map(c) : null), r.current = e;
+    }
+    return () => {
+      a(e), a(o);
+    };
+    function a(c) {
+      c.forEach((u) => {
+        const d = Lt(u);
+        d?.removeEventListener("scroll", s);
+      });
+    }
+  }, [s, e]), l.useMemo(() => e.length ? t ? Array.from(t.values()).reduce((o, a) => Oe(o, a), ie) : Vn(e) : ie, [e, t]);
+}
+function Nn(e, t) {
+  t === void 0 && (t = []);
+  const n = l.useRef(null);
+  return l.useEffect(
+    () => {
+      n.current = null;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  ), l.useEffect(() => {
+    const r = e !== ie;
+    r && !n.current && (n.current = e), !r && n.current && (n.current = null);
+  }, [e]), n.current ? et(e, n.current) : ie;
+}
+function Bi(e) {
+  l.useEffect(
+    () => {
+      if (!wt)
+        return;
+      const t = e.map((n) => {
+        let {
+          sensor: r
+        } = n;
+        return r.setup == null ? void 0 : r.setup();
+      });
+      return () => {
+        for (const n of t)
+          n?.();
+      };
+    },
+    // TO-DO: Sensors length could theoretically change which would not be a valid dependency
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    e.map((t) => {
+      let {
+        sensor: n
+      } = t;
+      return n;
+    })
+  );
+}
+function $i(e, t) {
+  return l.useMemo(() => e.reduce((n, r) => {
+    let {
+      eventName: s,
+      handler: o
+    } = r;
+    return n[s] = (a) => {
+      o(a, t);
+    }, n;
+  }, {}), [e, t]);
+}
+function Jn(e) {
+  return l.useMemo(() => e ? di(e) : null, [e]);
+}
+const Dn = [];
+function qi(e, t) {
+  t === void 0 && (t = qe);
+  const [n] = e, r = Jn(n ? V(n) : null), [s, o] = l.useState(Dn);
+  function a() {
+    o(() => e.length ? e.map((u) => Xn(u) ? r : new Gt(t(u), u)) : Dn);
+  }
+  const c = jt({
+    callback: a
+  });
+  return fe(() => {
+    c?.disconnect(), a(), e.forEach((u) => c?.observe(u));
+  }, [e]), s;
+}
+function Ki(e) {
+  if (!e)
+    return null;
+  if (e.children.length > 1)
+    return e;
+  const t = e.children[0];
+  return nt(t) ? t : e;
+}
+function Ui(e) {
+  let {
+    measure: t
+  } = e;
+  const [n, r] = l.useState(null), s = l.useCallback((d) => {
+    for (const {
+      target: h
+    } of d)
+      if (nt(h)) {
+        r((f) => {
+          const m = t(h);
+          return f ? {
+            ...f,
+            width: m.width,
+            height: m.height
+          } : m;
+        });
+        break;
+      }
+  }, [t]), o = jt({
+    callback: s
+  }), a = l.useCallback((d) => {
+    const h = Ki(d);
+    o?.disconnect(), h && o?.observe(h), r(h ? t(h) : null);
+  }, [t, o]), [c, u] = ht(a);
+  return l.useMemo(() => ({
+    nodeRef: c,
+    rect: n,
+    setRef: u
+  }), [n, c, u]);
+}
+const Hi = [{
+  sensor: St,
+  options: {}
+}, {
+  sensor: Ct,
+  options: {}
+}], Yi = {
+  current: {}
+}, ft = {
+  draggable: {
+    measure: xn
+  },
+  droppable: {
+    measure: xn,
+    strategy: tt.WhileDragging,
+    frequency: Kt.Optimized
+  },
+  dragOverlay: {
+    measure: qe
+  }
+};
+class Je extends Map {
+  get(t) {
+    var n;
+    return t != null && (n = super.get(t)) != null ? n : void 0;
+  }
+  toArray() {
+    return Array.from(this.values());
+  }
+  getEnabled() {
+    return this.toArray().filter((t) => {
+      let {
+        disabled: n
+      } = t;
+      return !n;
+    });
+  }
+  getNodeFor(t) {
+    var n, r;
+    return (n = (r = this.get(t)) == null ? void 0 : r.node.current) != null ? n : void 0;
+  }
+}
+const Xi = {
+  activatorEvent: null,
+  active: null,
+  activeNode: null,
+  activeNodeRect: null,
+  collisions: null,
+  containerNodeRect: null,
+  draggableNodes: /* @__PURE__ */ new Map(),
+  droppableRects: /* @__PURE__ */ new Map(),
+  droppableContainers: /* @__PURE__ */ new Je(),
+  over: null,
+  dragOverlay: {
+    nodeRef: {
+      current: null
+    },
+    rect: null,
+    setRef: mt
+  },
+  scrollableAncestors: [],
+  scrollableAncestorRects: [],
+  measuringConfiguration: ft,
+  measureDroppableContainers: mt,
+  windowRect: null,
+  measuringScheduled: !1
+}, Wi = {
+  activatorEvent: null,
+  activators: [],
+  active: null,
+  activeNodeRect: null,
+  ariaDescribedById: {
+    draggable: ""
+  },
+  dispatch: mt,
+  draggableNodes: /* @__PURE__ */ new Map(),
+  over: null,
+  measureDroppableContainers: mt
+}, Nt = /* @__PURE__ */ l.createContext(Wi), Zn = /* @__PURE__ */ l.createContext(Xi);
+function Vi() {
+  return {
+    draggable: {
+      active: null,
+      initialCoordinates: {
+        x: 0,
+        y: 0
+      },
+      nodes: /* @__PURE__ */ new Map(),
+      translate: {
+        x: 0,
+        y: 0
+      }
+    },
+    droppable: {
+      containers: new Je()
+    }
+  };
+}
+function Qi(e, t) {
+  switch (t.type) {
+    case O.DragStart:
+      return {
+        ...e,
+        draggable: {
+          ...e.draggable,
+          initialCoordinates: t.initialCoordinates,
+          active: t.active
+        }
+      };
+    case O.DragMove:
+      return e.draggable.active == null ? e : {
+        ...e,
+        draggable: {
+          ...e.draggable,
+          translate: {
+            x: t.coordinates.x - e.draggable.initialCoordinates.x,
+            y: t.coordinates.y - e.draggable.initialCoordinates.y
+          }
+        }
+      };
+    case O.DragEnd:
+    case O.DragCancel:
+      return {
+        ...e,
+        draggable: {
+          ...e.draggable,
+          active: null,
+          initialCoordinates: {
+            x: 0,
+            y: 0
+          },
+          translate: {
+            x: 0,
+            y: 0
+          }
+        }
+      };
+    case O.RegisterDroppable: {
+      const {
+        element: n
+      } = t, {
+        id: r
+      } = n, s = new Je(e.droppable.containers);
+      return s.set(r, n), {
+        ...e,
+        droppable: {
+          ...e.droppable,
+          containers: s
+        }
+      };
+    }
+    case O.SetDroppableDisabled: {
+      const {
+        id: n,
+        key: r,
+        disabled: s
+      } = t, o = e.droppable.containers.get(n);
+      if (!o || r !== o.key)
+        return e;
+      const a = new Je(e.droppable.containers);
+      return a.set(n, {
+        ...o,
+        disabled: s
+      }), {
+        ...e,
+        droppable: {
+          ...e.droppable,
+          containers: a
+        }
+      };
+    }
+    case O.UnregisterDroppable: {
+      const {
+        id: n,
+        key: r
+      } = t, s = e.droppable.containers.get(n);
+      if (!s || r !== s.key)
+        return e;
+      const o = new Je(e.droppable.containers);
+      return o.delete(n), {
+        ...e,
+        droppable: {
+          ...e.droppable,
+          containers: o
+        }
+      };
+    }
+    default:
+      return e;
+  }
+}
+function Gi(e) {
+  let {
+    disabled: t
+  } = e;
+  const {
+    active: n,
+    activatorEvent: r,
+    draggableNodes: s
+  } = l.useContext(Nt), o = zt(r), a = zt(n?.id);
+  return l.useEffect(() => {
+    if (!t && !r && o && a != null) {
+      if (!Qt(o) || document.activeElement === o.target)
+        return;
+      const c = s.get(a);
+      if (!c)
+        return;
+      const {
+        activatorNode: u,
+        node: d
+      } = c;
+      if (!u.current && !d.current)
+        return;
+      requestAnimationFrame(() => {
+        for (const h of [u.current, d.current]) {
+          if (!h)
+            continue;
+          const f = Hs(h);
+          if (f) {
+            f.focus();
+            break;
+          }
+        }
+      });
+    }
+  }, [r, t, s, a, o]), null;
+}
+function Ji(e, t) {
+  let {
+    transform: n,
+    ...r
+  } = t;
+  return e != null && e.length ? e.reduce((s, o) => o({
+    transform: s,
+    ...r
+  }), n) : n;
+}
+function Zi(e) {
+  return l.useMemo(
+    () => ({
+      draggable: {
+        ...ft.draggable,
+        ...e?.draggable
+      },
+      droppable: {
+        ...ft.droppable,
+        ...e?.droppable
+      },
+      dragOverlay: {
+        ...ft.dragOverlay,
+        ...e?.dragOverlay
+      }
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e?.draggable, e?.droppable, e?.dragOverlay]
+  );
+}
+function eo(e) {
+  let {
+    activeNode: t,
+    measure: n,
+    initialRect: r,
+    config: s = !0
+  } = e;
+  const o = l.useRef(!1), {
+    x: a,
+    y: c
+  } = typeof s == "boolean" ? {
+    x: s,
+    y: s
+  } : s;
+  fe(() => {
+    if (!a && !c || !t) {
+      o.current = !1;
+      return;
+    }
+    if (o.current || !r)
+      return;
+    const d = t?.node.current;
+    if (!d || d.isConnected === !1)
+      return;
+    const h = n(d), f = Kn(h, r);
+    if (a || (f.x = 0), c || (f.y = 0), o.current = !0, Math.abs(f.x) > 0 || Math.abs(f.y) > 0) {
+      const m = Un(d);
+      m && m.scrollBy({
+        top: f.y,
+        left: f.x
+      });
+    }
+  }, [t, a, c, r, n]);
+}
+const er = /* @__PURE__ */ l.createContext({
+  ...ie,
+  scaleX: 1,
+  scaleY: 1
+});
+var Ne;
+(function(e) {
+  e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
+})(Ne || (Ne = {}));
+const tr = /* @__PURE__ */ l.memo(function(t) {
+  var n, r, s, o;
+  let {
+    id: a,
+    accessibility: c,
+    autoScroll: u = !0,
+    children: d,
+    sensors: h = Hi,
+    collisionDetection: f = si,
+    measuring: m,
+    modifiers: p,
+    ...x
+  } = t;
+  const g = l.useReducer(Qi, void 0, Vi), [b, w] = g, [v, y] = Gs(), [_, N] = l.useState(Ne.Uninitialized), S = _ === Ne.Initialized, {
+    draggable: {
+      active: C,
+      nodes: j,
+      translate: R
+    },
+    droppable: {
+      containers: L
+    }
+  } = b, M = C != null ? j.get(C) : null, P = l.useRef({
+    initial: null,
+    translated: null
+  }), H = l.useMemo(() => {
+    var K;
+    return C != null ? {
+      id: C,
+      // It's possible for the active node to unmount while dragging
+      data: (K = M?.data) != null ? K : Yi,
+      rect: P
+    } : null;
+  }, [C, M]), k = l.useRef(null), [Y, ae] = l.useState(null), [B, I] = l.useState(null), X = Ze(x, Object.values(x)), me = st("DndDescribedBy", a), Re = l.useMemo(() => L.getEnabled(), [L]), q = Zi(m), {
+    droppableRects: Z,
+    measureDroppableContainers: pe,
+    measuringScheduled: re
+  } = Li(Re, {
+    dragging: S,
+    dependencies: [R.x, R.y],
+    config: q.droppable
+  }), ee = Mi(j, C), it = l.useMemo(() => B ? Bt(B) : null, [B]), xe = xr(), ge = Ii(ee, q.draggable.measure);
+  eo({
+    activeNode: C != null ? j.get(C) : null,
+    config: xe.layoutShiftCompensation,
+    initialRect: ge,
+    measure: q.draggable.measure
+  });
+  const A = Sn(ee, q.draggable.measure, ge), Ke = Sn(ee ? ee.parentElement : null), le = l.useRef({
+    activatorEvent: null,
+    active: null,
+    activeNode: ee,
+    collisionRect: null,
+    collisions: null,
+    droppableRects: Z,
+    draggableNodes: j,
+    draggingNode: null,
+    draggingNodeRect: null,
+    droppableContainers: L,
+    over: null,
+    scrollableAncestors: [],
+    scrollAdjustedTranslate: null
+  }), Me = L.getNodeFor((n = le.current.over) == null ? void 0 : n.id), ve = Ui({
+    measure: q.dragOverlay.measure
+  }), Ae = (r = ve.nodeRef.current) != null ? r : ee, Le = S ? (s = ve.rect) != null ? s : A : null, Zt = !!(ve.nodeRef.current && ve.rect), en = Oi(Zt ? null : A), kt = Jn(Ae ? V(Ae) : null), ye = Fi(S ? Me ?? ee : null), ot = qi(ye), at = Ji(p, {
+    transform: {
+      x: R.x - en.x,
+      y: R.y - en.y,
+      scaleX: 1,
+      scaleY: 1
+    },
+    activatorEvent: B,
+    active: H,
+    activeNodeRect: A,
+    containerNodeRect: Ke,
+    draggingNodeRect: Le,
+    over: le.current.over,
+    overlayNodeRect: ve.rect,
+    scrollableAncestors: ye,
+    scrollableAncestorRects: ot,
+    windowRect: kt
+  }), tn = it ? Oe(it, R) : null, nn = zi(ye), fr = Nn(nn), hr = Nn(nn, [A]), Ie = Oe(at, fr), Te = Le ? ai(Le, at) : null, Ue = H && Te ? f({
+    active: H,
+    collisionRect: Te,
+    droppableRects: Z,
+    droppableContainers: Re,
+    pointerCoordinates: tn
+  }) : null, rn = $n(Ue, "id"), [we, sn] = l.useState(null), mr = Zt ? at : Oe(at, hr), pr = ii(mr, (o = we?.rect) != null ? o : null, A), Et = l.useRef(null), on = l.useCallback(
+    (K, Q) => {
+      let {
+        sensor: G,
+        options: _e
+      } = Q;
+      if (k.current == null)
+        return;
+      const te = j.get(k.current);
+      if (!te)
+        return;
+      const J = K.nativeEvent, ce = new G({
+        active: k.current,
+        activeNode: te,
+        event: J,
+        options: _e,
+        // Sensors need to be instantiated with refs for arguments that change over time
+        // otherwise they are frozen in time with the stale arguments
+        context: le,
+        onAbort($) {
+          if (!j.get($))
+            return;
+          const {
+            onDragAbort: ue
+          } = X.current, be = {
+            id: $
+          };
+          ue?.(be), v({
+            type: "onDragAbort",
+            event: be
+          });
+        },
+        onPending($, Ce, ue, be) {
+          if (!j.get($))
+            return;
+          const {
+            onDragPending: Ye
+          } = X.current, Se = {
+            id: $,
+            constraint: Ce,
+            initialCoordinates: ue,
+            offset: be
+          };
+          Ye?.(Se), v({
+            type: "onDragPending",
+            event: Se
+          });
+        },
+        onStart($) {
+          const Ce = k.current;
+          if (Ce == null)
+            return;
+          const ue = j.get(Ce);
+          if (!ue)
+            return;
+          const {
+            onDragStart: be
+          } = X.current, He = {
+            activatorEvent: J,
+            active: {
+              id: Ce,
+              data: ue.data,
+              rect: P
+            }
+          };
+          Ve.unstable_batchedUpdates(() => {
+            be?.(He), N(Ne.Initializing), w({
+              type: O.DragStart,
+              initialCoordinates: $,
+              active: Ce
+            }), v({
+              type: "onDragStart",
+              event: He
+            }), ae(Et.current), I(J);
+          });
+        },
+        onMove($) {
+          w({
+            type: O.DragMove,
+            coordinates: $
+          });
+        },
+        onEnd: Pe(O.DragEnd),
+        onCancel: Pe(O.DragCancel)
+      });
+      Et.current = ce;
+      function Pe($) {
+        return async function() {
+          const {
+            active: ue,
+            collisions: be,
+            over: He,
+            scrollAdjustedTranslate: Ye
+          } = le.current;
+          let Se = null;
+          if (ue && Ye) {
+            const {
+              cancelDrop: Xe
+            } = X.current;
+            Se = {
+              activatorEvent: J,
+              active: ue,
+              collisions: be,
+              delta: Ye,
+              over: He
+            }, $ === O.DragEnd && typeof Xe == "function" && await Promise.resolve(Xe(Se)) && ($ = O.DragCancel);
+          }
+          k.current = null, Ve.unstable_batchedUpdates(() => {
+            w({
+              type: $
+            }), N(Ne.Uninitialized), sn(null), ae(null), I(null), Et.current = null;
+            const Xe = $ === O.DragEnd ? "onDragEnd" : "onDragCancel";
+            if (Se) {
+              const Rt = X.current[Xe];
+              Rt?.(Se), v({
+                type: Xe,
+                event: Se
+              });
+            }
+          });
+        };
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [j]
+  ), gr = l.useCallback((K, Q) => (G, _e) => {
+    const te = G.nativeEvent, J = j.get(_e);
+    if (
+      // Another sensor is already instantiating
+      k.current !== null || // No active draggable
+      !J || // Event has already been captured
+      te.dndKit || te.defaultPrevented
+    )
+      return;
+    const ce = {
+      active: J
+    };
+    K(G, Q.options, ce) === !0 && (te.dndKit = {
+      capturedBy: Q.sensor
+    }, k.current = _e, on(G, Q));
+  }, [j, on]), an = Ai(h, gr);
+  Bi(h), fe(() => {
+    A && _ === Ne.Initializing && N(Ne.Initialized);
+  }, [A, _]), l.useEffect(
+    () => {
+      const {
+        onDragMove: K
+      } = X.current, {
+        active: Q,
+        activatorEvent: G,
+        collisions: _e,
+        over: te
+      } = le.current;
+      if (!Q || !G)
+        return;
+      const J = {
+        active: Q,
+        activatorEvent: G,
+        collisions: _e,
+        delta: {
+          x: Ie.x,
+          y: Ie.y
+        },
+        over: te
+      };
+      Ve.unstable_batchedUpdates(() => {
+        K?.(J), v({
+          type: "onDragMove",
+          event: J
+        });
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [Ie.x, Ie.y]
+  ), l.useEffect(
+    () => {
+      const {
+        active: K,
+        activatorEvent: Q,
+        collisions: G,
+        droppableContainers: _e,
+        scrollAdjustedTranslate: te
+      } = le.current;
+      if (!K || k.current == null || !Q || !te)
+        return;
+      const {
+        onDragOver: J
+      } = X.current, ce = _e.get(rn), Pe = ce && ce.rect.current ? {
+        id: ce.id,
+        rect: ce.rect.current,
+        data: ce.data,
+        disabled: ce.disabled
+      } : null, $ = {
+        active: K,
+        activatorEvent: Q,
+        collisions: G,
+        delta: {
+          x: te.x,
+          y: te.y
+        },
+        over: Pe
+      };
+      Ve.unstable_batchedUpdates(() => {
+        sn(Pe), J?.($), v({
+          type: "onDragOver",
+          event: $
+        });
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [rn]
+  ), fe(() => {
+    le.current = {
+      activatorEvent: B,
+      active: H,
+      activeNode: ee,
+      collisionRect: Te,
+      collisions: Ue,
+      droppableRects: Z,
+      draggableNodes: j,
+      draggingNode: Ae,
+      draggingNodeRect: Le,
+      droppableContainers: L,
+      over: we,
+      scrollableAncestors: ye,
+      scrollAdjustedTranslate: Ie
+    }, P.current = {
+      initial: Le,
+      translated: Te
+    };
+  }, [H, ee, Ue, Te, j, Ae, Le, Z, L, we, ye, Ie]), ki({
+    ...xe,
+    delta: R,
+    draggingRect: Te,
+    pointerCoordinates: tn,
+    scrollableAncestors: ye,
+    scrollableAncestorRects: ot
+  });
+  const vr = l.useMemo(() => ({
+    active: H,
+    activeNode: ee,
+    activeNodeRect: A,
+    activatorEvent: B,
+    collisions: Ue,
+    containerNodeRect: Ke,
+    dragOverlay: ve,
+    draggableNodes: j,
+    droppableContainers: L,
+    droppableRects: Z,
+    over: we,
+    measureDroppableContainers: pe,
+    scrollableAncestors: ye,
+    scrollableAncestorRects: ot,
+    measuringConfiguration: q,
+    measuringScheduled: re,
+    windowRect: kt
+  }), [H, ee, A, B, Ue, Ke, ve, j, L, Z, we, pe, ye, ot, q, re, kt]), br = l.useMemo(() => ({
+    activatorEvent: B,
+    activators: an,
+    active: H,
+    activeNodeRect: A,
+    ariaDescribedById: {
+      draggable: me
+    },
+    dispatch: w,
+    draggableNodes: j,
+    over: we,
+    measureDroppableContainers: pe
+  }), [B, an, H, A, w, me, j, we, pe]);
+  return W.createElement(On.Provider, {
+    value: y
+  }, W.createElement(Nt.Provider, {
+    value: br
+  }, W.createElement(Zn.Provider, {
+    value: vr
+  }, W.createElement(er.Provider, {
+    value: pr
+  }, d)), W.createElement(Gi, {
+    disabled: c?.restoreFocus === !1
+  })), W.createElement(ei, {
+    ...c,
+    hiddenTextDescribedById: me
+  }));
+  function xr() {
+    const K = Y?.autoScrollEnabled === !1, Q = typeof u == "object" ? u.enabled === !1 : u === !1, G = S && !K && !Q;
+    return typeof u == "object" ? {
+      ...u,
+      enabled: G
+    } : {
+      enabled: G
+    };
+  }
+}), to = /* @__PURE__ */ l.createContext(null), kn = "button", no = "Draggable";
+function ro(e) {
+  let {
+    id: t,
+    data: n,
+    disabled: r = !1,
+    attributes: s
+  } = e;
+  const o = st(no), {
+    activators: a,
+    activatorEvent: c,
+    active: u,
+    activeNodeRect: d,
+    ariaDescribedById: h,
+    draggableNodes: f,
+    over: m
+  } = l.useContext(Nt), {
+    role: p = kn,
+    roleDescription: x = "draggable",
+    tabIndex: g = 0
+  } = s ?? {}, b = u?.id === t, w = l.useContext(b ? er : to), [v, y] = ht(), [_, N] = ht(), S = $i(a, t), C = Ze(n);
+  fe(
+    () => (f.set(t, {
+      id: t,
+      key: o,
+      node: v,
+      activatorNode: _,
+      data: C
+    }), () => {
+      const R = f.get(t);
+      R && R.key === o && f.delete(t);
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [f, t]
+  );
+  const j = l.useMemo(() => ({
+    role: p,
+    tabIndex: g,
+    "aria-disabled": r,
+    "aria-pressed": b && p === kn ? !0 : void 0,
+    "aria-roledescription": x,
+    "aria-describedby": h.draggable
+  }), [r, p, g, b, x, h.draggable]);
+  return {
+    active: u,
+    activatorEvent: c,
+    activeNodeRect: d,
+    attributes: j,
+    isDragging: b,
+    listeners: r ? void 0 : S,
+    node: v,
+    over: m,
+    setNodeRef: y,
+    setActivatorNodeRef: N,
+    transform: w
+  };
+}
+function so() {
+  return l.useContext(Zn);
+}
+const io = "Droppable", oo = {
+  timeout: 25
+};
+function ao(e) {
+  let {
+    data: t,
+    disabled: n = !1,
+    id: r,
+    resizeObserverConfig: s
+  } = e;
+  const o = st(io), {
+    active: a,
+    dispatch: c,
+    over: u,
+    measureDroppableContainers: d
+  } = l.useContext(Nt), h = l.useRef({
+    disabled: n
+  }), f = l.useRef(!1), m = l.useRef(null), p = l.useRef(null), {
+    disabled: x,
+    updateMeasurementsFor: g,
+    timeout: b
+  } = {
+    ...oo,
+    ...s
+  }, w = Ze(g ?? r), v = l.useCallback(
+    () => {
+      if (!f.current) {
+        f.current = !0;
+        return;
+      }
+      p.current != null && clearTimeout(p.current), p.current = setTimeout(() => {
+        d(Array.isArray(w.current) ? w.current : [w.current]), p.current = null;
+      }, b);
+    },
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+    [b]
+  ), y = jt({
+    callback: v,
+    disabled: x || !a
+  }), _ = l.useCallback((j, R) => {
+    y && (R && (y.unobserve(R), f.current = !1), j && y.observe(j));
+  }, [y]), [N, S] = ht(_), C = Ze(t);
+  return l.useEffect(() => {
+    !y || !N.current || (y.disconnect(), f.current = !1, y.observe(N.current));
+  }, [N, y]), l.useEffect(
+    () => (c({
+      type: O.RegisterDroppable,
+      element: {
+        id: r,
+        key: o,
+        disabled: n,
+        node: N,
+        rect: m,
+        data: C
+      }
+    }), () => c({
+      type: O.UnregisterDroppable,
+      key: o,
+      id: r
+    })),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [r]
+  ), l.useEffect(() => {
+    n !== h.current.disabled && (c({
+      type: O.SetDroppableDisabled,
+      id: r,
+      key: o,
+      disabled: n
+    }), h.current.disabled = n);
+  }, [r, o, n, c]), {
+    active: a,
+    rect: m,
+    isOver: u?.id === r,
+    node: N,
+    over: u,
+    setNodeRef: S
+  };
+}
+function Dt(e, t, n) {
+  const r = e.slice();
+  return r.splice(n < 0 ? r.length + n : n, 0, r.splice(t, 1)[0]), r;
+}
+function lo(e, t) {
+  return e.reduce((n, r, s) => {
+    const o = t.get(r);
+    return o && (n[s] = o), n;
+  }, Array(e.length));
+}
+function ut(e) {
+  return e !== null && e >= 0;
+}
+function co(e, t) {
+  if (e === t)
+    return !0;
+  if (e.length !== t.length)
+    return !1;
+  for (let n = 0; n < e.length; n++)
+    if (e[n] !== t[n])
+      return !1;
+  return !0;
+}
+function uo(e) {
+  return typeof e == "boolean" ? {
+    draggable: e,
+    droppable: e
+  } : e;
+}
+const nr = (e) => {
+  let {
+    rects: t,
+    activeIndex: n,
+    overIndex: r,
+    index: s
+  } = e;
+  const o = Dt(t, r, n), a = t[s], c = o[s];
+  return !c || !a ? null : {
+    x: c.left - a.left,
+    y: c.top - a.top,
+    scaleX: c.width / a.width,
+    scaleY: c.height / a.height
+  };
+}, dt = {
+  scaleX: 1,
+  scaleY: 1
+}, rr = (e) => {
+  var t;
+  let {
+    activeIndex: n,
+    activeNodeRect: r,
+    index: s,
+    rects: o,
+    overIndex: a
+  } = e;
+  const c = (t = o[n]) != null ? t : r;
+  if (!c)
+    return null;
+  if (s === n) {
+    const d = o[a];
+    return d ? {
+      x: 0,
+      y: n < a ? d.top + d.height - (c.top + c.height) : d.top - c.top,
+      ...dt
+    } : null;
+  }
+  const u = fo(o, s, n);
+  return s > n && s <= a ? {
+    x: 0,
+    y: -c.height - u,
+    ...dt
+  } : s < n && s >= a ? {
+    x: 0,
+    y: c.height + u,
+    ...dt
+  } : {
+    x: 0,
+    y: 0,
+    ...dt
+  };
+};
+function fo(e, t, n) {
+  const r = e[t], s = e[t - 1], o = e[t + 1];
+  return r ? n < t ? s ? r.top - (s.top + s.height) : o ? o.top - (r.top + r.height) : 0 : o ? o.top - (r.top + r.height) : s ? r.top - (s.top + s.height) : 0 : 0;
+}
+const sr = "Sortable", ir = /* @__PURE__ */ W.createContext({
+  activeIndex: -1,
+  containerId: sr,
+  disableTransforms: !1,
+  items: [],
+  overIndex: -1,
+  useDragOverlay: !1,
+  sortedRects: [],
+  strategy: nr,
+  disabled: {
+    draggable: !1,
+    droppable: !1
+  }
+});
+function or(e) {
+  let {
+    children: t,
+    id: n,
+    items: r,
+    strategy: s = nr,
+    disabled: o = !1
+  } = e;
+  const {
+    active: a,
+    dragOverlay: c,
+    droppableRects: u,
+    over: d,
+    measureDroppableContainers: h
+  } = so(), f = st(sr, n), m = c.rect !== null, p = l.useMemo(() => r.map((S) => typeof S == "object" && "id" in S ? S.id : S), [r]), x = a != null, g = a ? p.indexOf(a.id) : -1, b = d ? p.indexOf(d.id) : -1, w = l.useRef(p), v = !co(p, w.current), y = b !== -1 && g === -1 || v, _ = uo(o);
+  fe(() => {
+    v && x && h(p);
+  }, [v, p, x, h]), l.useEffect(() => {
+    w.current = p;
+  }, [p]);
+  const N = l.useMemo(
+    () => ({
+      activeIndex: g,
+      containerId: f,
+      disabled: _,
+      disableTransforms: y,
+      items: p,
+      overIndex: b,
+      useDragOverlay: m,
+      sortedRects: lo(p, u),
+      strategy: s
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [g, f, _.draggable, _.droppable, y, p, b, u, m, s]
+  );
+  return W.createElement(ir.Provider, {
+    value: N
+  }, t);
+}
+const ho = (e) => {
+  let {
+    id: t,
+    items: n,
+    activeIndex: r,
+    overIndex: s
+  } = e;
+  return Dt(n, r, s).indexOf(t);
+}, mo = (e) => {
+  let {
+    containerId: t,
+    isSorting: n,
+    wasDragging: r,
+    index: s,
+    items: o,
+    newIndex: a,
+    previousItems: c,
+    previousContainerId: u,
+    transition: d
+  } = e;
+  return !d || !r || c !== o && s === a ? !1 : n ? !0 : a !== s && t === u;
+}, po = {
+  duration: 200,
+  easing: "ease"
+}, ar = "transform", go = /* @__PURE__ */ Fe.Transition.toString({
+  property: ar,
+  duration: 0,
+  easing: "linear"
+}), vo = {
+  roleDescription: "sortable"
+};
+function bo(e) {
+  let {
+    disabled: t,
+    index: n,
+    node: r,
+    rect: s
+  } = e;
+  const [o, a] = l.useState(null), c = l.useRef(n);
+  return fe(() => {
+    if (!t && n !== c.current && r.current) {
+      const u = s.current;
+      if (u) {
+        const d = qe(r.current, {
+          ignoreTransform: !0
+        }), h = {
+          x: u.left - d.left,
+          y: u.top - d.top,
+          scaleX: u.width / d.width,
+          scaleY: u.height / d.height
+        };
+        (h.x || h.y) && a(h);
+      }
+    }
+    n !== c.current && (c.current = n);
+  }, [t, n, r, s]), l.useEffect(() => {
+    o && a(null);
+  }, [o]), o;
+}
+function lr(e) {
+  let {
+    animateLayoutChanges: t = mo,
+    attributes: n,
+    disabled: r,
+    data: s,
+    getNewIndex: o = ho,
+    id: a,
+    strategy: c,
+    resizeObserverConfig: u,
+    transition: d = po
+  } = e;
+  const {
+    items: h,
+    containerId: f,
+    activeIndex: m,
+    disabled: p,
+    disableTransforms: x,
+    sortedRects: g,
+    overIndex: b,
+    useDragOverlay: w,
+    strategy: v
+  } = l.useContext(ir), y = xo(r, p), _ = h.indexOf(a), N = l.useMemo(() => ({
+    sortable: {
+      containerId: f,
+      index: _,
+      items: h
+    },
+    ...s
+  }), [f, s, _, h]), S = l.useMemo(() => h.slice(h.indexOf(a)), [h, a]), {
+    rect: C,
+    node: j,
+    isOver: R,
+    setNodeRef: L
+  } = ao({
+    id: a,
+    data: N,
+    disabled: y.droppable,
+    resizeObserverConfig: {
+      updateMeasurementsFor: S,
+      ...u
+    }
+  }), {
+    active: M,
+    activatorEvent: P,
+    activeNodeRect: H,
+    attributes: k,
+    setNodeRef: Y,
+    listeners: ae,
+    isDragging: B,
+    over: I,
+    setActivatorNodeRef: X,
+    transform: me
+  } = ro({
+    id: a,
+    data: N,
+    attributes: {
+      ...vo,
+      ...n
+    },
+    disabled: y.draggable
+  }), Re = $s(L, Y), q = !!M, Z = q && !x && ut(m) && ut(b), pe = !w && B, re = pe && Z ? me : null, it = Z ? re ?? (c ?? v)({
+    rects: g,
+    activeNodeRect: H,
+    activeIndex: m,
+    overIndex: b,
+    index: _
+  }) : null, xe = ut(m) && ut(b) ? o({
+    id: a,
+    items: h,
+    activeIndex: m,
+    overIndex: b
+  }) : _, ge = M?.id, A = l.useRef({
+    activeId: ge,
+    items: h,
+    newIndex: xe,
+    containerId: f
+  }), Ke = h !== A.current.items, le = t({
+    active: M,
+    containerId: f,
+    isDragging: B,
+    isSorting: q,
+    id: a,
+    index: _,
+    items: h,
+    newIndex: A.current.newIndex,
+    previousItems: A.current.items,
+    previousContainerId: A.current.containerId,
+    transition: d,
+    wasDragging: A.current.activeId != null
+  }), Me = bo({
+    disabled: !le,
+    index: _,
+    node: j,
+    rect: C
+  });
+  return l.useEffect(() => {
+    q && A.current.newIndex !== xe && (A.current.newIndex = xe), f !== A.current.containerId && (A.current.containerId = f), h !== A.current.items && (A.current.items = h);
+  }, [q, xe, f, h]), l.useEffect(() => {
+    if (ge === A.current.activeId)
+      return;
+    if (ge != null && A.current.activeId == null) {
+      A.current.activeId = ge;
+      return;
+    }
+    const Ae = setTimeout(() => {
+      A.current.activeId = ge;
+    }, 50);
+    return () => clearTimeout(Ae);
+  }, [ge]), {
+    active: M,
+    activeIndex: m,
+    attributes: k,
+    data: N,
+    rect: C,
+    index: _,
+    newIndex: xe,
+    items: h,
+    isOver: R,
+    isSorting: q,
+    isDragging: B,
+    listeners: ae,
+    node: j,
+    overIndex: b,
+    over: I,
+    setNodeRef: Re,
+    setActivatorNodeRef: X,
+    setDroppableNodeRef: L,
+    setDraggableNodeRef: Y,
+    transform: Me ?? it,
+    transition: ve()
+  };
+  function ve() {
+    if (
+      // Temporarily disable transitions for a single frame to set up derived transforms
+      Me || // Or to prevent items jumping to back to their "new" position when items change
+      Ke && A.current.newIndex === _
+    )
+      return go;
+    if (!(pe && !Qt(P) || !d) && (q || le))
+      return Fe.Transition.toString({
+        ...d,
+        property: ar
+      });
+  }
+}
+function xo(e, t) {
+  var n, r;
+  return typeof e == "boolean" ? {
+    draggable: e,
+    // Backwards compatibility
+    droppable: !1
+  } : {
+    draggable: (n = e?.draggable) != null ? n : t.draggable,
+    droppable: (r = e?.droppable) != null ? r : t.droppable
+  };
+}
+function vt(e) {
+  if (!e)
+    return !1;
+  const t = e.data.current;
+  return !!(t && "sortable" in t && typeof t.sortable == "object" && "containerId" in t.sortable && "items" in t.sortable && "index" in t.sortable);
+}
+const yo = [E.Down, E.Right, E.Up, E.Left], cr = (e, t) => {
+  let {
+    context: {
+      active: n,
+      collisionRect: r,
+      droppableRects: s,
+      droppableContainers: o,
+      over: a,
+      scrollableAncestors: c
+    }
+  } = t;
+  if (yo.includes(e.code)) {
+    if (e.preventDefault(), !n || !r)
+      return;
+    const u = [];
+    o.getEnabled().forEach((f) => {
+      if (!f || f != null && f.disabled)
+        return;
+      const m = s.get(f.id);
+      if (m)
+        switch (e.code) {
+          case E.Down:
+            r.top < m.top && u.push(f);
+            break;
+          case E.Up:
+            r.top > m.top && u.push(f);
+            break;
+          case E.Left:
+            r.left > m.left && u.push(f);
+            break;
+          case E.Right:
+            r.left < m.left && u.push(f);
+            break;
+        }
+    });
+    const d = ni({
+      collisionRect: r,
+      droppableRects: s,
+      droppableContainers: u
+    });
+    let h = $n(d, "id");
+    if (h === a?.id && d.length > 1 && (h = d[1].id), h != null) {
+      const f = o.get(n.id), m = o.get(h), p = m ? s.get(m.id) : null, x = m?.node.current;
+      if (x && p && f && m) {
+        const b = _t(x).some((S, C) => c[C] !== S), w = ur(f, m), v = wo(f, m), y = b || !w ? {
+          x: 0,
+          y: 0
+        } : {
+          x: v ? r.width - p.width : 0,
+          y: v ? r.height - p.height : 0
+        }, _ = {
+          x: p.left,
+          y: p.top
+        };
+        return y.x && y.y ? _ : et(_, y);
+      }
+    }
+  }
+};
+function ur(e, t) {
+  return !vt(e) || !vt(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
+}
+function wo(e, t) {
+  return !vt(e) || !vt(t) || !ur(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
+}
+se({
+  id: U(),
+  url: D(),
+  text: D(),
+  order: U(),
+  clicks: U().optional().default(0)
+});
+const _o = se({
+  id: U(),
+  title: D().nullable().optional(),
+  name: D().nullable().optional(),
+  image_url: D().nullable().optional(),
+  type: D().optional()
+}).passthrough();
+se({
+  id: U(),
+  favoriteable_id: U().optional(),
+  favoriteable_type: D(),
+  order: U(),
+  user_company_id: U().optional(),
+  created_at: D().optional(),
+  favoriteable: _o.nullable()
+}).passthrough();
+se({
+  id: U()
+}).passthrough();
+se({
+  id: U(),
+  bio: D().nullable(),
+  facebook: D().nullable(),
+  twitter: D().nullable(),
+  instagram: D().nullable(),
+  youtube: D().nullable(),
+  pinterest: D().nullable(),
+  tiktok: D().nullable(),
+  linkedin: D().nullable(),
+  whatsapp: D().nullable(),
+  wechat: D().nullable(),
+  image_url: D().nullable()
+});
+se({
+  id: U(),
+  name: D(),
+  description: D().nullable(),
+  public: Pt(),
+  company_id: U().nullable(),
+  created_at: D().datetime(),
+  updated_at: D().datetime(),
+  image_url: D().nullable(),
+  picker_image_url: D().nullish(),
+  application_theme_template_id: U().nullable(),
+  default: Pt().nullable().optional()
+});
+const Co = se({
+  id: U(),
+  name: D(),
+  content: D().nullable(),
+  stylesheet: D().nullable(),
+  head: D().nullable(),
+  status: D()
+});
+se({
+  data: se({
+    legacy_theme: se({
+      id: U(),
+      name: D(),
+      description: D().nullable(),
+      image_url: D().nullable(),
+      public: Pt(),
+      company_id: U().nullable(),
+      template: Co
+    })
+  })
+});
+function dr(e) {
+  if (!e) return e;
+  try {
+    const t = new URL(e);
+    return t.searchParams.has("public_id") ? (t.searchParams.delete("public_id"), t.toString()) : e;
+  } catch {
+    return e;
+  }
+}
+function So(e) {
+  const t = e.trim();
+  return t ? /^https?:\/\//i.test(t) ? t : `https://${t}` : "";
+}
+function jo(e) {
+  return se({
+    title: D().min(1, e("validation_button_text_required")),
+    url: D().transform(So).pipe(D().url(e("validation_url_invalid")))
+  });
+}
+function No({
+  link: e,
+  onEdit: t,
+  onDelete: n
+}) {
+  const { t: r } = he(), {
+    attributes: s,
+    listeners: o,
+    setNodeRef: a,
+    transform: c,
+    transition: u,
+    isDragging: d
+  } = lr({ id: e.id }), h = {
+    transform: Fe.Transform.toString(c),
+    transition: u
+  }, f = dr(e.url), m = f.length > 40 ? `${f.substring(0, 40)}...` : f;
+  return /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      ref: a,
+      style: h,
+      className: `border-border bg-card flex items-center gap-3 rounded-lg border p-3 sm:p-4 ${d ? "opacity-50 shadow-lg" : ""}`,
+      children: [
+        /* @__PURE__ */ i.jsx(
+          "button",
+          {
+            type: "button",
+            className: "text-muted-foreground hover:text-foreground cursor-grab touch-none",
+            "aria-label": r("drag_to_reorder"),
+            ...s,
+            ...o,
+            children: /* @__PURE__ */ i.jsx(Rn, { className: "size-5" })
+          }
+        ),
+        /* @__PURE__ */ i.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ i.jsx("p", { className: "text-foreground truncate font-medium", children: e.title }),
+          /* @__PURE__ */ i.jsx("p", { className: "text-muted-foreground truncate text-sm", children: m })
+        ] }),
+        /* @__PURE__ */ i.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ i.jsx(
+            T,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "text-muted-foreground hover:text-foreground",
+              onClick: () => t(e),
+              "aria-label": r("edit_button_aria"),
+              children: /* @__PURE__ */ i.jsx(Rr, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ i.jsx(
+            T,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "text-muted-foreground hover:text-destructive",
+              onClick: () => n(e),
+              "aria-label": r("delete_button_aria"),
+              children: /* @__PURE__ */ i.jsx(Ht, { className: "size-4" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Do({
+  onBack: e,
+  onRefreshPreview: t,
+  onToast: n
+}) {
+  "use no memo";
+  const { t: r } = he(), { isMobile: s } = En(), o = l.useMemo(() => jo(r), [r]), { data: a = [], isLoading: c } = ys(), u = ws(), d = _s(), h = Cs(), f = Ss(), [m, p] = l.useState(!1), [x, g] = l.useState(null), [b, w] = l.useState(!1), [v, y] = l.useState(null), {
+    register: _,
+    handleSubmit: N,
+    reset: S,
+    formState: { errors: C, isSubmitting: j }
+  } = Hr(o, {
+    defaultValues: { title: "", url: "" }
+  }), R = Fn(
+    pt(St),
+    pt(Ct, {
+      coordinateGetter: cr
+    })
+  ), L = l.useCallback(() => {
+    g(null), S({ title: "", url: "" }), p(!0);
+  }, [S]), M = l.useCallback(
+    (I) => {
+      g(I), S({
+        title: I.title,
+        url: dr(I.url)
+      }), p(!0);
+    },
+    [S]
+  ), P = l.useCallback(() => {
+    p(!1), g(null), S({ title: "", url: "" });
+  }, [S]), H = l.useCallback(
+    (I) => {
+      x ? d.mutate(
+        {
+          linkId: x.id,
+          body: { title: I.title, url: I.url }
+        },
+        {
+          onSuccess: () => {
+            n?.(r("button_updated"), "success"), P(), t?.();
+          },
+          onError: () => {
+            n?.(r("button_update_failed"), "error");
+          }
+        }
+      ) : u.mutate(
+        { title: I.title, url: I.url },
+        {
+          onSuccess: () => {
+            n?.(r("button_created"), "success"), P(), t?.();
+          },
+          onError: () => {
+            n?.(r("button_create_failed"), "error");
+          }
+        }
+      );
+    },
+    [
+      x,
+      u,
+      d,
+      P,
+      t,
+      n,
+      r
+    ]
+  ), k = l.useCallback((I) => {
+    y(I), w(!0);
+  }, []), Y = l.useCallback(() => {
+    w(!1), y(null);
+  }, []), ae = l.useCallback(() => {
+    v && h.mutate(v.id, {
+      onSuccess: () => {
+        n?.(r("button_deleted"), "success"), Y(), t?.();
+      },
+      onError: () => {
+        n?.(r("button_delete_failed"), "error");
+      }
+    });
+  }, [
+    v,
+    h,
+    Y,
+    t,
+    n,
+    r
+  ]), B = l.useCallback(
+    (I) => {
+      const { active: X, over: me } = I;
+      if (me && X.id !== me.id) {
+        const Re = a.findIndex((re) => re.id === X.id), q = a.findIndex((re) => re.id === me.id), Z = Dt(a, Re, q), pe = Z.map((re) => re.id);
+        f.mutate(
+          { orderedIds: pe, optimisticItems: Z },
+          {
+            onSuccess: () => {
+              t?.();
+            },
+            onError: () => {
+              n?.(r("reorder_buttons_failed"), "error");
+            }
+          }
+        );
+      }
+    },
+    [a, f, t, n, r]
+  );
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ i.jsx(T, { variant: "ghost", size: "icon", onClick: e, children: /* @__PURE__ */ i.jsx(Ut, { className: "size-4" }) }),
+        /* @__PURE__ */ i.jsx("h1", { className: "text-foreground text-xl font-bold", children: r("buttons_heading") })
+      ] }),
+      /* @__PURE__ */ i.jsxs(T, { size: "sm", onClick: L, children: [
+        /* @__PURE__ */ i.jsx(hn, { className: "mr-1 size-4" }),
+        r("add_button")
+      ] })
+    ] }),
+    c ? /* @__PURE__ */ i.jsx("div", { className: "space-y-2", children: Array.from({ length: 3 }).map((I, X) => /* @__PURE__ */ i.jsxs(
+      "div",
+      {
+        className: "border-border bg-card flex items-center gap-3 rounded-lg border p-3 sm:p-4",
+        children: [
+          /* @__PURE__ */ i.jsx(de, { className: "size-5" }),
+          /* @__PURE__ */ i.jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ i.jsx(de, { className: "h-4 w-32" }),
+            /* @__PURE__ */ i.jsx(de, { className: "h-3 w-48" })
+          ] }),
+          /* @__PURE__ */ i.jsxs("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ i.jsx(de, { className: "size-8" }),
+            /* @__PURE__ */ i.jsx(de, { className: "size-8" })
+          ] })
+        ]
+      },
+      X
+    )) }) : a.length === 0 ? /* @__PURE__ */ i.jsxs(ze, { className: "p-6 text-center sm:p-8", children: [
+      /* @__PURE__ */ i.jsx("p", { className: "text-muted-foreground mb-4", children: r("no_buttons_empty") }),
+      /* @__PURE__ */ i.jsxs(T, { size: "sm", onClick: L, children: [
+        /* @__PURE__ */ i.jsx(hn, { className: "mr-1 size-4" }),
+        r("add_button")
+      ] })
+    ] }) : /* @__PURE__ */ i.jsx(
+      tr,
+      {
+        sensors: R,
+        collisionDetection: qn,
+        onDragEnd: B,
+        children: /* @__PURE__ */ i.jsx(
+          or,
+          {
+            items: a.map((I) => I.id),
+            strategy: rr,
+            children: /* @__PURE__ */ i.jsx("div", { className: "space-y-2", children: a.map((I) => /* @__PURE__ */ i.jsx(
+              No,
+              {
+                link: I,
+                onEdit: M,
+                onDelete: k
+              },
+              I.id
+            )) })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      Ot,
+      {
+        open: m,
+        onOpenChange: p,
+        title: r(x ? "edit_button_dialog" : "add_button_dialog"),
+        presentation: s ? "bottom-sheet" : "dialog",
+        children: /* @__PURE__ */ i.jsxs(
+          "form",
+          {
+            onSubmit: N(H),
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ i.jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ i.jsx(ln, { htmlFor: "title", children: r("button_text_label") }),
+                /* @__PURE__ */ i.jsx(
+                  fn,
+                  {
+                    id: "title",
+                    placeholder: r("button_text_placeholder"),
+                    ..._("title"),
+                    className: C.title ? "border-destructive" : ""
+                  }
+                ),
+                C.title && /* @__PURE__ */ i.jsx("p", { className: "text-destructive text-sm", children: C.title.message })
+              ] }),
+              /* @__PURE__ */ i.jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ i.jsx(ln, { htmlFor: "url", children: r("url_label") }),
+                /* @__PURE__ */ i.jsx(
+                  fn,
+                  {
+                    id: "url",
+                    placeholder: r("url_placeholder"),
+                    ..._("url"),
+                    className: C.url ? "border-destructive" : ""
+                  }
+                ),
+                C.url && /* @__PURE__ */ i.jsx("p", { className: "text-destructive text-sm", children: C.url.message })
+              ] }),
+              /* @__PURE__ */ i.jsxs(Ft, { className: "flex justify-between", children: [
+                x ? /* @__PURE__ */ i.jsxs(
+                  T,
+                  {
+                    type: "button",
+                    variant: "destructive",
+                    onClick: () => {
+                      P(), k(x);
+                    },
+                    children: [
+                      /* @__PURE__ */ i.jsx(Ht, { className: "mr-1 size-4" }),
+                      r("delete")
+                    ]
+                  }
+                ) : /* @__PURE__ */ i.jsx("div", {}),
+                /* @__PURE__ */ i.jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ i.jsx(
+                    T,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      onClick: P,
+                      children: r("cancel")
+                    }
+                  ),
+                  /* @__PURE__ */ i.jsx(
+                    T,
+                    {
+                      type: "submit",
+                      disabled: j || u.isPending || d.isPending,
+                      children: j || u.isPending || d.isPending ? r("saving") : r("save")
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ i.jsxs(
+      Ot,
+      {
+        open: b,
+        onOpenChange: w,
+        title: r("delete_button_dialog"),
+        presentation: s ? "bottom-sheet" : "dialog",
+        size: "compact",
+        children: [
+          /* @__PURE__ */ i.jsx("p", { className: "text-muted-foreground", children: r("delete_button_confirm", {
+            name: v?.title ?? ""
+          }) }),
+          /* @__PURE__ */ i.jsxs(Ft, { children: [
+            /* @__PURE__ */ i.jsx(
+              T,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: Y,
+                children: r("cancel")
+              }
+            ),
+            /* @__PURE__ */ i.jsx(
+              T,
+              {
+                type: "button",
+                variant: "destructive",
+                onClick: ae,
+                disabled: h.isPending,
+                children: h.isPending ? r("deleting") : r("delete")
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const ko = {
+  Medium: "type_media",
+  Library: "type_playlist",
+  EnrollmentPack: "type_enrollment_pack",
+  Page: "type_page"
+};
+function Eo({
+  favorite: e,
+  onDelete: t
+}) {
+  const { t: n } = he(), {
+    attributes: r,
+    listeners: s,
+    setNodeRef: o,
+    transform: a,
+    transition: c,
+    isDragging: u
+  } = lr({ id: e.id }), d = {
+    transform: Fe.Transform.toString(a),
+    transition: c
+  }, h = e.name ?? n("untitled"), f = e.image_url, m = ko[e.favoriteable_type], p = e.favoriteable_type !== "Product" ? m ? n(m) : e.favoriteable_type : null;
+  return /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      ref: o,
+      style: d,
+      className: `border-border bg-card flex items-center gap-3 rounded-lg border p-3 sm:p-4 ${u ? "opacity-50 shadow-lg" : ""}`,
+      children: [
+        /* @__PURE__ */ i.jsx(
+          "button",
+          {
+            type: "button",
+            className: "text-muted-foreground hover:text-foreground cursor-grab touch-none",
+            "aria-label": n("drag_to_reorder"),
+            ...r,
+            ...s,
+            children: /* @__PURE__ */ i.jsx(Rn, { className: "size-5" })
+          }
+        ),
+        /* @__PURE__ */ i.jsx("div", { className: "bg-muted size-10 shrink-0 overflow-hidden rounded-md", children: f ? /* @__PURE__ */ i.jsx(
+          "img",
+          {
+            src: f,
+            alt: h,
+            loading: "lazy",
+            width: 40,
+            height: 40,
+            className: "h-full w-full object-cover"
+          }
+        ) : /* @__PURE__ */ i.jsx("div", { className: "text-muted-foreground flex h-full w-full items-center justify-center text-xs", children: n("no_image") }) }),
+        /* @__PURE__ */ i.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ i.jsx("p", { className: "text-foreground truncate font-medium", children: h }),
+          p ? /* @__PURE__ */ i.jsx("span", { className: "text-muted-foreground text-xs", children: p }) : null
+        ] }),
+        /* @__PURE__ */ i.jsx("div", { className: "flex shrink-0 items-center gap-1", children: /* @__PURE__ */ i.jsx(
+          T,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "text-muted-foreground hover:text-destructive",
+            onClick: () => t(e),
+            "aria-label": n("remove_favorite_aria"),
+            children: /* @__PURE__ */ i.jsx(Ht, { className: "size-4" })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Ro({
+  onBack: e,
+  onRefreshPreview: t,
+  onToast: n
+}) {
+  const { t: r } = he(), { isMobile: s } = En(), { data: o = [], isLoading: a } = js(), c = Ns(), u = Ds(), [d, h] = l.useState(!1), [f, m] = l.useState(null), p = Fn(
+    pt(St),
+    pt(Ct, {
+      coordinateGetter: cr
+    })
+  ), x = l.useCallback(
+    (v) => {
+      m(v), h(!0);
+    },
+    []
+  ), g = l.useCallback(() => {
+    h(!1), m(null);
+  }, []), b = l.useCallback(() => {
+    f && c.mutate(f.id, {
+      onSuccess: () => {
+        n?.(r("content_removed"), "success"), g(), t?.();
+      },
+      onError: () => {
+        n?.(r("content_remove_failed"), "error");
+      }
+    });
+  }, [
+    f,
+    c,
+    g,
+    t,
+    n,
+    r
+  ]), w = l.useCallback(
+    (v) => {
+      const { active: y, over: _ } = v;
+      if (_ && y.id !== _.id) {
+        const N = o.findIndex((R) => R.id === y.id), S = o.findIndex((R) => R.id === _.id), C = Dt(o, N, S), j = C.map((R) => R.id);
+        u.mutate(
+          { orderedIds: j, optimisticItems: C },
+          {
+            onSuccess: () => {
+              t?.();
+            },
+            onError: () => {
+              n?.(r("reorder_content_failed"), "error");
+            }
+          }
+        );
+      }
+    },
+    [o, u, t, n, r]
+  );
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ i.jsx(T, { variant: "ghost", size: "icon", onClick: e, children: /* @__PURE__ */ i.jsx(Ut, { className: "size-4" }) }),
+      /* @__PURE__ */ i.jsx("h1", { className: "text-foreground text-xl font-bold", children: r("content_heading") })
+    ] }),
+    a ? /* @__PURE__ */ i.jsx("div", { className: "space-y-2", children: Array.from({ length: 3 }).map((v, y) => /* @__PURE__ */ i.jsxs(
+      "div",
+      {
+        className: "border-border bg-card flex items-center gap-3 rounded-lg border p-3 sm:p-4",
+        children: [
+          /* @__PURE__ */ i.jsx(de, { className: "size-5" }),
+          /* @__PURE__ */ i.jsx(de, { className: "size-10 rounded-md" }),
+          /* @__PURE__ */ i.jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ i.jsx(de, { className: "h-4 w-32" }),
+            /* @__PURE__ */ i.jsx(de, { className: "h-3 w-20" })
+          ] }),
+          /* @__PURE__ */ i.jsx(de, { className: "size-8" })
+        ]
+      },
+      y
+    )) }) : o.length === 0 ? /* @__PURE__ */ i.jsx(ze, { className: "p-6 text-center sm:p-8", children: /* @__PURE__ */ i.jsx("p", { className: "text-muted-foreground", children: r("no_content_empty") }) }) : /* @__PURE__ */ i.jsx(
+      tr,
+      {
+        sensors: p,
+        collisionDetection: qn,
+        onDragEnd: w,
+        children: /* @__PURE__ */ i.jsx(
+          or,
+          {
+            items: o.map((v) => v.id),
+            strategy: rr,
+            children: /* @__PURE__ */ i.jsx("div", { className: "space-y-2", children: o.map((v) => /* @__PURE__ */ i.jsx(
+              Eo,
+              {
+                favorite: v,
+                onDelete: x
+              },
+              v.id
+            )) })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ i.jsxs(
+      Ot,
+      {
+        open: d,
+        onOpenChange: h,
+        title: r("remove_content_dialog"),
+        presentation: s ? "bottom-sheet" : "dialog",
+        size: "compact",
+        children: [
+          /* @__PURE__ */ i.jsx("p", { className: "text-muted-foreground", children: r("remove_content_confirm", {
+            name: f?.name ?? r("untitled")
+          }) }),
+          /* @__PURE__ */ i.jsxs(Ft, { children: [
+            /* @__PURE__ */ i.jsx(
+              T,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: g,
+                children: r("cancel")
+              }
+            ),
+            /* @__PURE__ */ i.jsx(
+              T,
+              {
+                type: "button",
+                variant: "destructive",
+                onClick: b,
+                disabled: c.isPending,
+                children: c.isPending ? r("removing") : r("remove")
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const Mo = [
+  { labelKey: "nav_profile", slug: "profile", icon: qr },
+  { labelKey: "nav_theme", key: "theme", icon: Mn },
+  { labelKey: "nav_content", key: "content", icon: Wr },
+  { labelKey: "nav_buttons", key: "buttons", icon: Qr }
+];
+function We(e, t) {
+  jr({ title: e, type: t });
+}
+function Ao({
+  editingSection: e,
+  animPhase: t,
+  showEditContent: n,
+  onEditSection: r,
+  onBackClick: s
+}) {
+  const { t: o } = he(), { navigate: a } = Cr(), { data: c, isLoading: u } = In(), { data: d = [] } = ks(), h = De(), f = xs({
+    // The theme saves through here too, and only a slug write moves the URL.
+    onSuccess: (k) => k.slug === void 0 ? void 0 : Sr(h)
+  }), [m, p] = l.useState(0), x = l.useCallback(() => p((k) => k + 1), []), [g, b] = l.useState(null), w = g ?? c?.theme_id ?? d.find((k) => k.name === "Default")?.id ?? d[0]?.id ?? null, y = d.find((k) => k.id === w)?.name ?? "Default", _ = c?.mysite_url ?? "", N = _ ? _.replace(/^https?:\/\//, "") : "", S = c?.mysite_views ?? 0, C = c?.mysite_leads ?? 0, j = l.useCallback(
+    (k) => {
+      if (k.id === w) return;
+      const Y = g;
+      b(k.id), f.mutate(
+        { theme_id: k.id },
+        {
+          onSuccess: () => {
+            We(o("theme_changed", { name: k.name }), "success"), x();
+          },
+          onError: () => {
+            b(Y), We(o("theme_update_failed"), "error");
+          }
+        }
+      );
+    },
+    [
+      w,
+      g,
+      f,
+      x,
+      o
+    ]
+  ), R = l.useCallback(
+    async (k) => {
+      await new Promise((Y, ae) => {
+        f.mutate(
+          { slug: k },
+          {
+            onSuccess: () => Y(),
+            onError: () => ae(new Error("Failed"))
+          }
+        );
+      });
+    },
+    [f]
+  ), L = l.useCallback(() => {
+    _ && window.open(`${_}?preview=true`, "_blank");
+  }, [_]), M = l.useMemo(() => e === "theme" ? o("nav_theme") : e === "buttons" ? o("nav_buttons") : e === "content" ? o("nav_content") : "", [e, o]);
+  if (u)
+    return /* @__PURE__ */ i.jsxs("div", { className: "flex h-full flex-col overflow-y-auto px-2 py-6 2xl:flex-row 2xl:overflow-hidden", children: [
+      /* @__PURE__ */ i.jsx("div", { className: "w-full px-4 2xl:w-2/3 2xl:shrink-0", children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ i.jsx("div", { className: "bg-muted h-7 w-32 animate-pulse rounded-md" }),
+        /* @__PURE__ */ i.jsx("div", { className: "bg-muted h-20 w-full animate-pulse rounded-lg" }),
+        /* @__PURE__ */ i.jsx("div", { className: "bg-muted h-16 w-full animate-pulse rounded-lg" }),
+        /* @__PURE__ */ i.jsx("div", { className: "bg-muted h-40 w-full animate-pulse rounded-lg" })
+      ] }) }),
+      /* @__PURE__ */ i.jsx("div", { className: "w-full shrink-0 overflow-y-hidden px-4 pt-5 2xl:h-full 2xl:w-1/3 2xl:overflow-y-auto 2xl:pt-0", children: /* @__PURE__ */ i.jsxs("div", { className: "bg-muted flex h-full flex-col items-center gap-4 rounded-xl p-5", children: [
+        /* @__PURE__ */ i.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ i.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ i.jsx("div", { className: "bg-background/50 h-3 w-24 animate-pulse rounded" }),
+            /* @__PURE__ */ i.jsx("div", { className: "bg-background/50 h-4 w-28 animate-pulse rounded" })
+          ] }),
+          /* @__PURE__ */ i.jsx("div", { className: "bg-background/50 h-8 w-20 animate-pulse rounded-md" })
+        ] }),
+        /* @__PURE__ */ i.jsx("div", { className: "bg-background/50 h-[490px] w-[260px] animate-pulse rounded-[36px] sm:h-[600px] sm:w-[320px]" })
+      ] }) })
+    ] });
+  const P = Ls(t), H = Is(t);
+  return /* @__PURE__ */ i.jsxs("div", { className: "flex h-full flex-col overflow-y-auto px-2 py-6 2xl:flex-row 2xl:overflow-hidden", children: [
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: `w-full px-4 2xl:w-2/3 2xl:shrink-0 ${P}`,
+        children: /* @__PURE__ */ i.jsx("div", { className: "flex min-w-0 flex-col gap-5 2xl:h-full 2xl:overflow-y-auto", children: n && e === "theme" ? /* @__PURE__ */ i.jsx(
+          Bs,
+          {
+            themes: d,
+            selectedThemeId: w,
+            onSelectTheme: j,
+            isPending: f.isPending,
+            onBack: s
+          }
+        ) : n && e === "buttons" ? /* @__PURE__ */ i.jsx(
+          Do,
+          {
+            onBack: s,
+            onRefreshPreview: x,
+            onToast: We
+          }
+        ) : n && e === "content" ? /* @__PURE__ */ i.jsx(
+          Ro,
+          {
+            onBack: s,
+            onRefreshPreview: x,
+            onToast: We
+          }
+        ) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+          /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ i.jsx("h1", { className: "text-foreground text-xl font-bold", children: o("heading") }),
+            t !== "idle" && M && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+              /* @__PURE__ */ i.jsx(cn, { className: "text-muted-foreground size-4" }),
+              /* @__PURE__ */ i.jsx("span", { className: "text-foreground text-xl font-bold", children: M })
+            ] })
+          ] }),
+          /* @__PURE__ */ i.jsx(Ts, { views: S, leads: C }),
+          /* @__PURE__ */ i.jsx(
+            Ps,
+            {
+              mysiteUrl: _,
+              displayUrl: N,
+              onUpdateSlug: R,
+              onToast: We
+            }
+          ),
+          /* @__PURE__ */ i.jsx("div", { className: "border-border bg-card divide-border divide-y overflow-hidden rounded-lg border", children: Mo.map((k) => {
+            const Y = k.icon, ae = "group hover:bg-muted flex w-full items-center gap-2.5 px-3 py-2.5 transition-colors text-left cursor-pointer", B = "slug" in k ? () => a(k.slug) : () => r(k.key);
+            return /* @__PURE__ */ i.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: B,
+                className: ae,
+                children: [
+                  /* @__PURE__ */ i.jsx("div", { className: "bg-muted text-foreground flex size-7 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ i.jsx(Y, { className: "size-3.5" }) }),
+                  /* @__PURE__ */ i.jsx("span", { className: "text-foreground flex-1 text-sm font-medium", children: o(k.labelKey) }),
+                  /* @__PURE__ */ i.jsx(cn, { className: "text-muted-foreground size-3 shrink-0 transition-transform group-hover:translate-x-0.5" })
+                ]
+              },
+              k.labelKey
+            );
+          }) })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        className: `w-full shrink-0 overflow-y-hidden px-4 pt-5 2xl:h-full 2xl:w-1/3 2xl:overflow-y-auto 2xl:pt-0 ${H}`,
+        children: /* @__PURE__ */ i.jsx(
+          Os,
+          {
+            mysiteUrl: _,
+            themeName: y,
+            previewKey: m,
+            isUpdating: f.isPending,
+            onPreview: L
+          }
+        )
+      }
+    )
+  ] });
+}
+function Lo() {
+  const [e, t] = l.useState("idle"), [n, r] = l.useState(null), s = l.useRef([]);
+  l.useEffect(() => {
+    const h = s;
+    return () => h.current.forEach(clearTimeout);
+  }, []);
+  const o = l.useCallback(() => {
+    s.current.forEach(clearTimeout), s.current = [];
+  }, []), a = l.useCallback((h, f) => {
+    const m = setTimeout(() => t(h), f);
+    s.current.push(m);
+  }, []), c = [
+    "slide",
+    "fade-in",
+    "editing",
+    "exit-fade-out",
+    "exit-slide"
+  ].includes(e), u = l.useCallback(
+    (h) => {
+      o(), r(h), t("fade-out"), a("slide", je), a("fade-in", je + ct), a("editing", je + ct + je);
+    },
+    [o, a]
+  ), d = l.useCallback(() => {
+    o(), t("exit-fade-out"), a("exit-slide", je), a("exit-fade-in", je + ct);
+    const h = setTimeout(
+      () => {
+        t("idle"), r(null);
+      },
+      je + ct + je
+    );
+    s.current.push(h);
+  }, [o, a]);
+  return {
+    editingSection: n,
+    animPhase: e,
+    showEditContent: c,
+    handleEditSection: u,
+    handleBackClick: d
+  };
+}
+function Io({
+  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */
+  background: e,
+  textColor: t,
+  accentColor: n,
+  padding: r,
+  borderRadius: s,
+  /* eslint-enable @typescript-eslint/no-unused-vars */
+  ...o
+}) {
+  return /* @__PURE__ */ i.jsx(As, { children: /* @__PURE__ */ i.jsx(To, { ...o }) });
+}
+function To(e) {
+  const { t } = he(), {
+    editingSection: n,
+    animPhase: r,
+    showEditContent: s,
+    handleEditSection: o,
+    handleBackClick: a
+  } = Lo(), c = l.useMemo(() => n === "theme" ? t("nav_theme") : n === "buttons" ? t("nav_buttons") : n === "content" ? t("nav_content") : null, [n, t]), u = l.useCallback(
+    (d) => {
+      d.preventDefault(), n !== null && a();
+    },
+    [n, a]
+  );
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsx(Nr, { children: /* @__PURE__ */ i.jsx(Lr, { children: /* @__PURE__ */ i.jsxs(Ir, { className: "text-lg", children: [
+      /* @__PURE__ */ i.jsx(un, { children: c ? /* @__PURE__ */ i.jsx(Tr, { href: "#", onClick: u, children: "MySite" }) : /* @__PURE__ */ i.jsx(dn, { className: "font-semibold", children: "MySite" }) }),
+      c && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        /* @__PURE__ */ i.jsx(Pr, {}),
+        /* @__PURE__ */ i.jsx(un, { children: /* @__PURE__ */ i.jsx(dn, { className: "font-semibold", children: c }) })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        ...e,
+        className: `h-full min-h-0 flex-1 ${e.className ?? ""}`,
+        children: /* @__PURE__ */ i.jsx(
+          Ao,
+          {
+            editingSection: n,
+            animPhase: r,
+            showEditContent: s,
+            onEditSection: o,
+            onBackClick: a
+          }
+        )
+      }
+    )
+  ] });
+}
+function Wo() {
+  const { config: e } = Dr(), { fetch: t } = kr(), { baseUrl: n, defaultHeaders: r, onAuthError: s } = e, o = l.useMemo(
+    () => ps(
+      ts({
+        baseUrl: n,
+        fetch: t,
+        defaultHeaders: r,
+        onAuthError: s
+      })
+    ),
+    [n, r, s, t]
+  );
+  return /* @__PURE__ */ i.jsx(Zr, { value: o, children: /* @__PURE__ */ i.jsx(Po, {}) });
+}
+function Po() {
+  const { error: e } = In();
+  if (e) throw e;
+  return /* @__PURE__ */ i.jsx(Io, {});
+}
+export {
+  Wo as default
+};