@fiscozen/checkbox 0.1.4 → 0.1.6

package/dist/checkbox.js

@@ -0,0 +1,301 @@
+import { defineComponent as $, computed as d, openBlock as u, createElementBlock as b, normalizeClass as p, createVNode as E, unref as y, renderSlot as x, mergeModels as q, useModel as w, ref as I, onMounted as D, withDirectives as P, createElementVNode as k, vModelCheckbox as R, toDisplayString as S, createBlock as V, withCtx as F, createCommentVNode as B, createSlots as H, Fragment as T, renderList as L, mergeProps as N, createTextVNode as _ } from "vue";
+import { FzIcon as G } from "@fiscozen/icons";
+const C = {
+  sm: "text-sm",
+  md: "text-md"
+}, O = /* @__PURE__ */ $({
+  __name: "FzCheckboxErrorText",
+  props: {
+    errorText: {},
+    size: {}
+  },
+  setup(i) {
+    const l = i, e = d(() => [
+      "flex w-full gap-4 items-center",
+      C[l.size]
+    ]);
+    return (n, o) => (u(), b("p", {
+      class: p(e.value)
+    }, [
+      E(y(G), {
+        class: "text-semantic-error",
+        name: "triangle-exclamation",
+        size: n.size
+      }, null, 8, ["size"]),
+      x(n.$slots, "default")
+    ], 2));
+  }
+}), A = { class: "flex justify-center flex-col w-fit" }, J = ["id", "disabled", "checked", "required", "value", "indeterminate"], K = ["for"], Q = { class: "w-fit" }, W = /* @__PURE__ */ $({
+  __name: "FzCheckbox",
+  props: /* @__PURE__ */ q({
+    label: {},
+    value: {},
+    size: { default: "md" },
+    checked: { type: Boolean },
+    indeterminate: { type: Boolean, default: !1 },
+    emphasis: { type: Boolean },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    required: { type: Boolean },
+    standalone: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["change"], ["update:modelValue"]),
+  setup(i, { emit: l }) {
+    const e = i, n = e.value || e.label, o = w(i, "modelValue"), z = l, v = I(null), s = d(() => ({
+      "checkbox--small": e.size === "sm",
+      "checkbox--medium": e.size === "md",
+      peer: !0
+    })), a = d(() => [
+      "flex items-start gap-4",
+      C[e.size],
+      e.disabled ? "text-grey-300" : e.error ? "text-semantic-error" : e.emphasis ? "text-grey-500 peer-checked:[&_div]:text-blue-500 peer-indeterminate:[&_div]:text-blue-500" : "text-grey-500"
+    ]), c = d(() => [
+      e.size === "sm" ? "mt-1" : "mt-2",
+      e.disabled ? "text-grey-300" : e.error ? "text-semantic-error" : "text-grey-500",
+      "relative"
+    ]), h = d(() => e.indeterminate ? "square-minus" : m() ? "square-check" : "square"), t = d(() => !e.indeterminate && !m() ? "far" : "fas"), m = () => typeof o.value == "boolean" ? o.value : o.value.includes(n), f = (r) => {
+      z("change", r);
+    };
+    return D(() => {
+      var r, g;
+      typeof o.value == "boolean" ? o.value ? (r = v.value) == null || r.dispatchEvent(new Event("change")) : e.checked !== void 0 && (o.value = e.checked) : o.value.includes(n) ? (g = v.value) == null || g.dispatchEvent(new Event("change")) : e.checked && o.value.push(n);
+    }), (r, g) => (u(), b("div", A, [
+      P(k("input", {
+        type: "checkbox",
+        id: y(n).replace(/ /g, "-").toLowerCase(),
+        disabled: r.disabled,
+        checked: r.checked,
+        class: p(s.value),
+        required: r.required,
+        value: y(n),
+        onChange: f,
+        "onUpdate:modelValue": g[0] || (g[0] = (j) => o.value = j),
+        indeterminate: r.indeterminate,
+        ref_key: "refCheckbox",
+        ref: v
+      }, null, 42, J), [
+        [R, o.value]
+      ]),
+      k("label", {
+        for: y(n).replace(/ /g, "-").toLowerCase(),
+        class: p(a.value)
+      }, [
+        E(y(G), {
+          name: h.value,
+          size: r.size,
+          class: p(c.value),
+          variant: t.value
+        }, null, 8, ["name", "size", "class", "variant"]),
+        k("span", Q, S(r.standalone ? "" : r.label), 1)
+      ], 10, K),
+      r.error && r.$slots.error ? (u(), V(O, {
+        key: 0,
+        size: r.size
+      }, {
+        default: F(() => [
+          x(r.$slots, "error", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["size"])) : B("", !0),
+      x(r.$slots, "children", {}, void 0, !0)
+    ]));
+  }
+}), U = (i, l) => {
+  const e = i.__vccOpts || i;
+  for (const [n, o] of l)
+    e[n] = o;
+  return e;
+}, M = /* @__PURE__ */ U(W, [["__scopeId", "data-v-7bafffef"]]), X = /* @__PURE__ */ $({
+  __name: "FzCheckboxGroupOption",
+  props: /* @__PURE__ */ q({
+    label: {},
+    value: {},
+    checked: { type: Boolean },
+    indeterminate: { type: Boolean },
+    emphasis: { type: Boolean },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    required: { type: Boolean },
+    standalone: { type: Boolean },
+    children: {},
+    size: {}
+  }, {
+    modelValue: {
+      required: !0,
+      default: []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const l = i, e = w(i, "modelValue"), n = d(() => {
+      if (!l.children)
+        return !1;
+      const s = l.children.filter(
+        (a) => e.value.includes(a.value || a.label)
+      ).length;
+      return s > 0 && s < l.children.length;
+    });
+    function o() {
+      if (!l.children)
+        return;
+      l.children.filter(
+        (a) => e.value.includes(a.value || a.label)
+      ).length === l.children.length ? e.value = e.value.concat(l.value || l.label) : e.value.includes(l.value || l.label) && (e.value = e.value.filter(
+        (a) => a !== (l.value || l.label)
+      ));
+    }
+    function z() {
+      var s;
+      l.children && (e.value.includes(l.value || l.label) ? e.value = e.value.concat(
+        (s = l.children) == null ? void 0 : s.map((a) => a.value || a.label).filter((a) => !e.value.includes(a))
+      ) : e.value = e.value.filter(
+        (a) => {
+          var c;
+          return !((c = l.children) != null && c.map((h) => h.value || h.label).includes(a));
+        }
+      ));
+    }
+    const v = d(() => [
+      "flex flex-col justify-center",
+      l.size === "sm" ? "gap-6 checkbox-group--child-container__small" : "gap-8 checkbox-group--child-container__medium"
+    ]);
+    return (s, a) => (u(), V(M, {
+      modelValue: e.value,
+      "onUpdate:modelValue": a[1] || (a[1] = (c) => e.value = c),
+      value: l.value,
+      label: l.label,
+      disabled: s.disabled,
+      emphasis: s.emphasis,
+      error: s.error,
+      size: s.size,
+      indeterminate: n.value,
+      onChange: z
+    }, H({ _: 2 }, [
+      s.children && s.children.length > 0 ? {
+        name: "children",
+        fn: F(() => [
+          k("div", {
+            class: p(v.value)
+          }, [
+            (u(!0), b(T, null, L(s.children, (c) => (u(), V(M, N({
+              key: c.value,
+              modelValue: e.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (h) => e.value = h)
+            }, c, {
+              disabled: s.disabled,
+              emphasis: s.emphasis,
+              error: s.error,
+              size: s.size,
+              onChange: o
+            }), null, 16, ["modelValue", "disabled", "emphasis", "error", "size"]))), 128))
+          ], 2)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["modelValue", "value", "label", "disabled", "emphasis", "error", "size", "indeterminate"]));
+  }
+}), Y = /* @__PURE__ */ U(X, [["__scopeId", "data-v-c563830e"]]), Z = { key: 0 }, ae = /* @__PURE__ */ $({
+  __name: "FzCheckboxGroup",
+  props: /* @__PURE__ */ q({
+    label: {},
+    size: {},
+    options: {},
+    emphasis: { type: Boolean },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    required: { type: Boolean }
+  }, {
+    modelValue: {
+      required: !0,
+      default: []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const l = i, e = `fz-checkbox-group-${c()}`, n = d(() => [
+      l.size === "sm" ? "text-xs" : "text-sm",
+      l.disabled ? "text-grey-400" : "text-grey-500"
+    ]), o = w(i, "modelValue"), z = I(h(l.options)), v = d(() => [
+      "flex flex-col",
+      C[l.size],
+      l.size === "sm" ? "gap-4" : "gap-6",
+      l.disabled ? "text-grey-400" : "text-core-black"
+    ]), s = d(() => [
+      "flex flex-col",
+      C[l.size],
+      l.size === "sm" ? "gap-10" : "gap-12"
+    ]), a = d(() => [
+      "flex flex-col",
+      C[l.size],
+      l.size === "sm" ? "gap-6" : "gap-8"
+    ]);
+    function c() {
+      return Math.random().toString(36).slice(2, 9);
+    }
+    function h(t) {
+      return t.map((m) => {
+        var f;
+        return {
+          ...m,
+          checked: m.checked || !1,
+          children: (f = m.children) == null ? void 0 : f.map((r) => ({
+            ...r,
+            checked: r.checked || !1
+          }))
+        };
+      });
+    }
+    return (t, m) => (u(), b("div", {
+      class: p(s.value),
+      id: e
+    }, [
+      k("label", {
+        for: e,
+        class: p(v.value)
+      }, [
+        k("span", null, [
+          _(S(t.label), 1),
+          t.required ? (u(), b("span", Z, " *")) : B("", !0)
+        ]),
+        t.$slots.help ? (u(), b("p", {
+          key: 0,
+          class: p(n.value)
+        }, [
+          x(t.$slots, "help")
+        ], 2)) : B("", !0)
+      ], 2),
+      k("div", {
+        class: p(a.value)
+      }, [
+        (u(!0), b(T, null, L(z.value, (f) => (u(), V(Y, N({
+          key: f.value,
+          modelValue: o.value,
+          "onUpdate:modelValue": m[0] || (m[0] = (r) => o.value = r)
+        }, f, {
+          disabled: t.disabled,
+          emphasis: t.emphasis,
+          error: t.error,
+          size: t.size
+        }), null, 16, ["modelValue", "disabled", "emphasis", "error", "size"]))), 128))
+      ], 2),
+      t.error && t.$slots.error ? (u(), V(O, {
+        key: 0,
+        size: t.size
+      }, {
+        default: F(() => [
+          x(t.$slots, "error")
+        ]),
+        _: 3
+      }, 8, ["size"])) : B("", !0)
+    ], 2));
+  }
+});
+export {
+  M as FzCheckbox,
+  ae as FzCheckboxGroup
+};

package/dist/checkbox.umd.cjs

@@ -0,0 +1 @@
+(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@fiscozen/icons")):typeof define=="function"&&define.amd?define(["exports","vue","@fiscozen/icons"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m.FzCheckbox={},m.Vue,m.icons))})(this,function(m,e,g){"use strict";const k={sm:"text-sm",md:"text-md"},y=e.defineComponent({__name:"FzCheckboxErrorText",props:{errorText:{},size:{}},setup(d){const o=d,l=e.computed(()=>["flex w-full gap-4 items-center",k[o.size]]);return(i,r)=>(e.openBlock(),e.createElementBlock("p",{class:e.normalizeClass(l.value)},[e.createVNode(e.unref(g.FzIcon),{class:"text-semantic-error",name:"triangle-exclamation",size:i.size},null,8,["size"]),e.renderSlot(i.$slots,"default")],2))}}),V={class:"flex justify-center flex-col w-fit"},x=["id","disabled","checked","required","value","indeterminate"],E=["for"],q={class:"w-fit"},M=e.defineComponent({__name:"FzCheckbox",props:e.mergeModels({label:{},value:{},size:{default:"md"},checked:{type:Boolean},indeterminate:{type:Boolean,default:!1},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean},standalone:{type:Boolean}},{modelValue:{type:Boolean,required:!0},modelModifiers:{}}),emits:e.mergeModels(["change"],["update:modelValue"]),setup(d,{emit:o}){const l=d,i=l.value||l.label,r=e.useModel(d,"modelValue"),b=o,f=e.ref(null),t=e.computed(()=>({"checkbox--small":l.size==="sm","checkbox--medium":l.size==="md",peer:!0})),a=e.computed(()=>["flex items-start gap-4",k[l.size],l.disabled?"text-grey-300":l.error?"text-semantic-error":l.emphasis?"text-grey-500 peer-checked:[&_div]:text-blue-500 peer-indeterminate:[&_div]:text-blue-500":"text-grey-500"]),c=e.computed(()=>[l.size==="sm"?"mt-1":"mt-2",l.disabled?"text-grey-300":l.error?"text-semantic-error":"text-grey-500","relative"]),u=e.computed(()=>l.indeterminate?"square-minus":p()?"square-check":"square"),s=e.computed(()=>!l.indeterminate&&!p()?"far":"fas"),p=()=>typeof r.value=="boolean"?r.value:r.value.includes(i),h=n=>{b("change",n)};return e.onMounted(()=>{var n,z;typeof r.value=="boolean"?r.value?(n=f.value)==null||n.dispatchEvent(new Event("change")):l.checked!==void 0&&(r.value=l.checked):r.value.includes(i)?(z=f.value)==null||z.dispatchEvent(new Event("change")):l.checked&&r.value.push(i)}),(n,z)=>(e.openBlock(),e.createElementBlock("div",V,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",id:e.unref(i).replace(/ /g,"-").toLowerCase(),disabled:n.disabled,checked:n.checked,class:e.normalizeClass(t.value),required:n.required,value:e.unref(i),onChange:h,"onUpdate:modelValue":z[0]||(z[0]=S=>r.value=S),indeterminate:n.indeterminate,ref_key:"refCheckbox",ref:f},null,42,x),[[e.vModelCheckbox,r.value]]),e.createElementVNode("label",{for:e.unref(i).replace(/ /g,"-").toLowerCase(),class:e.normalizeClass(a.value)},[e.createVNode(e.unref(g.FzIcon),{name:u.value,size:n.size,class:e.normalizeClass(c.value),variant:s.value},null,8,["name","size","class","variant"]),e.createElementVNode("span",q,e.toDisplayString(n.standalone?"":n.label),1)],10,E),n.error&&n.$slots.error?(e.openBlock(),e.createBlock(y,{key:0,size:n.size},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"error",{},void 0,!0)]),_:3},8,["size"])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"children",{},void 0,!0)]))}}),B=(d,o)=>{const l=d.__vccOpts||d;for(const[i,r]of o)l[i]=r;return l},C=B(M,[["__scopeId","data-v-7bafffef"]]),N=B(e.defineComponent({__name:"FzCheckboxGroupOption",props:e.mergeModels({label:{},value:{},checked:{type:Boolean},indeterminate:{type:Boolean},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean},standalone:{type:Boolean},children:{},size:{}},{modelValue:{required:!0,default:[]},modelModifiers:{}}),emits:["update:modelValue"],setup(d){const o=d,l=e.useModel(d,"modelValue"),i=e.computed(()=>{if(!o.children)return!1;const t=o.children.filter(a=>l.value.includes(a.value||a.label)).length;return t>0&&t<o.children.length});function r(){if(!o.children)return;o.children.filter(a=>l.value.includes(a.value||a.label)).length===o.children.length?l.value=l.value.concat(o.value||o.label):l.value.includes(o.value||o.label)&&(l.value=l.value.filter(a=>a!==(o.value||o.label)))}function b(){var t;o.children&&(l.value.includes(o.value||o.label)?l.value=l.value.concat((t=o.children)==null?void 0:t.map(a=>a.value||a.label).filter(a=>!l.value.includes(a))):l.value=l.value.filter(a=>{var c;return!((c=o.children)!=null&&c.map(u=>u.value||u.label).includes(a))}))}const f=e.computed(()=>["flex flex-col justify-center",o.size==="sm"?"gap-6 checkbox-group--child-container__small":"gap-8 checkbox-group--child-container__medium"]);return(t,a)=>(e.openBlock(),e.createBlock(C,{modelValue:l.value,"onUpdate:modelValue":a[1]||(a[1]=c=>l.value=c),value:o.value,label:o.label,disabled:t.disabled,emphasis:t.emphasis,error:t.error,size:t.size,indeterminate:i.value,onChange:b},e.createSlots({_:2},[t.children&&t.children.length>0?{name:"children",fn:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(f.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,c=>(e.openBlock(),e.createBlock(C,e.mergeProps({key:c.value,modelValue:l.value,"onUpdate:modelValue":a[0]||(a[0]=u=>l.value=u)},c,{disabled:t.disabled,emphasis:t.emphasis,error:t.error,size:t.size,onChange:r}),null,16,["modelValue","disabled","emphasis","error","size"]))),128))],2)]),key:"0"}:void 0]),1032,["modelValue","value","label","disabled","emphasis","error","size","indeterminate"]))}}),[["__scopeId","data-v-c563830e"]]),$={key:0},F=e.defineComponent({__name:"FzCheckboxGroup",props:e.mergeModels({label:{},size:{},options:{},emphasis:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},required:{type:Boolean}},{modelValue:{required:!0,default:[]},modelModifiers:{}}),emits:["update:modelValue"],setup(d){const o=d,l=`fz-checkbox-group-${c()}`,i=e.computed(()=>[o.size==="sm"?"text-xs":"text-sm",o.disabled?"text-grey-400":"text-grey-500"]),r=e.useModel(d,"modelValue"),b=e.ref(u(o.options)),f=e.computed(()=>["flex flex-col",k[o.size],o.size==="sm"?"gap-4":"gap-6",o.disabled?"text-grey-400":"text-core-black"]),t=e.computed(()=>["flex flex-col",k[o.size],o.size==="sm"?"gap-10":"gap-12"]),a=e.computed(()=>["flex flex-col",k[o.size],o.size==="sm"?"gap-6":"gap-8"]);function c(){return Math.random().toString(36).slice(2,9)}function u(s){return s.map(p=>{var h;return{...p,checked:p.checked||!1,children:(h=p.children)==null?void 0:h.map(n=>({...n,checked:n.checked||!1}))}})}return(s,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.value),id:l},[e.createElementVNode("label",{for:l,class:e.normalizeClass(f.value)},[e.createElementVNode("span",null,[e.createTextVNode(e.toDisplayString(s.label),1),s.required?(e.openBlock(),e.createElementBlock("span",$," *")):e.createCommentVNode("",!0)]),s.$slots.help?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(i.value)},[e.renderSlot(s.$slots,"help")],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(a.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,h=>(e.openBlock(),e.createBlock(N,e.mergeProps({key:h.value,modelValue:r.value,"onUpdate:modelValue":p[0]||(p[0]=n=>r.value=n)},h,{disabled:s.disabled,emphasis:s.emphasis,error:s.error,size:s.size}),null,16,["modelValue","disabled","emphasis","error","size"]))),128))],2),s.error&&s.$slots.error?(e.openBlock(),e.createBlock(y,{key:0,size:s.size},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"error")]),_:3},8,["size"])):e.createCommentVNode("",!0)],2))}});m.FzCheckbox=C,m.FzCheckboxGroup=F,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './src/index'

