@stachelock/ui 0.3.1 → 0.4.0

package/dist/{DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js → DisclosureWrapper.vue_vue_type_script_setup_true_lang-C7y2bNhW.js}

@@ -1,9 +1,9 @@
-import { createElementBlock as V, openBlock as P, createElementVNode as I, defineComponent as h, ref as p, provide as _, computed as g, onMounted as E, onUnmounted as $, watchEffect as H, inject as j, createBlock as U, unref as b, withCtx as D, createVNode as S, toDisplayString as z, normalizeClass as A, renderSlot as Q } from "vue";
+import { createElementBlock as V, openBlock as P, createElementVNode as I, defineComponent as h, ref as p, provide as E, computed as g, onMounted as $, onUnmounted as _, watchEffect as H, inject as j, createBlock as U, unref as b, withCtx as D, createVNode as S, toDisplayString as z, normalizeClass as A, renderSlot as Q } from "vue";
 import { i as O, u as B, A as x, o as d, N as C } from "./render-QUUPyNjX.js";
 import { s as R } from "./use-resolve-button-type-h6n-lm9q.js";
 import { t as W, i as y, l as Z } from "./open-closed-JTEvYTg2.js";
 import { o as f } from "./keyboard-Dd_2-cFu.js";
-function q(l, a) {
+function q(l, n) {
   return P(), V("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -21,50 +21,50 @@ function q(l, a) {
 var F = ((l) => (l[l.Open = 0] = "Open", l[l.Closed = 1] = "Closed", l))(F || {});
 let M = Symbol("DisclosureContext");
 function w(l) {
-  let a = j(M, null);
-  if (a === null) {
+  let n = j(M, null);
+  if (n === null) {
     let r = new Error(`<${l} /> is missing a parent <Disclosure /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(r, w), r;
   }
-  return a;
+  return n;
 }
 let N = Symbol("DisclosurePanelContext");
 function G() {
   return j(N, null);
 }
-let J = h({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: !1 } }, setup(l, { slots: a, attrs: r }) {
-  let n = p(l.defaultOpen ? 0 : 1), e = p(null), i = p(null), o = { buttonId: p(`headlessui-disclosure-button-${O()}`), panelId: p(`headlessui-disclosure-panel-${O()}`), disclosureState: n, panel: e, button: i, toggleDisclosure() {
-    n.value = B(n.value, { 0: 1, 1: 0 });
+let J = h({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: !1 } }, setup(l, { slots: n, attrs: r }) {
+  let o = p(l.defaultOpen ? 0 : 1), e = p(null), i = p(null), a = { buttonId: p(`headlessui-disclosure-button-${O()}`), panelId: p(`headlessui-disclosure-panel-${O()}`), disclosureState: o, panel: e, button: i, toggleDisclosure() {
+    o.value = B(o.value, { 0: 1, 1: 0 });
   }, closeDisclosure() {
-    n.value !== 1 && (n.value = 1);
+    o.value !== 1 && (o.value = 1);
   }, close(t) {
-    o.closeDisclosure();
-    let u = t ? t instanceof HTMLElement ? t : t.value instanceof HTMLElement ? d(t) : d(o.button) : d(o.button);
+    a.closeDisclosure();
+    let u = t ? t instanceof HTMLElement ? t : t.value instanceof HTMLElement ? d(t) : d(a.button) : d(a.button);
     u?.focus();
   } };
-  return _(M, o), W(g(() => B(n.value, { 0: y.Open, 1: y.Closed }))), () => {
-    let { defaultOpen: t, ...u } = l, c = { open: n.value === 0, close: o.close };
-    return x({ theirProps: u, ourProps: {}, slot: c, slots: a, attrs: r, name: "Disclosure" });
+  return E(M, a), W(g(() => B(o.value, { 0: y.Open, 1: y.Closed }))), () => {
+    let { defaultOpen: t, ...u } = l, c = { open: o.value === 0, close: a.close };
+    return x({ theirProps: u, ourProps: {}, slot: c, slots: n, attrs: r, name: "Disclosure" });
   };
-} }), X = h({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(l, { attrs: a, slots: r, expose: n }) {
-  let e = w("DisclosureButton"), i = G(), o = g(() => i === null ? !1 : i.value === e.panelId.value);
-  E(() => {
-    o.value || l.id !== null && (e.buttonId.value = l.id);
-  }), $(() => {
-    o.value || (e.buttonId.value = null);
+} }), X = h({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(l, { attrs: n, slots: r, expose: o }) {
+  let e = w("DisclosureButton"), i = G(), a = g(() => i === null ? !1 : i.value === e.panelId.value);
+  $(() => {
+    a.value || l.id !== null && (e.buttonId.value = l.id);
+  }), _(() => {
+    a.value || (e.buttonId.value = null);
   });
   let t = p(null);
-  n({ el: t, $el: t }), o.value || H(() => {
+  o({ el: t, $el: t }), a.value || H(() => {
     e.button.value = t.value;
   });
-  let u = R(g(() => ({ as: l.as, type: a.type })), t);
+  let u = R(g(() => ({ as: l.as, type: n.type })), t);
   function c() {
     var s;
-    l.disabled || (o.value ? (e.toggleDisclosure(), (s = d(e.button)) == null || s.focus()) : e.toggleDisclosure());
+    l.disabled || (a.value ? (e.toggleDisclosure(), (s = d(e.button)) == null || s.focus()) : e.toggleDisclosure());
   }
   function v(s) {
     var m;
-    if (!l.disabled) if (o.value) switch (s.key) {
+    if (!l.disabled) if (a.value) switch (s.key) {
       case f.Space:
       case f.Enter:
         s.preventDefault(), s.stopPropagation(), e.toggleDisclosure(), (m = d(e.button)) == null || m.focus();
@@ -86,21 +86,21 @@ let J = h({ name: "Disclosure", props: { as: { type: [Object, String], default:
   }
   return () => {
     var s;
-    let m = { open: e.disclosureState.value === 0 }, { id: T, ...K } = l, L = o.value ? { ref: t, type: u.value, onClick: c, onKeydown: v } : { id: (s = e.buttonId.value) != null ? s : T, ref: t, type: u.value, "aria-expanded": e.disclosureState.value === 0, "aria-controls": e.disclosureState.value === 0 || d(e.panel) ? e.panelId.value : void 0, disabled: l.disabled ? !0 : void 0, onClick: c, onKeydown: v, onKeyup: k };
-    return x({ ourProps: L, theirProps: K, slot: m, attrs: a, slots: r, name: "DisclosureButton" });
+    let m = { open: e.disclosureState.value === 0 }, { id: T, ...K } = l, L = a.value ? { ref: t, type: u.value, onClick: c, onKeydown: v } : { id: (s = e.buttonId.value) != null ? s : T, ref: t, type: u.value, "aria-expanded": e.disclosureState.value === 0, "aria-controls": e.disclosureState.value === 0 || d(e.panel) ? e.panelId.value : void 0, disabled: l.disabled ? !0 : void 0, onClick: c, onKeydown: v, onKeyup: k };
+    return x({ ourProps: L, theirProps: K, slot: m, attrs: n, slots: r, name: "DisclosureButton" });
   };
-} }), Y = h({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(l, { attrs: a, slots: r, expose: n }) {
+} }), Y = h({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(l, { attrs: n, slots: r, expose: o }) {
   let e = w("DisclosurePanel");
-  E(() => {
+  $(() => {
     l.id !== null && (e.panelId.value = l.id);
-  }), $(() => {
+  }), _(() => {
     e.panelId.value = null;
-  }), n({ el: e.panel, $el: e.panel }), _(N, e.panelId);
-  let i = Z(), o = g(() => i !== null ? (i.value & y.Open) === y.Open : e.disclosureState.value === 0);
+  }), o({ el: e.panel, $el: e.panel }), E(N, e.panelId);
+  let i = Z(), a = g(() => i !== null ? (i.value & y.Open) === y.Open : e.disclosureState.value === 0);
   return () => {
     var t;
     let u = { open: e.disclosureState.value === 0, close: e.close }, { id: c, ...v } = l, k = { id: (t = e.panelId.value) != null ? t : c, ref: e.panel };
-    return x({ ourProps: k, theirProps: v, slot: u, attrs: a, slots: r, features: C.RenderStrategy | C.Static, visible: o.value, name: "DisclosurePanel" });
+    return x({ ourProps: k, theirProps: v, slot: u, attrs: n, slots: r, features: C.RenderStrategy | C.Static, visible: a.value, name: "DisclosurePanel" });
   };
 } });
 const oe = /* @__PURE__ */ h({
@@ -110,20 +110,20 @@ const oe = /* @__PURE__ */ h({
     defaultOpen: { type: Boolean, default: !0 }
   },
   setup(l) {
-    return (a, r) => (P(), U(b(J), { "default-open": a.defaultOpen }, {
-      default: D(({ open: n }) => [
+    return (n, r) => (P(), U(b(J), { "default-open": l.defaultOpen }, {
+      default: D(({ open: o }) => [
         S(b(X), { class: "sl-flex sl-w-full sl-justify-between sl-rounded-lg sl-bg-stachelock-100 dark:sl-bg-slate-700 sl-px-4 sl-py-2 sl-text-left sl-text-sm sl-font-medium sl-text-stachelock-900 dark:sl-text-white hover:sl-bg-stachelock-200 dark:hover:sl-bg-slate-600 focus:sl-outline-none focus-visible:sl-ring focus-visible:sl-ring-stachelock-500/75 sl-transition-colors" }, {
           default: D(() => [
-            I("span", null, z(a.title), 1),
+            I("span", null, z(l.title), 1),
             S(b(q), {
-              class: A([n ? "sl-rotate-180 sl-transform" : "", "sl-h-5 sl-w-5 sl-text-stachelock-500 dark:sl-text-stachelock-400 sl-transition-transform sl-duration-200"])
+              class: A([o ? "sl-rotate-180 sl-transform" : "", "sl-h-5 sl-w-5 sl-text-stachelock-500 dark:sl-text-stachelock-400 sl-transition-transform sl-duration-200"])
             }, null, 8, ["class"])
           ]),
           _: 2
         }, 1024),
         S(b(Y), { class: "sl-px-4 sl-pb-2 sl-pt-4 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300" }, {
           default: D(() => [
-            Q(a.$slots, "main")
+            Q(n.$slots, "main")
           ]),
           _: 3
         })
@@ -135,4 +135,4 @@ const oe = /* @__PURE__ */ h({
 export {
   oe as _
 };
-//# sourceMappingURL=DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js.map
+//# sourceMappingURL=DisclosureWrapper.vue_vue_type_script_setup_true_lang-C7y2bNhW.js.map

package/dist/{DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js.map → DisclosureWrapper.vue_vue_type_script_setup_true_lang-C7y2bNhW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DisclosureWrapper.vue_vue_type_script_setup_true_lang-B-Mr_vdx.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/ChevronUpIcon.js","../node_modules/@headlessui/vue/dist/components/disclosure/disclosure.js","../src/components/wrappers/DisclosureWrapper.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import{computed as m,defineComponent as b,inject as I,onMounted as P,onUnmounted as h,provide as R,ref as d,watchEffect as w}from\"vue\";import{useId as E}from'../../hooks/use-id.js';import{useResolveButtonType as H}from'../../hooks/use-resolve-button-type.js';import{State as y,useOpenClosed as L,useOpenClosedProvider as j}from'../../internal/open-closed.js';import{Keys as f}from'../../keyboard.js';import{dom as p}from'../../utils/dom.js';import{match as x}from'../../utils/match.js';import{Features as B,render as g}from'../../utils/render.js';var $=(o=>(o[o.Open=0]=\"Open\",o[o.Closed=1]=\"Closed\",o))($||{});let T=Symbol(\"DisclosureContext\");function O(t){let r=I(T,null);if(r===null){let o=new Error(`<${t} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,O),o}return r}let k=Symbol(\"DisclosurePanelContext\");function U(){return I(k,null)}let N=b({name:\"Disclosure\",props:{as:{type:[Object,String],default:\"template\"},defaultOpen:{type:[Boolean],default:!1}},setup(t,{slots:r,attrs:o}){let s=d(t.defaultOpen?0:1),e=d(null),i=d(null),n={buttonId:d(`headlessui-disclosure-button-${E()}`),panelId:d(`headlessui-disclosure-panel-${E()}`),disclosureState:s,panel:e,button:i,toggleDisclosure(){s.value=x(s.value,{[0]:1,[1]:0})},closeDisclosure(){s.value!==1&&(s.value=1)},close(l){n.closeDisclosure();let a=(()=>l?l instanceof HTMLElement?l:l.value instanceof HTMLElement?p(l):p(n.button):p(n.button))();a==null||a.focus()}};return R(T,n),j(m(()=>x(s.value,{[0]:y.Open,[1]:y.Closed}))),()=>{let{defaultOpen:l,...a}=t,c={open:s.value===0,close:n.close};return g({theirProps:a,ourProps:{},slot:c,slots:r,attrs:o,name:\"Disclosure\"})}}}),Q=b({name:\"DisclosureButton\",props:{as:{type:[Object,String],default:\"button\"},disabled:{type:[Boolean],default:!1},id:{type:String,default:null}},setup(t,{attrs:r,slots:o,expose:s}){let e=O(\"DisclosureButton\"),i=U(),n=m(()=>i===null?!1:i.value===e.panelId.value);P(()=>{n.value||t.id!==null&&(e.buttonId.value=t.id)}),h(()=>{n.value||(e.buttonId.value=null)});let l=d(null);s({el:l,$el:l}),n.value||w(()=>{e.button.value=l.value});let a=H(m(()=>({as:t.as,type:r.type})),l);function c(){var u;t.disabled||(n.value?(e.toggleDisclosure(),(u=p(e.button))==null||u.focus()):e.toggleDisclosure())}function D(u){var S;if(!t.disabled)if(n.value)switch(u.key){case f.Space:case f.Enter:u.preventDefault(),u.stopPropagation(),e.toggleDisclosure(),(S=p(e.button))==null||S.focus();break}else switch(u.key){case f.Space:case f.Enter:u.preventDefault(),u.stopPropagation(),e.toggleDisclosure();break}}function v(u){switch(u.key){case f.Space:u.preventDefault();break}}return()=>{var C;let u={open:e.disclosureState.value===0},{id:S,...K}=t,M=n.value?{ref:l,type:a.value,onClick:c,onKeydown:D}:{id:(C=e.buttonId.value)!=null?C:S,ref:l,type:a.value,\"aria-expanded\":e.disclosureState.value===0,\"aria-controls\":e.disclosureState.value===0||p(e.panel)?e.panelId.value:void 0,disabled:t.disabled?!0:void 0,onClick:c,onKeydown:D,onKeyup:v};return g({ourProps:M,theirProps:K,slot:u,attrs:r,slots:o,name:\"DisclosureButton\"})}}}),V=b({name:\"DisclosurePanel\",props:{as:{type:[Object,String],default:\"div\"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},id:{type:String,default:null}},setup(t,{attrs:r,slots:o,expose:s}){let e=O(\"DisclosurePanel\");P(()=>{t.id!==null&&(e.panelId.value=t.id)}),h(()=>{e.panelId.value=null}),s({el:e.panel,$el:e.panel}),R(k,e.panelId);let i=L(),n=m(()=>i!==null?(i.value&y.Open)===y.Open:e.disclosureState.value===0);return()=>{var v;let l={open:e.disclosureState.value===0,close:e.close},{id:a,...c}=t,D={id:(v=e.panelId.value)!=null?v:a,ref:e.panel};return g({ourProps:D,theirProps:c,slot:l,attrs:r,slots:o,features:B.RenderStrategy|B.Static,visible:n.value,name:\"DisclosurePanel\"})}}});export{N as Disclosure,Q as DisclosureButton,V as DisclosurePanel};\n","<!--\n  @component DisclosureWrapper\n  @description Accordion/collapsible section wrapper using HeadlessUI.\n  \n  A disclosure component that shows/hides content with a clickable header.\n  Built on HeadlessUI's Disclosure for accessibility.\n  \n  @props\n  - title (string, required): The disclosure header text\n  - defaultOpen (boolean, optional): Whether to start expanded (default: true)\n  \n  @slots\n  - main: The collapsible content\n  \n  @example\n  <DisclosureWrapper title=\"Advanced Options\" :default-open=\"false\">\n    <template #main>\n      <p>Hidden content here</p>\n    </template>\n  </DisclosureWrapper>\n-->\n<template>\n  <Disclosure v-slot=\"{ open }\" :default-open=\"defaultOpen\">\n    <DisclosureButton\n      class=\"sl-flex sl-w-full sl-justify-between sl-rounded-lg sl-bg-stachelock-100 dark:sl-bg-slate-700 sl-px-4 sl-py-2 sl-text-left sl-text-sm sl-font-medium sl-text-stachelock-900 dark:sl-text-white hover:sl-bg-stachelock-200 dark:hover:sl-bg-slate-600 focus:sl-outline-none focus-visible:sl-ring focus-visible:sl-ring-stachelock-500/75 sl-transition-colors\"\n    >\n      <span>{{ title }}</span>\n      <ChevronUpIcon \n        :class=\"open ? 'sl-rotate-180 sl-transform' : ''\" \n        class=\"sl-h-5 sl-w-5 sl-text-stachelock-500 dark:sl-text-stachelock-400 sl-transition-transform sl-duration-200\" \n      />\n    </DisclosureButton>\n    <DisclosurePanel class=\"sl-px-4 sl-pb-2 sl-pt-4 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">\n      <slot name=\"main\" />\n    </DisclosurePanel>\n  </Disclosure>\n</template>\n\n<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue';\nimport { ChevronUpIcon } from '@heroicons/vue/20/solid';\n\ninterface Props {\n  title: string;\n  defaultOpen?: boolean;\n}\n\nwithDefaults(defineProps<Props>(), {\n  defaultOpen: true\n});\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","$","o","T","O","t","r","I","k","U","N","b","s","d","i","n","E","x","l","a","p","R","j","m","y","g","Q","P","h","w","H","u","D","S","f","v","C","M","V","L","c","B","_createBlock","_unref","Disclosure","defaultOpen","_withCtx","open","_createVNode","DisclosureButton","title","ChevronUpIcon","_normalizeClass","DisclosurePanel","_renderSlot"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"DisclosureWrapper.vue_vue_type_script_setup_true_lang-C7y2bNhW.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/ChevronUpIcon.js","../node_modules/@headlessui/vue/dist/components/disclosure/disclosure.js","../src/components/wrappers/DisclosureWrapper.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import{computed as m,defineComponent as b,inject as I,onMounted as P,onUnmounted as h,provide as R,ref as d,watchEffect as w}from\"vue\";import{useId as E}from'../../hooks/use-id.js';import{useResolveButtonType as H}from'../../hooks/use-resolve-button-type.js';import{State as y,useOpenClosed as L,useOpenClosedProvider as j}from'../../internal/open-closed.js';import{Keys as f}from'../../keyboard.js';import{dom as p}from'../../utils/dom.js';import{match as x}from'../../utils/match.js';import{Features as B,render as g}from'../../utils/render.js';var $=(o=>(o[o.Open=0]=\"Open\",o[o.Closed=1]=\"Closed\",o))($||{});let T=Symbol(\"DisclosureContext\");function O(t){let r=I(T,null);if(r===null){let o=new Error(`<${t} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,O),o}return r}let k=Symbol(\"DisclosurePanelContext\");function U(){return I(k,null)}let N=b({name:\"Disclosure\",props:{as:{type:[Object,String],default:\"template\"},defaultOpen:{type:[Boolean],default:!1}},setup(t,{slots:r,attrs:o}){let s=d(t.defaultOpen?0:1),e=d(null),i=d(null),n={buttonId:d(`headlessui-disclosure-button-${E()}`),panelId:d(`headlessui-disclosure-panel-${E()}`),disclosureState:s,panel:e,button:i,toggleDisclosure(){s.value=x(s.value,{[0]:1,[1]:0})},closeDisclosure(){s.value!==1&&(s.value=1)},close(l){n.closeDisclosure();let a=(()=>l?l instanceof HTMLElement?l:l.value instanceof HTMLElement?p(l):p(n.button):p(n.button))();a==null||a.focus()}};return R(T,n),j(m(()=>x(s.value,{[0]:y.Open,[1]:y.Closed}))),()=>{let{defaultOpen:l,...a}=t,c={open:s.value===0,close:n.close};return g({theirProps:a,ourProps:{},slot:c,slots:r,attrs:o,name:\"Disclosure\"})}}}),Q=b({name:\"DisclosureButton\",props:{as:{type:[Object,String],default:\"button\"},disabled:{type:[Boolean],default:!1},id:{type:String,default:null}},setup(t,{attrs:r,slots:o,expose:s}){let e=O(\"DisclosureButton\"),i=U(),n=m(()=>i===null?!1:i.value===e.panelId.value);P(()=>{n.value||t.id!==null&&(e.buttonId.value=t.id)}),h(()=>{n.value||(e.buttonId.value=null)});let l=d(null);s({el:l,$el:l}),n.value||w(()=>{e.button.value=l.value});let a=H(m(()=>({as:t.as,type:r.type})),l);function c(){var u;t.disabled||(n.value?(e.toggleDisclosure(),(u=p(e.button))==null||u.focus()):e.toggleDisclosure())}function D(u){var S;if(!t.disabled)if(n.value)switch(u.key){case f.Space:case f.Enter:u.preventDefault(),u.stopPropagation(),e.toggleDisclosure(),(S=p(e.button))==null||S.focus();break}else switch(u.key){case f.Space:case f.Enter:u.preventDefault(),u.stopPropagation(),e.toggleDisclosure();break}}function v(u){switch(u.key){case f.Space:u.preventDefault();break}}return()=>{var C;let u={open:e.disclosureState.value===0},{id:S,...K}=t,M=n.value?{ref:l,type:a.value,onClick:c,onKeydown:D}:{id:(C=e.buttonId.value)!=null?C:S,ref:l,type:a.value,\"aria-expanded\":e.disclosureState.value===0,\"aria-controls\":e.disclosureState.value===0||p(e.panel)?e.panelId.value:void 0,disabled:t.disabled?!0:void 0,onClick:c,onKeydown:D,onKeyup:v};return g({ourProps:M,theirProps:K,slot:u,attrs:r,slots:o,name:\"DisclosureButton\"})}}}),V=b({name:\"DisclosurePanel\",props:{as:{type:[Object,String],default:\"div\"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},id:{type:String,default:null}},setup(t,{attrs:r,slots:o,expose:s}){let e=O(\"DisclosurePanel\");P(()=>{t.id!==null&&(e.panelId.value=t.id)}),h(()=>{e.panelId.value=null}),s({el:e.panel,$el:e.panel}),R(k,e.panelId);let i=L(),n=m(()=>i!==null?(i.value&y.Open)===y.Open:e.disclosureState.value===0);return()=>{var v;let l={open:e.disclosureState.value===0,close:e.close},{id:a,...c}=t,D={id:(v=e.panelId.value)!=null?v:a,ref:e.panel};return g({ourProps:D,theirProps:c,slot:l,attrs:r,slots:o,features:B.RenderStrategy|B.Static,visible:n.value,name:\"DisclosurePanel\"})}}});export{N as Disclosure,Q as DisclosureButton,V as DisclosurePanel};\n","<!--\n  @component DisclosureWrapper\n  @description Accordion/collapsible section wrapper using HeadlessUI.\n  \n  A disclosure component that shows/hides content with a clickable header.\n  Built on HeadlessUI's Disclosure for accessibility.\n  \n  @props\n  - title (string, required): The disclosure header text\n  - defaultOpen (boolean, optional): Whether to start expanded (default: true)\n  \n  @slots\n  - main: The collapsible content\n  \n  @example\n  <DisclosureWrapper title=\"Advanced Options\" :default-open=\"false\">\n    <template #main>\n      <p>Hidden content here</p>\n    </template>\n  </DisclosureWrapper>\n-->\n<template>\n  <Disclosure v-slot=\"{ open }\" :default-open=\"defaultOpen\">\n    <DisclosureButton\n      class=\"sl-flex sl-w-full sl-justify-between sl-rounded-lg sl-bg-stachelock-100 dark:sl-bg-slate-700 sl-px-4 sl-py-2 sl-text-left sl-text-sm sl-font-medium sl-text-stachelock-900 dark:sl-text-white hover:sl-bg-stachelock-200 dark:hover:sl-bg-slate-600 focus:sl-outline-none focus-visible:sl-ring focus-visible:sl-ring-stachelock-500/75 sl-transition-colors\"\n    >\n      <span>{{ title }}</span>\n      <ChevronUpIcon \n        :class=\"open ? 'sl-rotate-180 sl-transform' : ''\" \n        class=\"sl-h-5 sl-w-5 sl-text-stachelock-500 dark:sl-text-stachelock-400 sl-transition-transform sl-duration-200\" \n      />\n    </DisclosureButton>\n    <DisclosurePanel class=\"sl-px-4 sl-pb-2 sl-pt-4 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">\n      <slot name=\"main\" />\n    </DisclosurePanel>\n  </Disclosure>\n</template>\n\n<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue';\nimport { ChevronUpIcon } from '@heroicons/vue/20/solid';\n\ninterface Props {\n  title: string;\n  defaultOpen?: boolean;\n}\n\nwithDefaults(defineProps<Props>(), {\n  defaultOpen: true\n});\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","$","o","T","O","t","r","I","k","U","N","b","s","d","i","n","E","x","l","a","p","R","j","m","y","g","Q","P","h","w","H","u","D","S","f","v","C","M","V","L","c","B","_createBlock","_unref","Disclosure","__props","_withCtx","open","_createVNode","DisclosureButton","ChevronUpIcon","_normalizeClass","DisclosurePanel","_renderSlot"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/DynamicForm.vue_vue_type_script_setup_true_lang-CxSaO5Cl.js

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

package/dist/DynamicForm.vue_vue_type_script_setup_true_lang-CxSaO5Cl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicForm.vue_vue_type_script_setup_true_lang-CxSaO5Cl.js","sources":["../src/components/forms/DynamicForm.vue"],"sourcesContent":["<!--\n  @component DynamicForm\n  @description Schema-driven form component with validation.\n  \n  Renders forms from a schema definition with sections, fields, conditional\n  visibility, and integrated validation via vee-validate.\n  \n  @props\n  - schema (DynamicFormSchema, required): Form schema with sections and fields\n  - modelValue (object, optional): Form data via v-model\n  - loading (boolean, optional): Loading state for submit button\n  - showActions (boolean, optional): Show submit/cancel buttons\n  - showCancelButton (boolean, optional): Show cancel button\n  - submitButtonText (string, optional): Submit button text\n  - cancelButtonText (string, optional): Cancel button text\n  - actionsAlignment (string, optional): Button alignment - left/center/right\n  - formError (string, optional): Form-level error message\n  \n  @emits\n  - update:modelValue: Emitted when form data changes\n  - submit: Emitted on form submit with data and error setter\n  - cancel: Emitted when cancel is clicked\n  - field-change: Emitted when any field value changes\n  \n  @exposes\n  - validate(): Promise<boolean> - Validate form and return validity\n  - reset(): void - Reset form to initial values\n  - setFieldValue(name, value): void - Set a field value\n  - getFieldValue(name): any - Get a field value\n  - formData: Record<string, any> - Current form data\n  \n  @example\n  <DynamicForm\n    :schema=\"formSchema\"\n    v-model=\"formData\"\n    @submit=\"handleSubmit\"\n    @cancel=\"handleCancel\"\n  />\n-->\n<template>\n  <form\n    ref=\"formRef\"\n    :class=\"formClasses\"\n    @submit.prevent=\"handleSubmit\"\n  >\n    <!-- Form title and description -->\n    <div v-if=\"schema.title || schema.description\" class=\"sl-mb-6\">\n      <h2 v-if=\"schema.title\" class=\"sl-text-lg sl-font-semibold sl-text-gray-900 sl-mb-2\">\n        {{ schema.title }}\n      </h2>\n      <p v-if=\"schema.description\" class=\"sl-text-sm sl-text-gray-600\">\n        {{ schema.description }}\n      </p>\n    </div>\n\n    <!-- Form sections -->\n    <div v-for=\"(section, sectionIndex) in formSections\" :key=\"section.id || sectionIndex\">\n      <!-- Section header -->\n      <div v-if=\"section.title || section.description\" class=\"sl-mb-4\">\n        <h3 v-if=\"section.title\" class=\"sl-text-md sl-font-medium sl-text-gray-900 sl-mb-1\">\n          {{ section.title }}\n        </h3>\n        <p v-if=\"section.description\" class=\"sl-text-sm sl-text-gray-600\">\n          {{ section.description }}\n        </p>\n      </div>\n\n      <!-- Section fields -->\n      <div :class=\"sectionClasses(section)\">\n        <div\n          v-for=\"field in section.fields\"\n          :key=\"field.name\"\n          :class=\"fieldClasses(field)\"\n        >\n          <!-- Conditional rendering -->\n          <SlDynamicFormField\n            v-if=\"shouldShowField(field)\"\n            :field=\"field\"\n            v-model=\"formData[field.name]\"\n            :form-data=\"formData\"\n            @field-change=\"handleFieldChange\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <!-- Form actions -->\n    <div\n      v-if=\"showActions\"\n      :class=\"[\n        'sl-flex sl-gap-3',\n        actionsAlignment === 'center' ? 'sl-justify-center' :\n        actionsAlignment === 'right' ? 'sl-justify-end' :\n        'sl-justify-start'\n      ]\"\n    >\n      <SlButton\n        v-if=\"showCancelButton\"\n        variant=\"outline\"\n        :disabled=\"loading\"\n        type=\"button\"\n        @click=\"handleCancel\"\n      >\n        {{ cancelButtonText || 'Cancel' }}\n      </SlButton>\n      \n      <SlButton\n        :variant=\"submitButtonVariant\"\n        :loading=\"loading\"\n        :disabled=\"!isFormValid || loading\"\n        type=\"submit\"\n      >\n        {{ submitButtonText || 'Submit' }}\n      </SlButton>\n    </div>\n    \n    <!-- Form-level errors -->\n    <div v-if=\"formError\" class=\"sl-mt-4\">\n      <div class=\"sl-bg-red-50 sl-border sl-border-red-200 sl-rounded-md sl-p-4\">\n        <div class=\"sl-flex\">\n          <ExclamationCircleIcon class=\"sl-h-5 sl-w-5 sl-text-red-400\" />\n          <div class=\"sl-ml-3\">\n            <h3 class=\"sl-text-sm sl-font-medium sl-text-red-800\">\n              Form Error\n            </h3>\n            <div class=\"sl-mt-2 sl-text-sm sl-text-red-700\">\n              <p>{{ formError }}</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </form>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * DynamicForm - Schema-driven form component\n * \n * Renders forms dynamically from a schema definition. Supports sections,\n * conditional fields, validation, and form-level error handling.\n * \n * ## Features\n * - Schema-driven form generation\n * - Multi-section support with columns\n * - Conditional field visibility\n * - vee-validate integration\n * - Field change callbacks\n * - Form-level error display\n * \n * ## Schema Structure\n * ```typescript\n * {\n *   title?: string,\n *   description?: string,\n *   sections: [\n *     {\n *       title?: string,\n *       columns?: 1 | 2 | 3,\n *       fields: [\n *         { name: 'email', type: 'text', label: 'Email', rules: schema }\n *       ]\n *     }\n *   ]\n * }\n * ```\n * \n * @module components/forms/DynamicForm\n * @see {@link DynamicFormSchema} for schema interface\n * @see {@link DynamicFormField} for field configuration\n */\nimport { computed, reactive, ref, watch } from 'vue'\nimport { useForm } from 'vee-validate'\nimport { ExclamationCircleIcon } from '@heroicons/vue/24/outline'\nimport SlButton from '../UiButton.vue'\nimport SlDynamicFormField from './DynamicFormField.vue'\nimport type { \n  DynamicFormSchema, \n  DynamicFormSection,\n  DynamicFormField,\n  ButtonVariant \n} from '../../types/form'\n\nimport type { FormData } from '../../types/form'\n\ninterface Props {\n  schema: DynamicFormSchema\n  modelValue?: FormData\n  loading?: boolean\n  showActions?: boolean\n  showCancelButton?: boolean\n  submitButtonText?: string\n  cancelButtonText?: string\n  submitButtonVariant?: ButtonVariant\n  actionsAlignment?: 'left' | 'center' | 'right'\n  formError?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  showActions: true,\n  showCancelButton: false,\n  submitButtonVariant: 'primary',\n  actionsAlignment: 'right'\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: FormData): void\n  (e: 'submit', data: FormData, ctx: { setErrors: (errors: Record<string, string>) => void }): void\n  (e: 'cancel'): void\n  (e: 'field-change', field: DynamicFormField, value: FormValue, formData: FormData): void\n}>()\n\nconst formRef = ref<HTMLFormElement>()\nconst formData = reactive<FormData>({})\n\n// Initialize form with vee-validate\nconst { handleSubmit: veeHandleSubmit, setErrors, errors, meta, validate: veeValidate, resetForm: veeResetForm, setFieldTouched } = useForm({\n  keepValuesOnUnmount: true\n})\n\n// Get default value based on field type\nconst getDefaultValue = (type: string) => {\n  switch (type) {\n    case 'checkbox':\n    case 'switch':\n      return false\n    case 'select':\n      return null\n    case 'number':\n      return 0\n    default:\n      return ''\n  }\n}\n\n// Initialize form data\nconst initializeFormData = () => {\n  const initialData = { ...props.modelValue } || {}\n  \n  // Set default values from schema\n  props.schema.sections.forEach(section => {\n    section.fields.forEach(field => {\n      if (!(field.name in initialData)) {\n        initialData[field.name] = field.defaultValue ?? getDefaultValue(field.type)\n      }\n    })\n  })\n  \n  Object.assign(formData, initialData)\n}\n\n// Watch for external changes to modelValue\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      Object.assign(formData, newValue)\n    }\n  },\n  { deep: true }\n)\n\n// Watch form data changes and emit updates\nwatch(\n  formData,\n  (newData) => {\n    emit('update:modelValue', { ...newData })\n  },\n  { deep: true }\n)\n\n// Initialize form data on mount\ninitializeFormData()\n\nconst formSections = computed(() => {\n  return props.schema.sections.filter(section => \n    section.condition ? section.condition(formData) : true\n  )\n})\n\nconst formClasses = computed(() => {\n  const baseClasses = ['sl-space-y-6']\n  \n  if (props.schema.className) {\n    baseClasses.push(props.schema.className)\n  }\n  \n  return baseClasses.join(' ')\n})\n\nconst sectionClasses = (section: DynamicFormSection) => {\n  const baseClasses = [\n    'sl-grid',\n    'sl-gap-4'\n  ]\n  \n  // Grid columns based on section layout\n  const columns = section.columns || 1\n  baseClasses.push(`sl-grid-cols-1`)\n  \n  if (columns > 1) {\n    baseClasses.push(`md:sl-grid-cols-${Math.min(columns, 3)}`)\n  }\n  \n  if (section.className) {\n    baseClasses.push(section.className)\n  }\n  \n  return baseClasses.join(' ')\n}\n\nconst fieldClasses = (field: DynamicFormField) => {\n  const baseClasses: string[] = []\n  \n  // Field span\n  if (field.colSpan && field.colSpan > 1) {\n    baseClasses.push(`sl-col-span-${Math.min(field.colSpan, 3)}`)\n  }\n  \n  if (field.className) {\n    baseClasses.push(field.className)\n  }\n  \n  return baseClasses.join(' ')\n}\n\nconst shouldShowField = (field: DynamicFormField): boolean => {\n  if (field.condition) {\n    return field.condition(formData, field)\n  }\n  return true\n}\n\nconst isFormValid = computed(() => {\n  return meta.value.valid\n})\n\nconst handleSubmit = veeHandleSubmit((values) => {\n  emit('submit', values, { setErrors })\n})\n\nconst handleCancel = () => {\n  emit('cancel')\n}\n\nconst handleFieldChange = (field: DynamicFormField, value: FormValue) => {\n  emit('field-change', field, value, formData)\n  \n  // Handle field dependencies\n  if (field.onFieldChange) {\n    field.onFieldChange(value, field, formData)\n  }\n}\n\n// Expose form methods matching DynamicFormRef interface\n\n/** Submit the form */\nconst submitForm = async (): Promise<void> => {\n  await handleSubmit()\n}\n\n/** Reset form to initial values */\nconst resetForm = (): void => {\n  veeResetForm()\n  Object.keys(formData).forEach(key => {\n    delete formData[key]\n  })\n  initializeFormData()\n}\n\n/** Build FormValidationResult from current state */\nconst buildValidationResult = (): { valid: boolean; errors: Record<string, string>; values: FormData } => {\n  // Filter out undefined values from errors\n  const filteredErrors: Record<string, string> = {}\n  for (const [key, value] of Object.entries(errors.value)) {\n    if (value !== undefined) {\n      filteredErrors[key] = value\n    }\n  }\n  return {\n    valid: meta.value.valid,\n    errors: filteredErrors,\n    values: { ...formData }\n  }\n}\n\n/** Validate form and return result */\nconst validateForm = async (): Promise<{ valid: boolean; errors: Record<string, string>; values: FormData }> => {\n  await veeValidate()\n  return buildValidationResult()\n}\n\n/** Validate including nested forms */\nconst validateWithChildren = async (): Promise<{ valid: boolean; errors: Record<string, string>; values: FormData }> => {\n  // For now, same as validateForm since we don't have nested form support yet\n  await veeValidate()\n  return buildValidationResult()\n}\n\n/** Trigger pseudo-submit (validate without actual submit) */\nconst handlePseudoSubmit = async (): Promise<void> => {\n  await veeValidate()\n}\n\n/** Get current form metadata */\nconst getFormMeta = () => {\n  return {\n    valid: meta.value.valid,\n    dirty: meta.value.dirty,\n    touched: meta.value.touched,\n    pending: meta.value.pending\n  }\n}\n\n/** Set touched state for all fields */\nconst setTouched = (value: boolean): void => {\n  props.schema.sections.forEach(section => {\n    section.fields.forEach(field => {\n      setFieldTouched(field.name, value)\n    })\n  })\n}\n\n/** Highlight a field with an error */\nconst highlightFieldWithError = (fieldName: string, message?: string): void => {\n  if (message) {\n    setErrors({ [fieldName]: message })\n  }\n  setFieldTouched(fieldName, true)\n}\n\n/** Clear field errors */\nconst clearFieldErrors = (fieldName?: string): void => {\n  if (fieldName) {\n    setErrors({ [fieldName]: '' })\n  } else {\n    const clearedErrors: Record<string, string> = {}\n    Object.keys(errors.value).forEach(key => {\n      clearedErrors[key] = ''\n    })\n    setErrors(clearedErrors)\n  }\n}\n\n/** Get current validation errors */\nconst getCurrentErrors = (): Record<string, string> => {\n  // Filter out undefined values from errors\n  const filteredErrors: Record<string, string> = {}\n  for (const [key, value] of Object.entries(errors.value)) {\n    if (value !== undefined) {\n      filteredErrors[key] = value\n    }\n  }\n  return filteredErrors\n}\n\n// Legacy methods for backwards compatibility\nconst setFieldValue = (fieldName: string, value: any) => {\n  formData[fieldName] = value\n}\n\nconst getFieldValue = (fieldName: string) => {\n  return formData[fieldName]\n}\n\ndefineExpose({\n  // DynamicFormRef interface methods\n  submitForm,\n  resetForm,\n  validateForm,\n  validateWithChildren,\n  handlePseudoSubmit,\n  getFormMeta,\n  setTouched,\n  highlightFieldWithError,\n  clearFieldErrors,\n  getCurrentErrors,\n  // Legacy/additional methods\n  validate: validateForm,\n  reset: resetForm,\n  setFieldValue,\n  getFieldValue,\n  formData,\n  formRef\n})\n</script>\n"],"names":["props","__props","emit","__emit","formRef","ref","formData","reactive","veeHandleSubmit","setErrors","errors","meta","veeValidate","veeResetForm","setFieldTouched","useForm","getDefaultValue","type","initializeFormData","initialData","section","field","watch","newValue","newData","formSections","computed","formClasses","baseClasses","sectionClasses","columns","fieldClasses","shouldShowField","isFormValid","handleSubmit","values","handleCancel","handleFieldChange","value","submitForm","resetForm","key","buildValidationResult","filteredErrors","validateForm","__expose","fieldName","message","clearedErrors","_createElementBlock","_cache","_withModifiers","_unref","args","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_Fragment","_renderList","sectionIndex","_hoisted_4","_hoisted_5","_hoisted_6","_createElementVNode","_normalizeClass","_createBlock","SlDynamicFormField","$event","SlButton","_createVNode","_hoisted_7","_hoisted_8","_hoisted_9","ExclamationCircleIcon","_hoisted_10","_hoisted_11"],"mappings":"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"}

package/dist/{DynamicFormField.vue_vue_type_script_setup_true_lang-Ct8b80dM.js → DynamicFormField.vue_vue_type_script_setup_true_lang-CSLSRFM7.js}

@@ -1,19 +1,19 @@
-import { defineComponent as b, computed as s, defineAsyncComponent as y, createBlock as v, createElementBlock as g, openBlock as r, resolveDynamicComponent as w, mergeProps as k, toHandlers as _, createElementVNode as o, createVNode as V, unref as L, toDisplayString as P } from "vue";
+import { defineComponent as x, computed as s, defineAsyncComponent as y, createBlock as v, createElementBlock as g, openBlock as c, resolveDynamicComponent as w, mergeProps as k, toHandlers as V, createElementVNode as o, createVNode as _, unref as L, toDisplayString as P } from "vue";
 import t from "./inputs/TextInput.js";
 import { r as C } from "./ExclamationTriangleIcon-BNKYmV_J.js";
 const D = {
   key: 1,
   class: "sl-p-4 sl-bg-yellow-50 sl-border sl-border-yellow-200 sl-rounded-md"
-}, F = { class: "sl-flex" }, M = { class: "sl-ml-3" }, T = { class: "sl-mt-2 sl-text-sm sl-text-yellow-700" }, S = /* @__PURE__ */ b({
+}, F = { class: "sl-flex" }, M = { class: "sl-ml-3" }, B = { class: "sl-mt-2 sl-text-sm sl-text-yellow-700" }, E = /* @__PURE__ */ x({
   __name: "DynamicFormField",
   props: {
     field: {},
-    modelValue: {},
+    modelValue: { type: [String, Number, Boolean, null, Array, Object] },
     formData: {}
   },
   emits: ["update:modelValue", "field-change"],
-  setup(c, { emit: m }) {
-    const e = c, a = m, u = {
+  setup(a, { emit: m }) {
+    const e = a, d = m, u = {
       text: () => Promise.resolve(t),
       email: () => Promise.resolve(t),
       password: () => Promise.resolve(t),
@@ -25,7 +25,7 @@ const D = {
       combobox: () => import("./inputs/ComboboxInput.js"),
       checkbox: () => import("./inputs/CheckboxInput.js"),
       switch: () => import("./inputs/SwitchInput.js")
-    }, d = s(() => {
+    }, r = s(() => {
       const l = u[e.field.type];
       return l ? y({
         loader: l,
@@ -35,7 +35,7 @@ const D = {
     }), n = s({
       get: () => e.modelValue ?? e.field.defaultValue ?? h(),
       set: (l) => {
-        a("update:modelValue", l), a("field-change", e.field, l);
+        d("update:modelValue", l), d("field-change", e.field, l);
       }
     }), f = s(() => {
       const l = {
@@ -128,19 +128,19 @@ const D = {
         default:
           return "";
       }
-    }, x = (l) => {
+    }, b = (l) => {
       n.value = l;
     };
-    return (l, i) => d.value ? (r(), v(w(d.value), k({ key: 0 }, f.value, _(p.value), {
+    return (l, i) => r.value ? (c(), v(w(r.value), k({ key: 0 }, f.value, V(p.value), {
       "model-value": n.value,
-      "onUpdate:modelValue": x
-    }), null, 16, ["model-value"])) : (r(), g("div", D, [
+      "onUpdate:modelValue": b
+    }), null, 16, ["model-value"])) : (c(), g("div", D, [
       o("div", F, [
-        V(L(C), { class: "sl-h-5 sl-w-5 sl-text-yellow-400" }),
+        _(L(C), { class: "sl-h-5 sl-w-5 sl-text-yellow-400" }),
         o("div", M, [
           i[0] || (i[0] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-yellow-800" }, " Unknown field type ", -1)),
-          o("div", T, [
-            o("p", null, 'Field type "' + P(l.field.type) + '" is not supported.', 1)
+          o("div", B, [
+            o("p", null, 'Field type "' + P(a.field.type) + '" is not supported.', 1)
           ])
         ])
       ])
@@ -148,6 +148,6 @@ const D = {
   }
 });
 export {
-  S as _
+  E as _
 };
-//# sourceMappingURL=DynamicFormField.vue_vue_type_script_setup_true_lang-Ct8b80dM.js.map
+//# sourceMappingURL=DynamicFormField.vue_vue_type_script_setup_true_lang-CSLSRFM7.js.map

package/dist/DynamicFormField.vue_vue_type_script_setup_true_lang-CSLSRFM7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFormField.vue_vue_type_script_setup_true_lang-CSLSRFM7.js","sources":["../src/components/forms/DynamicFormField.vue"],"sourcesContent":["<!--\n  @component DynamicFormField\n  @description Renders a single field based on field configuration.\n  \n  Used by DynamicForm to render individual fields. Maps field type to\n  appropriate input component and passes configuration props.\n  \n  @props\n  - field (DynamicFormField, required): Field configuration object\n  - modelValue (any, optional): Field value via v-model\n  - formData (object, optional): Complete form data for conditional logic\n  \n  @emits\n  - update:modelValue: Emitted when field value changes\n  - field-change: Emitted with field and value on change\n  \n  @example\n  <DynamicFormField\n    :field=\"{ name: 'email', type: 'email', label: 'Email' }\"\n    v-model=\"formData.email\"\n  />\n-->\n<template>\n  <component\n    :is=\"fieldComponent\"\n    v-if=\"fieldComponent\"\n    v-bind=\"componentProps\"\n    v-on=\"componentEvents\"\n    :model-value=\"fieldValue\"\n    @update:model-value=\"handleFieldChange\"\n  />\n  \n  <!-- Fallback for unknown field types -->\n  <div \n    v-else\n    class=\"sl-p-4 sl-bg-yellow-50 sl-border sl-border-yellow-200 sl-rounded-md\"\n  >\n    <div class=\"sl-flex\">\n      <ExclamationTriangleIcon class=\"sl-h-5 sl-w-5 sl-text-yellow-400\" />\n      <div class=\"sl-ml-3\">\n        <h3 class=\"sl-text-sm sl-font-medium sl-text-yellow-800\">\n          Unknown field type\n        </h3>\n        <div class=\"sl-mt-2 sl-text-sm sl-text-yellow-700\">\n          <p>Field type \"{{ field.type }}\" is not supported.</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * DynamicFormField - Field renderer for DynamicForm\n * \n * Dynamically loads and renders the appropriate input component based on\n * the field type configuration. Handles prop mapping and event forwarding.\n * \n * ## Supported Field Types\n * - text, email, password, number, tel, url → UiTextInput\n * - textarea → TextAreaInput\n * - select → SelectInput\n * - combobox → ComboboxInput\n * - checkbox → CheckboxInput\n * - switch → SwitchInput\n * \n * @module components/forms/DynamicFormField\n * @see {@link DynamicFormField} for field configuration\n */\nimport { computed, defineAsyncComponent } from 'vue'\nimport UiTextInput from '../inputs/TextInput.vue'\nimport { ExclamationTriangleIcon } from '@heroicons/vue/24/outline'\nimport type { DynamicFormField, FormData, FormValue } from '../../types/form'\n\ninterface Props {\n  field: DynamicFormField\n  modelValue?: FormValue\n  formData?: FormData\n}\n\nconst props = defineProps<Props>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: FormValue]\n  'field-change': [field: DynamicFormField, value: FormValue]\n}>()\n\n// Component mapping for dynamic loading\nconst componentMap: Record<string, () => Promise<unknown>> = {\n  text: () => Promise.resolve(UiTextInput),\n  email: () => Promise.resolve(UiTextInput), \n  password: () => Promise.resolve(UiTextInput),\n  number: () => Promise.resolve(UiTextInput),\n  tel: () => Promise.resolve(UiTextInput),\n  url: () => Promise.resolve(UiTextInput),\n  textarea: () => import('../inputs/TextAreaInput.vue'),\n  select: () => import('../inputs/SelectInput.vue'),\n  combobox: () => import('../inputs/ComboboxInput.vue'),\n  checkbox: () => import('../inputs/CheckboxInput.vue'),\n  switch: () => import('../inputs/SwitchInput.vue'),\n}\n\nconst fieldComponent = computed(() => {\n  const componentLoader = componentMap[props.field.type]\n  if (componentLoader) {\n    return defineAsyncComponent({\n      loader: componentLoader,\n      errorComponent: () => null,\n      delay: 0\n    })\n  }\n  return null\n})\n\nconst fieldValue = computed({\n  get: () => props.modelValue ?? props.field.defaultValue ?? getDefaultValue(),\n  set: (value) => {\n    emit('update:modelValue', value)\n    emit('field-change', props.field, value)\n  }\n})\n\nconst componentProps = computed(() => {\n  const baseProps: Record<string, unknown> = {\n    name: props.field.name,\n    label: props.field.label,\n    placeholder: props.field.placeholder,\n    disabled: props.field.disabled,\n    rules: props.field.validation,\n    validateOnMount: props.field.validateOnMount,\n    tertiaryLabel: props.field.tertiaryLabel,\n    successMessage: props.field.successMessage\n  }\n\n  // Type-specific props\n  switch (props.field.type) {\n    case 'text':\n    case 'email':\n    case 'password':\n    case 'number':\n    case 'tel':\n    case 'url':\n      return {\n        ...baseProps,\n        type: props.field.inputType || props.field.type,\n        maxlength: props.field.maxLength,\n        minlength: props.field.minLength,\n        min: props.field.min,\n        max: props.field.max,\n        step: props.field.step,\n        spellcheck: props.field.spellcheck,\n        autocomplete: props.field.autocomplete\n      }\n    \n    case 'textarea':\n      return {\n        ...baseProps,\n        rows: props.field.rows,\n        maxlength: props.field.maxLength,\n        spellcheck: props.field.spellcheck\n      }\n    \n    case 'select':\n      return {\n        ...baseProps,\n        items: props.field.options || [],\n        multiple: props.field.multiple,\n        itemKey: props.field.optionKey || 'value',\n        itemText: props.field.optionLabel || 'label',\n        showAll: props.field.showSelectAll\n      }\n    \n    case 'combobox':\n      return {\n        ...baseProps,\n        items: props.field.options || [],\n        itemKey: props.field.optionKey || 'value',\n        itemText: props.field.optionLabel || 'label',\n        customQuery: props.field.customQuery,\n        loading: props.field.loading\n      }\n    \n    case 'checkbox':\n      return {\n        ...baseProps,\n        description: props.field.description,\n        immediate: props.field.immediate ?? true,\n        isDescriptionHtml: props.field.isDescriptionHtml\n      }\n    \n    case 'switch':\n      return {\n        ...baseProps,\n        description: props.field.description,\n        immediate: props.field.immediate ?? true,\n        boxShadow: props.field.boxShadow,\n        hideMainLabel: props.field.hideMainLabel,\n        textTrue: props.field.textTrue,\n        textFalse: props.field.textFalse\n      }\n    \n    default:\n      return baseProps\n  }\n})\n\nconst componentEvents = computed(() => {\n  const baseEvents: Record<string, Function> = {}\n  \n  // Add event handlers based on field configuration\n  if (props.field.onBlur) {\n    baseEvents.blur = props.field.onBlur\n  }\n  \n  if (props.field.onFocus) {\n    baseEvents.focus = props.field.onFocus\n  }\n  \n  if (props.field.onChange) {\n    baseEvents['update:modelValue'] = (value: any) => {\n      fieldValue.value = value\n      props.field.onChange?.(value, props.field, props.formData ?? {})\n    }\n  }\n  \n  return baseEvents\n})\n\nconst getDefaultValue = () => {\n  switch (props.field.type) {\n    case 'checkbox':\n    case 'switch':\n      return false\n    case 'select':\n      return props.field.multiple ? [] : null\n    case 'number':\n      return props.field.min || 0\n    default:\n      return ''\n  }\n}\n\nconst handleFieldChange = (value: any) => {\n  fieldValue.value = value\n}\n</script>\n"],"names":["props","__props","emit","__emit","componentMap","UiTextInput","fieldComponent","computed","componentLoader","defineAsyncComponent","fieldValue","getDefaultValue","value","componentProps","baseProps","componentEvents","baseEvents","handleFieldChange","_createBlock","_resolveDynamicComponent","_mergeProps","_toHandlers","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_unref","ExclamationTriangleIcon","_hoisted_3","_cache","_hoisted_4","_toDisplayString"],"mappings":"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"}