@charpente-ui/vue 1.3.1 → 1.4.1

package/README.md

@@ -9,7 +9,7 @@
 A logic-first, headless UI library for Vue 3. The logic you need, without the CSS you don't.
 
 <p align="center">
-  <img src=".github/banner.svg" alt="Charpente UI" width="700"/>
+  <img src=".github/banner.svg" alt="Charpente UI"/>
 </p>
 
 ## Philosophy: Don't Reinvent the Wheel

package/dist/charpente.js

@@ -1,214 +1,181 @@
-import { defineComponent as d, openBlock as i, createBlock as w, resolveDynamicComponent as U, normalizeProps as C, guardReactiveProps as y, withCtx as F, renderSlot as h, useModel as f, inject as B, useAttrs as c, useId as p, useTemplateRef as M, computed as u, watchEffect as N, withDirectives as $, createElementBlock as m, mergeProps as _, isRef as I, vModelCheckbox as T, unref as k, mergeModels as A, provide as x, watch as D, withModifiers as P, vModelDynamic as E, vModelRadio as K, vModelSelect as L, vModelText as j } from "vue";
-const Z = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseButton",
-  props: {
-    as: { default: "button" }
-  },
-  setup(o) {
-    return (t, e) => (i(), w(U(o.as), C(y(t.$attrs)), {
-      default: F(() => [
-        h(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), R = /* @__PURE__ */ Symbol("CRadioGroup"), G = /* @__PURE__ */ Symbol("CCheckboxGroup"), z = ["id", "name", "value"], ee = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseCheckbox",
-  props: /* @__PURE__ */ A({
-    value: {},
-    indeterminate: { type: Boolean }
-  }, {
-    modelValue: { type: [Boolean, Array] },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const t = o, e = f(o, "modelValue"), n = B(G, null), a = n ? n.model : e, s = c(), r = p(), l = M("input"), v = u(() => typeof s.id == "string" ? s.id : r), V = u(() => typeof s.name == "string" ? s.name : n?.name.value);
-    return N(() => {
-      l.value && (l.value.indeterminate = !!t.indeterminate);
-    }), (g, b) => $((i(), m("input", _(g.$attrs, {
-      id: v.value,
-      ref: "input",
-      "onUpdate:modelValue": b[0] || (b[0] = (S) => I(a) ? a.value = S : null),
-      name: V.value,
-      type: "checkbox",
-      value: o.value
-    }), null, 16, z)), [
-      [T, k(a)]
-    ]);
-  }
-}), te = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseCheckboxGroup",
-  props: {
-    modelValue: {
-      default: () => []
-    },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(o) {
-    const t = f(o, "modelValue"), e = c(), n = p(), a = u(() => typeof e.name == "string" ? e.name : n);
-    return x(G, {
-      model: t,
-      name: a
-    }), (s, r) => (i(), m("fieldset", C(y(s.$attrs)), [
-      h(s.$slots, "default")
-    ], 16));
-  }
-}), q = ["id"], oe = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseFile",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(o) {
-    const t = f(o, "modelValue"), e = c(), n = p(), a = M("input"), s = u(() => typeof e.id == "string" ? e.id : n);
-    function r(l) {
-      t.value = l.target.files;
-    }
-    return D(t, (l) => {
-      !l && a.value && (a.value.value = "");
-    }), (l, v) => (i(), m("input", _(l.$attrs, {
-      id: s.value,
-      ref: "input",
-      type: "file",
-      onChange: r
-    }), null, 16, q));
-  }
-}), H = ["id"], ae = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseForm",
-  emits: ["submit"],
-  setup(o, { emit: t }) {
-    const e = c(), n = p(), a = t, s = u(() => typeof e.id == "string" ? e.id : n);
-    return (r, l) => (i(), m("form", _(r.$attrs, {
-      id: s.value,
-      onSubmit: l[0] || (l[0] = P((v) => a("submit", v), ["prevent"]))
-    }), [
-      h(r.$slots, "default")
-    ], 16, H));
-  }
-}), J = ["id"], se = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseInput",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(o) {
-    const t = f(o, "modelValue"), e = c(), n = p(), a = u(() => typeof e.id == "string" ? e.id : n);
-    return (s, r) => $((i(), m("input", _(s.$attrs, {
-      id: a.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (l) => t.value = l)
-    }), null, 16, J)), [
-      [E, t.value]
-    ]);
-  }
-}), O = ["for"], ne = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseLabel",
-  props: {
-    for: {}
-  },
-  setup(o) {
-    const t = o;
-    return (e, n) => (i(), m("label", _(e.$attrs, {
-      for: t.for
-    }), [
-      h(e.$slots, "default")
-    ], 16, O));
-  }
-}), Q = ["id", "name", "value"], re = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseRadio",
-  props: /* @__PURE__ */ A({
-    value: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const t = f(o, "modelValue"), e = B(R, null), n = e ? e.model : t, a = c(), s = p(), r = u(() => typeof a.id == "string" ? a.id : s), l = u(() => typeof a.name == "string" ? a.name : e?.name.value);
-    return (v, V) => $((i(), m("input", _({
-      id: r.value,
-      "onUpdate:modelValue": V[0] || (V[0] = (g) => I(n) ? n.value = g : null),
-      name: l.value,
-      value: o.value
-    }, v.$attrs, { type: "radio" }), null, 16, Q)), [
-      [K, k(n)]
-    ]);
-  }
-}), le = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseRadioGroup",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(o) {
-    const t = f(o, "modelValue"), e = c(), n = p(), a = u(() => typeof e.name == "string" ? e.name : n);
-    return x(R, {
-      model: t,
-      name: a
-    }), (s, r) => (i(), m("fieldset", C(y(s.$attrs)), [
-      h(s.$slots, "default")
-    ], 16));
-  }
-}), W = ["id"], ue = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseSelect",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(o) {
-    const t = f(o, "modelValue"), e = c(), n = p(), a = u(() => typeof e.id == "string" ? e.id : n);
-    return (s, r) => $((i(), m("select", _(s.$attrs, {
-      id: a.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (l) => t.value = l)
-    }), [
-      h(s.$slots, "default")
-    ], 16, W)), [
-      [L, t.value]
-    ]);
-  }
-}), X = ["id"], de = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BaseTextarea",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(o) {
-    const t = f(o, "modelValue"), e = c(), n = p(), a = u(() => typeof e.id == "string" ? e.id : n);
-    return (s, r) => $((i(), m("textarea", _(s.$attrs, {
-      id: a.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (l) => t.value = l)
-    }), null, 16, X)), [
-      [j, t.value]
-    ]);
-  }
+import { computed as e, createBlock as t, createElementBlock as n, defineComponent as r, guardReactiveProps as i, inject as a, isRef as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, provide as d, renderSlot as f, resolveDynamicComponent as p, unref as m, useAttrs as h, useId as g, useModel as _, useTemplateRef as v, vModelCheckbox as y, vModelDynamic as b, vModelRadio as x, vModelSelect as S, vModelText as C, watch as w, watchPostEffect as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
+//#endregion
+//#region src/components/BaseButton.vue
+var k = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseButton",
+	props: { as: { default: "button" } },
+	setup(e) {
+		return (n, r) => (u(), t(p(e.as), l(i(n.$attrs)), {
+			default: E(() => [f(n.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), A = Symbol("CRadioGroup"), j = Symbol("CCheckboxGroup"), M = [
+	"id",
+	"name",
+	"value"
+], N = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseCheckbox",
+	props: /* @__PURE__ */ s({
+		value: {},
+		indeterminate: { type: Boolean }
+	}, {
+		modelValue: { type: [Boolean, Array] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = t, i = _(t, "modelValue"), s = a(j, null), l = s ? s.model : i, d = h(), f = g(), p = v("input"), b = e(() => typeof d.id == "string" ? d.id : f), x = e(() => typeof d.name == "string" ? d.name : s?.name.value);
+		return T(() => {
+			p.value && (p.value.indeterminate = !!r.indeterminate);
+		}), (e, r) => D((u(), n("input", c(e.$attrs, {
+			id: b.value,
+			ref: "input",
+			"onUpdate:modelValue": r[0] ||= (e) => o(l) ? l.value = e : null,
+			name: x.value,
+			type: "checkbox",
+			value: t.value
+		}), null, 16, M)), [[y, m(l)]]);
+	}
+}), P = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseCheckboxGroup",
+	props: {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = _(t, "modelValue"), a = h(), o = g();
+		return d(j, {
+			model: r,
+			name: e(() => typeof a.name == "string" ? a.name : o)
+		}), (e, t) => (u(), n("fieldset", l(i(e.$attrs)), [f(e.$slots, "default")], 16));
+	}
+}), F = ["id"], I = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseFile",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = _(t, "modelValue"), i = h(), a = g(), o = v("input"), s = e(() => typeof i.id == "string" ? i.id : a);
+		function l(e) {
+			r.value = e.target.files;
+		}
+		return w(r, (e) => {
+			!e && o.value && (o.value.value = "");
+		}), (e, t) => (u(), n("input", c(e.$attrs, {
+			id: s.value,
+			ref: "input",
+			type: "file",
+			onChange: l
+		}), null, 16, F));
+	}
+}), L = ["id"], R = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseForm",
+	emits: ["submit"],
+	setup(t, { emit: r }) {
+		let i = h(), a = g(), o = r, s = e(() => typeof i.id == "string" ? i.id : a);
+		return (e, t) => (u(), n("form", c(e.$attrs, {
+			id: s.value,
+			onSubmit: t[0] ||= O((e) => o("submit", e), ["prevent"])
+		}), [f(e.$slots, "default")], 16, L));
+	}
+}), z = ["id"], B = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseInput",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = _(t, "modelValue"), i = h(), a = g(), o = e(() => typeof i.id == "string" ? i.id : a);
+		return (e, t) => D((u(), n("input", c(e.$attrs, {
+			id: o.value,
+			"onUpdate:modelValue": t[0] ||= (e) => r.value = e
+		}), null, 16, z)), [[b, r.value]]);
+	}
+}), V = ["for"], H = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseLabel",
+	props: { for: {} },
+	setup(e) {
+		let t = e;
+		return (e, r) => (u(), n("label", c(e.$attrs, { for: t.for }), [f(e.$slots, "default")], 16, V));
+	}
+}), U = [
+	"id",
+	"name",
+	"value"
+], W = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseRadio",
+	props: /* @__PURE__ */ s({ value: {} }, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = _(t, "modelValue"), i = a(A, null), s = i ? i.model : r, l = h(), d = g(), f = e(() => typeof l.id == "string" ? l.id : d), p = e(() => typeof l.name == "string" ? l.name : i?.name.value);
+		return (e, r) => D((u(), n("input", c({
+			id: f.value,
+			"onUpdate:modelValue": r[0] ||= (e) => o(s) ? s.value = e : null,
+			name: p.value,
+			value: t.value
+		}, e.$attrs, { type: "radio" }), null, 16, U)), [[x, m(s)]]);
+	}
+}), G = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseRadioGroup",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = _(t, "modelValue"), a = h(), o = g();
+		return d(A, {
+			model: r,
+			name: e(() => typeof a.name == "string" ? a.name : o)
+		}), (e, t) => (u(), n("fieldset", l(i(e.$attrs)), [f(e.$slots, "default")], 16));
+	}
+}), K = ["id"], q = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseSelect",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = _(t, "modelValue"), i = h(), a = g(), o = e(() => typeof i.id == "string" ? i.id : a);
+		return (e, t) => D((u(), n("select", c(e.$attrs, {
+			id: o.value,
+			"onUpdate:modelValue": t[0] ||= (e) => r.value = e
+		}), [f(e.$slots, "default")], 16, K)), [[S, r.value]]);
+	}
+}), J = ["id"], Y = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "BaseTextarea",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = _(t, "modelValue"), i = h(), a = g(), o = e(() => typeof i.id == "string" ? i.id : a);
+		return (e, t) => D((u(), n("textarea", c(e.$attrs, {
+			id: o.value,
+			"onUpdate:modelValue": t[0] ||= (e) => r.value = e
+		}), null, 16, J)), [[C, r.value]]);
+	}
 });