package/dist/src/FzCheckbox.vue.d.ts

@@ -0,0 +1,95 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<boolean | string[]>;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md">;
+        required: true;
+        default: string;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<string>;
+    };
+    checked: {
+        type: import('vue').PropType<boolean>;
+    };
+    indeterminate: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    emphasis: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    error: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    standalone: {
+        type: import('vue').PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<boolean | string[]>;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md">;
+        required: true;
+        default: string;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<string>;
+    };
+    checked: {
+        type: import('vue').PropType<boolean>;
+    };
+    indeterminate: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    emphasis: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    error: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    standalone: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    size: "sm" | "md";
+    indeterminate: boolean;
+}, {}>, {
+    error?(_: {}): any;
+    children?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/FzCheckboxGroup.vue.d.ts

@@ -0,0 +1,70 @@
+import { ParentCheckbox } from './types';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<string[]>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md">;
+        required: true;
+    };
+    options: {
+        type: import('vue').PropType<ParentCheckbox[]>;
+        required: true;
+    };
+    emphasis: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    error: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<string[]>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md">;
+        required: true;
+    };
+    options: {
+        type: import('vue').PropType<ParentCheckbox[]>;
+        required: true;
+    };
+    emphasis: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    error: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+}>>, {}, {}>, {
+    help?(_: {}): any;
+    error?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/__test__/FzCheckbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/__test__/FzCheckboxGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/common.d.ts

@@ -0,0 +1,4 @@
+export declare const mapSizeToClasses: {
+    sm: string;
+    md: string;
+};

package/dist/src/components/FzCheckboxErrorText.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    errorText?: string | undefined;
+    size: "sm" | "md";
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    errorText?: string | undefined;
+    size: "sm" | "md";
+}>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/FzCheckboxGroupOption.vue.d.ts

