@oneclick.dev/cms-core-modules 0.0.53 → 0.0.54

package/dist/Overview-D54pjmI6.mjs

@@ -0,0 +1,633 @@
+import { defineComponent as G, resolveComponent as n, createElementBlock as k, openBlock as c, Fragment as te, renderList as le, createBlock as w, unref as b, withCtx as l, createElementVNode as o, normalizeClass as oe, resolveDynamicComponent as ne, createCommentVNode as U, toDisplayString as P, createVNode as t, withModifiers as Ee, createTextVNode as d, ref as v, computed as q, useTemplateRef as Se, onMounted as De } from "vue";
+import { icons as ae, EllipsisVertical as Te, Paintbrush as Pe, ToyBrick as Me, Plus as Ue } from "lucide-vue-next";
+import { useModuleRoute as se, useConfirmation as ie, useModuleStorage as $e, useModulePermissions as Ne, useModuleBreadcrumbs as Ae, useFirebaseIntegration as Re } from "@oneclick.dev/cms-kit";
+import { i as Le } from "./interpolation-BpGXqOz8.mjs";
+import { t as z } from "./index-RLz1QPrf.mjs";
+const Be = { class: "grid @lg:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4 @7xl:grid-cols-5 gap-4" }, Ie = { class: "relative flex pl-3 @5xl:pl-6 pr-1.5 @5xl:pr-3 gap-3" }, Fe = { class: "self-center overflow-hidden w-full group-hover:w-[calc(100%-6.5rem)]" }, ze = ["title"], Oe = ["title"], je = { class: "absolute -top-1 right-2 self-start opacity-0 group-hover:opacity-100" }, qe = /* @__PURE__ */ G({
+  __name: "CollectionsGridView",
+  props: {
+    collections: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["edit", "delete"],
+  setup(M, { emit: V }) {
+    const { navigateTo: $ } = se(), N = V;
+    return (I, g) => {
+      const R = n("Button"), y = n("DropdownMenuTrigger"), m = n("DropdownMenuItem"), E = n("DropdownMenuContent"), C = n("DropdownMenu"), _ = n("Card");
+      return c(), k("div", Be, [
+        (c(!0), k(te, null, le(M.collections, (u) => (c(), w(_, {
+          key: u.id,
+          class: "group hover:bg-input/50 cursor-pointer transition-colors duration-200",
+          onClick: (x) => b($)("collections/" + u.id)
+        }, {
+          default: l(() => [
+            o("div", Ie, [
+              o("div", {
+                class: oe(`p-2 bg-${u.tint} rounded-md self-center mr-3`)
+              }, [
+                (c(), w(ne(b(ae)[u.icon]), { class: "size-6 text-white" }))
+              ], 2),
+              o("div", Fe, [
+                o("p", {
+                  class: "truncate",
+                  title: u.name || "Unnamed Entry Collection"
+                }, P(u.name || "Unnamed Entry Collection"), 9, ze),
+                u.contentEntryName || u.contentEntryNamePlural ? (c(), k("p", {
+                  key: 0,
+                  class: "text-xs text-muted-foreground truncate",
+                  title: `Manage ${u.contentEntryNamePlural || u.contentEntryName} here`
+                }, " Manage " + P(u.contentEntryNamePlural || u.contentEntryName) + " here ", 9, Oe)) : U("", !0)
+              ]),
+              o("div", je, [
+                t(C, null, {
+                  default: l(() => [
+                    t(y, { "as-child": "" }, {
+                      default: l(() => [
+                        t(R, {
+                          variant: "ghost",
+                          size: "icon",
+                          onClick: g[0] || (g[0] = Ee(() => {
+                          }, ["stop"]))
+                        }, {
+                          default: l(() => [
+                            t(b(Te), { class: "size-5" })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(E, null, {
+                      default: l(() => [
+                        t(m, {
+                          onClick: (x) => b($)("collections/" + u.id)
+                        }, {
+                          default: l(() => [...g[1] || (g[1] = [
+                            d("Open Collection...", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"]),
+                        t(m, {
+                          onClick: (x) => N("edit", u)
+                        }, {
+                          default: l(() => [...g[2] || (g[2] = [
+                            d("Edit Collection...", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"]),
+                        t(m, {
+                          onClick: (x) => N("delete", u.id),
+                          variant: "destructive"
+                        }, {
+                          default: l(() => [...g[3] || (g[3] = [
+                            d("Delete Collection...", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024)
+              ])
+            ])
+          ]),
+          _: 2
+        }, 1032, ["onClick"]))), 128))
+      ]);
+    };
+  }
+}), Ge = { class: "grid py-4" }, We = { class: "flex gap-6 mb-6" }, He = { class: "w-1/3" }, Je = { class: "w-1/3" }, Ke = { class: "w-1/3" }, Qe = { class: "grid" }, Xe = { class: "flex gap-6 mb-6" }, Ye = { class: "w-1/2" }, Ze = { class: "w-1/2" }, he = { class: "flex items-center gap-2" }, et = { class: "flex items-center gap-4" }, tt = { class: "grid grid-cols-2 gap-4" }, lt = { class: "grid" }, ot = { class: "mb-6" }, nt = { class: "flex items-center justify-between gap-4 flex-wrap" }, at = {
+  key: 0,
+  class: "text-xs italic text-muted-foreground mt-1"
+}, st = { class: "flex items-center justify-between gap-4 flex-wrap" }, it = {
+  key: 0,
+  class: "text-xs italic text-muted-foreground mt-1"
+}, ut = /* @__PURE__ */ G({
+  __name: "CollectionDialog",
+  props: {
+    config: {
+      type: Object,
+      required: !0
+    },
+    components: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["add", "edit", "delete"],
+  setup(M, { expose: V, emit: $ }) {
+    const N = [
+      { name: "id", type: "string" },
+      { name: "slug", type: "string" },
+      { name: "lang", type: "string" }
+    ], { confirm: I } = ie(), g = $, R = M, y = v(!1), m = v("create"), E = v(""), C = v(""), _ = v(""), u = v(""), x = v(""), T = v(""), S = v(!0), i = v(!1), a = v(null), p = v("{{ slug }}"), f = v("/{{ lang }}/{{ slug }}"), D = v("all"), A = v([]), W = q(() => J(p.value)), H = q(() => J(f.value));
+    function J(r) {
+      if (!r) return "";
+      let e = R.config.domain || "https://domain.com";
+      return e.endsWith("/") && (e = e.slice(0, -1)), r.startsWith("/") || (r = "/" + r), Le(e + r, [{ name: "slug", value: "example-slug" }, { name: "id", value: "12345" }, { name: "lang", value: "en" }]);
+    }
+    const ue = (r) => {
+      r ? (m.value = "edit", E.value = r.id, C.value = r.name || "", _.value = r.tint || "", u.value = r.icon || "", x.value = r.contentEntryName || "", T.value = r.contentEntryNamePlural || "", S.value = r.allowUserEntryManagement ?? !0, i.value = !!r.customSettings, a.value = r.customSettings || null, p.value = r.defaultLanguageRoutePattern || "{{ slug }}", f.value = r.multilingualRoutePattern || "/{{ lang }}/{{ slug }}", D.value = r.componentAvailability || "all", A.value = r.selectedComponents || []) : (m.value = "create", E.value = "", C.value = "", _.value = "", u.value = "", x.value = "", T.value = "", S.value = !0, i.value = !1, a.value = null, p.value = "{{ slug }}", f.value = "/{{ lang }}/{{ slug }}", D.value = "all", A.value = []), y.value = !0;
+    }, de = () => {
+      g("add", {
+        name: C.value,
+        tint: _.value,
+        icon: u.value,
+        contentEntryName: x.value,
+        contentEntryNamePlural: T.value,
+        allowUserEntryManagement: S.value,
+        showCustomSettings: i.value,
+        customSettings: i.value ? a.value : null,
+        defaultLanguageRoutePattern: p.value,
+        multilingualRoutePattern: f.value,
+        componentAvailability: D.value,
+        selectedComponents: D.value === "all" ? [] : A.value
+      }), y.value = !1;
+    }, re = () => {
+      g("edit", {
+        id: E.value,
+        name: C.value,
+        tint: _.value,
+        icon: u.value,
+        contentEntryName: x.value,
+        contentEntryNamePlural: T.value,
+        allowUserEntryManagement: S.value,
+        showCustomSettings: i.value,
+        customSettings: i.value ? a.value : null,
+        defaultLanguageRoutePattern: p.value,
+        multilingualRoutePattern: f.value,
+        componentAvailability: D.value,
+        selectedComponents: D.value === "all" ? [] : A.value
+      }), y.value = !1;
+    }, me = async () => {
+      await I("Are you sure you want to delete this collection? This action cannot be undone.", "Delete Collection", "Delete") && (g("delete", E.value), y.value = !1);
+    };
+    return V({
+      openDialog: ue
+    }), (r, e) => {
+      const ce = n("DialogTitle"), ve = n("DialogDescription"), pe = n("DialogHeader"), L = n("TabsTrigger"), ge = n("TabsList"), O = n("Input"), fe = n("TailwindColorPicker"), ye = n("LucideIconPicker"), B = n("TabsContent"), _e = n("Checkbox"), K = n("Label"), xe = n("Switch"), Ce = n("FormBuilderSelect"), Q = n("SelectValue"), X = n("SelectTrigger"), F = n("SelectItem"), Y = n("SelectGroup"), Z = n("SelectContent"), h = n("Select"), ee = n("Sandbox"), be = n("Tabs"), j = n("Button"), we = n("DialogFooter"), ke = n("DialogScrollContent"), Ve = n("Dialog");
+      return c(), w(Ve, {
+        open: y.value,
+        "onUpdate:open": e[12] || (e[12] = (s) => y.value = s)
+      }, {
+        default: l(() => [
+          t(ke, { class: "sm:max-w-2xl" }, {
+            default: l(() => [
+              t(pe, null, {
+                default: l(() => [
+                  t(ce, null, {
+                    default: l(() => [
+                      d(P(m.value === "create" ? "Add New Collection" : "Update Collection"), 1)
+                    ]),
+                    _: 1
+                  }),
+                  t(ve, null, {
+                    default: l(() => [...e[13] || (e[13] = [
+                      d(" Each collection has it's own set of entries, settings, ... ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              o("div", Ge, [
+                t(be, {
+                  "default-value": "account",
+                  class: "w-full"
+                }, {
+                  default: l(() => [
+                    t(ge, { class: "mb-6" }, {
+                      default: l(() => [
+                        t(L, { value: "collection" }, {
+                          default: l(() => [...e[14] || (e[14] = [
+                            d(" Collection ", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(L, { value: "entries" }, {
+                          default: l(() => [...e[15] || (e[15] = [
+                            d(" Entries ", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(L, { value: "components" }, {
+                          default: l(() => [...e[16] || (e[16] = [
+                            d(" Components ", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(L, { value: "styling" }, {
+                          default: l(() => [...e[17] || (e[17] = [
+                            d(" Styling ", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(L, { value: "preview" }, {
+                          default: l(() => [...e[18] || (e[18] = [
+                            d(" Preview URL ", -1)
+                          ])]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    t(B, { value: "collection" }, {
+                      default: l(() => [
+                        o("div", We, [
+                          o("div", He, [
+                            e[19] || (e[19] = o("label", {
+                              for: "collection-dialog-display-name",
+                              class: "text-sm mb-1 block font-medium"
+                            }, "Collection Name", -1)),
+                            t(O, {
+                              modelValue: C.value,
+                              "onUpdate:modelValue": e[0] || (e[0] = (s) => C.value = s),
+                              id: "collection-dialog-display-name"
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          o("div", Je, [
+                            e[20] || (e[20] = o("label", { class: "text-sm mb-1 block font-medium" }, "Tint", -1)),
+                            t(fe, {
+                              modelValue: _.value,
+                              "onUpdate:modelValue": e[1] || (e[1] = (s) => _.value = s),
+                              "default-value": "white"
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          o("div", Ke, [
+                            e[21] || (e[21] = o("label", { class: "text-sm mb-1 block font-medium" }, "Icon", -1)),
+                            t(ye, {
+                              modelValue: u.value,
+                              "onUpdate:modelValue": e[2] || (e[2] = (s) => u.value = s)
+                            }, null, 8, ["modelValue"])
+                          ])
+                        ])
+                      ]),
+                      _: 1
+                    }),
+                    t(B, { value: "entries" }, {
+                      default: l(() => [
+                        o("div", Qe, [
+                          e[26] || (e[26] = o("p", { class: "text-sm mb-1 block font-medium" }, " Entries ", -1)),
+                          o("div", Xe, [
+                            o("div", Ye, [
+                              e[22] || (e[22] = o("label", {
+                                for: "collection-dialog-entry-name",
+                                class: "text-sm mb-1 block font-medium"
+                              }, "Entry name (singular)", -1)),
+                              t(O, {
+                                modelValue: x.value,
+                                "onUpdate:modelValue": e[3] || (e[3] = (s) => x.value = s),
+                                id: "collection-dialog-entry-name",
+                                placeholder: "Entry"
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            o("div", Ze, [
+                              e[23] || (e[23] = o("label", {
+                                for: "collection-dialog-entry-name-plural",
+                                class: "text-sm mb-1 block font-medium"
+                              }, "Entry name (plural)", -1)),
+                              t(O, {
+                                modelValue: T.value,
+                                "onUpdate:modelValue": e[4] || (e[4] = (s) => T.value = s),
+                                id: "collection-dialog-entry-name-plural",
+                                placeholder: "Entries"
+                              }, null, 8, ["modelValue"])
+                            ])
+                          ]),
+                          o("div", he, [
+                            t(_e, {
+                              modelValue: S.value,
+                              "onUpdate:modelValue": e[5] || (e[5] = (s) => S.value = s),
+                              id: "collection-dialog-allow-user-entry-management"
+                            }, null, 8, ["modelValue"]),
+                            t(K, { for: "collection-dialog-allow-user-entry-management" }, {
+                              default: l(() => [...e[24] || (e[24] = [
+                                d("Allow users to create, edit and delete entries in this collection", -1)
+                              ])]),
+                              _: 1
+                            })
+                          ]),
+                          e[27] || (e[27] = o("hr", { class: "my-6" }, null, -1)),
+                          e[28] || (e[28] = o("p", { class: "text-sm mb-1 block font-medium" }, " Entry Custom Settings ", -1)),
+                          e[29] || (e[29] = o("p", { class: "text-xs mb-2 text-muted-foreground" }, " Specific settings all entries in this collection can edit. ", -1)),
+                          o("div", et, [
+                            t(xe, {
+                              modelValue: i.value,
+                              "onUpdate:modelValue": e[6] || (e[6] = (s) => i.value = s),
+                              id: "collection-dialog-component-settings-toggle",
+                              class: "mb-4"
+                            }, null, 8, ["modelValue"]),
+                            t(K, {
+                              class: "-mt-3.5",
+                              for: "collection-dialog-component-settings-toggle"
+                            }, {
+                              default: l(() => [...e[25] || (e[25] = [
+                                d(" Show settings form for this collection's entries. ", -1)
+                              ])]),
+                              _: 1
+                            })
+                          ]),
+                          i.value ? (c(), w(Ce, {
+                            key: 0,
+                            modelValue: a.value,
+                            "onUpdate:modelValue": e[7] || (e[7] = (s) => a.value = s),
+                            class: "w-1/2"
+                          }, null, 8, ["modelValue"])) : U("", !0)
+                        ])
+                      ]),
+                      _: 1
+                    }),
+                    t(B, { value: "components" }, {
+                      default: l(() => [
+                        e[33] || (e[33] = o("p", { class: "text-sm mb-1 block font-medium" }, " Available Components ", -1)),
+                        o("div", tt, [
+                          t(h, {
+                            modelValue: D.value,
+                            "onUpdate:modelValue": e[8] || (e[8] = (s) => D.value = s)
+                          }, {
+                            default: l(() => [
+                              t(X, { class: "w-full" }, {
+                                default: l(() => [
+                                  t(Q)
+                                ]),
+                                _: 1
+                              }),
+                              t(Z, null, {
+                                default: l(() => [
+                                  t(Y, null, {
+                                    default: l(() => [
+                                      t(F, { value: "all" }, {
+                                        default: l(() => [...e[30] || (e[30] = [
+                                          d(" All ", -1)
+                                        ])]),
+                                        _: 1
+                                      }),
+                                      t(F, { value: "all-except" }, {
+                                        default: l(() => [...e[31] || (e[31] = [
+                                          d(" All, except... ", -1)
+                                        ])]),
+                                        _: 1
+                                      }),
+                                      t(F, { value: "only" }, {
+                                        default: l(() => [...e[32] || (e[32] = [
+                                          d(" Only... ", -1)
+                                        ])]),
+                                        _: 1
+                                      })
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"]),
+                          D.value !== "all" ? (c(), w(h, {
+                            key: 0,
+                            multiple: !0,
+                            modelValue: A.value,
+                            "onUpdate:modelValue": e[9] || (e[9] = (s) => A.value = s)
+                          }, {
+                            default: l(() => [
+                              t(X, { class: "w-full" }, {
+                                default: l(() => [
+                                  t(Q, { placeholder: "Select components..." })
+                                ]),
+                                _: 1
+                              }),
+                              t(Z, null, {
+                                default: l(() => [
+                                  t(Y, null, {
+                                    default: l(() => [
+                                      (c(!0), k(te, null, le(M.components, (s) => (c(), w(F, {
+                                        key: s.id,
+                                        value: s.id
+                                      }, {
+                                        default: l(() => [
+                                          o("div", {
+                                            class: oe(`p-1 bg-${s.tint} rounded-md flex items-center justify-center`)
+                                          }, [
+                                            (c(), w(ne(b(ae)[s.icon]), { class: "size-4 text-white" }))
+                                          ], 2),
+                                          d(" " + P(s.name), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["value"]))), 128))
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"])) : U("", !0)
+                        ])
+                      ]),
+                      _: 1
+                    }),
+                    t(B, { value: "styling" }, {
+                      default: l(() => [...e[34] || (e[34] = [
+                        d(" Styling ", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t(B, { value: "preview" }, {
+                      default: l(() => [
+                        o("div", lt, [
+                          e[37] || (e[37] = o("p", { class: "text-sm mb-1 block font-medium" }, " Preview URL ", -1)),
+                          o("div", ot, [
+                            o("div", nt, [
+                              e[35] || (e[35] = o("label", { class: "text-sm basis-[200px] block font-medium" }, "Default Language Route", -1)),
+                              t(ee, {
+                                modelValue: p.value,
+                                "onUpdate:modelValue": e[10] || (e[10] = (s) => p.value = s),
+                                variables: N,
+                                class: "flex-1"
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            W.value ? (c(), k("p", at, "Example: " + P(W.value), 1)) : U("", !0)
+                          ]),
+                          o("div", null, [
+                            o("div", st, [
+                              e[36] || (e[36] = o("label", { class: "text-sm basis-[200px] block font-medium" }, "Multilingual Route", -1)),
+                              t(ee, {
+                                modelValue: f.value,
+                                "onUpdate:modelValue": e[11] || (e[11] = (s) => f.value = s),
+                                variables: N,
+                                class: "flex-1"
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            H.value ? (c(), k("p", it, "Example: " + P(H.value), 1)) : U("", !0)
+                          ])
+                        ])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              t(we, null, {
+                default: l(() => [
+                  m.value === "edit" ? (c(), w(j, {
+                    key: 0,
+                    variant: "destructive",
+                    class: "mr-auto",
+                    onClick: me
+                  }, {
+                    default: l(() => [...e[38] || (e[38] = [
+                      d(" Delete Collection ", -1)
+                    ])]),
+                    _: 1
+                  })) : U("", !0),
+                  m.value === "create" ? (c(), w(j, {
+                    key: 1,
+                    type: "submit",
+                    onClick: de
+                  }, {
+                    default: l(() => [...e[39] || (e[39] = [
+                      d(" Add Collection ", -1)
+                    ])]),
+                    _: 1
+                  })) : (c(), w(j, {
+                    key: 2,
+                    type: "submit",
+                    onClick: re
+                  }, {
+                    default: l(() => [...e[40] || (e[40] = [
+                      d(" Edit Collection ", -1)
+                    ])]),
+                    _: 1
+                  }))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), dt = { class: "relative flex flex-col flex-1" }, rt = { class: "flex items-center justify-between gap-4 w-full my-4" }, mt = { class: "flex items-center gap-4" }, ct = {
+  key: 0,
+  class: "text-lg whitespace-nowrap"
+}, vt = {
+  key: 1,
+  class: "text-lg whitespace-nowrap"
+}, pt = {
+  key: 0,
+  class: "flex items-center gap-4"
+}, Ct = /* @__PURE__ */ G({
+  __name: "Overview",
+  props: {
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(M) {
+    const V = M, { getModuleData: $ } = $e(), { hasPermission: N, isAdmin: I } = Ne(), { navigateTo: g } = se(), { confirm: R } = ie();
+    Ae(() => []);
+    const y = Re(V.config.project), m = v(null), E = v([]), C = v(null);
+    q(() => m.value?.find((i) => i.id === C.value) || null);
+    const _ = Se("collectionModal"), u = async () => {
+      const i = await y.find(V.config.collectionsCollection);
+      m.value = i || [];
+    }, x = async (i) => {
+      const a = await y.add(V.config.collectionsCollection, i);
+      console.log("Added collection", a);
+    }, T = async (i) => {
+      try {
+        await y.update(V.config.collectionsCollection, i.id, i);
+        const a = m.value.findIndex((p) => p.id === i.id);
+        a !== -1 && (m.value[a] = i), z.success("Collection updated");
+      } catch {
+        z.error("Failed to update collection");
+      }
+    }, S = (i) => {
+      R("Are you sure you want to delete this collection? This action cannot be undone.").then(async (a) => {
+        if (a)
+          try {
+            await y.remove(V.config.collectionsCollection, i), m.value = m.value.filter((p) => p.id !== i), z.success("Collection deleted");
+          } catch {
+            z.error("Failed to delete collection");
+          }
+      });
+    };
+    return De(() => {
+      u(), $("components").then((i) => {
+        E.value = i;
+      });
+    }), (i, a) => {
+      const p = n("Button");
+      return c(), k("div", dt, [
+        o("div", rt, [
+          o("div", mt, [
+            m.value !== null ? (c(), k("p", ct, P(m.value.length) + " " + P(m.value.length === 1 ? "Collection" : "Collections"), 1)) : (c(), k("p", vt, "Loading Collections..."))
+          ]),
+          b(I)() ? (c(), k("div", pt, [
+            t(p, {
+              variant: "outline",
+              class: "text-primary hover:text-primary",
+              onClick: a[0] || (a[0] = (f) => b(g)("global-styling"))
+            }, {
+              default: l(() => [
+                t(b(Pe), { class: "size-4" }),
+                a[5] || (a[5] = d(" Global Styling ", -1))
+              ]),
+              _: 1
+            }),
+            t(p, {
+              variant: "outline",
+              class: "text-primary hover:text-primary",
+              onClick: a[1] || (a[1] = (f) => b(g)("components"))
+            }, {
+              default: l(() => [
+                t(b(Me), { class: "size-4" }),
+                a[6] || (a[6] = d(" Components ", -1))
+              ]),
+              _: 1
+            }),
+            t(p, {
+              variant: "outline",
+              class: "text-primary hover:text-primary",
+              onClick: a[2] || (a[2] = (f) => _.value.openDialog())
+            }, {
+              default: l(() => [
+                t(b(Ue), { class: "size-4" }),
+                a[7] || (a[7] = d(" New Collection ", -1))
+              ]),
+              _: 1
+            })
+          ])) : U("", !0)
+        ]),
+        t(qe, {
+          collections: m.value,
+          onOpen: a[3] || (a[3] = (f) => C.value = f),
+          onEdit: a[4] || (a[4] = (f) => _.value.openDialog(f)),
+          onDelete: S
+        }, null, 8, ["collections"]),
+        t(ut, {
+          config: M.config,
+          components: E.value,
+          ref_key: "collectionModal",
+          ref: _,
+          onAdd: x,
+          onEdit: T,
+          onDelete: S
+        }, null, 8, ["config", "components"])
+      ]);
+    };
+  }
+});
+export {
+  Ct as default
+};