@oneclick.dev/cms-core-modules 0.0.106 → 0.0.107

package/dist/Overview-lWAyyenp.mjs

@@ -1,632 +0,0 @@
-import { defineComponent as G, resolveComponent as n, openBlock as c, createElementBlock as k, Fragment as te, renderList as le, createBlock as w, unref as C, withCtx as l, createElementVNode as o, normalizeClass as oe, resolveDynamicComponent as ne, toDisplayString as P, createCommentVNode as U, 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 Re, useFirebaseIntegration as Ae } from "@oneclick.dev/cms-kit";
-import { i as Le } from "./interpolation-w7IRDJwK.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 A = n("Button"), y = n("DropdownMenuTrigger"), m = n("DropdownMenuItem"), E = n("DropdownMenuContent"), b = 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) => C($)("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(C(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(b, null, {
-                  default: l(() => [
-                    t(y, { "as-child": "" }, {
-                      default: l(() => [
-                        t(A, {
-                          variant: "ghost",
-                          size: "icon",
-                          onClick: g[0] || (g[0] = Ee(() => {
-                          }, ["stop"]))
-                        }, {
-                          default: l(() => [
-                            t(C(Te), { class: "size-5" })
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }),
-                    t(E, null, {
-                      default: l(() => [
-                        t(m, {
-                          onClick: (x) => C($)("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 = $, A = M, y = v(!1), m = v("create"), E = v(""), b = v(""), _ = v(""), u = v(""), x = v(""), T = v(""), S = v(!0), i = v(!1), s = v(null), p = v("{{ slug }}"), f = v("/{{ lang }}/{{ slug }}"), D = v("all"), R = v([]), W = q(() => J(p.value)), H = q(() => J(f.value));
-    function J(r) {
-      if (!r) return "";
-      let e = A.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, b.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, s.value = r.customSettings || null, p.value = r.defaultLanguageRoutePattern || "{{ slug }}", f.value = r.multilingualRoutePattern || "/{{ lang }}/{{ slug }}", D.value = r.componentAvailability || "all", R.value = r.selectedComponents || []) : (m.value = "create", E.value = "", b.value = "", _.value = "", u.value = "", x.value = "", T.value = "", S.value = !0, i.value = !1, s.value = null, p.value = "{{ slug }}", f.value = "/{{ lang }}/{{ slug }}", D.value = "all", R.value = []), y.value = !0;
-    }, de = () => {
-      g("add", {
-        name: b.value,
-        tint: _.value,
-        icon: u.value,
-        contentEntryName: x.value,
-        contentEntryNamePlural: T.value,
-        allowUserEntryManagement: S.value,
-        showCustomSettings: i.value,
-        customSettings: i.value ? s.value : null,
-        defaultLanguageRoutePattern: p.value,
-        multilingualRoutePattern: f.value,
-        componentAvailability: D.value,
-        selectedComponents: D.value === "all" ? [] : R.value
-      }), y.value = !1;
-    }, re = () => {
-      g("edit", {
-        id: E.value,
-        name: b.value,
-        tint: _.value,
-        icon: u.value,
-        contentEntryName: x.value,
-        contentEntryNamePlural: T.value,
-        allowUserEntryManagement: S.value,
-        showCustomSettings: i.value,
-        customSettings: i.value ? s.value : null,
-        defaultLanguageRoutePattern: p.value,
-        multilingualRoutePattern: f.value,
-        componentAvailability: D.value,
-        selectedComponents: D.value === "all" ? [] : R.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"), be = n("FormBuilderSelect"), Q = n("SelectValue"), X = n("SelectTrigger"), F = n("SelectItem"), Y = n("SelectGroup"), Z = n("SelectContent"), h = n("Select"), ee = n("Sandbox"), Ce = 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] = (a) => y.value = a)
-      }, {
-        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(Ce, {
-                  "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: b.value,
-                              "onUpdate:modelValue": e[0] || (e[0] = (a) => b.value = a),
-                              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] = (a) => _.value = a),
-                              "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] = (a) => u.value = a)
-                            }, 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] = (a) => x.value = a),
-                                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] = (a) => T.value = a),
-                                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] = (a) => S.value = a),
-                              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] = (a) => i.value = a),
-                              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(be, {
-                            key: 0,
-                            modelValue: s.value,
-                            "onUpdate:modelValue": e[7] || (e[7] = (a) => s.value = a),
-                            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] = (a) => D.value = a)
-                          }, {
-                            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: R.value,
-                            "onUpdate:modelValue": e[9] || (e[9] = (a) => R.value = a)
-                          }, {
-                            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, (a) => (c(), w(F, {
-                                        key: a.id,
-                                        value: a.id
-                                      }, {
-                                        default: l(() => [
-                                          o("div", {
-                                            class: oe(`p-1 bg-${a.tint} rounded-md flex items-center justify-center`)
-                                          }, [
-                                            (c(), w(ne(C(ae)[a.icon]), { class: "size-4 text-white" }))
-                                          ], 2),
-                                          d(" " + P(a.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] = (a) => p.value = a),
-                                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] = (a) => f.value = a),
-                                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"
-}, bt = /* @__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: A } = ie();
-    Re(() => []);
-    const y = Ae(V.config.project), m = v(null), E = v([]), b = v(null);
-    q(() => m.value?.find((i) => i.id === b.value) || null);
-    const _ = Se("collectionModal"), u = async () => {
-      const i = await y.find(V.config.collectionsCollection);
-      m.value = i || [];
-    }, x = async (i) => {
-      await y.add(V.config.collectionsCollection, i);
-    }, T = async (i) => {
-      try {
-        await y.update(V.config.collectionsCollection, i.id, i);
-        const s = m.value.findIndex((p) => p.id === i.id);
-        s !== -1 && (m.value[s] = i), z.success("Collection updated");
-      } catch {
-        z.error("Failed to update collection");
-      }
-    }, S = (i) => {
-      A("Are you sure you want to delete this collection? This action cannot be undone.").then(async (s) => {
-        if (s)
-          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, s) => {
-      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..."))
-          ]),
-          C(I)() ? (c(), k("div", pt, [
-            t(p, {
-              variant: "outline",
-              class: "text-primary hover:text-primary",
-              onClick: s[0] || (s[0] = (f) => C(g)("global-styling"))
-            }, {
-              default: l(() => [
-                t(C(Pe), { class: "size-4" }),
-                s[5] || (s[5] = d(" Global Styling ", -1))
-              ]),
-              _: 1
-            }),
-            t(p, {
-              variant: "outline",
-              class: "text-primary hover:text-primary",
-              onClick: s[1] || (s[1] = (f) => C(g)("components"))
-            }, {
-              default: l(() => [
-                t(C(Me), { class: "size-4" }),
-                s[6] || (s[6] = d(" Components ", -1))
-              ]),
-              _: 1
-            }),
-            t(p, {
-              variant: "outline",
-              class: "text-primary hover:text-primary",
-              onClick: s[2] || (s[2] = (f) => _.value.openDialog())
-            }, {
-              default: l(() => [
-                t(C(Ue), { class: "size-4" }),
-                s[7] || (s[7] = d(" New Collection ", -1))
-              ]),
-              _: 1
-            })
-          ])) : U("", !0)
-        ]),
-        t(qe, {
-          collections: m.value,
-          onOpen: s[3] || (s[3] = (f) => b.value = f),
-          onEdit: s[4] || (s[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 {
-  bt as default
-};