@stachelock/ui 0.1.1 → 0.1.3

package/dist/DashboardLayout.vue_vue_type_script_setup_true_lang-CClxYrOW.js

@@ -0,0 +1,186 @@
+import { defineComponent as h, ref as b, createElementBlock as d, openBlock as f, createVNode as o, createElementVNode as s, unref as a, withCtx as i, renderSlot as t, normalizeClass as p, createCommentVNode as m } from "vue";
+import { TransitionRoot as v, Dialog as y, TransitionChild as c, DialogPanel as _ } from "@headlessui/vue";
+import { XMarkIcon as w, Bars3Icon as k } from "@heroicons/vue/24/outline";
+const $ = { class: "sl-min-h-screen sl-bg-gray-50" }, C = { class: "sl-fixed sl-inset-0 sl-flex" }, S = { class: "sl-absolute sl-left-full sl-top-0 sl-flex sl-w-16 sl-justify-center sl-pt-5" }, z = { class: "sl-flex sl-grow sl-flex-col sl-gap-y-5 sl-bg-stachelock-600 sl-px-6 sl-pb-2 sl-ring-1 sl-ring-white/10" }, B = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center" }, W = { class: "sl-flex sl-flex-1 sl-flex-col" }, D = {
+  role: "list",
+  class: "-sl-mx-2 sl-flex-1 sl-space-y-1"
+}, L = { class: "sl-mt-auto" }, N = { class: "sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-px-6" }, V = { class: "sl-mt-8 sl-flex sl-flex-col sl-justify-between sl-h-full" }, j = { class: "sl-absolute sl-bottom-4 sl-left-0 sl-right-0 sl-px-6" }, E = { class: "sl-sticky sl-top-0 sl-z-40 sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-gap-x-4 sl-border-b sl-border-gray-200 sl-bg-white sl-px-4 sl-shadow-sm sm:sl-gap-x-6 sm:sl-px-6 lg:sl-px-8" }, I = { class: "sl-flex sl-flex-1 sl-gap-x-4 sm:sl-self-stretch lg:sl-gap-x-6" }, O = { class: "sl-relative sl-flex sl-flex-1" }, T = { class: "sl-flex sl-items-center sl-gap-x-4 lg:sl-gap-x-6" }, M = {
+  key: 0,
+  class: "sl-border-b sl-border-gray-200 sl-bg-white sl-px-4 sl-py-6 sm:sl-px-6 lg:sl-px-8"
+}, P = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-py-6" }, R = {
+  key: 1,
+  class: "sl-border-t sl-border-gray-200 sl-bg-white sl-px-4 sl-py-6 sm:sl-px-6 lg:sl-px-8"
+}, G = /* @__PURE__ */ h({
+  __name: "DashboardLayout",
+  props: {
+    isWideSidebar: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["sidebar-toggle"],
+  setup(n, { emit: X }) {
+    const r = b(!1), g = () => {
+      r.value = !1;
+    }, x = () => {
+      r.value = !0;
+    };
+    return (e, l) => (f(), d("div", $, [
+      o(a(v), {
+        as: "template",
+        show: r.value
+      }, {
+        default: i(() => [
+          o(a(y), {
+            as: "div",
+            class: "sl-relative sl-z-50 lg:sl-hidden",
+            onClose: g
+          }, {
+            default: i(() => [
+              o(a(c), {
+                as: "template",
+                enter: "sl-transition-opacity sl-ease-linear sl-duration-300",
+                "enter-from": "sl-opacity-0",
+                "enter-to": "sl-opacity-100",
+                leave: "sl-transition-opacity sl-ease-linear sl-duration-300",
+                "leave-from": "sl-opacity-100",
+                "leave-to": "sl-opacity-0"
+              }, {
+                default: i(() => l[2] || (l[2] = [
+                  s("div", { class: "sl-fixed sl-inset-0 sl-bg-gray-900/80" }, null, -1)
+                ])),
+                _: 1,
+                __: [2]
+              }),
+              s("div", C, [
+                o(a(c), {
+                  as: "template",
+                  enter: "sl-transition sl-ease-in-out sl-duration-300 sl-transform",
+                  "enter-from": "-sl-translate-x-full",
+                  "enter-to": "sl-translate-x-0",
+                  leave: "sl-transition sl-ease-in-out sl-duration-300 sl-transform",
+                  "leave-from": "sl-translate-x-0",
+                  "leave-to": "-sl-translate-x-full"
+                }, {
+                  default: i(() => [
+                    o(a(_), { class: "sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1" }, {
+                      default: i(() => [
+                        o(a(c), {
+                          as: "template",
+                          enter: "sl-ease-in-out sl-duration-300",
+                          "enter-from": "sl-opacity-0",
+                          "enter-to": "sl-opacity-100",
+                          leave: "sl-ease-in-out sl-duration-300",
+                          "leave-from": "sl-opacity-100",
+                          "leave-to": "sl-opacity-0"
+                        }, {
+                          default: i(() => [
+                            s("div", S, [
+                              s("button", {
+                                type: "button",
+                                class: "-sl-m-2.5 sl-p-2.5",
+                                onClick: l[0] || (l[0] = (u) => g())
+                              }, [
+                                l[3] || (l[3] = s("span", { class: "sl-sr-only" }, "Close sidebar", -1)),
+                                o(a(w), {
+                                  class: "sl-h-6 sl-w-6 sl-text-stachelock-050",
+                                  "aria-hidden": "true"
+                                })
+                              ])
+                            ])
+                          ]),
+                          _: 1
+                        }),
+                        s("div", z, [
+                          s("div", B, [
+                            t(e.$slots, "logo", {}, () => [
+                              l[4] || (l[4] = s("div", { class: "sl-text-stachelock-050 sl-font-semibold sl-text-lg" }, "Logo", -1))
+                            ])
+                          ]),
+                          s("nav", W, [
+                            s("ul", D, [
+                              t(e.$slots, "navigation")
+                            ])
+                          ]),
+                          s("div", L, [
+                            t(e.$slots, "sidebar-footer")
+                          ])
+                        ])
+                      ]),
+                      _: 3
+                    })
+                  ]),
+                  _: 3
+                })
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["show"]),
+      s("div", {
+        class: p(["sl-hidden lg:sl-fixed lg:sl-inset-y-0 lg:sl-left-0 lg:sl-z-50 lg:sl-block lg:sl-pb-4 sl-pt-4 lg:sl-bg-stachelock-600", n.isWideSidebar ? "lg:sl-w-72" : "lg:sl-w-20"])
+      }, [
+        s("div", N, [
+          t(e.$slots, "logo", {}, () => [
+            l[5] || (l[5] = s("div", { class: "sl-text-stachelock-050 sl-font-semibold sl-text-lg" }, "Logo", -1))
+          ])
+        ]),
+        s("nav", V, [
+          s("ul", {
+            role: "list",
+            class: p(n.isWideSidebar ? "sl-flex sl-flex-col sl-items-start sl-mx-4 sl-space-y-1" : "sl-flex sl-flex-col sl-items-center sl-space-y-1")
+          }, [
+            t(e.$slots, "navigation")
+          ], 2),
+          s("div", j, [
+            t(e.$slots, "sidebar-footer")
+          ])
+        ])
+      ], 2),
+      s("div", {
+        class: p(["lg:sl-pl-20", n.isWideSidebar ? "lg:sl-pl-72" : "lg:sl-pl-20"])
+      }, [
+        s("div", E, [
+          s("button", {
+            type: "button",
+            class: "-sl-m-2.5 sl-p-2.5 sl-text-gray-700 lg:sl-hidden",
+            onClick: l[1] || (l[1] = (u) => x())
+          }, [
+            l[6] || (l[6] = s("span", { class: "sl-sr-only" }, "Open sidebar", -1)),
+            o(a(k), {
+              class: "sl-h-6 sl-w-6",
+              "aria-hidden": "true"
+            })
+          ]),
+          l[7] || (l[7] = s("div", {
+            class: "sl-h-6 sl-w-px sl-bg-gray-900/10 lg:sl-hidden",
+            "aria-hidden": "true"
+          }, null, -1)),
+          s("div", I, [
+            s("div", O, [
+              t(e.$slots, "header-content")
+            ]),
+            s("div", T, [
+              t(e.$slots, "header-right")
+            ])
+          ])
+        ]),
+        e.$slots["page-header"] ? (f(), d("div", M, [
+          t(e.$slots, "page-header")
+        ])) : m("", !0),
+        s("main", P, [
+          t(e.$slots, "main")
+        ]),
+        e.$slots.footer ? (f(), d("footer", R, [
+          t(e.$slots, "footer")
+        ])) : m("", !0)
+      ], 2)
+    ]));
+  }
+});
+export {
+  G as _
+};
+//# sourceMappingURL=DashboardLayout.vue_vue_type_script_setup_true_lang-CClxYrOW.js.map

package/dist/DashboardLayout.vue_vue_type_script_setup_true_lang-CClxYrOW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.vue_vue_type_script_setup_true_lang-CClxYrOW.js","sources":["../src/components/layouts/DashboardLayout.vue"],"sourcesContent":["<template>\n  <div class=\"sl-min-h-screen sl-bg-gray-50\">\n    <!-- Mobile sidebar overlay -->\n    <TransitionRoot as=\"template\" :show=\"sidebarOpen\">\n      <Dialog as=\"div\" class=\"sl-relative sl-z-50 lg:sl-hidden\" @close=\"closeSidebar\">\n        <TransitionChild as=\"template\" enter=\"sl-transition-opacity sl-ease-linear sl-duration-300\" enter-from=\"sl-opacity-0\"\n          enter-to=\"sl-opacity-100\" leave=\"sl-transition-opacity sl-ease-linear sl-duration-300\" leave-from=\"sl-opacity-100\"\n          leave-to=\"sl-opacity-0\">\n          <div class=\"sl-fixed sl-inset-0 sl-bg-gray-900/80\" />\n        </TransitionChild>\n\n        <div class=\"sl-fixed sl-inset-0 sl-flex\">\n          <TransitionChild as=\"template\" enter=\"sl-transition sl-ease-in-out sl-duration-300 sl-transform\"\n            enter-from=\"-sl-translate-x-full\" enter-to=\"sl-translate-x-0\"\n            leave=\"sl-transition sl-ease-in-out sl-duration-300 sl-transform\" leave-from=\"sl-translate-x-0\"\n            leave-to=\"-sl-translate-x-full\">\n            <DialogPanel class=\"sl-relative sl-mr-16 sl-flex sl-w-full sl-max-w-xs sl-flex-1\">\n              <TransitionChild as=\"template\" enter=\"sl-ease-in-out sl-duration-300\" enter-from=\"sl-opacity-0\"\n                enter-to=\"sl-opacity-100\" leave=\"sl-ease-in-out sl-duration-300\" leave-from=\"sl-opacity-100\" leave-to=\"sl-opacity-0\">\n                <div class=\"sl-absolute sl-left-full sl-top-0 sl-flex sl-w-16 sl-justify-center sl-pt-5\">\n                  <button type=\"button\" class=\"-sl-m-2.5 sl-p-2.5\" @click=\"closeSidebar()\">\n                    <span class=\"sl-sr-only\">Close sidebar</span>\n                    <XMarkIcon class=\"sl-h-6 sl-w-6 sl-text-stachelock-050\" aria-hidden=\"true\" />\n                  </button>\n                </div>\n              </TransitionChild>\n\n              <div class=\"sl-flex sl-grow sl-flex-col sl-gap-y-5 sl-bg-stachelock-600 sl-px-6 sl-pb-2 sl-ring-1 sl-ring-white/10\">\n                <div class=\"sl-flex sl-h-16 sl-shrink-0 sl-items-center\">\n                  <slot name=\"logo\">\n                    <div class=\"sl-text-stachelock-050 sl-font-semibold sl-text-lg\">Logo</div>\n                  </slot>\n                </div>\n                <nav class=\"sl-flex sl-flex-1 sl-flex-col\">\n                  <ul role=\"list\" class=\"-sl-mx-2 sl-flex-1 sl-space-y-1\">\n                    <slot name=\"navigation\">\n                      <!-- Default navigation slot -->\n                    </slot>\n                  </ul>\n                </nav>\n                <div class=\"sl-mt-auto\">\n                  <slot name=\"sidebar-footer\">\n                    <!-- Sidebar footer content -->\n                  </slot>\n                </div>\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n\n    <!-- Desktop sidebar -->\n    <div class=\"sl-hidden lg:sl-fixed lg:sl-inset-y-0 lg:sl-left-0 lg:sl-z-50 lg:sl-block lg:sl-pb-4 sl-pt-4 lg:sl-bg-stachelock-600\"\n      :class=\"isWideSidebar ? 'lg:sl-w-72' : 'lg:sl-w-20'\">\n      <div class=\"sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-px-6\">\n        <slot name=\"logo\">\n          <div class=\"sl-text-stachelock-050 sl-font-semibold sl-text-lg\">Logo</div>\n        </slot>\n      </div>\n      <nav class=\"sl-mt-8 sl-flex sl-flex-col sl-justify-between sl-h-full\">\n        <ul role=\"list\" :class=\"isWideSidebar ? 'sl-flex sl-flex-col sl-items-start sl-mx-4 sl-space-y-1' : 'sl-flex sl-flex-col sl-items-center sl-space-y-1'\">\n          <slot name=\"navigation\">\n            <!-- Default navigation slot -->\n          </slot>\n        </ul>\n        <div class=\"sl-absolute sl-bottom-4 sl-left-0 sl-right-0 sl-px-6\">\n          <slot name=\"sidebar-footer\">\n            <!-- Sidebar footer content -->\n          </slot>\n        </div>\n      </nav>\n    </div>\n\n    <!-- Main content area -->\n    <div :class=\"['lg:sl-pl-20', isWideSidebar ? 'lg:sl-pl-72' : 'lg:sl-pl-20']\">\n      <!-- Header -->\n      <div class=\"sl-sticky sl-top-0 sl-z-40 sl-flex sl-h-16 sl-shrink-0 sl-items-center sl-gap-x-4 sl-border-b sl-border-gray-200 sl-bg-white sl-px-4 sl-shadow-sm sm:sl-gap-x-6 sm:sl-px-6 lg:sl-px-8\">\n        <button type=\"button\" class=\"-sl-m-2.5 sl-p-2.5 sl-text-gray-700 lg:sl-hidden\" @click=\"openSidebar()\">\n          <span class=\"sl-sr-only\">Open sidebar</span>\n          <Bars3Icon class=\"sl-h-6 sl-w-6\" aria-hidden=\"true\" />\n        </button>\n\n        <!-- Separator -->\n        <div class=\"sl-h-6 sl-w-px sl-bg-gray-900/10 lg:sl-hidden\" aria-hidden=\"true\" />\n\n        <div class=\"sl-flex sl-flex-1 sl-gap-x-4 sm:sl-self-stretch lg:sl-gap-x-6\">\n          <div class=\"sl-relative sl-flex sl-flex-1\">\n            <slot name=\"header-content\">\n              <!-- Header content -->\n            </slot>\n          </div>\n          <div class=\"sl-flex sl-items-center sl-gap-x-4 lg:sl-gap-x-6\">\n            <slot name=\"header-right\">\n              <!-- Header right content (notifications, profile, etc.) -->\n            </slot>\n          </div>\n        </div>\n      </div>\n\n      <!-- Page header -->\n      <div v-if=\"$slots['page-header']\" class=\"sl-border-b sl-border-gray-200 sl-bg-white sl-px-4 sl-py-6 sm:sl-px-6 lg:sl-px-8\">\n        <slot name=\"page-header\">\n          <!-- Page header content -->\n        </slot>\n      </div>\n\n      <!-- Main content -->\n      <main class=\"sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-py-6\">\n        <slot name=\"main\">\n          <!-- Main content slot -->\n        </slot>\n      </main>\n\n      <!-- Footer -->\n      <footer v-if=\"$slots.footer\" class=\"sl-border-t sl-border-gray-200 sl-bg-white sl-px-4 sl-py-6 sm:sl-px-6 lg:sl-px-8\">\n        <slot name=\"footer\">\n          <!-- Footer content -->\n        </slot>\n      </footer>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { Dialog, DialogPanel, TransitionChild, TransitionRoot } from '@headlessui/vue';\nimport { Bars3Icon, XMarkIcon } from '@heroicons/vue/24/outline';\n\nconst props = defineProps({\n  isWideSidebar: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst emit = defineEmits(['sidebar-toggle']);\n\nconst sidebarOpen = ref(false);\n\nconst closeSidebar = () => {\n  sidebarOpen.value = false;\n};\n\nconst openSidebar = () => {\n  sidebarOpen.value = true;\n};\n\n\n</script>\n\n<style scoped>\n</style>\n"],"names":["sidebarOpen","ref","closeSidebar","openSidebar","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","TransitionRoot","Dialog","TransitionChild","_cache","_createElementVNode","_hoisted_2","DialogPanel","_hoisted_3","XMarkIcon","_hoisted_4","_hoisted_5","_renderSlot","_ctx","_hoisted_6","_hoisted_7","_hoisted_8","_normalizeClass","__props","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","Bars3Icon","_hoisted_13","_hoisted_14","_hoisted_15","$slots","_hoisted_16","_hoisted_17","_hoisted_18"],"mappings":"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"}

package/dist/DayCalendar.vue_vue_type_script_setup_true_lang-xE5bCa3O.js

@@ -0,0 +1,123 @@
+import { defineComponent as A, ref as d, computed as P, onMounted as D, createElementBlock as n, openBlock as i, Fragment as r, createElementVNode as s, renderList as u, createTextVNode as T, toDisplayString as a, normalizeClass as C, createCommentVNode as E, normalizeStyle as N, unref as m } from "vue";
+import { c as z, a as H, f as S } from "./calendar-905Ofszh.js";
+const $ = { class: "sl-isolate sl-flex sl-flex-auto sl-overflow-hidden sl-bg-white" }, O = { class: "sl-grid sl-grid-cols-7 sl-text-sm sl-leading-6 sl-text-gray-500 xl:sl-hidden" }, V = ["onClick"], j = { class: "sl-flex sl-flex-auto" }, B = { class: "sl-grid sl-flex-auto sl-grid-cols-1 sl-grid-rows-1" }, G = {
+  class: "sl-col-start-1 sl-col-end-2 sl-row-start-1 sl-grid sl-divide-y sl-divide-gray-100",
+  style: { "grid-template-rows": "repeat(48, minmax(3.5rem, 1fr))" }
+}, F = { class: "sl-relative" }, L = { class: "sl-sticky sl-left-0 sl-z-20 -sl-ml-14 -sl-mt-2.5 sl-w-14 sl-pr-2 sl-text-right sl-text-xs sl-leading-5 sl-text-gray-400" }, R = {
+  class: "sl-col-end-2 sl-row-start-1 sl-grid sl-grid-cols-1",
+  style: { "grid-template-rows": "1.75rem repeat(288, minmax(0, 1fr)) auto" }
+}, Z = ["onClick"], q = { class: "sl-order-1 sl-font-semibold sl-text-blue-700" }, I = { class: "sl-text-blue-500 group-hover:sl-text-blue-700" }, J = ["datetime"], W = /* @__PURE__ */ A({
+  __name: "DayCalendar",
+  props: {
+    days: {}
+  },
+  emits: ["selectDay", "select:event"],
+  setup(p, { emit: y }) {
+    const h = p, f = y, g = d(null), x = d(null), v = d(null), c = d(null), _ = [
+      "12AM",
+      "1AM",
+      "2AM",
+      "3AM",
+      "4AM",
+      "5AM",
+      "6AM",
+      "7AM",
+      "8AM",
+      "9AM",
+      "10AM",
+      "11AM",
+      "12PM",
+      "1PM",
+      "2PM",
+      "3PM",
+      "4PM",
+      "5PM",
+      "6PM",
+      "7PM",
+      "8PM",
+      "9PM",
+      "10PM",
+      "11PM"
+    ], M = (t) => c.value === t, b = (t) => {
+      c.value = t, f("selectDay", t);
+    }, w = (t) => f("select:event", t), k = P(() => c.value ? [c.value] : h.days);
+    return D(() => {
+      const t = (/* @__PURE__ */ new Date()).getHours() * 60, o = g.value, l = x.value, e = v.value;
+      o && l && e && (o.scrollTop = (o.scrollHeight - l.offsetHeight - e.offsetHeight) * t / 1440);
+    }), (t, o) => (i(), n(r, null, [
+      s("div", $, [
+        s("div", {
+          ref_key: "container",
+          ref: g,
+          class: "sl-flex sl-flex-auto sl-flex-col sl-overflow-auto"
+        }, [
+          s("div", {
+            ref_key: "containerNav",
+            ref: x,
+            class: "sl-sticky sl-top-0 sl-z-10 sl-bg-white sl-text-xs sl-text-gray-500 sl-shadow sl-ring-1 sl-ring-black sl-ring-opacity-5 md:sl-hidden"
+          }, [
+            s("div", O, [
+              (i(!0), n(r, null, u(t.days, (l) => (i(), n("button", {
+                key: l.date,
+                type: "button",
+                class: "sl-flex sl-flex-col sl-items-center sl-pb-3 sl-pt-2",
+                onClick: (e) => b(l)
+              }, [
+                T(a(l.shortDay) + " ", 1),
+                s("span", {
+                  class: C(["sl-mt-1 sl-flex sl-h-8 sl-w-8 sl-items-center sl-justify-center sl-font-semibold sl-text-gray-800", M(l) ? "sl-rounded-full sl-bg-stachelock-600 sl-font-semibold sl-text-white" : ""])
+                }, a(l.day), 3)
+              ], 8, V))), 128))
+            ])
+          ], 512),
+          s("div", j, [
+            o[1] || (o[1] = s("div", { class: "sl-w-14 sl-flex-none sl-bg-white sl-ring-1 sl-ring-gray-100" }, null, -1)),
+            s("div", B, [
+              s("div", G, [
+                s("div", {
+                  ref_key: "containerOffset",
+                  ref: v,
+                  class: "sl-row-end-1 sl-h-7"
+                }, null, 512),
+                (i(), n(r, null, u(_, (l) => (i(), n(r, { key: l }, [
+                  s("div", F, [
+                    s("div", L, a(l), 1)
+                  ]),
+                  o[0] || (o[0] = s("div", null, null, -1))
+                ], 64))), 64))
+              ]),
+              s("ol", R, [
+                (i(!0), n(r, null, u(k.value, (l) => (i(), n(r, {
+                  key: l.date
+                }, [
+                  l.events && l.events.length ? (i(!0), n(r, { key: 0 }, u(l.events, (e) => (i(), n("li", {
+                    key: e.id,
+                    class: "sl-relative sl-mt-px sl-flex",
+                    style: N(`grid-row: ${m(z)(e.datetime)} / span ${m(H)(e.startTime?.dateTime, e.endTime?.dateTime)}`)
+                  }, [
+                    s("button", {
+                      onClick: (K) => w(e.id),
+                      class: "sl-justify-start sl-group sl-absolute sl-inset-1 sl-flex sl-flex-col sl-overflow-y-auto sl-rounded-lg sl-bg-blue-50 sl-p-2 sl-text-xs sl-leading-5 hover:sl-bg-blue-100"
+                    }, [
+                      s("p", q, a(e.name), 1),
+                      s("p", I, [
+                        s("time", {
+                          datetime: e.datetime
+                        }, a(m(S)(e.datetime)) + " " + a(e.startTime?.shortTimeZone), 9, J)
+                      ])
+                    ], 8, Z)
+                  ], 4))), 128)) : E("", !0)
+                ], 64))), 128))
+              ])
+            ])
+          ])
+        ], 512)
+      ]),
+      o[2] || (o[2] = s("div", { class: "md:sl-block sl-hidden sl-w-1/2 sl-max-w-md sl-flex-none sl-border-l sl-border-gray-100 sl-px-8 sl-py-10" }, null, -1))
+    ], 64));
+  }
+});
+export {
+  W as _
+};
+//# sourceMappingURL=DayCalendar.vue_vue_type_script_setup_true_lang-xE5bCa3O.js.map

package/dist/DayCalendar.vue_vue_type_script_setup_true_lang-xE5bCa3O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayCalendar.vue_vue_type_script_setup_true_lang-xE5bCa3O.js","sources":["../src/components/calendars/DayCalendar.vue"],"sourcesContent":["<template>\n  <div class=\"sl-isolate sl-flex sl-flex-auto sl-overflow-hidden sl-bg-white\">\n    <div ref=\"container\" class=\"sl-flex sl-flex-auto sl-flex-col sl-overflow-auto\">\n      <!-- Mobile sticky nav with days -->\n      <div ref=\"containerNav\" class=\"sl-sticky sl-top-0 sl-z-10 sl-bg-white sl-text-xs sl-text-gray-500 sl-shadow sl-ring-1 sl-ring-black sl-ring-opacity-5 md:sl-hidden\">\n        <div class=\"sl-grid sl-grid-cols-7 sl-text-sm sl-leading-6 sl-text-gray-500 xl:sl-hidden\">\n          <button v-for=\"day in days\" :key=\"day.date\" type=\"button\" class=\"sl-flex sl-flex-col sl-items-center sl-pb-3 sl-pt-2\" @click=\"setActiveDay(day)\">\n            {{ day.shortDay }}\n            <span class=\"sl-mt-1 sl-flex sl-h-8 sl-w-8 sl-items-center sl-justify-center sl-font-semibold sl-text-gray-800\" :class=\"isActiveDay(day) ? 'sl-rounded-full sl-bg-stachelock-600 sl-font-semibold sl-text-white' : ''\">\n              {{ day.day }}\n            </span>\n          </button>\n        </div>\n      </div>\n\n      <div class=\"sl-flex sl-flex-auto\">\n        <div class=\"sl-w-14 sl-flex-none sl-bg-white sl-ring-1 sl-ring-gray-100\" />\n        <div class=\"sl-grid sl-flex-auto sl-grid-cols-1 sl-grid-rows-1\">\n          <!-- Hour grid -->\n          <div class=\"sl-col-start-1 sl-col-end-2 sl-row-start-1 sl-grid sl-divide-y sl-divide-gray-100\" style=\"grid-template-rows: repeat(48, minmax(3.5rem, 1fr))\">\n            <div ref=\"containerOffset\" class=\"sl-row-end-1 sl-h-7\"></div>\n            <template v-for=\"hour in hours\" :key=\"hour\">\n              <div class=\"sl-relative\">\n                <div class=\"sl-sticky sl-left-0 sl-z-20 -sl-ml-14 -sl-mt-2.5 sl-w-14 sl-pr-2 sl-text-right sl-text-xs sl-leading-5 sl-text-gray-400\">{{ hour }}</div>\n              </div>\n              <div></div>\n            </template>\n          </div>\n\n          <!-- Events -->\n          <ol class=\"sl-col-end-2 sl-row-start-1 sl-grid sl-grid-cols-1\" style=\"grid-template-rows: 1.75rem repeat(288, minmax(0, 1fr)) auto\">\n            <template v-for=\"day in filteredDays\" :key=\"day.date\">\n              <template v-if=\"day.events && day.events.length\">\n                <li v-for=\"event in day.events\" :key=\"event.id\" class=\"sl-relative sl-mt-px sl-flex\" :style=\"`grid-row: ${calculateGridRow(event.datetime)} / span ${calculateGridSpan(event.startTime?.dateTime, event.endTime?.dateTime)}`\">\n                  <button @click=\"handleSelectEvent(event.id)\" class=\"sl-justify-start sl-group sl-absolute sl-inset-1 sl-flex sl-flex-col sl-overflow-y-auto sl-rounded-lg sl-bg-blue-50 sl-p-2 sl-text-xs sl-leading-5 hover:sl-bg-blue-100\">\n                    <p class=\"sl-order-1 sl-font-semibold sl-text-blue-700\">{{ event.name }}</p>\n                    <p class=\"sl-text-blue-500 group-hover:sl-text-blue-700\">\n                      <time :datetime=\"event.datetime\">{{ formatTime(event.datetime) }} {{ event.startTime?.shortTimeZone }}</time>\n                    </p>\n                  </button>\n                </li>\n              </template>\n            </template>\n          </ol>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"md:sl-block sl-hidden sl-w-1/2 sl-max-w-md sl-flex-none sl-border-l sl-border-gray-100 sl-px-8 sl-py-10\">\n    <!-- Placeholder for side panel hook (omitted for library) -->\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted } from 'vue';\nimport type { CalendarDay } from '@/utils/calendar';\nimport { calculateGridRow, calculateGridSpan, formatTime } from '@/utils/calendar';\n\nconst props = defineProps<{ days: Array<CalendarDay> }>();\nconst emit = defineEmits(['selectDay', 'select:event']);\n\nconst container = ref<HTMLElement | null>(null);\nconst containerNav = ref<HTMLElement | null>(null);\nconst containerOffset = ref<HTMLElement | null>(null);\nconst activeDay = ref<CalendarDay | null>(null);\n\nconst hours = [\n  '12AM','1AM','2AM','3AM','4AM','5AM','6AM','7AM','8AM','9AM','10AM','11AM',\n  '12PM','1PM','2PM','3PM','4PM','5PM','6PM','7PM','8PM','9PM','10PM','11PM'\n];\n\nconst isActiveDay = (day: CalendarDay) => activeDay.value === day;\nconst setActiveDay = (day: CalendarDay) => { activeDay.value = day; emit('selectDay', day); };\nconst handleSelectEvent = (eventId: string | number) => emit('select:event', eventId);\n\nconst filteredDays = computed(() => activeDay.value ? [activeDay.value] : props.days);\n\nonMounted(() => {\n  const currentMinute = new Date().getHours() * 60;\n  const containerElement = container.value;\n  const containerNavElement = containerNav.value;\n  const containerOffsetElement = containerOffset.value;\n  if (containerElement && containerNavElement && containerOffsetElement) {\n    containerElement.scrollTop = ((containerElement.scrollHeight - containerNavElement.offsetHeight - containerOffsetElement.offsetHeight) * currentMinute) / 1440;\n  }\n});\n</script>\n\n<style scoped>\n</style>\n\n\n"],"names":["props","__props","emit","__emit","container","ref","containerNav","containerOffset","activeDay","hours","isActiveDay","day","setActiveDay","handleSelectEvent","eventId","filteredDays","computed","onMounted","currentMinute","containerElement","containerNavElement","containerOffsetElement","_createElementVNode","_hoisted_1","_hoisted_2","_createElementBlock","_Fragment","_renderList","days","$event","_normalizeClass","_toDisplayString","_hoisted_4","_hoisted_5","_hoisted_6","hour","_hoisted_7","_hoisted_8","_hoisted_9","_openBlock","event","_unref","calculateGridRow","calculateGridSpan","_hoisted_11","_hoisted_12","formatTime","_hoisted_13"],"mappings":"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"}

package/dist/DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js

@@ -0,0 +1,85 @@
+import { defineComponent as m, createElementBlock as t, openBlock as e, createCommentVNode as i, renderSlot as a, createElementVNode as o, normalizeClass as n, toDisplayString as r } from "vue";
+const u = { class: "sl-relative" }, c = {
+  key: 0,
+  class: "sl-py-16 lg:sl-ml-12 sl-mx-2"
+}, g = { class: "sl-mx-auto sl-max-w-7xl" }, h = { class: "sl-mx-auto sl-max-w-2xl lg:sl-mx-0" }, y = { class: "sl-h-2" }, f = {
+  key: 0,
+  class: "sl-mt-1"
+}, x = {
+  key: 1,
+  class: "sl-mx-auto sl-z-50 sl-flex sl-h-16 lg:sl-h-16 sl-border-gray-900/10"
+}, b = { class: "sl-flex sl-h-16 lg:sl-h-16 sl-w-full sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-justify-between" }, v = { class: "sl-flex sl-justify-end sl-items-center sl-ml-auto" }, $ = {
+  key: 2,
+  class: "lg:sl-mx-12 sl-mx-2 sl-pb-16"
+}, k = {
+  key: 5,
+  class: "lg:sl-mx-12 sl-mx-2 sl-pb-16"
+}, C = /* @__PURE__ */ m({
+  __name: "DefaultLayout",
+  props: {
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    titleClass: {
+      type: String,
+      default: "sl-text-4xl sl-font-bold sl-tracking-tight sl-text-gray-800"
+    },
+    subtitle: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    subtitleClass: {
+      type: String,
+      default: "sl-text-lg sl-leading-8 sl-text-gray-600"
+    }
+  },
+  setup(l) {
+    return (s, d) => (e(), t("div", u, [
+      l.title ? (e(), t("div", c, [
+        o("div", g, [
+          o("div", h, [
+            o("h1", {
+              class: n(l.titleClass)
+            }, r(l.title), 3),
+            l.subtitle ? (e(), t("p", {
+              key: 0,
+              class: n([l.subtitleClass, "sl-mt-6"])
+            }, r(l.subtitle), 3)) : i("", !0),
+            o("div", y, [
+              s.$slots.bottomCaption ? (e(), t("div", f, [
+                a(s.$slots, "bottomCaption")
+              ])) : i("", !0)
+            ])
+          ])
+        ])
+      ])) : !l.title && s.$slots.right ? (e(), t("header", x, [
+        o("div", b, [
+          d[0] || (d[0] = o("div", { class: "sl-hidden lg:sl-flex lg:sl-justify-start lg:sl-items-center" }, null, -1)),
+          o("div", v, [
+            a(s.$slots, "right")
+          ])
+        ])
+      ])) : i("", !0),
+      s.$slots.main ? (e(), t("div", $, [
+        a(s.$slots, "main")
+      ])) : i("", !0),
+      s.$slots.container ? (e(), t("div", {
+        key: 3,
+        class: n(l.title ? "sl-pb-12" : "sl-my-4 sm:sl-py-12")
+      }, [
+        a(s.$slots, "container")
+      ], 2)) : i("", !0),
+      s.$slots.home ? a(s.$slots, "home", { key: 4 }) : i("", !0),
+      s.$slots.default ? (e(), t("div", k, [
+        a(s.$slots, "default")
+      ])) : i("", !0)
+    ]));
+  }
+});
+export {
+  C as _
+};
+//# sourceMappingURL=DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js.map

package/dist/DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js","sources":["../src/components/layouts/DefaultLayout.vue"],"sourcesContent":["<template>\n  <div class=\"sl-relative\">\n    <!-- Header with title -->\n    <div v-if=\"title\" class=\"sl-py-16 lg:sl-ml-12 sl-mx-2\">\n      <div class=\"sl-mx-auto sl-max-w-7xl\">\n        <div class=\"sl-mx-auto sl-max-w-2xl lg:sl-mx-0\">\n          <h1 :class=\"titleClass\">{{ title }}</h1>\n          <p v-if=\"subtitle\" :class=\"subtitleClass\" class=\"sl-mt-6\">{{ subtitle }}</p>\n          <div class=\"sl-h-2\">\n            <template v-if=\"$slots.bottomCaption\">\n              <div class=\"sl-mt-1\">\n                <slot name=\"bottomCaption\"></slot>\n              </div>\n            </template>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Header without title - for right slot only -->\n    <header v-else-if=\"!title && $slots.right\" class=\"sl-mx-auto sl-z-50 sl-flex sl-h-16 lg:sl-h-16 sl-border-gray-900/10\">\n      <div class=\"sl-flex sl-h-16 lg:sl-h-16 sl-w-full sl-px-4 sm:sl-px-6 lg:sl-px-8 sl-justify-between\">\n        <div class=\"sl-hidden lg:sl-flex lg:sl-justify-start lg:sl-items-center\">\n          <!-- Empty space to match positioning -->\n        </div>\n        <div class=\"sl-flex sl-justify-end sl-items-center sl-ml-auto\">\n          <slot name=\"right\"></slot>\n        </div>\n      </div>\n    </header>\n\n    <!-- Main content slot -->\n    <template v-if=\"$slots.main\">\n      <div class=\"lg:sl-mx-12 sl-mx-2 sl-pb-16\">\n        <slot name=\"main\"></slot>\n      </div>\n    </template>\n\n    <!-- Container slot -->\n    <template v-if=\"$slots.container\">\n      <div :class=\"!title ? 'sl-my-4 sm:sl-py-12' : 'sl-pb-12'\">\n        <slot name=\"container\"></slot>\n      </div>\n    </template>\n\n    <!-- Home slot -->\n    <template v-if=\"$slots.home\">\n      <slot name=\"home\"></slot>\n    </template>\n\n    <!-- Default slot -->\n    <template v-if=\"$slots.default\">\n      <div class=\"lg:sl-mx-12 sl-mx-2 sl-pb-16\">\n        <slot></slot>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineProps({\n  title: {\n    type: String,\n    required: false,\n    default: ''\n  },\n  titleClass: {\n    type: String,\n    default: 'sl-text-4xl sl-font-bold sl-tracking-tight sl-text-gray-800'\n  },\n  subtitle: {\n    type: String,\n    required: false,\n    default: ''\n  },\n  subtitleClass: {\n    type: String,\n    default: 'sl-text-lg sl-leading-8 sl-text-gray-600'\n  }\n});\n</script>\n\n<style scoped>\n</style>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","__props","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_normalizeClass","_hoisted_5","$slots","_hoisted_6","_renderSlot","_ctx","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBACEA,EAAA,GAAAC,EAuDM,OAvDNC,GAuDM;AAAA,MArDOC,EAAA,SAAXH,EAAA,GAAAC,EAcM,OAdNG,GAcM;AAAA,QAbJC,EAYM,OAZNC,GAYM;AAAA,UAXJD,EAUM,OAVNE,GAUM;AAAA,YATJF,EAAwC,MAAA;AAAA,cAAnC,SAAOF,EAAA,UAAU;AAAA,YAAA,KAAKA,EAAA,KAAK,GAAA,CAAA;AAAA,YACvBA,EAAA,iBAATF,EAA4E,KAAA;AAAA;cAAxD,OAAKO,EAAA,CAAEL,EAAA,eAAqB,SAAS,CAAA;AAAA,YAAA,KAAIA,EAAA,QAAQ,GAAA,CAAA;YACrEE,EAMM,OANNI,GAMM;AAAA,cALYC,EAAAA,OAAO,iBACrBV,KAAAC,EAEM,OAFNU,GAEM;AAAA,gBADJC,EAAkCC,EAAA,QAAA,eAAA;AAAA,cAAA;;;;aAS1BV,EAAA,SAASO,EAAAA,OAAO,SAApCV,EAAA,GAAAC,EASS,UATTa,GASS;AAAA,QARPT,EAOM,OAPNU,GAOM;AAAA,0BANJV,EAEM,OAAA,EAFD,OAAM,8DAAA,GAA6D,MAAA,EAAA;AAAA,UAGxEA,EAEM,OAFNW,GAEM;AAAA,YADJJ,EAA0BC,EAAA,QAAA,OAAA;AAAA,UAAA;;;MAMhBH,EAAAA,OAAO,QACrBV,KAAAC,EAEM,OAFNgB,GAEM;AAAA,QADJL,EAAyBC,EAAA,QAAA,MAAA;AAAA,MAAA;MAKbH,EAAAA,OAAO,kBACrBT,EAEM,OAAA;AAAA;QAFA,SAAQE,EAAA,QAAK,aAAA,qBAAA;AAAA,MAAA;QACjBS,EAA8BC,EAAA,QAAA,WAAA;AAAA,MAAA;MAKlBH,EAAAA,OAAO,OACrBE,EAAyBC,EAAA,QAAA,QAAA,EAAA,KAAA,EAAA,CAAA;MAIXH,EAAAA,OAAO,WACrBV,KAAAC,EAEM,OAFNiB,GAEM;AAAA,QADJN,EAAaC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/DynamicForm.vue_vue_type_script_setup_true_lang-BKhcXkNG.js

@@ -0,0 +1,201 @@
+import { defineComponent as L, ref as q, reactive as G, watch as v, computed as h, createElementBlock as o, openBlock as l, withModifiers as J, normalizeClass as d, unref as p, createCommentVNode as n, toDisplayString as r, Fragment as V, renderList as k, createElementVNode as i, createBlock as C, createVNode as B, withCtx as F, createTextVNode as _ } from "vue";
+import { useForm as K } from "vee-validate";
+import { ExclamationCircleIcon as P } from "@heroicons/vue/24/outline";
+import S from "./components/Button.js";
+import { _ as Q } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-qAwVNm--.js";
+const W = {
+  key: 0,
+  class: "sl-mb-6"
+}, X = {
+  key: 0,
+  class: "sl-text-lg sl-font-semibold sl-text-gray-900 sl-mb-2"
+}, Y = {
+  key: 1,
+  class: "sl-text-sm sl-text-gray-600"
+}, Z = {
+  key: 0,
+  class: "sl-mb-4"
+}, ee = {
+  key: 0,
+  class: "sl-text-md sl-font-medium sl-text-gray-900 sl-mb-1"
+}, te = {
+  key: 1,
+  class: "sl-text-sm sl-text-gray-600"
+}, se = {
+  key: 2,
+  class: "sl-mt-4"
+}, ae = { class: "sl-bg-red-50 sl-border sl-border-red-200 sl-rounded-md sl-p-4" }, le = { class: "sl-flex" }, oe = { class: "sl-ml-3" }, ne = { class: "sl-mt-2 sl-text-sm sl-text-red-700" }, ge = /* @__PURE__ */ L({
+  __name: "DynamicForm",
+  props: {
+    schema: {},
+    modelValue: {},
+    loading: { type: Boolean },
+    showActions: { type: Boolean, default: !0 },
+    showCancelButton: { type: Boolean, default: !1 },
+    submitButtonText: {},
+    cancelButtonText: {},
+    submitButtonVariant: { default: "primary" },
+    actionsAlignment: { default: "right" },
+    formError: {}
+  },
+  emits: ["update:modelValue", "submit", "cancel", "field-change"],
+  setup(E, { expose: w, emit: N }) {
+    const c = E, u = N, f = q(), a = G({}), { handleSubmit: j, setErrors: x, meta: g } = K({
+      keepValuesOnUnmount: !0
+    }), b = () => {
+      const e = { ...c.modelValue };
+      c.schema.sections.forEach((t) => {
+        t.fields.forEach((s) => {
+          s.name in e || (e[s.name] = s.defaultValue ?? $(s.type));
+        });
+      }), Object.assign(a, e);
+    };
+    v(
+      () => c.modelValue,
+      (e) => {
+        e && Object.assign(a, e);
+      },
+      { deep: !0 }
+    ), v(
+      a,
+      (e) => {
+        u("update:modelValue", { ...e });
+      },
+      { deep: !0 }
+    ), b();
+    const D = h(() => c.schema.sections.filter(
+      (e) => e.condition ? e.condition(a) : !0
+    )), A = h(() => {
+      const e = ["sl-space-y-6"];
+      return c.schema.className && e.push(c.schema.className), e.join(" ");
+    }), T = (e) => {
+      const t = [
+        "sl-grid",
+        "sl-gap-4"
+      ], s = e.columns || 1;
+      return t.push("sl-grid-cols-1"), s > 1 && t.push(`md:sl-grid-cols-${Math.min(s, 3)}`), e.className && t.push(e.className), t.join(" ");
+    }, O = (e) => {
+      const t = [];
+      return e.colSpan && e.colSpan > 1 && t.push(`sl-col-span-${Math.min(e.colSpan, 3)}`), e.className && t.push(e.className), t.join(" ");
+    }, M = (e) => e.condition ? e.condition(a, e) : !0, U = h(() => g.value.valid), $ = (e) => {
+      switch (e) {
+        case "checkbox":
+        case "switch":
+          return !1;
+        case "select":
+          return null;
+        case "number":
+          return 0;
+        default:
+          return "";
+      }
+    }, y = j((e) => {
+      u("submit", e, { setErrors: x });
+    }), z = () => {
+      u("cancel");
+    }, R = (e, t) => {
+      u("field-change", e, t, a), e.onFieldChange && e.onFieldChange(t, e, a);
+    };
+    return w({
+      validate: async () => g.value.valid,
+      reset: () => {
+        Object.keys(a).forEach((e) => {
+          delete a[e];
+        }), b();
+      },
+      setFieldValue: (e, t) => {
+        a[e] = t;
+      },
+      getFieldValue: (e) => a[e],
+      formData: a,
+      formRef: f
+    }), (e, t) => (l(), o("form", {
+      ref_key: "formRef",
+      ref: f,
+      class: d(A.value),
+      onSubmit: t[0] || (t[0] = J(
+        //@ts-ignore
+        (...s) => p(y) && p(y)(...s),
+        ["prevent"]
+      ))
+    }, [
+      e.schema.title || e.schema.description ? (l(), o("div", W, [
+        e.schema.title ? (l(), o("h2", X, r(e.schema.title), 1)) : n("", !0),
+        e.schema.description ? (l(), o("p", Y, r(e.schema.description), 1)) : n("", !0)
+      ])) : n("", !0),
+      (l(!0), o(V, null, k(D.value, (s, H) => (l(), o("div", {
+        key: s.id || H
+      }, [
+        s.title || s.description ? (l(), o("div", Z, [
+          s.title ? (l(), o("h3", ee, r(s.title), 1)) : n("", !0),
+          s.description ? (l(), o("p", te, r(s.description), 1)) : n("", !0)
+        ])) : n("", !0),
+        i("div", {
+          class: d(T(s))
+        }, [
+          (l(!0), o(V, null, k(s.fields, (m) => (l(), o("div", {
+            key: m.name,
+            class: d(O(m))
+          }, [
+            M(m) ? (l(), C(Q, {
+              key: 0,
+              field: m,
+              modelValue: a[m.name],
+              "onUpdate:modelValue": (I) => a[m.name] = I,
+              "form-data": a,
+              onFieldChange: R
+            }, null, 8, ["field", "modelValue", "onUpdate:modelValue", "form-data"])) : n("", !0)
+          ], 2))), 128))
+        ], 2)
+      ]))), 128)),
+      e.showActions ? (l(), o("div", {
+        key: 1,
+        class: d([
+          "sl-flex sl-gap-3",
+          e.actionsAlignment === "center" ? "sl-justify-center" : e.actionsAlignment === "right" ? "sl-justify-end" : "sl-justify-start"
+        ])
+      }, [
+        e.showCancelButton ? (l(), C(S, {
+          key: 0,
+          variant: "outline",
+          disabled: e.loading,
+          type: "button",
+          onClick: z
+        }, {
+          default: F(() => [
+            _(r(e.cancelButtonText || "Cancel"), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : n("", !0),
+        B(S, {
+          variant: e.submitButtonVariant,
+          loading: e.loading,
+          disabled: !U.value || e.loading,
+          type: "submit"
+        }, {
+          default: F(() => [
+            _(r(e.submitButtonText || "Submit"), 1)
+          ]),
+          _: 1
+        }, 8, ["variant", "loading", "disabled"])
+      ], 2)) : n("", !0),
+      e.formError ? (l(), o("div", se, [
+        i("div", ae, [
+          i("div", le, [
+            B(p(P), { class: "sl-h-5 sl-w-5 sl-text-red-400" }),
+            i("div", oe, [
+              t[1] || (t[1] = i("h3", { class: "sl-text-sm sl-font-medium sl-text-red-800" }, " Form Error ", -1)),
+              i("div", ne, [
+                i("p", null, r(e.formError), 1)
+              ])
+            ])
+          ])
+        ])
+      ])) : n("", !0)
+    ], 34));
+  }
+});
+export {
+  ge as _
+};
+//# sourceMappingURL=DynamicForm.vue_vue_type_script_setup_true_lang-BKhcXkNG.js.map