@stachelock/ui 0.2.0 → 0.2.1

package/dist/index.js

@@ -1,6 +1,6 @@
-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 { 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";
@@ -9,56 +9,56 @@ import { _ as X } from "./UiLoading.vue_vue_type_script_setup_true_lang-DCz52-Me
 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 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 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 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 $ } from "./WeekCalendar.vue_vue_type_script_setup_true_lang-DAFQiRI9.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 k } from "./DynamicForm.vue_vue_type_script_setup_true_lang-BpfPAZiT.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 { _ } 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-BVQR4s1E.js";
-import { _ as V } from "./DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.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 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 = {
+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 = {
   text: {
     component: "TextInput",
-    loader: () => Promise.resolve(i)
+    loader: () => Promise.resolve(m)
   },
   email: {
     component: "TextInput",
-    loader: () => Promise.resolve(i)
+    loader: () => Promise.resolve(m)
   },
   password: {
     component: "TextInput",
-    loader: () => Promise.resolve(i)
+    loader: () => Promise.resolve(m)
   },
   number: {
     component: "TextInput",
-    loader: () => Promise.resolve(i)
+    loader: () => Promise.resolve(m)
   },
   tel: {
     component: "TextInput",
-    loader: () => Promise.resolve(i)
+    loader: () => Promise.resolve(m)
   },
   url: {
     component: "TextInput",
-    loader: () => Promise.resolve(i)
+    loader: () => Promise.resolve(m)
   },
   textarea: {
     component: "TextAreaInput",
@@ -82,28 +82,28 @@ const le = {
   }
 };
 class ne {
-  componentMap = { ...le };
+  componentMap = { ...re };
   loadedComponents = /* @__PURE__ */ new Map();
   /**
    * Register a new component type
    */
-  register(e, l, n) {
-    this.componentMap[e] = { component: l, loader: n }, this.loadedComponents.delete(e);
+  register(e, a, s) {
+    this.componentMap[e] = { component: a, loader: s }, this.loadedComponents.delete(e);
   }
   /**
    * Get a component for a field type
    */
   getComponent(e) {
-    const l = this.componentMap[e];
-    if (!l)
+    const a = this.componentMap[e];
+    if (!a)
       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,
+    const s = k({
+      loader: a.loader,
       delay: 0
     });
-    return this.loadedComponents.set(e, n), n;
+    return this.loadedComponents.set(e, s), s;
   }
   /**
    * Check if a component type is registered
@@ -130,23 +130,222 @@ class ne {
     this.loadedComponents.clear();
   }
 }
-const j = new ne();
-function lt(a, e, l) {
-  j.register(a, e, l);
+const P = new ne();
+function nt(o, e, a) {
+  P.register(o, e, a);
 }
-function nt(a) {
-  return j.getComponent(a);
+function lt(o) {
+  return P.getComponent(o);
 }
-const re = {
+const le = {
+  colors: {
+    primary: {
+      50: "#edeff9",
+      100: "#dbdff2",
+      200: "#b8bfe6",
+      300: "#949ed9",
+      400: "#717ecd",
+      500: "#4d5ec0",
+      600: "#3e4b9a",
+      700: "#2e3873",
+      800: "#1f264d",
+      900: "#0f1326"
+    },
+    stachelock: {
+      50: "#edeff9",
+      100: "#dbdff2",
+      200: "#b8bfe6",
+      300: "#949ed9",
+      400: "#717ecd",
+      500: "#4d5ec0",
+      600: "#3e4b9a",
+      700: "#2e3873",
+      800: "#1f264d",
+      900: "#0f1326"
+    }
+  },
+  spacing: {
+    0: "0",
+    1: "0.25rem",
+    2: "0.5rem",
+    3: "0.75rem",
+    4: "1rem",
+    5: "1.25rem",
+    6: "1.5rem",
+    8: "2rem",
+    10: "2.5rem",
+    12: "3rem",
+    16: "4rem",
+    20: "5rem",
+    24: "6rem",
+    32: "8rem",
+    40: "10rem",
+    48: "12rem",
+    56: "14rem",
+    64: "16rem",
+    72: "18rem",
+    80: "20rem",
+    96: "24rem"
+  },
+  borderRadius: {
+    none: "0",
+    sm: "0.125rem",
+    DEFAULT: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    xl: "0.75rem",
+    "2xl": "1rem",
+    "3xl": "1.5rem",
+    full: "9999px"
+  },
+  shadows: {
+    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    none: "none"
+  },
+  typography: {
+    fontFamily: {
+      sans: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],
+      serif: ["ui-serif", "Georgia", "Cambria", "serif"],
+      mono: ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "monospace"]
+    },
+    fontSize: {
+      xs: "0.75rem",
+      sm: "0.875rem",
+      base: "1rem",
+      lg: "1.125rem",
+      xl: "1.25rem",
+      "2xl": "1.5rem",
+      "3xl": "1.875rem",
+      "4xl": "2.25rem",
+      "5xl": "3rem",
+      "6xl": "3.75rem",
+      "7xl": "4.5rem",
+      "8xl": "6rem",
+      "9xl": "8rem"
+    }
+  },
+  breakpoints: {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+    "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;
+  }
+  return s(a, o);
+}
+function mt(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};
+`;
+    });
+  }), o.spacing && Object.entries(o.spacing).forEach(([a, s]) => {
+    e += `  --sl-spacing-${a}: ${s};
+`;
+  }), o.borderRadius && Object.entries(o.borderRadius).forEach(([a, s]) => {
+    const r = a === "DEFAULT" ? "radius" : `radius-${a}`;
+    e += `  --sl-${r}: ${s};
+`;
+  }), o.shadows && Object.entries(o.shadows).forEach(([a, s]) => {
+    const r = a === "DEFAULT" ? "shadow" : `shadow-${a}`;
+    e += `  --sl-${r}: ${s};
+`;
+  }), o.typography && (o.typography.fontFamily && Object.entries(o.typography.fontFamily).forEach(([a, s]) => {
+    e += `  --sl-font-family-${a}: ${s.join(", ")};
+`;
+  }), o.typography.fontSize && Object.entries(o.typography.fontSize).forEach(([a, s]) => {
+    e += `  --sl-font-size-${a}: ${s};
+`;
+  })), o.breakpoints && Object.entries(o.breakpoints).forEach(([a, s]) => {
+    e += `  --sl-breakpoint-${a}: ${s};
+`;
+  }), e += `  --sl-ring-color: var(--sl-color-primary-600, #3e4b9a);
+`, e += `  --sl-ring-offset-color: #ffffff;
+`, e += `  --sl-ring-width: 2px;
+`, e += `  --sl-outline-color: var(--sl-color-primary-600, #3e4b9a);
+`, e += `  --sl-outline-width: 2px;
+`, e += `}
+
+`, e += `@media (prefers-color-scheme: dark) {
+`, e += `  :root {
+`, e += `    --sl-ring-color: var(--sl-color-primary-600, #3e4b9a);
+`, e += `  }
+`, e += `}
+`, e;
+}
+function dt(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}",
+`;
+    }), e += `        },
+`);
+  }), e += `      },
+`), o.spacing && (e += `      spacing: {
+`, Object.entries(o.spacing).forEach(([a, s]) => {
+    e += `        "${a}": "${s}",
+`;
+  }), e += `      },
+`), o.borderRadius && (e += `      borderRadius: {
+`, Object.entries(o.borderRadius).forEach(([a, s]) => {
+    e += `        "${a === "DEFAULT" ? "DEFAULT" : a}": "${s}",
+`;
+  }), e += `      },
+`), o.shadows && (e += `      boxShadow: {
+`, Object.entries(o.shadows).forEach(([a, s]) => {
+    e += `        "${a === "DEFAULT" ? "DEFAULT" : a}": "${s}",
+`;
+  }), e += `      },
+`), o.typography && (o.typography.fontFamily && (e += `      fontFamily: {
+`, Object.entries(o.typography.fontFamily).forEach(([a, s]) => {
+    e += `        "${a}": [${s.map((r) => `"${r}"`).join(", ")}],
+`;
+  }), e += `      },
+`), o.typography.fontSize && (e += `      fontSize: {
+`, Object.entries(o.typography.fontSize).forEach(([a, s]) => {
+    e += `        "${a}": "${s}",
+`;
+  }), e += `      },
+`)), e += `    },
+`, e += `  },
+`, e += `};
+`, e;
+}
+const ie = {
   viewBox: "0 0 36 36",
   class: "sl-transform -sl-rotate-90 sl-w-full sl-h-full"
-}, me = ["stroke-dasharray"], ie = {
+}, me = ["stroke-dasharray"], de = {
   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 = {
+}, pe = {
   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({
+}, ce = /* @__PURE__ */ _({
   __name: "UiRadialProgressBar",
   props: {
     progress: {
@@ -166,8 +365,8 @@ const re = {
       default: "md"
     }
   },
-  setup(a) {
-    const e = a, l = R(() => {
+  setup(o) {
+    const e = o, a = R(() => {
       switch (e.size) {
         case "xs":
           return "sl-h-4 sl-w-4";
@@ -180,47 +379,47 @@ const re = {
         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])
+    }), s = H(e.progress);
+    return W(() => e.progress, (r) => {
+      s.value = r;
+    }), (r, l) => (c(), p("div", {
+      class: G(["sl-relative", a.value])
     }, [
-      (p(), u("svg", re, [
-        r[0] || (r[0] = s("path", {
+      (c(), p("svg", ie, [
+        l[0] || (l[0] = n("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", {
+        n("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-dasharray": s.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)
+      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)
     ], 2));
   }
-}), pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CalendarDashboard: O,
-  CalendarHeader: C,
-  DayCalendar: v,
-  EventCard: I,
+  CalendarDashboard: U,
+  CalendarHeader: $,
+  DayCalendar: C,
+  EventCard: v,
   EventsList: S,
   MonthCalendar: w,
-  WeekCalendar: $,
+  WeekCalendar: I,
   YearCalendar: T
-}, Symbol.toStringTag, { value: "Module" })), ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DynamicForm: k,
+  DynamicForm: F,
   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({
+  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__ */ _({
   __name: "InputsShowcase",
-  setup(a) {
+  setup(o) {
     const e = Y({
       text: "",
       textArea: "",
@@ -229,18 +428,18 @@ const re = {
       selectedFruit: null,
       selectedLanguages: [],
       selectedCity: null
-    }), l = [
+    }), a = [
       { id: 1, name: "Apple" },
       { id: 2, name: "Banana" },
       { id: 3, name: "Cherry" },
       { id: 4, name: "Durian", disabled: !0 }
-    ], n = [
+    ], s = [
       { id: 1, name: "TypeScript" },
       { id: 2, name: "JavaScript" },
       { id: 3, name: "Python" },
       { id: 4, name: "Go" },
       { id: 5, name: "Rust" }
-    ], m = [
+    ], r = [
       { id: 1, name: "New York" },
       { id: 2, name: "San Francisco" },
       { id: 3, name: "Seattle" },
@@ -250,165 +449,165 @@ const re = {
       { id: 7, name: "Miami" },
       { id: 8, name: "Boston" }
     ];
-    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, {
+    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, {
             name: "demoText",
             label: "Text Input",
             placeholder: "Type something...",
             value: e.text,
-            "onUpdate:value": t[0] || (t[0] = (o) => e.text = o)
+            "onUpdate:value": t[0] || (t[0] = (i) => e.text = i)
           }, null, 8, ["value"])
         ]),
-        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, {
+        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, {
             name: "demoTextArea",
             label: "Text Area",
             placeholder: "Write a longer message...",
             rows: 4,
             maxlength: 200,
             modelValue: e.textArea,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.textArea = o)
+            "onUpdate:modelValue": t[1] || (t[1] = (i) => e.textArea = i)
           }, null, 8, ["modelValue"])
         ]),
-        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, {
+        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, {
             name: "demoSwitch",
             label: "Enable feature",
             modelValue: e.switchOn,
-            "onUpdate:modelValue": t[2] || (t[2] = (o) => e.switchOn = o),
+            "onUpdate:modelValue": t[2] || (t[2] = (i) => e.switchOn = i),
             textTrue: "ON",
             textFalse: "OFF"
           }, null, 8, ["modelValue"])
         ]),
-        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)),
+        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, {
             name: "demoCheckbox",
             label: "I agree to the terms",
             modelValue: e.checkbox,
-            "onUpdate:modelValue": t[3] || (t[3] = (o) => e.checkbox = o)
+            "onUpdate:modelValue": t[3] || (t[3] = (i) => e.checkbox = i)
           }, null, 8, ["modelValue"])
         ]),
-        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, {
+        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, {
               name: "demoSelect",
               label: "Favorite Fruit",
               placeholder: "Select a fruit",
-              items: l,
+              items: a,
               modelValue: e.selectedFruit,
-              "onUpdate:modelValue": t[4] || (t[4] = (o) => e.selectedFruit = o)
+              "onUpdate:modelValue": t[4] || (t[4] = (i) => e.selectedFruit = i)
             }, null, 8, ["modelValue"])
           ]),
-          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, {
+          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, {
               name: "demoSelectMulti",
               label: "Favorite Languages",
               placeholder: "Select languages",
-              items: n,
+              items: s,
               multiple: "",
               showAll: "",
               modelValue: e.selectedLanguages,
-              "onUpdate:modelValue": t[5] || (t[5] = (o) => e.selectedLanguages = o)
+              "onUpdate:modelValue": t[5] || (t[5] = (i) => e.selectedLanguages = i)
             }, null, 8, ["modelValue"])
           ])
         ]),
-        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(_, {
+        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, {
             name: "demoCombobox",
             label: "Search a City",
             placeholder: "Start typing...",
-            items: m,
+            items: r,
             modelValue: e.selectedCity,
-            "onUpdate:modelValue": t[6] || (t[6] = (o) => e.selectedCity = o)
+            "onUpdate:modelValue": t[6] || (t[6] = (i) => e.selectedCity = i)
           }, null, 8, ["modelValue"])
         ]),
-        s("div", be, [
-          t[14] || (t[14] = s("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
-          s("pre", xe, f(e), 1)
+        n("div", ye, [
+          t[14] || (t[14] = n("div", { class: "sl-font-semibold sl-mb-1" }, "State", -1)),
+          n("pre", he, u(e), 1)
         ])
       ])
     ]));
   }
-}), he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CheckboxInput: g,
-  ComboboxInput: _,
-  InputsShowcase: U,
-  SelectInput: c,
-  SwitchInput: x,
-  TagifyInput: M,
-  TextAreaInput: b
-}, Symbol.toStringTag, { value: "Module" })), ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  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: F,
-  DefaultLayout: V,
+  DashboardLayout: j,
+  DefaultLayout: A,
   HeaderLayout: D,