@@ -0,0 +1,82 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<string[]>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<string>;
+    };
+    checked: {
+        type: import('vue').PropType<boolean>;
+    };
+    indeterminate: {
+        type: import('vue').PropType<boolean>;
+    };
+    emphasis: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    error: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    standalone: {
+        type: import('vue').PropType<boolean>;
+    };
+    children: {
+        type: import('vue').PropType<import('../types').ChildCheckbox[]>;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md">;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: import('vue').PropType<string[]>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<string>;
+    };
+    checked: {
+        type: import('vue').PropType<boolean>;
+    };
+    indeterminate: {
+        type: import('vue').PropType<boolean>;
+    };
+    emphasis: {
+        type: import('vue').PropType<boolean>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    error: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    standalone: {
+        type: import('vue').PropType<boolean>;
+    };
+    children: {
+        type: import('vue').PropType<import('../types').ChildCheckbox[]>;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md">;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FzCheckbox } from './FzCheckbox.vue';
+export { default as FzCheckboxGroup } from './FzCheckboxGroup.vue';
+export type { FzCheckboxProps, FzCheckboxGroupProps } from './types';

package/dist/src/types.d.ts

@@ -0,0 +1,76 @@
+export type FzCheckboxProps = {
+    /**
+     * The label of the checkbox
+     */
+    label: string;
+    /**
+     * The value of the checkbox. If not provided, the value will be the label
+     */
+    value?: string;
+    /**
+     * The size of the checkbox
+     */
+    size: "sm" | "md";
+    /**
+     * If the checkbox is checked
+     */
+    checked?: boolean;
+    /**
+     * if the checkbox is indeterminate
+     */
+    indeterminate?: boolean;
+    /**
+     * If true, the checkbox will be emphasized
+     */
+    emphasis?: boolean;
+    /**
+     * If true, the checkbox will be disabled
+     */
+    disabled?: boolean;
+    /**
+     * If true, the checkbox will be in an error state
+     */
+    error?: boolean;
+    /**
+     * If the checkbox is required
+     */
+    required?: boolean;
+    /**
+     * If the checkbox is standalone
+     */
+    standalone?: boolean;
+};
+export type FzCheckboxGroupProps = {
+    /**
+     * The label of the checkbox group
+     */
+    label: string;
+    /**
+     * The size of the checkbox
+     */
+    size: "sm" | "md";
+    /**
+     * The checkbox to render
+     */
+    options: ParentCheckbox[];
+    /**
+     * If true, the checkbox will be emphasized
+     */
+    emphasis?: boolean;
+    /**
+     * If true, the checkbox will be disabled
+     */
+    disabled?: boolean;
+    /**
+     * If true, the checkbox will be in an error state
+     */
+    error?: boolean;
+    /**
+     * If the checkbox group is required
+     */
+    required?: boolean;
+};
+export type ParentCheckbox = ChildCheckbox & {
+    children?: ChildCheckbox[];
+};
+export type ChildCheckbox = Omit<FzCheckboxProps, "size">;