-export {
-  Z as CButton,
-  ee as CCheckbox,
-  te as CCheckboxGroup,
-  oe as CFile,
-  ae as CForm,
-  se as CInput,
-  ne as CLabel,
-  re as CRadio,
-  le as CRadioGroup,
-  ue as CSelect,
-  de as CTextarea
-};
+//#endregion
+export { k as CButton, N as CCheckbox, P as CCheckboxGroup, I as CFile, R as CForm, B as CInput, H as CLabel, W as CRadio, G as CRadioGroup, q as CSelect, Y as CTextarea };

package/dist/charpente.umd.cjs

@@ -1 +1 @@
-(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.Charpente={},i.Vue))})(this,(function(i,e){"use strict";const h=e.defineComponent({inheritAttrs:!1,__name:"BaseButton",props:{as:{default:"button"}},setup(n){return(o,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.as),e.normalizeProps(e.guardReactiveProps(o.$attrs)),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16))}}),u=Symbol("CRadioGroup"),f=Symbol("CCheckboxGroup"),g=["id","name","value"],B=e.defineComponent({inheritAttrs:!1,__name:"BaseCheckbox",props:e.mergeModels({value:{},indeterminate:{type:Boolean}},{modelValue:{type:[Boolean,Array]},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const o=n,t=e.useModel(n,"modelValue"),l=e.inject(f,null),s=l?l.model:t,r=e.useAttrs(),a=e.useId(),d=e.useTemplateRef("input"),m=e.computed(()=>typeof r.id=="string"?r.id:a),c=e.computed(()=>typeof r.name=="string"?r.name:l?.name.value);return e.watchEffect(()=>{d.value&&(d.value.indeterminate=!!o.indeterminate)}),(p,_)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps(p.$attrs,{id:m.value,ref:"input","onUpdate:modelValue":_[0]||(_[0]=D=>e.isRef(s)?s.value=D:null),name:c.value,type:"checkbox",value:n.value}),null,16,g)),[[e.vModelCheckbox,e.unref(s)]])}}),C=e.defineComponent({inheritAttrs:!1,__name:"BaseCheckboxGroup",props:{modelValue:{default:()=>[]},modelModifiers:{}},emits:["update:modelValue"],setup(n){const o=e.useModel(n,"modelValue"),t=e.useAttrs(),l=e.useId(),s=e.computed(()=>typeof t.name=="string"?t.name:l);return e.provide(f,{model:o,name:s}),(r,a)=>(e.openBlock(),e.createElementBlock("fieldset",e.normalizeProps(e.guardReactiveProps(r.$attrs)),[e.renderSlot(r.$slots,"default")],16))}}),$=["id"],k=e.defineComponent({inheritAttrs:!1,__name:"BaseFile",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(n){const o=e.useModel(n,"modelValue"),t=e.useAttrs(),l=e.useId(),s=e.useTemplateRef("input"),r=e.computed(()=>typeof t.id=="string"?t.id:l);function a(d){o.value=d.target.files}return e.watch(o,d=>{!d&&s.value&&(s.value.value="")}),(d,m)=>(e.openBlock(),e.createElementBlock("input",e.mergeProps(d.$attrs,{id:r.value,ref:"input",type:"file",onChange:a}),null,16,$))}}),V=["id"],y=e.defineComponent({inheritAttrs:!1,__name:"BaseForm",emits:["submit"],setup(n,{emit:o}){const t=e.useAttrs(),l=e.useId(),s=o,r=e.computed(()=>typeof t.id=="string"?t.id:l);return(a,d)=>(e.openBlock(),e.createElementBlock("form",e.mergeProps(a.$attrs,{id:r.value,onSubmit:d[0]||(d[0]=e.withModifiers(m=>s("submit",m),["prevent"]))}),[e.renderSlot(a.$slots,"default")],16,V))}}),M=["id"],I=e.defineComponent({inheritAttrs:!1,__name:"BaseInput",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(n){const o=e.useModel(n,"modelValue"),t=e.useAttrs(),l=e.useId(),s=e.computed(()=>typeof t.id=="string"?t.id:l);return(r,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps(r.$attrs,{id:s.value,"onUpdate:modelValue":a[0]||(a[0]=d=>o.value=d)}),null,16,M)),[[e.vModelDynamic,o.value]])}}),b=["for"],A=e.defineComponent({inheritAttrs:!1,__name:"BaseLabel",props:{for:{}},setup(n){const o=n;return(t,l)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps(t.$attrs,{for:o.for}),[e.renderSlot(t.$slots,"default")],16,b))}}),P=["id","name","value"],R=e.defineComponent({inheritAttrs:!1,__name:"BaseRadio",props:e.mergeModels({value:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const o=e.useModel(n,"modelValue"),t=e.inject(u,null),l=t?t.model:o,s=e.useAttrs(),r=e.useId(),a=e.computed(()=>typeof s.id=="string"?s.id:r),d=e.computed(()=>typeof s.name=="string"?s.name:t?.name.value);return(m,c)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({id:a.value,"onUpdate:modelValue":c[0]||(c[0]=p=>e.isRef(l)?l.value=p:null),name:d.value,value:n.value},m.$attrs,{type:"radio"}),null,16,P)),[[e.vModelRadio,e.unref(l)]])}}),S=e.defineComponent({inheritAttrs:!1,__name:"BaseRadioGroup",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(n){const o=e.useModel(n,"modelValue"),t=e.useAttrs(),l=e.useId(),s=e.computed(()=>typeof t.name=="string"?t.name:l);return e.provide(u,{model:o,name:s}),(r,a)=>(e.openBlock(),e.createElementBlock("fieldset",e.normalizeProps(e.guardReactiveProps(r.$attrs)),[e.renderSlot(r.$slots,"default")],16))}}),E=["id"],w=e.defineComponent({inheritAttrs:!1,__name:"BaseSelect",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(n){const o=e.useModel(n,"modelValue"),t=e.useAttrs(),l=e.useId(),s=e.computed(()=>typeof t.id=="string"?t.id:l);return(r,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps(r.$attrs,{id:s.value,"onUpdate:modelValue":a[0]||(a[0]=d=>o.value=d)}),[e.renderSlot(r.$slots,"default")],16,E)),[[e.vModelSelect,o.value]])}}),G=["id"],T=e.defineComponent({inheritAttrs:!1,__name:"BaseTextarea",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(n){const o=e.useModel(n,"modelValue"),t=e.useAttrs(),l=e.useId(),s=e.computed(()=>typeof t.id=="string"?t.id:l);return(r,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps(r.$attrs,{id:s.value,"onUpdate:modelValue":a[0]||(a[0]=d=>o.value=d)}),null,16,G)),[[e.vModelText,o.value]])}});i.CButton=h,i.CCheckbox=B,i.CCheckboxGroup=C,i.CFile=k,i.CForm=y,i.CInput=I,i.CLabel=A,i.CRadio=R,i.CRadioGroup=S,i.CSelect=w,i.CTextarea=T,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Charpente={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseButton`,props:{as:{default:`button`}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.as),(0,t.normalizeProps)((0,t.guardReactiveProps)(n.$attrs)),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`)]),_:3},16))}}),r=Symbol(`CRadioGroup`),i=Symbol(`CCheckboxGroup`),a=[`id`,`name`,`value`],o=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseCheckbox`,props:(0,t.mergeModels)({value:{},indeterminate:{type:Boolean}},{modelValue:{type:[Boolean,Array]},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=e,r=(0,t.useModel)(e,`modelValue`),o=(0,t.inject)(i,null),s=o?o.model:r,c=(0,t.useAttrs)(),l=(0,t.useId)(),u=(0,t.useTemplateRef)(`input`),d=(0,t.computed)(()=>typeof c.id==`string`?c.id:l),f=(0,t.computed)(()=>typeof c.name==`string`?c.name:o?.name.value);return(0,t.watchPostEffect)(()=>{u.value&&(u.value.indeterminate=!!n.indeterminate)}),(n,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`input`,(0,t.mergeProps)(n.$attrs,{id:d.value,ref:`input`,"onUpdate:modelValue":r[0]||=e=>(0,t.isRef)(s)?s.value=e:null,name:f.value,type:`checkbox`,value:e.value}),null,16,a)),[[t.vModelCheckbox,(0,t.unref)(s)]])}}),s=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseCheckboxGroup`,props:{modelValue:{default:()=>[]},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=(0,t.useAttrs)(),a=(0,t.useId)();return(0,t.provide)(i,{model:n,name:(0,t.computed)(()=>typeof r.name==`string`?r.name:a)}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`fieldset`,(0,t.normalizeProps)((0,t.guardReactiveProps)(e.$attrs)),[(0,t.renderSlot)(e.$slots,`default`)],16))}}),c=[`id`],l=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseFile`,props:{modelValue:{},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=(0,t.useAttrs)(),i=(0,t.useId)(),a=(0,t.useTemplateRef)(`input`),o=(0,t.computed)(()=>typeof r.id==`string`?r.id:i);function s(e){n.value=e.target.files}return(0,t.watch)(n,e=>{!e&&a.value&&(a.value.value=``)}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`input`,(0,t.mergeProps)(e.$attrs,{id:o.value,ref:`input`,type:`file`,onChange:s}),null,16,c))}}),u=[`id`],d=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseForm`,emits:[`submit`],setup(e,{emit:n}){let r=(0,t.useAttrs)(),i=(0,t.useId)(),a=n,o=(0,t.computed)(()=>typeof r.id==`string`?r.id:i);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`form`,(0,t.mergeProps)(e.$attrs,{id:o.value,onSubmit:n[0]||=(0,t.withModifiers)(e=>a(`submit`,e),[`prevent`])}),[(0,t.renderSlot)(e.$slots,`default`)],16,u))}}),f=[`id`],p=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseInput`,props:{modelValue:{},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=(0,t.useAttrs)(),i=(0,t.useId)(),a=(0,t.computed)(()=>typeof r.id==`string`?r.id:i);return(e,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`input`,(0,t.mergeProps)(e.$attrs,{id:a.value,"onUpdate:modelValue":r[0]||=e=>n.value=e}),null,16,f)),[[t.vModelDynamic,n.value]])}}),m=[`for`],h=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseLabel`,props:{for:{}},setup(e){let n=e;return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,(0,t.mergeProps)(e.$attrs,{for:n.for}),[(0,t.renderSlot)(e.$slots,`default`)],16,m))}}),g=[`id`,`name`,`value`],_=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseRadio`,props:(0,t.mergeModels)({value:{}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),i=(0,t.inject)(r,null),a=i?i.model:n,o=(0,t.useAttrs)(),s=(0,t.useId)(),c=(0,t.computed)(()=>typeof o.id==`string`?o.id:s),l=(0,t.computed)(()=>typeof o.name==`string`?o.name:i?.name.value);return(n,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`input`,(0,t.mergeProps)({id:c.value,"onUpdate:modelValue":r[0]||=e=>(0,t.isRef)(a)?a.value=e:null,name:l.value,value:e.value},n.$attrs,{type:`radio`}),null,16,g)),[[t.vModelRadio,(0,t.unref)(a)]])}}),v=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseRadioGroup`,props:{modelValue:{},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),i=(0,t.useAttrs)(),a=(0,t.useId)();return(0,t.provide)(r,{model:n,name:(0,t.computed)(()=>typeof i.name==`string`?i.name:a)}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`fieldset`,(0,t.normalizeProps)((0,t.guardReactiveProps)(e.$attrs)),[(0,t.renderSlot)(e.$slots,`default`)],16))}}),y=[`id`],b=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseSelect`,props:{modelValue:{},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=(0,t.useAttrs)(),i=(0,t.useId)(),a=(0,t.computed)(()=>typeof r.id==`string`?r.id:i);return(e,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`select`,(0,t.mergeProps)(e.$attrs,{id:a.value,"onUpdate:modelValue":r[0]||=e=>n.value=e}),[(0,t.renderSlot)(e.$slots,`default`)],16,y)),[[t.vModelSelect,n.value]])}}),x=[`id`],S=(0,t.defineComponent)({inheritAttrs:!1,__name:`BaseTextarea`,props:{modelValue:{},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let n=(0,t.useModel)(e,`modelValue`),r=(0,t.useAttrs)(),i=(0,t.useId)(),a=(0,t.computed)(()=>typeof r.id==`string`?r.id:i);return(e,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`textarea`,(0,t.mergeProps)(e.$attrs,{id:a.value,"onUpdate:modelValue":r[0]||=e=>n.value=e}),null,16,x)),[[t.vModelText,n.value]])}});e.CButton=n,e.CCheckbox=o,e.CCheckboxGroup=s,e.CFile=l,e.CForm=d,e.CInput=p,e.CLabel=h,e.CRadio=_,e.CRadioGroup=v,e.CSelect=b,e.CTextarea=S});

package/dist/components/BaseCheckbox.d.ts

@@ -1,14 +1,14 @@
 type __VLS_Props = {
-    value?: string | number;
+    value?: unknown;
     indeterminate?: boolean;
 };
 type __VLS_PublicProps = {
-    modelValue?: boolean | (string | number)[];
+    modelValue?: boolean | unknown[];
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean | (string | number)[]) => any;
+    "update:modelValue": (value: boolean | unknown[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean | (string | number)[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | unknown[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     input: HTMLInputElement;
 }, any>;

package/dist/components/BaseRadio.d.ts

@@ -1,12 +1,12 @@
 type __VLS_Props = {
-    value: string | number;
+    value: unknown;
 };
 type __VLS_PublicProps = {
-    modelValue?: string | number;
+    modelValue?: unknown;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number) => any;
+    "update:modelValue": (value: unknown) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/BaseTextarea.d.ts

@@ -1,9 +1,9 @@
 type __VLS_PublicProps = {
-    modelValue?: string;
+    modelValue?: string | number;
 };
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (value: string | number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/internal/keys.d.ts

@@ -1,11 +1,11 @@
 import { InjectionKey, ModelRef, ComputedRef } from 'vue';
 export interface RadioGroupContext {
-    model: ModelRef<string | number | undefined>;
+    model: ModelRef<unknown>;
     name: ComputedRef<string>;
 }
 export declare const radioGroupKey: InjectionKey<RadioGroupContext>;
 export interface CheckboxGroupContext {
-    model: ModelRef<(string | number)[]>;
+    model: ModelRef<unknown[]>;
     name: ComputedRef<string>;
 }
 export declare const checkboxGroupKey: InjectionKey<CheckboxGroupContext>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@charpente-ui/vue",
-    "version": "1.3.1",
+    "version": "1.4.1",
     "description": "Charpente UI is a headless CSS Vue component library.",
     "type": "module",
     "scripts": {
@@ -34,19 +34,19 @@
         "@semantic-release/git": "^10.0.1",
         "@semantic-release/github": "^12.0.6",
         "@vitejs/plugin-vue": "^6.0.4",
-        "@vitest/coverage-v8": "^4.0.18",
-        "@vue/test-utils": "^2.4.6",
+        "@vitest/coverage-v8": "^4.1.5",
+        "@vue/test-utils": "^2.4.9",
         "conventional-changelog-conventionalcommits": "^9.1.0",
         "eslint": "^10.0.2",
         "eslint-plugin-vue": "^10.8.0",
         "husky": "^9.1.7",
-        "jsdom": "^28.1.0",
+        "jsdom": "^29.1.0",
         "npm-run-all2": "^8.0.4",
         "semantic-release": "^25.0.3",
         "typescript-eslint": "^8.56.1",
-        "vite": "^7.3.1",
+        "vite": "^8.0.10",
         "vite-plugin-dts": "^4.5.4",
-        "vitest": "^4.0.18",
+        "vitest": "^4.1.5",
         "vue": "^3.5.29"
     },
     "peerDependencies": {