-  NavigationGroup: B,
-  NavigationItem: P,
-  SidebarLayout: A
+  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: O,
-  CalendarHeader: C,
+  CalendarDashboard: U,
+  CalendarHeader: $,
   CheckboxInput: g,
-  ComboboxInput: _,
-  DashboardLayout: F,
-  DayCalendar: v,
-  DefaultLayout: V,
-  DynamicForm: k,
-  EventCard: I,
+  ComboboxInput: b,
+  DashboardLayout: j,
+  DayCalendar: C,
+  DefaultLayout: A,
+  DynamicForm: F,
+  EventCard: v,
   EventsList: S,
   FormField: L,
-  FormFieldWrapper: N,
+  FormFieldWrapper: V,
   HeaderLayout: D,
-  InputsShowcase: U,
+  InputsShowcase: B,
   Loading: X,
   LoadingDots: Z,
   Modal: ee,
   MonthCalendar: w,
   NavLink: te,
-  NavigationGroup: B,
-  NavigationItem: P,
-  ProgressBar: se,
-  RadialProgressBar: ue,
-  SelectInput: c,
-  SidebarLayout: A,
-  SwitchInput: x,
+  NavigationGroup: O,
+  NavigationItem: M,
+  ProgressBar: oe,
+  RadialProgressBar: ce,
+  SelectInput: f,
+  SidebarLayout: N,
+  SwitchInput: y,
   Table: ae,
