@stachelock/ui 0.1.3 → 0.1.4

package/dist/index.js

@@ -1,65 +1,64 @@
-import { a as ot, g as at, s as st } from "./id-DafBB_QF.js";
-import { defineAsyncComponent as P, defineComponent as j, reactive as N, createElementBlock as E, openBlock as U, createElementVNode as o, createVNode as m, toDisplayString as z } from "vue";
-import r from "./components/TextInput.js";
-import { _ as H } from "./UiAvatar.vue_vue_type_script_setup_true_lang-CDNjUA1L.js";
-import R from "./components/Badge.js";
-import { _ as W } from "./UiBreadcrumb.vue_vue_type_script_setup_true_lang-CMH47CoK.js";
-import G from "./components/Button.js";
-import { _ as Y } from "./UiLoading.vue_vue_type_script_setup_true_lang-DCz52-Me.js";
-import q from "./components/LoadingDots.js";
-import { _ as J } from "./UiModal.vue_vue_type_script_setup_true_lang-CMk62qeq.js";
-import { _ as K } from "./UiNavLink.vue_vue_type_script_setup_true_lang-Bz5oiCCk.js";
-import { _ as Q } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-0zFKwh43.js";
-import { _ as X } from "./UiRadialProgressBar.vue_vue_type_script_setup_true_lang-BGCBJa2S.js";
-import { _ as Z } from "./UiTable.vue_vue_type_script_setup_true_lang-hI1_xamh.js";
-import { _ as ee } from "./UiTransition.vue_vue_type_script_setup_true_lang-DwBTj18t.js";
-import { _ as g } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-B3KQTxfD.js";
-import { _ as b } from "./DayCalendar.vue_vue_type_script_setup_true_lang-xE5bCa3O.js";
-import { _ as x } from "./EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js";
-import { _ as C } from "./EventsList.vue_vue_type_script_setup_true_lang-Cpc9A9Ev.js";
-import { _ as y } from "./MonthCalendar.vue_vue_type_script_setup_true_lang-B9Bs0z8j.js";
-import { _ as h } from "./WeekCalendar.vue_vue_type_script_setup_true_lang-DAFQiRI9.js";
-import { _ as I } from "./YearCalendar.vue_vue_type_script_setup_true_lang-BfJkvmpN.js";
-import { _ as v } from "./DynamicForm.vue_vue_type_script_setup_true_lang-BKhcXkNG.js";
-import { _ as S } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-qAwVNm--.js";
-import { _ as u } from "./CheckboxInput.vue_vue_type_script_setup_true_lang-tYAo46wK.js";
-import { _ as c } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-DoJHjJsA.js";
-import { _ as f } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-CbR651TU.js";
-import { _ } from "./SwitchInput.vue_vue_type_script_setup_true_lang-BagTQ6M0.js";
-import { _ as p } from "./SelectInput.vue_vue_type_script_setup_true_lang-BguP8xMU.js";
-import { _ as T } from "./TagifyInput.vue_vue_type_script_setup_true_lang-RHqhKoK5.js";
-import { _ as $ } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-CClxYrOW.js";
-import { _ as w } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js";
-import { _ as L } from "./HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js";
-import { _ as k } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-2WURj34G.js";
-import { _ as F } from "./NavigationItem.vue_vue_type_script_setup_true_lang-DiNg3gz2.js";
-import { _ as M } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-CQIW5dy_.js";
-import D from "./calendars/CalendarDashboard.js";
-import V from "./forms/FormFieldWrapper.js";
-const te = {
+import { a as dt, g as ut, s as pt } from "./id-DafBB_QF.js";
+import { defineAsyncComponent as E, defineComponent as y, computed as R, ref as H, watch as W, createElementBlock as u, openBlock as p, normalizeClass as G, createCommentVNode as h, createElementVNode as s, toDisplayString as f, reactive as Y, createVNode as d } from "vue";
+import i from "./components/TextInput.js";
+import { _ as q } from "./UiAvatar.vue_vue_type_script_setup_true_lang-CDNjUA1L.js";
+import J from "./components/Badge.js";
+import { _ as K } from "./UiBreadcrumb.vue_vue_type_script_setup_true_lang-quGuN9v4.js";
+import Q from "./components/Button.js";
+import { _ as X } from "./UiLoading.vue_vue_type_script_setup_true_lang-DCz52-Me.js";
+import Z from "./components/LoadingDots.js";
+import { _ as ee } from "./UiModal.vue_vue_type_script_setup_true_lang-SAo39zpS.js";
+import { _ as te } from "./UiNavLink.vue_vue_type_script_setup_true_lang-Bz5oiCCk.js";
+import { _ as se } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-0zFKwh43.js";
+import { _ as ae } from "./UiTable.vue_vue_type_script_setup_true_lang-hI1_xamh.js";
+import { _ as oe } from "./UiTransition.vue_vue_type_script_setup_true_lang-DwBTj18t.js";
+import { _ as C } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-Cirr0hMB.js";
+import { _ as v } from "./DayCalendar.vue_vue_type_script_setup_true_lang-xE5bCa3O.js";
+import { _ as I } from "./EventCard.vue_vue_type_script_setup_true_lang-YV1lfgUY.js";
+import { _ as S } from "./EventsList.vue_vue_type_script_setup_true_lang-Cn_WOpZi.js";
+import { _ as w } from "./MonthCalendar.vue_vue_type_script_setup_true_lang-B9Bs0z8j.js";
+import { _ as $ } from "./WeekCalendar.vue_vue_type_script_setup_true_lang-DAFQiRI9.js";
+import { _ as T } from "./YearCalendar.vue_vue_type_script_setup_true_lang-BfJkvmpN.js";
+import { _ as k } from "./DynamicForm.vue_vue_type_script_setup_true_lang-BpfPAZiT.js";
+import { _ as L } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-DvT03FIS.js";
+import { _ as g } from "./CheckboxInput.vue_vue_type_script_setup_true_lang-tYAo46wK.js";
+import { _ } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-2dJNxQUF.js";
+import { _ as b } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-CbR651TU.js";
+import { _ as x } from "./SwitchInput.vue_vue_type_script_setup_true_lang-BFr2SByh.js";
+import { _ as c } from "./SelectInput.vue_vue_type_script_setup_true_lang-BPjHLHdM.js";
+import { _ as M } from "./TagifyInput.vue_vue_type_script_setup_true_lang-DRR6jt_8.js";
+import { _ as F } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-VeZhdPhj.js";
+import { _ as V } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js";
+import { _ as D } from "./HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js";
+import { _ as B } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-2WURj34G.js";
+import { _ as P } from "./NavigationItem.vue_vue_type_script_setup_true_lang-DiNg3gz2.js";
+import { _ as A } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-J1nfUTdM.js";
+import O from "./calendars/CalendarDashboard.js";
+import N from "./forms/FormFieldWrapper.js";
+const le = {
   text: {
     component: "TextInput",
-    loader: () => Promise.resolve(r)
+    loader: () => Promise.resolve(i)
   },
   email: {
     component: "TextInput",
-    loader: () => Promise.resolve(r)
+    loader: () => Promise.resolve(i)
   },
   password: {
     component: "TextInput",
-    loader: () => Promise.resolve(r)
+    loader: () => Promise.resolve(i)
   },
   number: {
     component: "TextInput",
-    loader: () => Promise.resolve(r)
+    loader: () => Promise.resolve(i)
   },
   tel: {
     component: "TextInput",
-    loader: () => Promise.resolve(r)
+    loader: () => Promise.resolve(i)
   },
   url: {
     component: "TextInput",
-    loader: () => Promise.resolve(r)
+    loader: () => Promise.resolve(i)
   },
   textarea: {
     component: "TextAreaInput",
@@ -82,35 +81,35 @@ const te = {
     loader: () => import("./inputs/SwitchInput.js")
   }
 };
-class oe {
-  componentMap = { ...te };
+class ne {
+  componentMap = { ...le };
   loadedComponents = /* @__PURE__ */ new Map();
   /**
    * Register a new component type
    */
-  register(t, s, n) {
-    this.componentMap[t] = { component: s, loader: n }, this.loadedComponents.delete(t);
+  register(e, l, n) {
+    this.componentMap[e] = { component: l, loader: n }, this.loadedComponents.delete(e);
   }
   /**
    * Get a component for a field type
    */
-  getComponent(t) {
-    const s = this.componentMap[t];
-    if (!s)
-      return console.warn(`Component type "${t}" is not registered`), null;
-    if (this.loadedComponents.has(t))
-      return this.loadedComponents.get(t);
-    const n = P({
-      loader: s.loader,
+  getComponent(e) {
+    const l = this.componentMap[e];
+    if (!l)
+      return console.warn(`Component type "${e}" is not registered`), null;
+    if (this.loadedComponents.has(e))
+      return this.loadedComponents.get(e);
+    const n = E({
+      loader: l.loader,
       delay: 0
     });
-    return this.loadedComponents.set(t, n), n;
+    return this.loadedComponents.set(e, n), n;
   }
   /**
    * Check if a component type is registered
    */
-  hasComponent(t) {
-    return t in this.componentMap;
+  hasComponent(e) {
+    return e in this.componentMap;
   }
   /**
    * Get all registered component types
@@ -121,8 +120,8 @@ class oe {
   /**
    * Unregister a component type
    */
-  unregister(t) {
-    delete this.componentMap[t], this.loadedComponents.delete(t);
+  unregister(e) {
+    delete this.componentMap[e], this.loadedComponents.delete(e);
   }
   /**
    * Clear all cached components
@@ -131,32 +130,98 @@ class oe {
     this.loadedComponents.clear();
   }
 }
-const A = new oe();
-function Qe(l, t, s) {
-  A.register(l, t, s);
+const j = new ne();
+function lt(a, e, l) {
+  j.register(a, e, l);
 }
-function Xe(l) {
-  return A.getComponent(l);
+function nt(a) {
+  return j.getComponent(a);
 }
-const ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const re = {
+  viewBox: "0 0 36 36",
+  class: "sl-transform -sl-rotate-90 sl-w-full sl-h-full"
+}, me = ["stroke-dasharray"], ie = {
+  key: 0,
+  class: "sl-absolute sl-top-1/2 sl-left-1/2 sl-transform -sl-translate-x-1/2 -sl-translate-y-1/2 sl-text-center"
+}, de = {
+  key: 1,
+  class: "sl-absolute sl-top-1/2 sl-left-1/2 sl-transform -sl-translate-x-1/2 -sl-translate-y-1/2 sl-text-center sl-text-xs"
+}, ue = /* @__PURE__ */ y({
+  __name: "UiRadialProgressBar",
+  props: {
+    progress: {
+      type: Number,
+      default: 0
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    showProgressLabel: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "md"
+    }
+  },
+  setup(a) {
+    const e = a, l = R(() => {
+      switch (e.size) {
+        case "xs":
+          return "sl-h-4 sl-w-4";
+        case "sm":
+          return "sl-h-8 sl-w-8";
+        case "md":
+          return "sl-h-12 sl-w-12";
+        case "lg":
+          return "sl-h-16 sl-w-16";
+        default:
+          return "sl-h-8 sl-w-8";
+      }
+    }), n = H(e.progress);
+    return W(() => e.progress, (m) => {
+      n.value = m;
+    }), (m, r) => (p(), u("div", {
+      class: G(["sl-relative", l.value])
+    }, [
+      (p(), u("svg", re, [
+        r[0] || (r[0] = s("path", {
+          class: "sl-fill-none sl-stroke-gray-300",
+          "stroke-width": "3.8",
+          d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
+        }, null, -1)),
+        s("path", {
+          class: "sl-fill-none sl-stroke-stachelock-600 sl-stroke-linecap-round sl-transition-[stroke-dasharray] sl-duration-500 sl-ease-out",
+          "stroke-dasharray": n.value + ", 100",
+          "stroke-width": "3.8",
+          d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
+        }, null, 8, me)
+      ])),
+      a.label && a.label.length > 0 ? (p(), u("div", ie, f(a.label), 1)) : h("", !0),
+      a.showProgressLabel ? (p(), u("div", de, f(n.value) + "% ", 1)) : h("", !0)
+    ], 2));
+  }
+}), pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CalendarDashboard: D,
-  CalendarHeader: g,
-  DayCalendar: b,
-  EventCard: x,
-  EventsList: C,
-  MonthCalendar: y,
-  WeekCalendar: h,
-  YearCalendar: I
-}, Symbol.toStringTag, { value: "Module" })), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  CalendarDashboard: O,
+  CalendarHeader: C,
+  DayCalendar: v,
+  EventCard: I,
+  EventsList: S,
+  MonthCalendar: w,
+  WeekCalendar: $,
+  YearCalendar: T
+}, Symbol.toStringTag, { value: "Module" })), ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DynamicForm: v,
-  FormField: S,
-  FormFieldWrapper: V
-}, Symbol.toStringTag, { value: "Module" })), ne = { class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-6" }, le = { class: "sl-space-y-8" }, re = { class: "sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6" }, me = { class: "sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700" }, ie = { class: "sl-whitespace-pre-wrap" }, O = /* @__PURE__ */ j({
+  DynamicForm: k,
+  FormField: L,
+  FormFieldWrapper: N
+}, Symbol.toStringTag, { value: "Module" })), fe = { class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-6" }, ge = { class: "sl-space-y-8" }, _e = { class: "sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6" }, be = { class: "sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700" }, xe = { class: "sl-whitespace-pre-wrap" }, U = /* @__PURE__ */ y({
   __name: "InputsShowcase",
-  setup(l) {
-    const t = N({
+  setup(a) {
+    const e = Y({
       text: "",
       textArea: "",
       switchOn: !1,
@@ -164,7 +229,7 @@ const ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       selectedFruit: null,
       selectedLanguages: [],
       selectedCity: null
-    }), s = [
+    }), l = [
       { id: 1, name: "Apple" },
       { id: 2, name: "Banana" },
       { id: 3, name: "Cherry" },
@@ -175,7 +240,7 @@ const ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       { id: 3, name: "Python" },
       { id: 4, name: "Go" },
       { id: 5, name: "Rust" }
-    ], d = [
+    ], m = [
       { id: 1, name: "New York" },
       { id: 2, name: "San Francisco" },
       { id: 3, name: "Seattle" },
@@ -185,216 +250,216 @@ const ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       { id: 7, name: "Miami" },
       { id: 8, name: "Boston" }
     ];
-    return (i, e) => (U(), E("section", ne, [
-      e[15] || (e[15] = o("h2", { class: "sl-text-xl sl-font-semibold sl-mb-4" }, "All Inputs Showcase", -1)),
-      o("div", le, [
-        o("div", null, [
-          e[7] || (e[7] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Input", -1)),
-          m(r, {
+    return (r, t) => (p(), u("section", fe, [
+      t[15] || (t[15] = s("h2", { class: "sl-text-xl sl-font-semibold sl-mb-4" }, "All Inputs Showcase", -1)),
+      s("div", ge, [
+        s("div", null, [
+          t[7] || (t[7] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Input", -1)),
+          d(i, {
             name: "demoText",
             label: "Text Input",
             placeholder: "Type something...",
-            value: t.text,
-            "onUpdate:value": e[0] || (e[0] = (a) => t.text = a)
+            value: e.text,
+            "onUpdate:value": t[0] || (t[0] = (o) => e.text = o)
           }, null, 8, ["value"])
         ]),
-        o("div", null, [
-          e[8] || (e[8] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Area", -1)),
-          m(f, {
+        s("div", null, [
+          t[8] || (t[8] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Area", -1)),
+          d(b, {
             name: "demoTextArea",
             label: "Text Area",
             placeholder: "Write a longer message...",
             rows: 4,
             maxlength: 200,
-            modelValue: t.textArea,
-            "onUpdate:modelValue": e[1] || (e[1] = (a) => t.textArea = a)
+            modelValue: e.textArea,
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.textArea = o)
           }, null, 8, ["modelValue"])
         ]),
-        o("div", null, [
-          e[9] || (e[9] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
-          m(_, {
+        s("div", null, [
+          t[9] || (t[9] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
+          d(x, {
             name: "demoSwitch",
             label: "Enable feature",
-            modelValue: t.switchOn,
-            "onUpdate:modelValue": e[2] || (e[2] = (a) => t.switchOn = a),
+            modelValue: e.switchOn,
+            "onUpdate:modelValue": t[2] || (t[2] = (o) => e.switchOn = o),
             textTrue: "ON",
             textFalse: "OFF"
           }, null, 8, ["modelValue"])
         ]),
-        o("div", null, [
-          e[10] || (e[10] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
-          m(u, {
+        s("div", null, [
+          t[10] || (t[10] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
+          d(g, {
             name: "demoCheckbox",
             label: "I agree to the terms",
-            modelValue: t.checkbox,
-            "onUpdate:modelValue": e[3] || (e[3] = (a) => t.checkbox = a)
+            modelValue: e.checkbox,
+            "onUpdate:modelValue": t[3] || (t[3] = (o) => e.checkbox = o)
           }, null, 8, ["modelValue"])
         ]),
-        o("div", re, [
-          o("div", null, [
-            e[11] || (e[11] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Single)", -1)),
-            m(p, {
+        s("div", _e, [
+          s("div", null, [
+            t[11] || (t[11] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Single)", -1)),
+            d(c, {
               name: "demoSelect",
               label: "Favorite Fruit",
               placeholder: "Select a fruit",
-              items: s,
-              modelValue: t.selectedFruit,
-              "onUpdate:modelValue": e[4] || (e[4] = (a) => t.selectedFruit = a)
+              items: l,
+              modelValue: e.selectedFruit,
+              "onUpdate:modelValue": t[4] || (t[4] = (o) => e.selectedFruit = o)
             }, null, 8, ["modelValue"])
           ]),
-          o("div", null, [
-            e[12] || (e[12] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Multiple)", -1)),
-            m(p, {
+          s("div", null, [
+            t[12] || (t[12] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Multiple)", -1)),
+            d(c, {
               name: "demoSelectMulti",
               label: "Favorite Languages",
               placeholder: "Select languages",
               items: n,
               multiple: "",
               showAll: "",
-              modelValue: t.selectedLanguages,
-              "onUpdate:modelValue": e[5] || (e[5] = (a) => t.selectedLanguages = a)
+              modelValue: e.selectedLanguages,
+              "onUpdate:modelValue": t[5] || (t[5] = (o) => e.selectedLanguages = o)
             }, null, 8, ["modelValue"])
           ])
         ]),
-        o("div", null, [
-          e[13] || (e[13] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
-          m(c, {
+        s("div", null, [
+          t[13] || (t[13] = s("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
+          d(_, {
             name: "demoCombobox",
             label: "Search a City",
             placeholder: "Start typing...",
-            items: d,
-            modelValue: t.selectedCity,
-            "onUpdate:modelValue": e[6] || (e[6] = (a) => t.selectedCity = a)
+            items: m,
+            modelValue: e.selectedCity,
+            "onUpdate:modelValue": t[6] || (t[6] = (o) => e.selectedCity = o)
           }, null, 8, ["modelValue"])
         ]),
-        o("div", me, [
-          e[14] || (e[14] = o("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
-          o("pre", ie, z(t), 1)
+        s("div", be, [
+          t[14] || (t[14] = s("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
+          s("pre", xe, f(e), 1)
         ])
       ])
     ]));
   }
-}), de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CheckboxInput: u,
-  ComboboxInput: c,
-  InputsShowcase: O,
-  SelectInput: p,
-  SwitchInput: _,
-  TagifyInput: T,
-  TextAreaInput: f
-}, Symbol.toStringTag, { value: "Module" })), pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  CheckboxInput: g,
+  ComboboxInput: _,
+  InputsShowcase: U,
+  SelectInput: c,
+  SwitchInput: x,
+  TagifyInput: M,
+  TextAreaInput: b
+}, Symbol.toStringTag, { value: "Module" })), ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DashboardLayout: $,
-  DefaultLayout: w,
-  HeaderLayout: L,
-  NavigationGroup: k,
-  NavigationItem: F,
-  SidebarLayout: M
-}, Symbol.toStringTag, { value: "Module" })), ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  DashboardLayout: F,
+  DefaultLayout: V,
+  HeaderLayout: D,
+  NavigationGroup: B,
+  NavigationItem: P,
+  SidebarLayout: A
+}, Symbol.toStringTag, { value: "Module" })), Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Avatar: H,
-  Badge: R,
-  Breadcrumb: W,
-  Button: G,
-  CalendarDashboard: D,
-  CalendarHeader: g,
-  CheckboxInput: u,
-  ComboboxInput: c,
-  DashboardLayout: $,
-  DayCalendar: b,
-  DefaultLayout: w,
-  DynamicForm: v,
-  EventCard: x,
-  EventsList: C,
-  FormField: S,
-  FormFieldWrapper: V,
-  HeaderLayout: L,
-  InputsShowcase: O,
-  Loading: Y,
-  LoadingDots: q,
-  Modal: J,
-  MonthCalendar: y,
-  NavLink: K,
-  NavigationGroup: k,
-  NavigationItem: F,
-  ProgressBar: Q,
-  RadialProgressBar: X,
-  SelectInput: p,
-  SidebarLayout: M,
-  SwitchInput: _,
-  Table: Z,
-  TagifyInput: T,
-  TextAreaInput: f,
-  TextInput: r,
-  Transition: ee,
-  WeekCalendar: h,
-  YearCalendar: I
-}, Symbol.toStringTag, { value: "Module" })), ce = {
-  ...ue,
+  Avatar: q,
+  Badge: J,
+  Breadcrumb: K,
+  Button: Q,
+  CalendarDashboard: O,
+  CalendarHeader: C,
+  CheckboxInput: g,
+  ComboboxInput: _,
+  DashboardLayout: F,
+  DayCalendar: v,
+  DefaultLayout: V,
+  DynamicForm: k,
+  EventCard: I,
+  EventsList: S,
+  FormField: L,
+  FormFieldWrapper: N,
+  HeaderLayout: D,
+  InputsShowcase: U,
+  Loading: X,
+  LoadingDots: Z,
+  Modal: ee,
+  MonthCalendar: w,
+  NavLink: te,
+  NavigationGroup: B,
+  NavigationItem: P,
+  ProgressBar: se,
+  RadialProgressBar: ue,
+  SelectInput: c,
+  SidebarLayout: A,
+  SwitchInput: x,
+  Table: ae,
+  TagifyInput: M,
+  TextAreaInput: b,
+  TextInput: i,
+  Transition: oe,
+  WeekCalendar: $,
+  YearCalendar: T
+}, Symbol.toStringTag, { value: "Module" })), ve = {
+  ...Ce,
+  ...ye,
+  ...he,
   ...pe,
-  ...de,
-  ...ae,
-  ...se
-}, Ze = {
-  install(l, t = {}) {
-    const { prefix: s = "Sl", installAll: n = !1, components: d } = t;
-    Object.entries(ce).forEach(([i, e]) => {
-      if (n || d && d.includes(i) || !d && !n) {
-        l.component(i, e);
-        const B = i.startsWith(s) ? i : `${s}${i}`;
-        l.component(B, e);
+  ...ce
+}, rt = {
+  install(a, e = {}) {
+    const { prefix: l = "Sl", installAll: n = !1, components: m } = e;
+    Object.entries(ve).forEach(([r, t]) => {
+      if (n || m && m.includes(r) || !m && !n) {
+        a.component(r, t);
+        const z = r.startsWith(l) ? r : `${l}${r}`;
+        a.component(z, t);
       }
     });
   }
 };
 export {
-  H as Avatar,
-  R as Badge,
-  W as Breadcrumb,
-  G as Button,
-  D as CalendarDashboard,
-  g as CalendarHeader,
-  u as CheckboxInput,
-  c as ComboboxInput,
-  oe as ComponentRegistry,
-  $ as DashboardLayout,
-  b as DayCalendar,
-  w as DefaultLayout,
-  v as DynamicForm,
-  x as EventCard,
-  C as EventsList,
-  S as FormField,
-  V as FormFieldWrapper,
-  L as HeaderLayout,
-  O as InputsShowcase,
-  Y as Loading,
-  q as LoadingDots,
-  J as Modal,
-  y as MonthCalendar,
-  K as NavLink,
-  k as NavigationGroup,
-  F as NavigationItem,
-  Q as ProgressBar,
-  X as RadialProgressBar,
-  p as SelectInput,
-  M as SidebarLayout,
-  Ze as StachelockUI,
-  _ as SwitchInput,
-  Z as Table,
-  T as TagifyInput,
-  f as TextAreaInput,
-  r as TextInput,
-  ee as Transition,
-  h as WeekCalendar,
-  I as YearCalendar,
-  A as componentRegistry,
-  Ze as default,
-  te as defaultComponentMap,
-  ot as generateDeterministicId,
-  at as generateId,
-  Xe as getComponent,
-  Qe as registerComponent,
-  st as sanitizeId
+  q as Avatar,
+  J as Badge,
+  K as Breadcrumb,
+  Q as Button,
+  O as CalendarDashboard,
+  C as CalendarHeader,
+  g as CheckboxInput,
+  _ as ComboboxInput,
+  ne as ComponentRegistry,
+  F as DashboardLayout,
+  v as DayCalendar,
+  V as DefaultLayout,
+  k as DynamicForm,
+  I as EventCard,
+  S as EventsList,
+  L as FormField,
+  N as FormFieldWrapper,
+  D as HeaderLayout,
+  U as InputsShowcase,
+  X as Loading,
+  Z as LoadingDots,
+  ee as Modal,
+  w as MonthCalendar,
+  te as NavLink,
+  B as NavigationGroup,
+  P as NavigationItem,
+  se as ProgressBar,
+  ue as RadialProgressBar,
+  c as SelectInput,
+  A as SidebarLayout,
+  rt as StachelockUI,
+  x as SwitchInput,
+  ae as Table,
+  M as TagifyInput,
+  b as TextAreaInput,
+  i as TextInput,
+  oe as Transition,
+  $ as WeekCalendar,
+  T as YearCalendar,
+  j as componentRegistry,
+  rt as default,
+  le as defaultComponentMap,
+  dt as generateDeterministicId,
+  ut as generateId,
+  nt as getComponent,
+  lt as registerComponent,
+  pt as sanitizeId
 };
 //# sourceMappingURL=index.js.map