@charpente-ui/vue 1.0.0-beta.2 → 1.0.0-beta.4

package/README.md

@@ -26,10 +26,12 @@ import { CButton } from '@charpente-ui/vue';
 
 ## Components
 
-| Name     | Tag         | Status |
-|----------|-------------|--------|
-| Button   | `CButton`   | Ready  |
-| Input    | `CInput`    | Ready  |
-| Label    | `CLabel`    | Ready  |
-| Textarea | `CTextarea` | Ready  |
-| Checkbox | `CCheckbox` | Ready  |
+| Name     | Status | Tag         |
+|----------|--------|-------------|
+| Button   | Ready  | `CButton`   |
+| Input    | Ready  | `CInput`    |
+| Label    | Ready  | `CLabel`    |
+| Textarea | Ready  | `CTextarea` |
+| Checkbox | Ready  | `CCheckbox` |
+| Radio    | Ready  | `CRadio`    |
+| Select   | Ready  | `CSelect`   |

package/dist/charpente.js

@@ -1,50 +1,39 @@
-import { defineComponent as n, openBlock as u, createBlock as A, resolveDynamicComponent as B, normalizeProps as b, guardReactiveProps as y, withCtx as g, renderSlot as v, useAttrs as i, useId as c, computed as I, createElementBlock as m, mergeProps as p, unref as _, useModel as $, withDirectives as C, vModelDynamic as M, vModelText as w } from "vue";
-const z = /* @__PURE__ */ n({
+import { defineComponent as n, openBlock as u, createBlock as V, resolveDynamicComponent as h, normalizeProps as B, guardReactiveProps as C, withCtx as M, renderSlot as f, useModel as m, useAttrs as c, computed as p, useId as v, withDirectives as _, createElementBlock as d, mergeProps as i, vModelCheckbox as b, mergeModels as $, vModelDynamic as x, vModelRadio as A, vModelSelect as k, vModelText as I } from "vue";
+const T = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "BaseButton",
   props: {
     as: { default: "button" }
   },
-  setup(a) {
-    return (t, e) => (u(), A(B(a.as), b(y(t.$attrs)), {
-      default: g(() => [
-        v(t.$slots, "default")
+  setup(t) {
+    return (e, o) => (u(), V(h(t.as), B(C(e.$attrs)), {
+      default: M(() => [
+        f(e.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), D = ["id", "checked"], E = /* @__PURE__ */ n({
+}), y = ["id", "value"], w = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "BaseCheckbox",
-  props: {
-    modelValue: { type: [Boolean, Array], default: !1 },
+  props: /* @__PURE__ */ $({
     value: {}
-  },
+  }, {
+    modelValue: { type: [Boolean, Array] },
+    modelModifiers: {}
+  }),
   emits: ["update:modelValue"],
-  setup(a, { emit: t }) {
-    const e = a, l = i().id || c(), o = I(() => Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : e.modelValue), r = t, k = (f) => {
-      const h = f.target.checked;
-      if (Array.isArray(e.modelValue)) {
-        const d = [...e.modelValue];
-        if (h)
-          d.push(e.value);
-        else {
-          const V = d.indexOf(e.value);
-          V > -1 && d.splice(V, 1);
-        }
-        r("update:modelValue", d);
-      } else
-        r("update:modelValue", h);
-    };
-    return (f, x) => (u(), m("input", p({
-      id: _(l),
-      type: "checkbox"
-    }, f.$attrs, {
-      checked: o.value,
-      onChange: k
-    }), null, 16, D));
+  setup(t) {
+    const e = m(t, "modelValue"), o = c(), s = p(() => o.id || v());
+    return (l, a) => _((u(), d("input", i({ type: "checkbox" }, l.$attrs, {
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => e.value = r),
+      id: s.value,
+      value: t.value
+    }), null, 16, y)), [
+      [b, e.value]
+    ]);
   }
-}), P = ["id"], O = /* @__PURE__ */ n({
+}), U = ["id"], L = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "BaseInput",
   props: {
@@ -52,25 +41,69 @@ const z = /* @__PURE__ */ n({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(a) {
-    const t = $(a, "modelValue"), s = i().id || c();
-    return (l, o) => C((u(), m("input", p({
-      id: _(s),
-      "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r)
-    }, l.$attrs), null, 16, P)), [
-      [M, t.value]
+  setup(t) {
+    const e = m(t, "modelValue"), o = c(), s = p(() => o.id || v());
+    return (l, a) => _((u(), d("input", i(l.$attrs, {
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => e.value = r),
+      id: s.value
+    }), null, 16, U)), [
+      [x, e.value]
     ]);
   }
-}), T = ["id"], R = /* @__PURE__ */ n({
+}), R = ["for"], z = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "BaseLabel",
-  setup(a) {
-    const e = i().id || c();
-    return (s, l) => (u(), m("label", p({ id: _(e) }, s.$attrs), [
-      v(s.$slots, "default")
-    ], 16, T));
+  props: {
+    for: {}
+  },
+  setup(t) {
+    const e = t;
+    return (o, s) => (u(), d("label", i(o.$attrs, {
+      for: e.for
+    }), [
+      f(o.$slots, "default")
+    ], 16, R));
+  }
+}), S = ["id", "value"], E = /* @__PURE__ */ n({
+  inheritAttrs: !1,
+  __name: "BaseRadio",
+  props: /* @__PURE__ */ $({
+    value: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = m(t, "modelValue"), o = c(), s = p(() => o.id || v());
+    return (l, a) => _((u(), d("input", i({ type: "radio" }, l.$attrs, {
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => e.value = r),
+      id: s.value,
+      value: t.value
+    }), null, 16, S)), [
+      [A, e.value]
+    ]);
+  }
+}), g = ["id"], j = /* @__PURE__ */ n({
+  inheritAttrs: !1,
+  __name: "BaseSelect",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = m(t, "modelValue"), o = c(), s = p(() => o.id || v());
+    return (l, a) => _((u(), d("select", i(l.$attrs, {
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => e.value = r),
+      id: s.value
+    }), [
+      f(l.$slots, "default")
+    ], 16, g)), [
+      [k, e.value]
+    ]);
   }
-}), L = ["id"], S = /* @__PURE__ */ n({
+}), D = ["id"], q = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "BaseTextarea",
   props: {
@@ -78,20 +111,22 @@ const z = /* @__PURE__ */ n({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(a) {
-    const t = $(a, "modelValue"), s = i().id || c();
-    return (l, o) => C((u(), m("textarea", p({
-      id: _(s),
-      "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r)
-    }, l.$attrs), null, 16, L)), [
-      [w, t.value]
+  setup(t) {
+    const e = m(t, "modelValue"), o = c(), s = p(() => o.id || v());
+    return (l, a) => _((u(), d("textarea", i({
+      id: s.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => e.value = r)
+    }, l.$attrs), null, 16, D)), [
+      [I, e.value]
     ]);
   }
 });
 export {
-  z as CButton,
-  E as CCheckbox,
-  O as CInput,
-  R as CLabel,
-  S as CTextarea
+  T as CButton,
+  w as CCheckbox,
+  L as CInput,
+  z as CLabel,
+  E as CRadio,
+  j as CSelect,
+  q as CTextarea
 };

package/dist/charpente.umd.cjs

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.Charpente={},n.Vue))})(this,(function(n,e){"use strict";const u=e.defineComponent({inheritAttrs:!1,__name:"BaseButton",props:{as:{default:"button"}},setup(s){return(o,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.as),e.normalizeProps(e.guardReactiveProps(o.$attrs)),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16))}}),f=["id","checked"],h=e.defineComponent({inheritAttrs:!1,__name:"BaseCheckbox",props:{modelValue:{type:[Boolean,Array],default:!1},value:{}},emits:["update:modelValue"],setup(s,{emit:o}){const t=s,l=e.useAttrs().id||e.useId(),r=e.computed(()=>Array.isArray(t.modelValue)?t.modelValue.includes(t.value):t.modelValue),d=o,$=c=>{const m=c.target.checked;if(Array.isArray(t.modelValue)){const i=[...t.modelValue];if(m)i.push(t.value);else{const p=i.indexOf(t.value);p>-1&&i.splice(p,1)}d("update:modelValue",i)}else d("update:modelValue",m)};return(c,y)=>(e.openBlock(),e.createElementBlock("input",e.mergeProps({id:e.unref(l),type:"checkbox"},c.$attrs,{checked:r.value,onChange:$}),null,16,f))}}),_=["id"],k=e.defineComponent({inheritAttrs:!1,__name:"BaseInput",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(s){const o=e.useModel(s,"modelValue"),a=e.useAttrs().id||e.useId();return(l,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({id:e.unref(a),"onUpdate:modelValue":r[0]||(r[0]=d=>o.value=d)},l.$attrs),null,16,_)),[[e.vModelDynamic,o.value]])}}),V=["id"],B=e.defineComponent({inheritAttrs:!1,__name:"BaseLabel",setup(s){const t=e.useAttrs().id||e.useId();return(a,l)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps({id:e.unref(t)},a.$attrs),[e.renderSlot(a.$slots,"default")],16,V))}}),C=["id"],A=e.defineComponent({inheritAttrs:!1,__name:"BaseTextarea",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(s){const o=e.useModel(s,"modelValue"),a=e.useAttrs().id||e.useId();return(l,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({id:e.unref(a),"onUpdate:modelValue":r[0]||(r[0]=d=>o.value=d)},l.$attrs),null,16,C)),[[e.vModelText,o.value]])}});n.CButton=u,n.CCheckbox=h,n.CInput=k,n.CLabel=B,n.CTextarea=A,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.Charpente={},n.Vue))})(this,(function(n,e){"use strict";const i=e.defineComponent({inheritAttrs:!1,__name:"BaseButton",props:{as:{default:"button"}},setup(o){return(t,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.as),e.normalizeProps(e.guardReactiveProps(t.$attrs)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}}),m=["id","value"],c=e.defineComponent({inheritAttrs:!1,__name:"BaseCheckbox",props:e.mergeModels({value:{}},{modelValue:{type:[Boolean,Array]},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const t=e.useModel(o,"modelValue"),s=e.useAttrs(),r=e.computed(()=>s.id||e.useId());return(a,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({type:"checkbox"},a.$attrs,{"onUpdate:modelValue":l[0]||(l[0]=d=>t.value=d),id:r.value,value:o.value}),null,16,m)),[[e.vModelCheckbox,t.value]])}}),p=["id"],u=e.defineComponent({inheritAttrs:!1,__name:"BaseInput",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(o){const t=e.useModel(o,"modelValue"),s=e.useAttrs(),r=e.computed(()=>s.id||e.useId());return(a,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps(a.$attrs,{"onUpdate:modelValue":l[0]||(l[0]=d=>t.value=d),id:r.value}),null,16,p)),[[e.vModelDynamic,t.value]])}}),f=["for"],_=e.defineComponent({inheritAttrs:!1,__name:"BaseLabel",props:{for:{}},setup(o){const t=o;return(s,r)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps(s.$attrs,{for:t.for}),[e.renderSlot(s.$slots,"default")],16,f))}}),h=["id","value"],B=e.defineComponent({inheritAttrs:!1,__name:"BaseRadio",props:e.mergeModels({value:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const t=e.useModel(o,"modelValue"),s=e.useAttrs(),r=e.computed(()=>s.id||e.useId());return(a,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({type:"radio"},a.$attrs,{"onUpdate:modelValue":l[0]||(l[0]=d=>t.value=d),id:r.value,value:o.value}),null,16,h)),[[e.vModelRadio,t.value]])}}),V=["id"],$=e.defineComponent({inheritAttrs:!1,__name:"BaseSelect",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(o){const t=e.useModel(o,"modelValue"),s=e.useAttrs(),r=e.computed(()=>s.id||e.useId());return(a,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps(a.$attrs,{"onUpdate:modelValue":l[0]||(l[0]=d=>t.value=d),id:r.value}),[e.renderSlot(a.$slots,"default")],16,V)),[[e.vModelSelect,t.value]])}}),C=["id"],k=e.defineComponent({inheritAttrs:!1,__name:"BaseTextarea",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(o){const t=e.useModel(o,"modelValue"),s=e.useAttrs(),r=e.computed(()=>s.id||e.useId());return(a,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({id:r.value,"onUpdate:modelValue":l[0]||(l[0]=d=>t.value=d)},a.$attrs),null,16,C)),[[e.vModelText,t.value]])}});n.CButton=i,n.CCheckbox=c,n.CInput=u,n.CLabel=_,n.CRadio=B,n.CSelect=$,n.CTextarea=k,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));

package/dist/components/BaseCheckbox.d.ts

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

package/dist/components/BaseLabel.d.ts

@@ -1,3 +1,6 @@
+type __VLS_Props = {
+    for?: string;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -7,7 +10,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/BaseRadio.d.ts

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

package/dist/components/BaseSelect.d.ts

@@ -0,0 +1,24 @@
+type __VLS_PublicProps = {
+    modelValue?: any;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -2,4 +2,6 @@ export { default as CButton } from './components/BaseButton';
 export { default as CCheckbox } from './components/BaseCheckbox';
 export { default as CInput } from './components/BaseInput';
 export { default as CLabel } from './components/BaseLabel';
+export { default as CRadio } from './components/BaseRadio';
+export { default as CSelect } from './components/BaseSelect';
 export { default as CTextarea } from './components/BaseTextarea';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@charpente-ui/vue",
-    "version": "1.0.0-beta.2",
+    "version": "1.0.0-beta.4",
     "description": "Charpente UI is a headless CSS Vue component library.",
     "type": "module",
     "scripts": {