-  TagifyInput: M,
-  TextAreaInput: b,
-  TextInput: i,
-  Transition: oe,
-  WeekCalendar: $,
+  TagifyInput: E,
+  TextAreaInput: x,
+  TextInput: m,
+  Transition: se,
+  WeekCalendar: I,
   YearCalendar: T
 }, Symbol.toStringTag, { value: "Module" })), ve = {
   ...Ce,
-  ...ye,
-  ...he,
-  ...pe,
-  ...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);
+  ...$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);
       }
     });
   }
@@ -418,48 +617,52 @@ export {
   J as Badge,
   K as Breadcrumb,
   Q as Button,
-  O as CalendarDashboard,
-  C as CalendarHeader,
+  U as CalendarDashboard,
+  $ as CalendarHeader,
   g as CheckboxInput,
-  _ as ComboboxInput,
+  b as ComboboxInput,
   ne as ComponentRegistry,
-  F as DashboardLayout,
-  v as DayCalendar,
-  V as DefaultLayout,
-  k as DynamicForm,
-  I as EventCard,
+  j as DashboardLayout,
+  C as DayCalendar,
+  A as DefaultLayout,
+  F as DynamicForm,
+  v as EventCard,
   S as EventsList,
   L as FormField,
-  N as FormFieldWrapper,
+  V as FormFieldWrapper,
   D as HeaderLayout,
-  U as InputsShowcase,
+  B 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,
+  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,
-  M as TagifyInput,
-  b as TextAreaInput,
-  i as TextInput,
-  oe as Transition,
-  $ as WeekCalendar,
+  E as TagifyInput,
+  x as TextAreaInput,
+  m as TextInput,
+  se as Transition,
+  I 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
+  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
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils/component-registry.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","<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","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","name","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.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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"}

package/dist/src/index.d.ts

@@ -1,6 +1,8 @@
 export * from './types';
 export * from './utils/id';
 export * from './utils/component-registry';
+export * from './config/design-tokens';
+export * from './config/css-variables';
 export * from './components';
 export * from './components/layouts';
 export * from './components/inputs';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAGxB,cAAc,YAAY,CAAC;AAC3B,cAAc,4BAA4B,CAAC;AAG3C,cAAc,cAAc,CAAC;AAG7B,cAAc,sBAAsB,CAAC;AAGrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAGxB,cAAc,YAAY,CAAC;AAC3B,cAAc,4BAA4B,CAAC;AAG3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,cAAc,CAAC;AAG7B,cAAc,sBAAsB,CAAC;AAGrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/package.json

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

package/scripts/generateRecursiveIndex.cjs

@@ -120,6 +120,10 @@ function generateMainIndexFile(srcDirectoryPath) {
     "export * from './utils/id';",
     "export * from './utils/component-registry';",
     "",
+    "// Configuration System",
+    "export * from './config/design-tokens';",
+    "export * from './config/css-variables';",
+    "",
     "// Base UI Components",
     "export * from './components';",
     "",
@@ -233,8 +237,8 @@ function main() {
     // Generate main index file
     generateMainIndexFile(srcDirectoryPath);
     
-    // Generate plugin file
-    generatePluginFile(srcDirectoryPath);
+    // Don't generate plugin file - we have a custom one
+    // generatePluginFile(srcDirectoryPath);
     
     console.log('\n✨ All index files generated successfully!');
   } catch (error) {