@stachelock/ui 0.2.2 → 0.2.3

package/dist/index.js

@@ -1,64 +1,64 @@
-import { a as ut, g as gt, s as bt } from "./id-DafBB_QF.js";
-import { defineAsyncComponent as k, defineComponent as _, computed as R, ref as H, watch as W, createElementBlock as p, openBlock as c, normalizeClass as G, createCommentVNode as h, createElementVNode as n, toDisplayString as u, reactive as Y, createVNode as d } from "vue";
-import m 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 oe } 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 se } from "./UiTransition.vue_vue_type_script_setup_true_lang-DwBTj18t.js";
-import { _ as $ } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-Cirr0hMB.js";
-import { _ as C } from "./DayCalendar.vue_vue_type_script_setup_true_lang-xE5bCa3O.js";
-import { _ as v } 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 I } 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 F } 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 { _ as b } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-2dJNxQUF.js";
-import { _ as x } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-CbR651TU.js";
-import { _ as y } from "./SwitchInput.vue_vue_type_script_setup_true_lang-BFr2SByh.js";
-import { _ as f } from "./SelectInput.vue_vue_type_script_setup_true_lang-BPjHLHdM.js";
-import { _ as E } from "./TagifyInput.vue_vue_type_script_setup_true_lang-DRR6jt_8.js";
-import { _ as j } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-BVQR4s1E.js";
-import { _ as A } 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 O } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-2WURj34G.js";
-import { _ as M } from "./NavigationItem.vue_vue_type_script_setup_true_lang-DiNg3gz2.js";
-import { _ as N } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-J1nfUTdM.js";
-import U from "./calendars/CalendarDashboard.js";
-import V from "./forms/FormFieldWrapper.js";
-const re = {
+import { a as re, g as ae, s as le } from "./id-DafBB_QF.js";
+import { defineAsyncComponent as h, defineComponent as g, computed as y, ref as C, watch as S, createElementBlock as p, openBlock as c, normalizeClass as v, createCommentVNode as u, createElementVNode as l, toDisplayString as f, reactive as w, createVNode as m } from "vue";
+import d from "./components/TextInput.js";
+import { _ as ie } from "./UiAvatar.vue_vue_type_script_setup_true_lang-CDNjUA1L.js";
+import { _ as de } from "./UiBreadcrumb.vue_vue_type_script_setup_true_lang-quGuN9v4.js";
+import { _ as ce } from "./UiLoading.vue_vue_type_script_setup_true_lang-DCz52-Me.js";
+import { _ as ue } from "./UiModal.vue_vue_type_script_setup_true_lang-SAo39zpS.js";
+import { _ as ge } from "./UiNavLink.vue_vue_type_script_setup_true_lang-Bz5oiCCk.js";
+import { _ as he } from "./UiProgressBar.vue_vue_type_script_setup_true_lang-0zFKwh43.js";
+import { _ as Ce } from "./UiTable.vue_vue_type_script_setup_true_lang-hI1_xamh.js";
+import { _ as ve } from "./UiTransition.vue_vue_type_script_setup_true_lang-DwBTj18t.js";
+import { _ as Te } from "./CalendarHeader.vue_vue_type_script_setup_true_lang-Cirr0hMB.js";
+import { _ as Ie } from "./DayCalendar.vue_vue_type_script_setup_true_lang-xE5bCa3O.js";
+import { _ as Ee } from "./EventCard.vue_vue_type_script_setup_true_lang-YV1lfgUY.js";
+import { _ as Ae } from "./EventsList.vue_vue_type_script_setup_true_lang-Cn_WOpZi.js";
+import { _ as ke } from "./MonthCalendar.vue_vue_type_script_setup_true_lang-B9Bs0z8j.js";
+import { _ as Le } from "./WeekCalendar.vue_vue_type_script_setup_true_lang-DAFQiRI9.js";
+import { _ as Ue } from "./YearCalendar.vue_vue_type_script_setup_true_lang-BfJkvmpN.js";
+import { _ as Me } from "./DynamicForm.vue_vue_type_script_setup_true_lang-BpfPAZiT.js";
+import { _ as Pe } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-DvT03FIS.js";
+import { _ as T } from "./CheckboxInput.vue_vue_type_script_setup_true_lang-tYAo46wK.js";
+import { _ as $ } from "./ComboboxInput.vue_vue_type_script_setup_true_lang-2dJNxQUF.js";
+import { _ as I } from "./TextAreaInput.vue_vue_type_script_setup_true_lang-CbR651TU.js";
+import { _ as F } from "./SwitchInput.vue_vue_type_script_setup_true_lang-BFr2SByh.js";
+import { _ as x } from "./SelectInput.vue_vue_type_script_setup_true_lang-BPjHLHdM.js";
+import { _ as ze } from "./TagifyInput.vue_vue_type_script_setup_true_lang-DRR6jt_8.js";
+import { _ as Ge } from "./DashboardLayout.vue_vue_type_script_setup_true_lang-BVQR4s1E.js";
+import { _ as qe } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js";
+import { _ as Ye } from "./HeaderLayout.vue_vue_type_script_setup_true_lang-BY2G6hCc.js";
+import { _ as Ke } from "./NavigationGroup.vue_vue_type_script_setup_true_lang-2WURj34G.js";
+import { _ as Xe } from "./NavigationItem.vue_vue_type_script_setup_true_lang-DiNg3gz2.js";
+import { _ as et } from "./SidebarLayout.vue_vue_type_script_setup_true_lang-J1nfUTdM.js";
+import { default as st } from "./components/Badge.js";
+import { default as rt } from "./components/Button.js";
+import { default as lt } from "./components/LoadingDots.js";
+import { default as it } from "./calendars/CalendarDashboard.js";
+import { default as dt } from "./forms/FormFieldWrapper.js";
+const E = {
   text: {
     component: "TextInput",
-    loader: () => Promise.resolve(m)
+    loader: () => Promise.resolve(d)
   },
   email: {
     component: "TextInput",
-    loader: () => Promise.resolve(m)
+    loader: () => Promise.resolve(d)
   },
   password: {
     component: "TextInput",
-    loader: () => Promise.resolve(m)
+    loader: () => Promise.resolve(d)
   },
   number: {
     component: "TextInput",
-    loader: () => Promise.resolve(m)
+    loader: () => Promise.resolve(d)
   },
   tel: {
     component: "TextInput",
-    loader: () => Promise.resolve(m)
+    loader: () => Promise.resolve(d)
   },
   url: {
     component: "TextInput",
-    loader: () => Promise.resolve(m)
+    loader: () => Promise.resolve(d)
   },
   textarea: {
     component: "TextAreaInput",
@@ -81,29 +81,29 @@ const re = {
     loader: () => import("./inputs/SwitchInput.js")
   }
 };
-class ne {
-  componentMap = { ...re };
+class j {
+  componentMap = { ...E };
   loadedComponents = /* @__PURE__ */ new Map();
   /**
    * Register a new component type
    */
-  register(e, a, s) {
-    this.componentMap[e] = { component: a, loader: s }, this.loadedComponents.delete(e);
+  register(e, t, r) {
+    this.componentMap[e] = { component: t, loader: r }, this.loadedComponents.delete(e);
   }
   /**
    * Get a component for a field type
    */
   getComponent(e) {
-    const a = this.componentMap[e];
-    if (!a)
+    const t = this.componentMap[e];
+    if (!t)
       return console.warn(`Component type "${e}" is not registered`), null;
     if (this.loadedComponents.has(e))
       return this.loadedComponents.get(e);
-    const s = k({
-      loader: a.loader,
+    const r = h({
+      loader: t.loader,
       delay: 0
     });
-    return this.loadedComponents.set(e, s), s;
+    return this.loadedComponents.set(e, r), r;
   }
   /**
    * Check if a component type is registered
@@ -130,14 +130,14 @@ class ne {
     this.loadedComponents.clear();
   }
 }
-const P = new ne();
-function nt(o, e, a) {
-  P.register(o, e, a);
+const b = new j();
+function K(o, e, t) {
+  b.register(o, e, t);
 }
-function lt(o) {
-  return P.getComponent(o);
+function Q(o) {
+  return b.getComponent(o);
 }
-const le = {
+const A = {
   colors: {
     primary: {
       50: "#edeff9",
@@ -238,44 +238,44 @@ const le = {
     "2xl": "1536px"
   }
 };
-function it(o, e = le) {
-  const a = { ...e };
-  function s(r, l) {
-    if (l && typeof l == "object" && !Array.isArray(l))
-      for (const t in l)
-        l.hasOwnProperty(t) && (r[t] && typeof r[t] == "object" && !Array.isArray(r[t]) ? r[t] = s(r[t], l[t]) : r[t] = l[t]);
-    return r;
+function _(o, e = A) {
+  const t = { ...e };
+  function r(a, n) {
+    if (n && typeof n == "object" && !Array.isArray(n))
+      for (const s in n)
+        n.hasOwnProperty(s) && (a[s] && typeof a[s] == "object" && !Array.isArray(a[s]) ? a[s] = r(a[s], n[s]) : a[s] = n[s]);
+    return a;
   }
-  return s(a, o);
+  return r(t, o);
 }
-function mt(o) {
+function k(o) {
   let e = `:root {
 `;
-  return o.colors && Object.entries(o.colors).forEach(([a, s]) => {
-    typeof s == "object" && s !== null && Object.entries(s).forEach(([r, l]) => {
-      const t = r === "DEFAULT" ? a : `${a}-${r}`;
-      e += `  --sl-color-${t}: ${l};
+  return o.colors && Object.entries(o.colors).forEach(([t, r]) => {
+    typeof r == "object" && r !== null && Object.entries(r).forEach(([a, n]) => {
+      const s = a === "DEFAULT" ? t : `${t}-${a}`;
+      e += `  --sl-color-${s}: ${n};
 `;
     });
-  }), o.spacing && Object.entries(o.spacing).forEach(([a, s]) => {
-    e += `  --sl-spacing-${a}: ${s};
+  }), o.spacing && Object.entries(o.spacing).forEach(([t, r]) => {
+    e += `  --sl-spacing-${t}: ${r};
 `;
-  }), o.borderRadius && Object.entries(o.borderRadius).forEach(([a, s]) => {
-    const r = a === "DEFAULT" ? "radius" : `radius-${a}`;
-    e += `  --sl-${r}: ${s};
+  }), o.borderRadius && Object.entries(o.borderRadius).forEach(([t, r]) => {
+    const a = t === "DEFAULT" ? "radius" : `radius-${t}`;
+    e += `  --sl-${a}: ${r};
 `;
-  }), o.shadows && Object.entries(o.shadows).forEach(([a, s]) => {
-    const r = a === "DEFAULT" ? "shadow" : `shadow-${a}`;
-    e += `  --sl-${r}: ${s};
+  }), o.shadows && Object.entries(o.shadows).forEach(([t, r]) => {
+    const a = t === "DEFAULT" ? "shadow" : `shadow-${t}`;
+    e += `  --sl-${a}: ${r};
 `;
-  }), o.typography && (o.typography.fontFamily && Object.entries(o.typography.fontFamily).forEach(([a, s]) => {
-    e += `  --sl-font-family-${a}: ${s.join(", ")};
+  }), o.typography && (o.typography.fontFamily && Object.entries(o.typography.fontFamily).forEach(([t, r]) => {
+    e += `  --sl-font-family-${t}: ${r.join(", ")};
 `;
-  }), o.typography.fontSize && Object.entries(o.typography.fontSize).forEach(([a, s]) => {
-    e += `  --sl-font-size-${a}: ${s};
+  }), o.typography.fontSize && Object.entries(o.typography.fontSize).forEach(([t, r]) => {
+    e += `  --sl-font-size-${t}: ${r};
 `;
-  })), o.breakpoints && Object.entries(o.breakpoints).forEach(([a, s]) => {
-    e += `  --sl-breakpoint-${a}: ${s};
+  })), o.breakpoints && Object.entries(o.breakpoints).forEach(([t, r]) => {
+    e += `  --sl-breakpoint-${t}: ${r};
 `;
   }), e += `  --sl-ring-color: var(--sl-color-primary-600, #3e4b9a);
 `, e += `  --sl-ring-offset-color: #ffffff;
@@ -291,44 +291,44 @@ function mt(o) {
 `, e += `}
 `, e;
 }
-function dt(o) {
+function X(o) {
   let e = `export default {
 `;
   return e += `  prefix: "sl-",
 `, e += `  theme: {
 `, e += `    extend: {
 `, o.colors && (e += `      colors: {
-`, Object.entries(o.colors).forEach(([a, s]) => {
-    typeof s == "object" && s !== null && (e += `        "${a}": {
-`, Object.entries(s).forEach(([r, l]) => {
-      e += `          "${r === "DEFAULT" ? "DEFAULT" : r}": "${l}",
+`, Object.entries(o.colors).forEach(([t, r]) => {
+    typeof r == "object" && r !== null && (e += `        "${t}": {
+`, Object.entries(r).forEach(([a, n]) => {
+      e += `          "${a === "DEFAULT" ? "DEFAULT" : a}": "${n}",
 `;
     }), e += `        },
 `);
   }), e += `      },
 `), o.spacing && (e += `      spacing: {
-`, Object.entries(o.spacing).forEach(([a, s]) => {
-    e += `        "${a}": "${s}",
+`, Object.entries(o.spacing).forEach(([t, r]) => {
+    e += `        "${t}": "${r}",
 `;
   }), e += `      },
 `), o.borderRadius && (e += `      borderRadius: {
-`, Object.entries(o.borderRadius).forEach(([a, s]) => {
-    e += `        "${a === "DEFAULT" ? "DEFAULT" : a}": "${s}",
+`, Object.entries(o.borderRadius).forEach(([t, r]) => {
+    e += `        "${t === "DEFAULT" ? "DEFAULT" : t}": "${r}",
 `;
   }), e += `      },
 `), o.shadows && (e += `      boxShadow: {
-`, Object.entries(o.shadows).forEach(([a, s]) => {
-    e += `        "${a === "DEFAULT" ? "DEFAULT" : a}": "${s}",
+`, Object.entries(o.shadows).forEach(([t, r]) => {
+    e += `        "${t === "DEFAULT" ? "DEFAULT" : t}": "${r}",
 `;
   }), e += `      },
 `), o.typography && (o.typography.fontFamily && (e += `      fontFamily: {
-`, Object.entries(o.typography.fontFamily).forEach(([a, s]) => {
-    e += `        "${a}": [${s.map((r) => `"${r}"`).join(", ")}],
+`, Object.entries(o.typography.fontFamily).forEach(([t, r]) => {
+    e += `        "${t}": [${r.map((a) => `"${a}"`).join(", ")}],
 `;
   }), e += `      },
 `), o.typography.fontSize && (e += `      fontSize: {
-`, Object.entries(o.typography.fontSize).forEach(([a, s]) => {
-    e += `        "${a}": "${s}",
+`, Object.entries(o.typography.fontSize).forEach(([t, r]) => {
+    e += `        "${t}": "${r}",
 `;
   }), e += `      },
 `)), e += `    },
@@ -336,16 +336,16 @@ function dt(o) {
 `, e += `};
 `, e;
 }
-const ie = {
+const D = {
   viewBox: "0 0 36 36",
   class: "sl-transform -sl-rotate-90 sl-w-full sl-h-full"
-}, me = ["stroke-dasharray"], de = {
+}, L = ["stroke-dasharray"], V = {
   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"
-}, pe = {
+}, U = {
   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"
-}, ce = /* @__PURE__ */ _({
+}, Z = /* @__PURE__ */ g({
   __name: "UiRadialProgressBar",
   props: {
     progress: {
@@ -366,7 +366,7 @@ const ie = {
     }
   },
   setup(o) {
-    const e = o, a = R(() => {
+    const e = o, t = y(() => {
       switch (e.size) {
         case "xs":
           return "sl-h-4 sl-w-4";
@@ -379,48 +379,33 @@ const ie = {
         default:
           return "sl-h-8 sl-w-8";
       }
-    }), s = H(e.progress);
-    return W(() => e.progress, (r) => {
-      s.value = r;
-    }), (r, l) => (c(), p("div", {
-      class: G(["sl-relative", a.value])
+    }), r = C(e.progress);
+    return S(() => e.progress, (a) => {
+      r.value = a;
+    }), (a, n) => (c(), p("div", {
+      class: v(["sl-relative", t.value])
     }, [
-      (c(), p("svg", ie, [
-        l[0] || (l[0] = n("path", {
+      (c(), p("svg", D, [
+        n[0] || (n[0] = l("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)),
-        n("path", {
+        l("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": s.value + ", 100",
+          "stroke-dasharray": r.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)
+        }, null, 8, L)
       ])),
-      o.label && o.label.length > 0 ? (c(), p("div", de, u(o.label), 1)) : h("", !0),
-      o.showProgressLabel ? (c(), p("div", pe, u(s.value) + "% ", 1)) : h("", !0)
+      o.label && o.label.length > 0 ? (c(), p("div", V, f(o.label), 1)) : u("", !0),
+      o.showProgressLabel ? (c(), p("div", U, f(r.value) + "% ", 1)) : u("", !0)
     ], 2));
   }
-}), fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  CalendarDashboard: U,
-  CalendarHeader: $,
-  DayCalendar: C,
-  EventCard: v,
-  EventsList: S,
-  MonthCalendar: w,
-  WeekCalendar: I,
-  YearCalendar: T
-}, Symbol.toStringTag, { value: "Module" })), ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  DynamicForm: F,
-  FormField: L,
-  FormFieldWrapper: V
-}, Symbol.toStringTag, { value: "Module" })), ge = { class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-6" }, be = { class: "sl-space-y-8" }, xe = { class: "sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6" }, ye = { class: "sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700" }, he = { class: "sl-whitespace-pre-wrap" }, B = /* @__PURE__ */ _({
+}), O = { class: "sl-bg-white sl-rounded-lg sl-shadow sl-p-6" }, M = { class: "sl-space-y-8" }, N = { class: "sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6" }, P = { class: "sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700" }, R = { class: "sl-whitespace-pre-wrap" }, ee = /* @__PURE__ */ g({
   __name: "InputsShowcase",
   setup(o) {
-    const e = Y({
+    const e = w({
       text: "",
       textArea: "",
       switchOn: !1,
@@ -428,18 +413,18 @@ const ie = {
       selectedFruit: null,
       selectedLanguages: [],
       selectedCity: null
-    }), a = [
+    }), t = [
       { id: 1, name: "Apple" },
       { id: 2, name: "Banana" },
       { id: 3, name: "Cherry" },
       { id: 4, name: "Durian", disabled: !0 }
-    ], s = [
+    ], r = [
       { id: 1, name: "TypeScript" },
       { id: 2, name: "JavaScript" },
       { id: 3, name: "Python" },
       { id: 4, name: "Go" },
       { id: 5, name: "Rust" }
-    ], r = [
+    ], a = [
       { id: 1, name: "New York" },
       { id: 2, name: "San Francisco" },
       { id: 3, name: "Seattle" },
@@ -449,220 +434,175 @@ const ie = {
       { id: 7, name: "Miami" },
       { id: 8, name: "Boston" }
     ];
-    return (l, t) => (c(), p("section", ge, [
-      t[15] || (t[15] = n("h2", { class: "sl-text-xl sl-font-semibold sl-mb-4" }, "All Inputs Showcase", -1)),
-      n("div", be, [
-        n("div", null, [
-          t[7] || (t[7] = n("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Input", -1)),
-          d(m, {
+    return (n, s) => (c(), p("section", O, [
+      s[15] || (s[15] = l("h2", { class: "sl-text-xl sl-font-semibold sl-mb-4" }, "All Inputs Showcase", -1)),
+      l("div", M, [
+        l("div", null, [
+          s[7] || (s[7] = l("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Input", -1)),
+          m(d, {
             name: "demoText",
             label: "Text Input",
             placeholder: "Type something...",
             value: e.text,
-            "onUpdate:value": t[0] || (t[0] = (i) => e.text = i)
+            "onUpdate:value": s[0] || (s[0] = (i) => e.text = i)
           }, null, 8, ["value"])
         ]),
-        n("div", null, [
-          t[8] || (t[8] = n("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Area", -1)),
-          d(x, {
+        l("div", null, [
+          s[8] || (s[8] = l("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Text Area", -1)),
+          m(I, {
             name: "demoTextArea",
             label: "Text Area",
             placeholder: "Write a longer message...",
             rows: 4,
             maxlength: 200,
             modelValue: e.textArea,
-            "onUpdate:modelValue": t[1] || (t[1] = (i) => e.textArea = i)
+            "onUpdate:modelValue": s[1] || (s[1] = (i) => e.textArea = i)
           }, null, 8, ["modelValue"])
         ]),
-        n("div", null, [
-          t[9] || (t[9] = n("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
-          d(y, {
+        l("div", null, [
+          s[9] || (s[9] = l("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Switch", -1)),
+          m(F, {
             name: "demoSwitch",
             label: "Enable feature",
             modelValue: e.switchOn,
-            "onUpdate:modelValue": t[2] || (t[2] = (i) => e.switchOn = i),
+            "onUpdate:modelValue": s[2] || (s[2] = (i) => e.switchOn = i),
             textTrue: "ON",
             textFalse: "OFF"
           }, null, 8, ["modelValue"])
         ]),
-        n("div", null, [
-          t[10] || (t[10] = n("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
-          d(g, {
+        l("div", null, [
+          s[10] || (s[10] = l("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Checkbox", -1)),
+          m(T, {
             name: "demoCheckbox",
             label: "I agree to the terms",
             modelValue: e.checkbox,
-            "onUpdate:modelValue": t[3] || (t[3] = (i) => e.checkbox = i)
+            "onUpdate:modelValue": s[3] || (s[3] = (i) => e.checkbox = i)
           }, null, 8, ["modelValue"])
         ]),
-        n("div", xe, [
-          n("div", null, [
-            t[11] || (t[11] = n("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Single)", -1)),
-            d(f, {
+        l("div", N, [
+          l("div", null, [
+            s[11] || (s[11] = l("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Single)", -1)),
+            m(x, {
               name: "demoSelect",
               label: "Favorite Fruit",
               placeholder: "Select a fruit",
-              items: a,
+              items: t,
               modelValue: e.selectedFruit,
-              "onUpdate:modelValue": t[4] || (t[4] = (i) => e.selectedFruit = i)
+              "onUpdate:modelValue": s[4] || (s[4] = (i) => e.selectedFruit = i)
             }, null, 8, ["modelValue"])
           ]),
-          n("div", null, [
-            t[12] || (t[12] = n("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Multiple)", -1)),
-            d(f, {
+          l("div", null, [
+            s[12] || (s[12] = l("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Select (Multiple)", -1)),
+            m(x, {
               name: "demoSelectMulti",
               label: "Favorite Languages",
               placeholder: "Select languages",
-              items: s,
+              items: r,
               multiple: "",
               showAll: "",
               modelValue: e.selectedLanguages,
-              "onUpdate:modelValue": t[5] || (t[5] = (i) => e.selectedLanguages = i)
+              "onUpdate:modelValue": s[5] || (s[5] = (i) => e.selectedLanguages = i)
             }, null, 8, ["modelValue"])
           ])
         ]),
-        n("div", null, [
-          t[13] || (t[13] = n("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
-          d(b, {
+        l("div", null, [
+          s[13] || (s[13] = l("h3", { class: "sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2" }, "Combobox", -1)),
+          m($, {
             name: "demoCombobox",
             label: "Search a City",
             placeholder: "Start typing...",
-            items: r,
+            items: a,
             modelValue: e.selectedCity,
-            "onUpdate:modelValue": t[6] || (t[6] = (i) => e.selectedCity = i)
+            "onUpdate:modelValue": s[6] || (s[6] = (i) => e.selectedCity = i)
           }, null, 8, ["modelValue"])
         ]),
-        n("div", ye, [
-          t[14] || (t[14] = n("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
-          n("pre", he, u(e), 1)
+        l("div", P, [
+          s[14] || (s[14] = l("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
+          l("pre", R, f(e), 1)
         ])
       ])
     ]));
   }
-}), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  CheckboxInput: g,
-  ComboboxInput: b,
-  InputsShowcase: B,
-  SelectInput: f,
-  SwitchInput: y,
-  TagifyInput: E,
-  TextAreaInput: x
-}, Symbol.toStringTag, { value: "Module" })), $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  DashboardLayout: j,
-  DefaultLayout: A,
-  HeaderLayout: D,
-  NavigationGroup: O,
-  NavigationItem: M,
-  SidebarLayout: N
-}, Symbol.toStringTag, { value: "Module" })), Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Avatar: q,
-  Badge: J,
-  Breadcrumb: K,
-  Button: Q,
-  CalendarDashboard: U,
-  CalendarHeader: $,
-  CheckboxInput: g,
-  ComboboxInput: b,
-  DashboardLayout: j,
-  DayCalendar: C,
-  DefaultLayout: A,
-  DynamicForm: F,
-  EventCard: v,
-  EventsList: S,
-  FormField: L,
-  FormFieldWrapper: V,
-  HeaderLayout: D,
-  InputsShowcase: B,
-  Loading: X,
-  LoadingDots: Z,
-  Modal: ee,
-  MonthCalendar: w,
-  NavLink: te,
-  NavigationGroup: O,
-  NavigationItem: M,
-  ProgressBar: oe,
-  RadialProgressBar: ce,
-  SelectInput: f,
-  SidebarLayout: N,
-  SwitchInput: y,
-  Table: ae,
-  TagifyInput: E,
-  TextAreaInput: x,
-  TextInput: m,
-  Transition: se,
-  WeekCalendar: I,
-  YearCalendar: T
-}, Symbol.toStringTag, { value: "Module" })), ve = {
-  ...Ce,
-  ...$e,
-  ..._e,
-  ...fe,
-  ...ue
-}, pt = {
-  install(o, e = {}) {
-    const { prefix: a = "Sl", installAll: s = !1, components: r } = e;
-    Object.entries(ve).forEach(([l, t]) => {
-      if (s || r && r.includes(l) || !r && !s) {
-        o.component(l, t);
-        const z = l.startsWith(a) ? l : `${a}${l}`;
-        o.component(z, t);
-      }
-    });
+});
+class z {
+  designTokens;
+  prefix = "sl-";
+  injectCSS = !0;
+  constructor() {
+    const { defaultDesignTokens: e } = require("../config/design-tokens");
+    this.designTokens = e;
   }
-};
+  install(e, t = {}) {
+    (t.designTokens || t.prefix !== void 0 || t.injectCSS !== void 0) && this.configure(t), this.injectCSS && this.injectCSSVariables(), e.config.globalProperties.$stachelockUI = this, e.provide("stachelockUI", this);
+  }
+  configure(e) {
+    e.designTokens && (this.designTokens = _(e.designTokens, this.designTokens)), e.prefix !== void 0 && (this.prefix = e.prefix), e.injectCSS !== void 0 && (this.injectCSS = e.injectCSS);
+  }
+  getDesignTokens() {
+    return this.designTokens;
+  }
+  generateCSS() {
+    return k(this.designTokens);
+  }
+  injectCSSVariables() {
+    const e = document.createElement("style");
+    e.textContent = this.generateCSS(), e.setAttribute("data-stachelock-ui", "true");
+    const t = document.querySelector('style[data-stachelock-ui="true"]');
+    t && t.remove(), document.head.appendChild(e);
+  }
+}
+const te = new z();
 export {
-  q as Avatar,
-  J as Badge,
-  K as Breadcrumb,
-  Q as Button,
-  U as CalendarDashboard,
-  $ as CalendarHeader,
-  g as CheckboxInput,
-  b as ComboboxInput,
-  ne as ComponentRegistry,
-  j as DashboardLayout,
-  C as DayCalendar,
-  A as DefaultLayout,
-  F as DynamicForm,
-  v as EventCard,
-  S as EventsList,
-  L as FormField,
-  V as FormFieldWrapper,
-  D as HeaderLayout,
-  B as InputsShowcase,
-  X as Loading,
-  Z as LoadingDots,
-  ee as Modal,
-  w as MonthCalendar,
-  te as NavLink,
-  O as NavigationGroup,
-  M as NavigationItem,
-  oe as ProgressBar,
-  ce as RadialProgressBar,
-  f as SelectInput,
-  N as SidebarLayout,
-  pt as StachelockUI,
-  y as SwitchInput,
-  ae as Table,
-  E as TagifyInput,
-  x as TextAreaInput,
-  m as TextInput,
-  se as Transition,
-  I as WeekCalendar,
-  T as YearCalendar,
-  P as componentRegistry,
-  pt as default,
-  re as defaultComponentMap,
-  le as defaultDesignTokens,
-  mt as generateCSSVariables,
-  ut as generateDeterministicId,
-  gt as generateId,
-  dt as generateTailwindConfig,
-  lt as getComponent,
-  it as mergeDesignTokens,
-  nt as registerComponent,
-  bt as sanitizeId
+  ie as Avatar,
+  st as Badge,
+  de as Breadcrumb,
+  rt as Button,
+  it as CalendarDashboard,
+  Te as CalendarHeader,
+  T as CheckboxInput,
+  $ as ComboboxInput,
+  j as ComponentRegistry,
+  Ge as DashboardLayout,
+  Ie as DayCalendar,
+  qe as DefaultLayout,
+  Me as DynamicForm,
+  Ee as EventCard,
+  Ae as EventsList,
+  Pe as FormField,
+  dt as FormFieldWrapper,
+  Ye as HeaderLayout,
+  ee as InputsShowcase,
+  ce as Loading,
+  lt as LoadingDots,
+  ue as Modal,
+  ke as MonthCalendar,
+  ge as NavLink,
+  Ke as NavigationGroup,
+  Xe as NavigationItem,
+  he as ProgressBar,
+  Z as RadialProgressBar,
+  x as SelectInput,
+  et as SidebarLayout,
+  te as StachelockUI,
+  F as SwitchInput,
+  Ce as Table,
+  ze as TagifyInput,
+  I as TextAreaInput,
+  d as TextInput,
+  ve as Transition,
+  Le as WeekCalendar,
+  Ue as YearCalendar,
+  b as componentRegistry,
+  te as default,
+  E as defaultComponentMap,
+  A as defaultDesignTokens,
+  k as generateCSSVariables,
+  re as generateDeterministicId,
+  ae as generateId,
+  X as generateTailwindConfig,
+  Q as getComponent,
+  _ as mergeDesignTokens,
+  K as registerComponent,
+  le as sanitizeId
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils/component-registry.ts","../src/config/design-tokens.ts","../src/config/css-variables.ts","../src/components/UiRadialProgressBar.vue","../src/components/inputs/InputsShowcase.vue","../src/plugin.ts"],"sourcesContent":["import { defineAsyncComponent, type Component } from 'vue'\nimport UiTextInput from '../components/UiTextInput.vue'\nimport type { ComponentMap } from '../types/form'\n\n/**\n * Default component map for dynamic forms\n */\nexport const defaultComponentMap: ComponentMap = {\n  text: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  email: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  password: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  number: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  tel: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  url: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  textarea: {\n    component: 'TextAreaInput',\n    loader: () => import('../components/inputs/TextAreaInput.vue')\n  },\n  select: {\n    component: 'SelectInput',\n    loader: () => import('../components/inputs/SelectInput.vue')\n  },\n  combobox: {\n    component: 'ComboboxInput',\n    loader: () => import('../components/inputs/ComboboxInput.vue')\n  },\n  checkbox: {\n    component: 'CheckboxInput',\n    loader: () => import('../components/inputs/CheckboxInput.vue')\n  },\n  switch: {\n    component: 'SwitchInput',\n    loader: () => import('../components/inputs/SwitchInput.vue')\n  }\n}\n\n/**\n * Component registry class for managing dynamic form components\n */\nexport class ComponentRegistry {\n  private componentMap: ComponentMap = { ...defaultComponentMap }\n  private loadedComponents: Map<string, Component> = new Map()\n\n  /**\n   * Register a new component type\n   */\n  register(type: string, component: string, loader: () => Promise<any>): void {\n    this.componentMap[type] = { component, loader }\n    // Clear cached component if it exists\n    this.loadedComponents.delete(type)\n  }\n\n  /**\n   * Get a component for a field type\n   */\n  getComponent(type: string): Component | null {\n    const mapItem = this.componentMap[type]\n    if (!mapItem) {\n      console.warn(`Component type \"${type}\" is not registered`)\n      return null\n    }\n\n    // Return cached component if available\n    if (this.loadedComponents.has(type)) {\n      return this.loadedComponents.get(type)!\n    }\n\n    // Create async component\n    const asyncComponent = defineAsyncComponent({\n      loader: mapItem.loader,\n      delay: 0\n    })\n\n    this.loadedComponents.set(type, asyncComponent)\n    return asyncComponent\n  }\n\n  /**\n   * Check if a component type is registered\n   */\n  hasComponent(type: string): boolean {\n    return type in this.componentMap\n  }\n\n  /**\n   * Get all registered component types\n   */\n  getRegisteredTypes(): string[] {\n    return Object.keys(this.componentMap)\n  }\n\n  /**\n   * Unregister a component type\n   */\n  unregister(type: string): void {\n    delete this.componentMap[type]\n    this.loadedComponents.delete(type)\n  }\n\n  /**\n   * Clear all cached components\n   */\n  clearCache(): void {\n    this.loadedComponents.clear()\n  }\n}\n\n// Global component registry instance\nexport const componentRegistry = new ComponentRegistry()\n\n/**\n * Register a component type globally\n */\nexport function registerComponent(type: string, component: string, loader: () => Promise<any>): void {\n  componentRegistry.register(type, component, loader)\n}\n\n/**\n * Get a component for a field type\n */\nexport function getComponent(type: string): Component | null {\n  return componentRegistry.getComponent(type)\n}\n","export interface StachelockUIDesignTokens {\n  colors?: {\n    primary?: {\n      50?: string;\n      100?: string;\n      200?: string;\n      300?: string;\n      400?: string;\n      500?: string;\n      600?: string;\n      700?: string;\n      800?: string;\n      900?: string;\n    };\n    stachelock?: {\n      50?: string;\n      100?: string;\n      200?: string;\n      300?: string;\n      400?: string;\n      500?: string;\n      600?: string;\n      700?: string;\n      800?: string;\n      900?: string;\n    };\n    [key: string]: any;\n  };\n  spacing?: {\n    [key: string]: string;\n  };\n  borderRadius?: {\n    [key: string]: string;\n  };\n  shadows?: {\n    [key: string]: string;\n  };\n  typography?: {\n    fontFamily?: {\n      [key: string]: string[];\n    };\n    fontSize?: {\n      [key: string]: string;\n    };\n  };\n  breakpoints?: {\n    [key: string]: string;\n  };\n}\n\nexport const defaultDesignTokens: StachelockUIDesignTokens = {\n  colors: {\n    primary: {\n      50: '#edeff9',\n      100: '#dbdff2',\n      200: '#b8bfe6',\n      300: '#949ed9',\n      400: '#717ecd',\n      500: '#4d5ec0',\n      600: '#3e4b9a',\n      700: '#2e3873',\n      800: '#1f264d',\n      900: '#0f1326',\n    },\n    stachelock: {\n      50: '#edeff9',\n      100: '#dbdff2',\n      200: '#b8bfe6',\n      300: '#949ed9',\n      400: '#717ecd',\n      500: '#4d5ec0',\n      600: '#3e4b9a',\n      700: '#2e3873',\n      800: '#1f264d',\n      900: '#0f1326',\n    },\n  },\n  spacing: {\n    '0': '0',\n    '1': '0.25rem',\n    '2': '0.5rem',\n    '3': '0.75rem',\n    '4': '1rem',\n    '5': '1.25rem',\n    '6': '1.5rem',\n    '8': '2rem',\n    '10': '2.5rem',\n    '12': '3rem',\n    '16': '4rem',\n    '20': '5rem',\n    '24': '6rem',\n    '32': '8rem',\n    '40': '10rem',\n    '48': '12rem',\n    '56': '14rem',\n    '64': '16rem',\n    '72': '18rem',\n    '80': '20rem',\n    '96': '24rem',\n  },\n  borderRadius: {\n    'none': '0',\n    'sm': '0.125rem',\n    'DEFAULT': '0.25rem',\n    'md': '0.375rem',\n    'lg': '0.5rem',\n    'xl': '0.75rem',\n    '2xl': '1rem',\n    '3xl': '1.5rem',\n    'full': '9999px',\n  },\n  shadows: {\n    'sm': '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n    'DEFAULT': '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n    'md': '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    'lg': '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n    'xl': '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n    '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n    'inner': 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n    'none': 'none',\n  },\n  typography: {\n    fontFamily: {\n      sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      serif: ['ui-serif', 'Georgia', 'Cambria', 'serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'monospace'],\n    },\n    fontSize: {\n      'xs': '0.75rem',\n      'sm': '0.875rem',\n      'base': '1rem',\n      'lg': '1.125rem',\n      'xl': '1.25rem',\n      '2xl': '1.5rem',\n      '3xl': '1.875rem',\n      '4xl': '2.25rem',\n      '5xl': '3rem',\n      '6xl': '3.75rem',\n      '7xl': '4.5rem',\n      '8xl': '6rem',\n      '9xl': '8rem',\n    },\n  },\n  breakpoints: {\n    'sm': '640px',\n    'md': '768px',\n    'lg': '1024px',\n    'xl': '1280px',\n    '2xl': '1536px',\n  },\n};\n\nexport function mergeDesignTokens(\n  customTokens: StachelockUIDesignTokens,\n  defaults: StachelockUIDesignTokens = defaultDesignTokens\n): StachelockUIDesignTokens {\n  const merged = { ...defaults };\n  \n  // Deep merge function for nested objects\n  function deepMerge(target: any, source: any): any {\n    if (source && typeof source === 'object' && !Array.isArray(source)) {\n      for (const key in source) {\n        if (source.hasOwnProperty(key)) {\n          if (target[key] && typeof target[key] === 'object' && !Array.isArray(target[key])) {\n            target[key] = deepMerge(target[key], source[key]);\n          } else {\n            target[key] = source[key];\n          }\n        }\n      }\n    }\n    return target;\n  }\n  \n  return deepMerge(merged, customTokens);\n}\n","import type { StachelockUIDesignTokens } from './design-tokens';\n\nexport function generateCSSVariables(tokens: StachelockUIDesignTokens): string {\n  let css = ':root {\\n';\n  \n  // Generate color variables\n  if (tokens.colors) {\n    Object.entries(tokens.colors).forEach(([colorName, colorShades]) => {\n      if (typeof colorShades === 'object' && colorShades !== null) {\n        Object.entries(colorShades).forEach(([shade, value]) => {\n          const variableName = shade === 'DEFAULT' ? colorName : `${colorName}-${shade}`;\n          css += `  --sl-color-${variableName}: ${value};\\n`;\n        });\n      }\n    });\n  }\n  \n  // Generate spacing variables\n  if (tokens.spacing) {\n    Object.entries(tokens.spacing).forEach(([name, value]) => {\n      css += `  --sl-spacing-${name}: ${value};\\n`;\n    });\n  }\n  \n  // Generate border radius variables\n  if (tokens.borderRadius) {\n    Object.entries(tokens.borderRadius).forEach(([name, value]) => {\n      const variableName = name === 'DEFAULT' ? 'radius' : `radius-${name}`;\n      css += `  --sl-${variableName}: ${value};\\n`;\n    });\n  }\n  \n  // Generate shadow variables\n  if (tokens.shadows) {\n    Object.entries(tokens.shadows).forEach(([name, value]) => {\n      const variableName = name === 'DEFAULT' ? 'shadow' : `shadow-${name}`;\n      css += `  --sl-${variableName}: ${value};\\n`;\n    });\n  }\n  \n  // Generate typography variables\n  if (tokens.typography) {\n    if (tokens.typography.fontFamily) {\n      Object.entries(tokens.typography.fontFamily).forEach(([name, fonts]) => {\n        css += `  --sl-font-family-${name}: ${fonts.join(', ')};\\n`;\n      });\n    }\n    \n    if (tokens.typography.fontSize) {\n      Object.entries(tokens.typography.fontSize).forEach(([name, size]) => {\n        css += `  --sl-font-size-${name}: ${size};\\n`;\n      });\n    }\n  }\n  \n  // Generate breakpoint variables\n  if (tokens.breakpoints) {\n    Object.entries(tokens.breakpoints).forEach(([name, value]) => {\n      css += `  --sl-breakpoint-${name}: ${value};\\n`;\n    });\n  }\n  \n  // Add some computed variables\n  css += `  --sl-ring-color: var(--sl-color-primary-600, #3e4b9a);\\n`;\n  css += `  --sl-ring-offset-color: #ffffff;\\n`;\n  css += `  --sl-ring-width: 2px;\\n`;\n  css += `  --sl-outline-color: var(--sl-color-primary-600, #3e4b9a);\\n`;\n  css += `  --sl-outline-width: 2px;\\n`;\n  \n  css += '}\\n\\n';\n  \n  // Add dark mode variables\n  css += '@media (prefers-color-scheme: dark) {\\n';\n  css += '  :root {\\n';\n  css += '    --sl-ring-color: var(--sl-color-primary-600, #3e4b9a);\\n';\n  css += '  }\\n';\n  css += '}\\n';\n  \n  return css;\n}\n\nexport function generateTailwindConfig(tokens: StachelockUIDesignTokens): string {\n  let config = 'export default {\\n';\n  config += '  prefix: \"sl-\",\\n';\n  config += '  theme: {\\n';\n  config += '    extend: {\\n';\n  \n  // Colors\n  if (tokens.colors) {\n    config += '      colors: {\\n';\n    Object.entries(tokens.colors).forEach(([colorName, colorShades]) => {\n      if (typeof colorShades === 'object' && colorShades !== null) {\n        config += `        \"${colorName}\": {\\n`;\n        Object.entries(colorShades).forEach(([shade, value]) => {\n          const shadeName = shade === 'DEFAULT' ? 'DEFAULT' : shade;\n          config += `          \"${shadeName}\": \"${value}\",\\n`;\n        });\n        config += '        },\\n';\n      }\n    });\n    config += '      },\\n';\n  }\n  \n  // Spacing\n  if (tokens.spacing) {\n    config += '      spacing: {\\n';\n    Object.entries(tokens.spacing).forEach(([name, value]) => {\n      config += `        \"${name}\": \"${value}\",\\n`;\n    });\n    config += '      },\\n';\n  }\n  \n  // Border radius\n  if (tokens.borderRadius) {\n    config += '      borderRadius: {\\n';\n    Object.entries(tokens.borderRadius).forEach(([name, value]) => {\n      const configName = name === 'DEFAULT' ? 'DEFAULT' : name;\n      config += `        \"${configName}\": \"${value}\",\\n`;\n    });\n    config += '      },\\n';\n  }\n  \n  // Shadows\n  if (tokens.shadows) {\n    config += '      boxShadow: {\\n';\n    Object.entries(tokens.shadows).forEach(([name, value]) => {\n      const configName = name === 'DEFAULT' ? 'DEFAULT' : name;\n      config += `        \"${configName}\": \"${value}\",\\n`;\n    });\n    config += '      },\\n';\n  }\n  \n  // Typography\n  if (tokens.typography) {\n    if (tokens.typography.fontFamily) {\n      config += '      fontFamily: {\\n';\n      Object.entries(tokens.typography.fontFamily).forEach(([name, fonts]) => {\n        config += `        \"${name}\": [${fonts.map(f => `\"${f}\"`).join(', ')}],\\n`;\n      });\n      config += '      },\\n';\n    }\n    \n    if (tokens.typography.fontSize) {\n      config += '      fontSize: {\\n';\n      Object.entries(tokens.typography.fontSize).forEach(([name, size]) => {\n        config += `        \"${name}\": \"${size}\",\\n`;\n      });\n      config += '      },\\n';\n    }\n  }\n  \n  config += '    },\\n';\n  config += '  },\\n';\n  config += '};\\n';\n  \n  return config;\n}\n","<template>\n  <div class=\"sl-relative\" :class=\"sizeClass\">\n    <svg viewBox=\"0 0 36 36\" class=\"sl-transform -sl-rotate-90 sl-w-full sl-h-full\">\n      <path class=\"sl-fill-none sl-stroke-gray-300\" stroke-width=\"3.8\"\n        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\" />\n      <path\n        class=\"sl-fill-none sl-stroke-stachelock-600 sl-stroke-linecap-round sl-transition-[stroke-dasharray] sl-duration-500 sl-ease-out\"\n        :stroke-dasharray=\"progress + ', 100'\" stroke-width=\"3.8\"\n        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\" />\n    </svg>\n    <div v-if=\"label && label.length > 0\"\n      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\">{{ label }}</div>\n    <div v-if=\"showProgressLabel\"\n      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\">\n      {{ progress }}%\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\n\ntype RadialProgressBarSize = 'xs' | 'sm' | 'md' | 'lg';\n\nconst props = defineProps({\n  progress: {\n    type: Number,\n    default: 0\n  },\n  label: {\n    type: String,\n    default: ''\n  },\n  showProgressLabel: {\n    type: Boolean,\n    default: false\n  },\n  size: {\n    type: String as () => RadialProgressBarSize,\n    default: 'md'\n  }\n});\n\nconst sizeClass = computed(() => {\n  switch (props.size) {\n    case 'xs':\n      return 'sl-h-4 sl-w-4'\n    case 'sm':\n      return 'sl-h-8 sl-w-8'\n    case 'md':\n      return 'sl-h-12 sl-w-12'\n    case 'lg':\n      return 'sl-h-16 sl-w-16'\n    default:\n      return 'sl-h-8 sl-w-8'\n  }\n});\n\nconst progress = ref(props.progress);\n\nwatch(() => props.progress, (newValue) => {\n  progress.value = newValue;\n});\n</script>\n\n<style scoped>\n</style>\n","<template>\n  <section class=\"sl-bg-white sl-rounded-lg sl-shadow sl-p-6\">\n    <h2 class=\"sl-text-xl sl-font-semibold sl-mb-4\">All Inputs Showcase</h2>\n\n    <div class=\"sl-space-y-8\">\n      <!-- Text Input -->\n      <div>\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Text Input</h3>\n        <TextInput\n          name=\"demoText\"\n          label=\"Text Input\"\n          placeholder=\"Type something...\"\n          v-model:value=\"state.text\"\n        />\n      </div>\n\n      <!-- Text Area Input -->\n      <div>\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Text Area</h3>\n        <TextAreaInput\n          name=\"demoTextArea\"\n          label=\"Text Area\"\n          placeholder=\"Write a longer message...\"\n          :rows=\"4\"\n          :maxlength=\"200\"\n          v-model=\"state.textArea\"\n        />\n      </div>\n\n      <!-- Switch Input -->\n      <div>\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Switch</h3>\n        <SwitchInput\n          name=\"demoSwitch\"\n          label=\"Enable feature\"\n          v-model=\"state.switchOn\"\n          textTrue=\"ON\"\n          textFalse=\"OFF\"\n        />\n      </div>\n\n      <!-- Checkbox Input -->\n      <div>\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Checkbox</h3>\n        <CheckboxInput\n          name=\"demoCheckbox\"\n          label=\"I agree to the terms\"\n          v-model=\"state.checkbox\"\n        />\n      </div>\n\n      <!-- Select Input -->\n      <div class=\"sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6\">\n        <div>\n          <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Select (Single)</h3>\n          <SelectInput\n            name=\"demoSelect\"\n            label=\"Favorite Fruit\"\n            placeholder=\"Select a fruit\"\n            :items=\"fruits\"\n            v-model=\"state.selectedFruit\"\n          />\n        </div>\n        <div>\n          <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Select (Multiple)</h3>\n          <SelectInput\n            name=\"demoSelectMulti\"\n            label=\"Favorite Languages\"\n            placeholder=\"Select languages\"\n            :items=\"languages\"\n            multiple\n            showAll\n            v-model=\"state.selectedLanguages\"\n          />\n        </div>\n      </div>\n\n      <!-- Combobox Input -->\n      <div>\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Combobox</h3>\n        <ComboboxInput\n          name=\"demoCombobox\"\n          label=\"Search a City\"\n          placeholder=\"Start typing...\"\n          :items=\"cities\"\n          v-model=\"state.selectedCity\"\n        />\n      </div>\n\n      <!-- Current State -->\n      <div class=\"sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700\">\n        <div class=\"sl-font-semibold sl-mb-1\">State</div>\n        <pre class=\"sl-whitespace-pre-wrap\">{{ state }}</pre>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from 'vue'\nimport TextInput from '../UiTextInput.vue'\nimport TextAreaInput from './TextAreaInput.vue'\nimport SwitchInput from './SwitchInput.vue'\nimport CheckboxInput from './CheckboxInput.vue'\nimport SelectInput from './SelectInput.vue'\nimport ComboboxInput from './ComboboxInput.vue'\n\nconst state = reactive({\n  text: '',\n  textArea: '',\n  switchOn: false,\n  checkbox: false,\n  selectedFruit: null as null | { id: number; name: string },\n  selectedLanguages: [] as Array<{ id: number; name: string }>,\n  selectedCity: null as null | { id: number; name: string },\n})\n\nconst fruits = [\n  { id: 1, name: 'Apple' },\n  { id: 2, name: 'Banana' },\n  { id: 3, name: 'Cherry' },\n  { id: 4, name: 'Durian', disabled: true },\n]\n\nconst languages = [\n  { id: 1, name: 'TypeScript' },\n  { id: 2, name: 'JavaScript' },\n  { id: 3, name: 'Python' },\n  { id: 4, name: 'Go' },\n  { id: 5, name: 'Rust' },\n]\n\nconst cities = [\n  { id: 1, name: 'New York' },\n  { id: 2, name: 'San Francisco' },\n  { id: 3, name: 'Seattle' },\n  { id: 4, name: 'Austin' },\n  { id: 5, name: 'Chicago' },\n  { id: 6, name: 'Denver' },\n  { id: 7, name: 'Miami' },\n  { id: 8, name: 'Boston' },\n]\n</script>\n\n\n","import type { App } from 'vue';\nimport * as components from './components';\nimport * as layouts from './components/layouts';\nimport * as inputs from './components/inputs';\nimport * as calendars from './components/calendars';\nimport * as forms from './components/forms';\n\n// Combine all components\nconst allComponents = {\n  ...components,\n  ...layouts,\n  ...inputs,\n  ...calendars,\n  ...forms,\n};\n\n// Plugin interface\nexport interface StachelockUIOptions {\n  /**\n   * Component name prefix (default: 'Sl')\n   */\n  prefix?: string;\n  /**\n   * Array of component names to install globally\n   */\n  components?: string[];\n  /**\n   * Whether to install all components globally\n   */\n  installAll?: boolean;\n}\n\n// Vue plugin\nexport const StachelockUI = {\n  install(app: App, options: StachelockUIOptions = {}) {\n    const { prefix = 'Sl', installAll = false, components: selectedComponents } = options;\n\n    // Register components\n    Object.entries(allComponents).forEach(([name, component]) => {\n      const shouldInstall = installAll || \n        (selectedComponents && selectedComponents.includes(name)) ||\n        (!selectedComponents && !installAll);\n\n      if (shouldInstall) {\n        // Register non-prefixed\n        app.component(name, component);\n        // Also register prefixed alias for back-compat\n        const prefixedName = name.startsWith(prefix) ? name : `${prefix}${name}`;\n        app.component(prefixedName, component);\n      }\n    });\n  }\n};\n\nexport default StachelockUI;\n"],"names":["defaultComponentMap","UiTextInput","ComponentRegistry","type","component","loader","mapItem","asyncComponent","defineAsyncComponent","componentRegistry","registerComponent","getComponent","defaultDesignTokens","mergeDesignTokens","customTokens","defaults","merged","deepMerge","target","source","key","generateCSSVariables","tokens","css","colorName","colorShades","shade","value","variableName","name","fonts","size","generateTailwindConfig","config","f","props","__props","sizeClass","computed","progress","ref","watch","newValue","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_createElementVNode","_hoisted_3","_toDisplayString","_hoisted_4","state","reactive","fruits","languages","cities","_cache","_hoisted_2","_createVNode","TextInput","$event","TextAreaInput","SwitchInput","CheckboxInput","SelectInput","ComboboxInput","_hoisted_5","allComponents","components","layouts","inputs","calendars","forms","StachelockUI","app","options","prefix","installAll","selectedComponents","prefixedName"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/utils/component-registry.ts","../src/config/design-tokens.ts","../src/config/css-variables.ts","../src/components/UiRadialProgressBar.vue","../src/components/inputs/InputsShowcase.vue","../src/plugin/configure.ts"],"sourcesContent":["import { defineAsyncComponent, type Component } from 'vue'\nimport UiTextInput from '../components/UiTextInput.vue'\nimport type { ComponentMap } from '../types/form'\n\n/**\n * Default component map for dynamic forms\n */\nexport const defaultComponentMap: ComponentMap = {\n  text: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  email: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  password: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  number: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  tel: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  url: {\n    component: 'TextInput',\n    loader: () => Promise.resolve(UiTextInput)\n  },\n  textarea: {\n    component: 'TextAreaInput',\n    loader: () => import('../components/inputs/TextAreaInput.vue')\n  },\n  select: {\n    component: 'SelectInput',\n    loader: () => import('../components/inputs/SelectInput.vue')\n  },\n  combobox: {\n    component: 'ComboboxInput',\n    loader: () => import('../components/inputs/ComboboxInput.vue')\n  },\n  checkbox: {\n    component: 'CheckboxInput',\n    loader: () => import('../components/inputs/CheckboxInput.vue')\n  },\n  switch: {\n    component: 'SwitchInput',\n    loader: () => import('../components/inputs/SwitchInput.vue')\n  }\n}\n\n/**\n * Component registry class for managing dynamic form components\n */\nexport class ComponentRegistry {\n  private componentMap: ComponentMap = { ...defaultComponentMap }\n  private loadedComponents: Map<string, Component> = new Map()\n\n  /**\n   * Register a new component type\n   */\n  register(type: string, component: string, loader: () => Promise<any>): void {\n    this.componentMap[type] = { component, loader }\n    // Clear cached component if it exists\n    this.loadedComponents.delete(type)\n  }\n\n  /**\n   * Get a component for a field type\n   */\n  getComponent(type: string): Component | null {\n    const mapItem = this.componentMap[type]\n    if (!mapItem) {\n      console.warn(`Component type \"${type}\" is not registered`)\n      return null\n    }\n\n    // Return cached component if available\n    if (this.loadedComponents.has(type)) {\n      return this.loadedComponents.get(type)!\n    }\n\n    // Create async component\n    const asyncComponent = defineAsyncComponent({\n      loader: mapItem.loader,\n      delay: 0\n    })\n\n    this.loadedComponents.set(type, asyncComponent)\n    return asyncComponent\n  }\n\n  /**\n   * Check if a component type is registered\n   */\n  hasComponent(type: string): boolean {\n    return type in this.componentMap\n  }\n\n  /**\n   * Get all registered component types\n   */\n  getRegisteredTypes(): string[] {\n    return Object.keys(this.componentMap)\n  }\n\n  /**\n   * Unregister a component type\n   */\n  unregister(type: string): void {\n    delete this.componentMap[type]\n    this.loadedComponents.delete(type)\n  }\n\n  /**\n   * Clear all cached components\n   */\n  clearCache(): void {\n    this.loadedComponents.clear()\n  }\n}\n\n// Global component registry instance\nexport const componentRegistry = new ComponentRegistry()\n\n/**\n * Register a component type globally\n */\nexport function registerComponent(type: string, component: string, loader: () => Promise<any>): void {\n  componentRegistry.register(type, component, loader)\n}\n\n/**\n * Get a component for a field type\n */\nexport function getComponent(type: string): Component | null {\n  return componentRegistry.getComponent(type)\n}\n","export interface StachelockUIDesignTokens {\n  colors?: {\n    primary?: {\n      50?: string;\n      100?: string;\n      200?: string;\n      300?: string;\n      400?: string;\n      500?: string;\n      600?: string;\n      700?: string;\n      800?: string;\n      900?: string;\n    };\n    stachelock?: {\n      50?: string;\n      100?: string;\n      200?: string;\n      300?: string;\n      400?: string;\n      500?: string;\n      600?: string;\n      700?: string;\n      800?: string;\n      900?: string;\n    };\n    [key: string]: any;\n  };\n  spacing?: {\n    [key: string]: string;\n  };\n  borderRadius?: {\n    [key: string]: string;\n  };\n  shadows?: {\n    [key: string]: string;\n  };\n  typography?: {\n    fontFamily?: {\n      [key: string]: string[];\n    };\n    fontSize?: {\n      [key: string]: string;\n    };\n  };\n  breakpoints?: {\n    [key: string]: string;\n  };\n}\n\nexport const defaultDesignTokens: StachelockUIDesignTokens = {\n  colors: {\n    primary: {\n      50: '#edeff9',\n      100: '#dbdff2',\n      200: '#b8bfe6',\n      300: '#949ed9',\n      400: '#717ecd',\n      500: '#4d5ec0',\n      600: '#3e4b9a',\n      700: '#2e3873',\n      800: '#1f264d',\n      900: '#0f1326',\n    },\n    stachelock: {\n      50: '#edeff9',\n      100: '#dbdff2',\n      200: '#b8bfe6',\n      300: '#949ed9',\n      400: '#717ecd',\n      500: '#4d5ec0',\n      600: '#3e4b9a',\n      700: '#2e3873',\n      800: '#1f264d',\n      900: '#0f1326',\n    },\n  },\n  spacing: {\n    '0': '0',\n    '1': '0.25rem',\n    '2': '0.5rem',\n    '3': '0.75rem',\n    '4': '1rem',\n    '5': '1.25rem',\n    '6': '1.5rem',\n    '8': '2rem',\n    '10': '2.5rem',\n    '12': '3rem',\n    '16': '4rem',\n    '20': '5rem',\n    '24': '6rem',\n    '32': '8rem',\n    '40': '10rem',\n    '48': '12rem',\n    '56': '14rem',\n    '64': '16rem',\n    '72': '18rem',\n    '80': '20rem',\n    '96': '24rem',\n  },\n  borderRadius: {\n    'none': '0',\n    'sm': '0.125rem',\n    'DEFAULT': '0.25rem',\n    'md': '0.375rem',\n    'lg': '0.5rem',\n    'xl': '0.75rem',\n    '2xl': '1rem',\n    '3xl': '1.5rem',\n    'full': '9999px',\n  },\n  shadows: {\n    'sm': '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n    'DEFAULT': '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n    'md': '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    'lg': '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n    'xl': '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n    '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n    'inner': 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n    'none': 'none',\n  },\n  typography: {\n    fontFamily: {\n      sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      serif: ['ui-serif', 'Georgia', 'Cambria', 'serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'monospace'],\n    },\n    fontSize: {\n      'xs': '0.75rem',\n      'sm': '0.875rem',\n      'base': '1rem',\n      'lg': '1.125rem',\n      'xl': '1.25rem',\n      '2xl': '1.5rem',\n      '3xl': '1.875rem',\n      '4xl': '2.25rem',\n      '5xl': '3rem',\n      '6xl': '3.75rem',\n      '7xl': '4.5rem',\n      '8xl': '6rem',\n      '9xl': '8rem',\n    },\n  },\n  breakpoints: {\n    'sm': '640px',\n    'md': '768px',\n    'lg': '1024px',\n    'xl': '1280px',\n    '2xl': '1536px',\n  },\n};\n\nexport function mergeDesignTokens(\n  customTokens: StachelockUIDesignTokens,\n  defaults: StachelockUIDesignTokens = defaultDesignTokens\n): StachelockUIDesignTokens {\n  const merged = { ...defaults };\n  \n  // Deep merge function for nested objects\n  function deepMerge(target: any, source: any): any {\n    if (source && typeof source === 'object' && !Array.isArray(source)) {\n      for (const key in source) {\n        if (source.hasOwnProperty(key)) {\n          if (target[key] && typeof target[key] === 'object' && !Array.isArray(target[key])) {\n            target[key] = deepMerge(target[key], source[key]);\n          } else {\n            target[key] = source[key];\n          }\n        }\n      }\n    }\n    return target;\n  }\n  \n  return deepMerge(merged, customTokens);\n}\n","import type { StachelockUIDesignTokens } from './design-tokens';\n\nexport function generateCSSVariables(tokens: StachelockUIDesignTokens): string {\n  let css = ':root {\\n';\n  \n  // Generate color variables\n  if (tokens.colors) {\n    Object.entries(tokens.colors).forEach(([colorName, colorShades]) => {\n      if (typeof colorShades === 'object' && colorShades !== null) {\n        Object.entries(colorShades).forEach(([shade, value]) => {\n          const variableName = shade === 'DEFAULT' ? colorName : `${colorName}-${shade}`;\n          css += `  --sl-color-${variableName}: ${value};\\n`;\n        });\n      }\n    });\n  }\n  \n  // Generate spacing variables\n  if (tokens.spacing) {\n    Object.entries(tokens.spacing).forEach(([name, value]) => {\n      css += `  --sl-spacing-${name}: ${value};\\n`;\n    });\n  }\n  \n  // Generate border radius variables\n  if (tokens.borderRadius) {\n    Object.entries(tokens.borderRadius).forEach(([name, value]) => {\n      const variableName = name === 'DEFAULT' ? 'radius' : `radius-${name}`;\n      css += `  --sl-${variableName}: ${value};\\n`;\n    });\n  }\n  \n  // Generate shadow variables\n  if (tokens.shadows) {\n    Object.entries(tokens.shadows).forEach(([name, value]) => {\n      const variableName = name === 'DEFAULT' ? 'shadow' : `shadow-${name}`;\n      css += `  --sl-${variableName}: ${value};\\n`;\n    });\n  }\n  \n  // Generate typography variables\n  if (tokens.typography) {\n    if (tokens.typography.fontFamily) {\n      Object.entries(tokens.typography.fontFamily).forEach(([name, fonts]) => {\n        css += `  --sl-font-family-${name}: ${fonts.join(', ')};\\n`;\n      });\n    }\n    \n    if (tokens.typography.fontSize) {\n      Object.entries(tokens.typography.fontSize).forEach(([name, size]) => {\n        css += `  --sl-font-size-${name}: ${size};\\n`;\n      });\n    }\n  }\n  \n  // Generate breakpoint variables\n  if (tokens.breakpoints) {\n    Object.entries(tokens.breakpoints).forEach(([name, value]) => {\n      css += `  --sl-breakpoint-${name}: ${value};\\n`;\n    });\n  }\n  \n  // Add some computed variables\n  css += `  --sl-ring-color: var(--sl-color-primary-600, #3e4b9a);\\n`;\n  css += `  --sl-ring-offset-color: #ffffff;\\n`;\n  css += `  --sl-ring-width: 2px;\\n`;\n  css += `  --sl-outline-color: var(--sl-color-primary-600, #3e4b9a);\\n`;\n  css += `  --sl-outline-width: 2px;\\n`;\n  \n  css += '}\\n\\n';\n  \n  // Add dark mode variables\n  css += '@media (prefers-color-scheme: dark) {\\n';\n  css += '  :root {\\n';\n  css += '    --sl-ring-color: var(--sl-color-primary-600, #3e4b9a);\\n';\n  css += '  }\\n';\n  css += '}\\n';\n  \n  return css;\n}\n\nexport function generateTailwindConfig(tokens: StachelockUIDesignTokens): string {\n  let config = 'export default {\\n';\n  config += '  prefix: \"sl-\",\\n';\n  config += '  theme: {\\n';\n  config += '    extend: {\\n';\n  \n  // Colors\n  if (tokens.colors) {\n    config += '      colors: {\\n';\n    Object.entries(tokens.colors).forEach(([colorName, colorShades]) => {\n      if (typeof colorShades === 'object' && colorShades !== null) {\n        config += `        \"${colorName}\": {\\n`;\n        Object.entries(colorShades).forEach(([shade, value]) => {\n          const shadeName = shade === 'DEFAULT' ? 'DEFAULT' : shade;\n          config += `          \"${shadeName}\": \"${value}\",\\n`;\n        });\n        config += '        },\\n';\n      }\n    });\n    config += '      },\\n';\n  }\n  \n  // Spacing\n  if (tokens.spacing) {\n    config += '      spacing: {\\n';\n    Object.entries(tokens.spacing).forEach(([name, value]) => {\n      config += `        \"${name}\": \"${value}\",\\n`;\n    });\n    config += '      },\\n';\n  }\n  \n  // Border radius\n  if (tokens.borderRadius) {\n    config += '      borderRadius: {\\n';\n    Object.entries(tokens.borderRadius).forEach(([name, value]) => {\n      const configName = name === 'DEFAULT' ? 'DEFAULT' : name;\n      config += `        \"${configName}\": \"${value}\",\\n`;\n    });\n    config += '      },\\n';\n  }\n  \n  // Shadows\n  if (tokens.shadows) {\n    config += '      boxShadow: {\\n';\n    Object.entries(tokens.shadows).forEach(([name, value]) => {\n      const configName = name === 'DEFAULT' ? 'DEFAULT' : name;\n      config += `        \"${configName}\": \"${value}\",\\n`;\n    });\n    config += '      },\\n';\n  }\n  \n  // Typography\n  if (tokens.typography) {\n    if (tokens.typography.fontFamily) {\n      config += '      fontFamily: {\\n';\n      Object.entries(tokens.typography.fontFamily).forEach(([name, fonts]) => {\n        config += `        \"${name}\": [${fonts.map(f => `\"${f}\"`).join(', ')}],\\n`;\n      });\n      config += '      },\\n';\n    }\n    \n    if (tokens.typography.fontSize) {\n      config += '      fontSize: {\\n';\n      Object.entries(tokens.typography.fontSize).forEach(([name, size]) => {\n        config += `        \"${name}\": \"${size}\",\\n`;\n      });\n      config += '      },\\n';\n    }\n  }\n  \n  config += '    },\\n';\n  config += '  },\\n';\n  config += '};\\n';\n  \n  return config;\n}\n","<template>\n  <div class=\"sl-relative\" :class=\"sizeClass\">\n    <svg viewBox=\"0 0 36 36\" class=\"sl-transform -sl-rotate-90 sl-w-full sl-h-full\">\n      <path class=\"sl-fill-none sl-stroke-gray-300\" stroke-width=\"3.8\"\n        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\" />\n      <path\n        class=\"sl-fill-none sl-stroke-stachelock-600 sl-stroke-linecap-round sl-transition-[stroke-dasharray] sl-duration-500 sl-ease-out\"\n        :stroke-dasharray=\"progress + ', 100'\" stroke-width=\"3.8\"\n        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\" />\n    </svg>\n    <div v-if=\"label && label.length > 0\"\n      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\">{{ label }}</div>\n    <div v-if=\"showProgressLabel\"\n      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\">\n      {{ progress }}%\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\n\ntype RadialProgressBarSize = 'xs' | 'sm' | 'md' | 'lg';\n\nconst props = defineProps({\n  progress: {\n    type: Number,\n    default: 0\n  },\n  label: {\n    type: String,\n    default: ''\n  },\n  showProgressLabel: {\n    type: Boolean,\n    default: false\n  },\n  size: {\n    type: String as () => RadialProgressBarSize,\n    default: 'md'\n  }\n});\n\nconst sizeClass = computed(() => {\n  switch (props.size) {\n    case 'xs':\n      return 'sl-h-4 sl-w-4'\n    case 'sm':\n      return 'sl-h-8 sl-w-8'\n    case 'md':\n      return 'sl-h-12 sl-w-12'\n    case 'lg':\n      return 'sl-h-16 sl-w-16'\n    default:\n      return 'sl-h-8 sl-w-8'\n  }\n});\n\nconst progress = ref(props.progress);\n\nwatch(() => props.progress, (newValue) => {\n  progress.value = newValue;\n});\n</script>\n\n<style scoped>\n</style>\n","<template>\n  <section class=\"sl-bg-white sl-rounded-lg sl-shadow sl-p-6\">\n    <h2 class=\"sl-text-xl sl-font-semibold sl-mb-4\">All Inputs Showcase</h2>\n\n    <div class=\"sl-space-y-8\">\n      <!-- Text Input -->\n      <div>\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Text Input</h3>\n        <TextInput\n          name=\"demoText\"\n          label=\"Text Input\"\n          placeholder=\"Type something...\"\n          v-model:value=\"state.text\"\n        />\n      </div>\n\n      <!-- Text Area Input -->\n      <div>\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Text Area</h3>\n        <TextAreaInput\n          name=\"demoTextArea\"\n          label=\"Text Area\"\n          placeholder=\"Write a longer message...\"\n          :rows=\"4\"\n          :maxlength=\"200\"\n          v-model=\"state.textArea\"\n        />\n      </div>\n\n      <!-- Switch Input -->\n      <div>\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Switch</h3>\n        <SwitchInput\n          name=\"demoSwitch\"\n          label=\"Enable feature\"\n          v-model=\"state.switchOn\"\n          textTrue=\"ON\"\n          textFalse=\"OFF\"\n        />\n      </div>\n\n      <!-- Checkbox Input -->\n      <div>\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Checkbox</h3>\n        <CheckboxInput\n          name=\"demoCheckbox\"\n          label=\"I agree to the terms\"\n          v-model=\"state.checkbox\"\n        />\n      </div>\n\n      <!-- Select Input -->\n      <div class=\"sl-grid sl-grid-cols-1 sl-md:grid-cols-2 sl-gap-6\">\n        <div>\n          <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Select (Single)</h3>\n          <SelectInput\n            name=\"demoSelect\"\n            label=\"Favorite Fruit\"\n            placeholder=\"Select a fruit\"\n            :items=\"fruits\"\n            v-model=\"state.selectedFruit\"\n          />\n        </div>\n        <div>\n          <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Select (Multiple)</h3>\n          <SelectInput\n            name=\"demoSelectMulti\"\n            label=\"Favorite Languages\"\n            placeholder=\"Select languages\"\n            :items=\"languages\"\n            multiple\n            showAll\n            v-model=\"state.selectedLanguages\"\n          />\n        </div>\n      </div>\n\n      <!-- Combobox Input -->\n      <div>\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-gray-700 sl-mb-2\">Combobox</h3>\n        <ComboboxInput\n          name=\"demoCombobox\"\n          label=\"Search a City\"\n          placeholder=\"Start typing...\"\n          :items=\"cities\"\n          v-model=\"state.selectedCity\"\n        />\n      </div>\n\n      <!-- Current State -->\n      <div class=\"sl-bg-gray-50 sl-rounded-md sl-p-4 sl-text-sm sl-text-gray-700\">\n        <div class=\"sl-font-semibold sl-mb-1\">State</div>\n        <pre class=\"sl-whitespace-pre-wrap\">{{ state }}</pre>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from 'vue'\nimport TextInput from '../UiTextInput.vue'\nimport TextAreaInput from './TextAreaInput.vue'\nimport SwitchInput from './SwitchInput.vue'\nimport CheckboxInput from './CheckboxInput.vue'\nimport SelectInput from './SelectInput.vue'\nimport ComboboxInput from './ComboboxInput.vue'\n\nconst state = reactive({\n  text: '',\n  textArea: '',\n  switchOn: false,\n  checkbox: false,\n  selectedFruit: null as null | { id: number; name: string },\n  selectedLanguages: [] as Array<{ id: number; name: string }>,\n  selectedCity: null as null | { id: number; name: string },\n})\n\nconst fruits = [\n  { id: 1, name: 'Apple' },\n  { id: 2, name: 'Banana' },\n  { id: 3, name: 'Cherry' },\n  { id: 4, name: 'Durian', disabled: true },\n]\n\nconst languages = [\n  { id: 1, name: 'TypeScript' },\n  { id: 2, name: 'JavaScript' },\n  { id: 3, name: 'Python' },\n  { id: 4, name: 'Go' },\n  { id: 5, name: 'Rust' },\n]\n\nconst cities = [\n  { id: 1, name: 'New York' },\n  { id: 2, name: 'San Francisco' },\n  { id: 3, name: 'Seattle' },\n  { id: 4, name: 'Austin' },\n  { id: 5, name: 'Chicago' },\n  { id: 6, name: 'Denver' },\n  { id: 7, name: 'Miami' },\n  { id: 8, name: 'Boston' },\n]\n</script>\n\n\n","import type { App } from 'vue';\nimport type { StachelockUIDesignTokens } from '../config/design-tokens';\nimport { mergeDesignTokens } from '../config/design-tokens';\nimport { generateCSSVariables } from '../config/css-variables';\n\nexport interface StachelockUIOptions {\n  designTokens?: StachelockUIDesignTokens;\n  prefix?: string;\n  injectCSS?: boolean;\n}\n\nexport interface StachelockUIPlugin {\n  install: (app: App, options?: StachelockUIOptions) => void;\n  configure: (options: StachelockUIOptions) => void;\n  getDesignTokens: () => StachelockUIDesignTokens;\n  generateCSS: () => string;\n}\n\nclass StachelockUIPluginImpl implements StachelockUIPlugin {\n  private designTokens: StachelockUIDesignTokens;\n  private prefix: string = 'sl-';\n  private injectCSS: boolean = true;\n\n  constructor() {\n    // Import default tokens\n    const { defaultDesignTokens } = require('../config/design-tokens');\n    this.designTokens = defaultDesignTokens;\n  }\n\n  install(app: App, options: StachelockUIOptions = {}) {\n    // Configure with options if provided\n    if (options.designTokens || options.prefix !== undefined || options.injectCSS !== undefined) {\n      this.configure(options);\n    }\n\n    // Inject CSS variables if enabled\n    if (this.injectCSS) {\n      this.injectCSSVariables();\n    }\n\n    // Make plugin available globally\n    app.config.globalProperties.$stachelockUI = this;\n    \n    // Provide plugin instance to components\n    app.provide('stachelockUI', this);\n  }\n\n  configure(options: StachelockUIOptions) {\n    if (options.designTokens) {\n      this.designTokens = mergeDesignTokens(options.designTokens, this.designTokens);\n    }\n    \n    if (options.prefix !== undefined) {\n      this.prefix = options.prefix;\n    }\n    \n    if (options.injectCSS !== undefined) {\n      this.injectCSS = options.injectCSS;\n    }\n  }\n\n  getDesignTokens(): StachelockUIDesignTokens {\n    return this.designTokens;\n  }\n\n  generateCSS(): string {\n    return generateCSSVariables(this.designTokens);\n  }\n\n  private injectCSSVariables() {\n    // Create a style element and inject the CSS variables\n    const style = document.createElement('style');\n    style.textContent = this.generateCSS();\n    style.setAttribute('data-stachelock-ui', 'true');\n    \n    // Remove any existing injected styles\n    const existingStyle = document.querySelector('style[data-stachelock-ui=\"true\"]');\n    if (existingStyle) {\n      existingStyle.remove();\n    }\n    \n    // Inject the new styles\n    document.head.appendChild(style);\n  }\n}\n\n// Create and export the plugin instance\nexport const StachelockUI: StachelockUIPlugin = new StachelockUIPluginImpl();\n\n// Export the plugin class for advanced usage\nexport { StachelockUIPluginImpl };\n"],"names":["defaultComponentMap","UiTextInput","ComponentRegistry","type","component","loader","mapItem","asyncComponent","defineAsyncComponent","componentRegistry","registerComponent","getComponent","defaultDesignTokens","mergeDesignTokens","customTokens","defaults","merged","deepMerge","target","source","key","generateCSSVariables","tokens","css","colorName","colorShades","shade","value","variableName","name","fonts","size","generateTailwindConfig","config","f","props","__props","sizeClass","computed","progress","ref","watch","newValue","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_createElementVNode","_hoisted_3","_toDisplayString","_hoisted_4","state","reactive","fruits","languages","cities","_cache","_hoisted_2","_createVNode","TextInput","$event","TextAreaInput","SwitchInput","CheckboxInput","SelectInput","ComboboxInput","_hoisted_5","StachelockUIPluginImpl","app","options","style","existingStyle","StachelockUI"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stachelock/ui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "A comprehensive Vue 3 UI component library built with Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",

package/dist/src/plugin.d.ts

@@ -1,21 +0,0 @@
-import { App } from 'vue';
-
-export interface StachelockUIOptions {
-    /**
-     * Component name prefix (default: 'Sl')
-     */
-    prefix?: string;
-    /**
-     * Array of component names to install globally
-     */
-    components?: string[];
-    /**
-     * Whether to install all components globally
-     */
-    installAll?: boolean;
-}
-export declare const StachelockUI: {
-    install(app: App, options?: StachelockUIOptions): void;
-};
-export default StachelockUI;
-//# sourceMappingURL=plugin.d.ts.map

package/dist/src/plugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAiB/B,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAGD,eAAO,MAAM,YAAY;iBACV,GAAG,YAAW,mBAAmB;CAkB/C,CAAC;AAEF,eAAe,YAAY,CAAC"}