@knitify/vue 0.0.3 → 0.0.5

package/dist/index.es.js

@@ -1,86 +1,123 @@
-import { defineComponent as f, openBlock as o, createElementBlock as s, normalizeClass as l, renderSlot as i, createElementVNode as n, resolveComponent as K, Fragment as C, renderList as $, createVNode as d, unref as y, withCtx as k, toDisplayString as x, createCommentVNode as p, createBlock as M, useModel as I, useSlots as B, mergeModels as h } from "vue";
-import { RouterLink as S } from "vue-router";
-const L = /* @__PURE__ */ f({
+import { defineComponent as b, openBlock as n, createElementBlock as o, normalizeClass as t, renderSlot as c, createElementVNode as r, resolveComponent as p, Fragment as $, renderList as _, createVNode as u, unref as x, withCtx as y, createBlock as C, createTextVNode as M, toDisplayString as N, createCommentVNode as i, withModifiers as S, useModel as I, useSlots as j, mergeModels as h } from "vue";
+import { RouterLink as O } from "vue-router";
+const z = /* @__PURE__ */ b({
   __name: "KContainer",
   props: {
     glassy: { type: Boolean }
   },
-  setup(t) {
-    return (a, r) => (o(), s("div", {
-      class: l(["KContainer", t.glassy && "KContainer--glassy"])
+  setup(e) {
+    return (s, l) => (n(), o("div", {
+      class: t(["KContainer", e.glassy && "KContainer--glassy"])
     }, [
-      i(a.$slots, "default")
+      c(s.$slots, "default")
     ], 2));
   }
-}), V = {
+}), A = {
   class: "KIcon",
   title: "icon",
   role: "img"
-}, j = ["href"], z = /* @__PURE__ */ f({
+}, T = ["href"], V = /* @__PURE__ */ b({
   __name: "KIcon",
   props: {
     href: { default: "" }
   },
-  setup(t) {
-    return (a, r) => (o(), s("svg", V, [
-      n("use", {
-        href: `#${t.href.replace(/^#/, "")}`
-      }, null, 8, j)
+  setup(e) {
+    return (s, l) => (n(), o("svg", A, [
+      r("use", {
+        href: `#${e.href.replace(/^#/, "")}`
+      }, null, 8, T)
     ]));
   }
-}), E = { class: "KNavbar-menu" }, O = ["href", "onClick"], w = { class: "KNavbar-icon" }, D = {
-  class: /* @__PURE__ */ l(["KNavbar-text"])
-}, F = {
-  key: 0,
-  class: /* @__PURE__ */ l(["KNavbar-caret", "KCollapse-toggle"]),
-  "data-collapse-toggle": ""
-}, g = /* @__PURE__ */ f({
+}), L = /* @__PURE__ */ b({
+  __name: "KBadge",
+  props: {
+    pill: { type: Boolean },
+    size: {},
+    subtle: { type: Boolean },
+    variant: {}
+  },
+  setup(e) {
+    return (s, l) => (n(), o("div", {
+      class: t([
+        "KBadge",
+        e.pill && "KBadge--pill",
+        e.size && `KBadge--${e.size}`,
+        e.subtle && "KBadge--subtle",
+        e.variant && `KBadge--${e.variant}`
+      ])
+    }, [
+      c(s.$slots, "default")
+    ], 2));
+  }
+}), w = { class: "KNavbar-menu" }, E = ["href", "onClick"], k = /* @__PURE__ */ b({
   __name: "KNavbarMenu",
   props: {
     items: { default: () => [] }
   },
-  setup(t) {
-    return (a, r) => {
-      const u = K("KIcon"), _ = K("KNavbarMenu", !0);
-      return o(), s("ul", E, [
-        (o(!0), s(C, null, $(t.items, (e, c) => i(a.$slots, "item", {
-          key: `navbar-menu-item-${c}`,
-          item: e
+  setup(e) {
+    return (s, l) => {
+      const f = p("KIcon"), g = p("KNavbarMenu", !0);
+      return n(), o("ul", w, [
+        (n(!0), o($, null, _(e.items, (a, d) => c(s.$slots, "item", {
+          key: `navbar-menu-item-${d}`,
+          item: a
         }, () => [
-          d(y(S), {
-            to: e.route ?? "/",
+          u(x(O), {
+            to: a.route ?? "/",
             custom: ""
           }, {
-            default: k(({ isActive: b, href: m, navigate: v }) => [
-              n("li", {
-                class: l([
+            default: y(({ isActive: m, href: v, navigate: K }) => [
+              r("li", {
+                class: t([
                   "KNavbar-item",
                   "KCollapse is-collapsed",
-                  b && "KNavbar-item-is-active"
+                  m && "KNavbar-item-is-active"
                 ]),
                 "data-collapse": ""
               }, [
-                n("a", {
-                  class: l(["KNavbar-link"]),
-                  href: e.route ? m : void 0,
-                  onClick: (A) => e.route ? v() : e.onClick?.()
+                r("a", {
+                  class: t(["KNavbar-link"]),
+                  href: a.route ? v : void 0,
+                  onClick: (F) => a.route ? K() : a.onClick?.()
                 }, [
-                  n("span", w, [
-                    d(u, {
-                      href: e.icon
+                  r("span", {
+                    class: t(["KNavbar-icon", a.iconClass])
+                  }, [
+                    u(f, {
+                      href: a.icon
                     }, null, 8, ["href"])
-                  ]),
-                  n("span", D, x(e.text), 1),
-                  e.children ? (o(), s("span", F, [
-                    d(u, { href: "#caretUp" })
-                  ])) : p("", !0)
-                ], 8, O),
-                e.children ? (o(), M(_, {
+                  ], 2),
+                  a.badge ? (n(), C(L, {
+                    key: 0,
+                    class: t(["KNavbar-badge", a.badgeClass]),
+                    pill: "",
+                    size: "sm",
+                    variant: "danger"
+                  }, {
+                    default: y(() => [
+                      M(N(a.badge), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])) : i("", !0),
+                  r("span", {
+                    class: t(["KNavbar-text", a.textClass])
+                  }, N(a.text), 3),
+                  a.children ? (n(), o("span", {
+                    key: 1,
+                    class: t(["KNavbar-caret", "KCollapse-toggle"]),
+                    "data-collapse-toggle": "",
+                    onClick: l[0] || (l[0] = S(() => {
+                    }, ["prevent"]))
+                  }, [
+                    u(f, { href: "#caretUp" })
+                  ])) : i("", !0)
+                ], 8, E),
+                a.children ? (n(), C(g, {
                   key: 0,
-                  items: e.children,
+                  items: a.children,
                   class: "KCollapse-content",
                   "data-collapse-content": ""
-                }, null, 8, ["items"])) : p("", !0)
+                }, null, 8, ["items"])) : i("", !0)
               ], 2)
             ]),
             _: 2
@@ -89,79 +126,90 @@ const L = /* @__PURE__ */ f({
       ]);
     };
   }
-}), P = { class: "KNavbar-inner" }, R = {
-  key: 0,
-  class: "KNavbar-brand"
-}, T = { class: "KNavbar-body" }, U = {
-  key: 1,
-  class: "KNavbar-footer"
-}, q = /* @__PURE__ */ f({
+}), D = /* @__PURE__ */ b({
   __name: "KNavbar",
   props: /* @__PURE__ */ h({
     items: {},
-    fixed: { type: Boolean, default: !1 }
+    bodyClass: { type: [Boolean, null, String, Object, Array] },
+    brandClass: { type: [Boolean, null, String, Object, Array] },
+    fixed: { type: Boolean, default: !1 },
+    footerClass: { type: [Boolean, null, String, Object, Array] },
+    hideToggle: { type: Boolean },
+    innerClass: { type: [Boolean, null, String, Object, Array] },
+    toggleClass: { type: [Boolean, null, String, Object, Array] }
   }, {
     expanded: { type: Boolean, default: !1 },
     expandedModifiers: {}
   }),
   emits: /* @__PURE__ */ h(["toggle"], ["update:expanded"]),
-  setup(t, { emit: a }) {
-    const r = I(t, "expanded"), u = a, _ = B(), e = () => {
-      r.value = !r.value, u("toggle", r.value);
+  setup(e, { emit: s }) {
+    const l = I(e, "expanded"), f = s, g = j(), a = () => {
+      l.value = !l.value, f("toggle", l.value);
     };
-    return (c, b) => {
-      const m = K("KIcon");
-      return o(), s("aside", {
-        class: l([
+    return (d, m) => {
+      const v = p("KIcon");
+      return n(), o("aside", {
+        class: t([
           "KNavbar",
-          r.value && "KNavbar-is-expanded",
-          t.fixed && "KNavbar-is-fixed"
+          l.value && "KNavbar-is-expanded",
+          e.fixed && "KNavbar-is-fixed"
         ])
       }, [
-        n("div", P, [
-          _.brand ? (o(), s("div", R, [
-            i(c.$slots, "brand")
-          ])) : p("", !0),
-          n("nav", T, [
-            i(c.$slots, "default", {}, () => [
-              d(g, {
-                items: t.items.filter(({ hidden: v }) => !v)
+        r("div", {
+          class: t(["KNavbar-inner", e.innerClass])
+        }, [
+          g.brand ? (n(), o("div", {
+            key: 0,
+            class: t(["KNavbar-brand", e.brandClass])
+          }, [
+            c(d.$slots, "brand")
+          ], 2)) : i("", !0),
+          r("nav", {
+            class: t(["KNavbar-body", e.bodyClass])
+          }, [
+            c(d.$slots, "default", {}, () => [
+              u(k, {
+                items: e.items.filter(({ hidden: K }) => !K)
               }, null, 8, ["items"])
             ])
-          ]),
-          _.footer ? (o(), s("div", U, [
-            i(c.$slots, "footer")
-          ])) : p("", !0)
-        ]),
-        n("button", {
+          ], 2),
+          g.footer ? (n(), o("div", {
+            key: 1,
+            class: t(["KNavbar-footer", e.footerClass])
+          }, [
+            c(d.$slots, "footer")
+          ], 2)) : i("", !0)
+        ], 2),
+        e.hideToggle ? i("", !0) : (n(), o("button", {
+          key: 0,
           type: "button",
-          class: "KNavbar-toggle",
-          onClick: e
+          class: t(["KNavbar-toggle", e.toggleClass]),
+          onClick: a
         }, [
-          d(m, { href: "#caretLeft" })
-        ])
+          u(v, { href: "#caretLeft" })
+        ], 2))
       ], 2);
     };
   }
-}), N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  KContainer: L,
-  KIcon: z,
-  KNavbar: q,
-  KNavbarMenu: g
-}, Symbol.toStringTag, { value: "Module" })), J = {
-  install(t) {
-    for (const a in N)
-      t.component(
-        a,
-        N[a]
+  KContainer: z,
+  KIcon: V,
+  KNavbar: D,
+  KNavbarMenu: k
+}, Symbol.toStringTag, { value: "Module" })), U = {
+  install(e) {
+    for (const s in B)
+      e.component(
+        s,
+        B[s]
       );
   }
 };
 export {
-  L as KContainer,
-  z as KIcon,
-  q as KNavbar,
-  g as KNavbarMenu,
-  J as default
+  z as KContainer,
+  V as KIcon,
+  D as KNavbar,
+  k as KNavbarMenu,
+  U as default
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t["knitify-vue"]={},t.Vue,t.vueRouter))})(this,(function(t,e,b){"use strict";const p=e.defineComponent({__name:"KContainer",props:{glassy:{type:Boolean}},setup(n){return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["KContainer",n.glassy&&"KContainer--glassy"])},[e.renderSlot(a.$slots,"default")],2))}}),h={class:"KIcon",title:"icon",role:"img"},C=["href"],f=e.defineComponent({__name:"KIcon",props:{href:{default:""}},setup(n){return(a,s)=>(e.openBlock(),e.createElementBlock("svg",h,[e.createElementVNode("use",{href:`#${n.href.replace(/^#/,"")}`},null,8,C)]))}}),k={class:"KNavbar-menu"},g=["href","onClick"],u={class:"KNavbar-icon"},B={class:e.normalizeClass(["KNavbar-text"])},y={key:0,class:e.normalizeClass(["KNavbar-caret","KCollapse-toggle"]),"data-collapse-toggle":""},d=e.defineComponent({__name:"KNavbarMenu",props:{items:{default:()=>[]}},setup(n){return(a,s)=>{const r=e.resolveComponent("KIcon"),c=e.resolveComponent("KNavbarMenu",!0);return e.openBlock(),e.createElementBlock("ul",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,(o,l)=>e.renderSlot(a.$slots,"item",{key:`navbar-menu-item-${l}`,item:o},()=>[e.createVNode(e.unref(b.RouterLink),{to:o.route??"/",custom:""},{default:e.withCtx(({isActive:K,href:i,navigate:m})=>[e.createElementVNode("li",{class:e.normalizeClass(["KNavbar-item","KCollapse is-collapsed",K&&"KNavbar-item-is-active"]),"data-collapse":""},[e.createElementVNode("a",{class:e.normalizeClass(["KNavbar-link"]),href:o.route?i:void 0,onClick:x=>o.route?m():o.onClick?.()},[e.createElementVNode("span",u,[e.createVNode(r,{href:o.icon},null,8,["href"])]),e.createElementVNode("span",B,e.toDisplayString(o.text),1),o.children?(e.openBlock(),e.createElementBlock("span",y,[e.createVNode(r,{href:"#caretUp"})])):e.createCommentVNode("",!0)],8,g),o.children?(e.openBlock(),e.createBlock(c,{key:0,items:o.children,class:"KCollapse-content","data-collapse-content":""},null,8,["items"])):e.createCommentVNode("",!0)],2)]),_:2},1032,["to"])])),128))])}}}),V={class:"KNavbar-inner"},$={key:0,class:"KNavbar-brand"},E={class:"KNavbar-body"},M={key:1,class:"KNavbar-footer"},_=e.defineComponent({__name:"KNavbar",props:e.mergeModels({items:{},fixed:{type:Boolean,default:!1}},{expanded:{type:Boolean,default:!1},expandedModifiers:{}}),emits:e.mergeModels(["toggle"],["update:expanded"]),setup(n,{emit:a}){const s=e.useModel(n,"expanded"),r=a,c=e.useSlots(),o=()=>{s.value=!s.value,r("toggle",s.value)};return(l,K)=>{const i=e.resolveComponent("KIcon");return e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(["KNavbar",s.value&&"KNavbar-is-expanded",n.fixed&&"KNavbar-is-fixed"])},[e.createElementVNode("div",V,[c.brand?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(l.$slots,"brand")])):e.createCommentVNode("",!0),e.createElementVNode("nav",E,[e.renderSlot(l.$slots,"default",{},()=>[e.createVNode(d,{items:n.items.filter(({hidden:m})=>!m)},null,8,["items"])])]),c.footer?(e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(l.$slots,"footer")])):e.createCommentVNode("",!0)]),e.createElementVNode("button",{type:"button",class:"KNavbar-toggle",onClick:o},[e.createVNode(i,{href:"#caretLeft"})])],2)}}}),N=Object.freeze(Object.defineProperty({__proto__:null,KContainer:p,KIcon:f,KNavbar:_,KNavbarMenu:d},Symbol.toStringTag,{value:"Module"})),S={install(n){for(const a in N)n.component(a,N[a])}};t.KContainer=p,t.KIcon=f,t.KNavbar=_,t.KNavbarMenu=d,t.default=S,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["knitify-vue"]={},n.Vue,n.vueRouter))})(this,(function(n,e,K){"use strict";const f=e.defineComponent({__name:"KContainer",props:{glassy:{type:Boolean}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["KContainer",t.glassy&&"KContainer--glassy"])},[e.renderSlot(o.$slots,"default")],2))}}),N={class:"KIcon",title:"icon",role:"img"},B=["href"],p=e.defineComponent({__name:"KIcon",props:{href:{default:""}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("svg",N,[e.createElementVNode("use",{href:`#${t.href.replace(/^#/,"")}`},null,8,B)]))}}),k=e.defineComponent({__name:"KBadge",props:{pill:{type:Boolean},size:{},subtle:{type:Boolean},variant:{}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["KBadge",t.pill&&"KBadge--pill",t.size&&`KBadge--${t.size}`,t.subtle&&"KBadge--subtle",t.variant&&`KBadge--${t.variant}`])},[e.renderSlot(o.$slots,"default")],2))}}),y={class:"KNavbar-menu"},h=["href","onClick"],i=e.defineComponent({__name:"KNavbarMenu",props:{items:{default:()=>[]}},setup(t){return(o,l)=>{const s=e.resolveComponent("KIcon"),c=e.resolveComponent("KNavbarMenu",!0);return e.openBlock(),e.createElementBlock("ul",y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(a,r)=>e.renderSlot(o.$slots,"item",{key:`navbar-menu-item-${r}`,item:a},()=>[e.createVNode(e.unref(K.RouterLink),{to:a.route??"/",custom:""},{default:e.withCtx(({isActive:g,href:d,navigate:m})=>[e.createElementVNode("li",{class:e.normalizeClass(["KNavbar-item","KCollapse is-collapsed",g&&"KNavbar-item-is-active"]),"data-collapse":""},[e.createElementVNode("a",{class:e.normalizeClass(["KNavbar-link"]),href:a.route?d:void 0,onClick:z=>a.route?m():a.onClick?.()},[e.createElementVNode("span",{class:e.normalizeClass(["KNavbar-icon",a.iconClass])},[e.createVNode(s,{href:a.icon},null,8,["href"])],2),a.badge?(e.openBlock(),e.createBlock(k,{key:0,class:e.normalizeClass(["KNavbar-badge",a.badgeClass]),pill:"",size:"sm",variant:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.badge),1)]),_:2},1032,["class"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["KNavbar-text",a.textClass])},e.toDisplayString(a.text),3),a.children?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["KNavbar-caret","KCollapse-toggle"]),"data-collapse-toggle":"",onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent"]))},[e.createVNode(s,{href:"#caretUp"})])):e.createCommentVNode("",!0)],8,h),a.children?(e.openBlock(),e.createBlock(c,{key:0,items:a.children,class:"KCollapse-content","data-collapse-content":""},null,8,["items"])):e.createCommentVNode("",!0)],2)]),_:2},1032,["to"])])),128))])}}}),C=e.defineComponent({__name:"KNavbar",props:e.mergeModels({items:{},bodyClass:{type:[Boolean,null,String,Object,Array]},brandClass:{type:[Boolean,null,String,Object,Array]},fixed:{type:Boolean,default:!1},footerClass:{type:[Boolean,null,String,Object,Array]},hideToggle:{type:Boolean},innerClass:{type:[Boolean,null,String,Object,Array]},toggleClass:{type:[Boolean,null,String,Object,Array]}},{expanded:{type:Boolean,default:!1},expandedModifiers:{}}),emits:e.mergeModels(["toggle"],["update:expanded"]),setup(t,{emit:o}){const l=e.useModel(t,"expanded"),s=o,c=e.useSlots(),a=()=>{l.value=!l.value,s("toggle",l.value)};return(r,g)=>{const d=e.resolveComponent("KIcon");return e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(["KNavbar",l.value&&"KNavbar-is-expanded",t.fixed&&"KNavbar-is-fixed"])},[e.createElementVNode("div",{class:e.normalizeClass(["KNavbar-inner",t.innerClass])},[c.brand?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["KNavbar-brand",t.brandClass])},[e.renderSlot(r.$slots,"brand")],2)):e.createCommentVNode("",!0),e.createElementVNode("nav",{class:e.normalizeClass(["KNavbar-body",t.bodyClass])},[e.renderSlot(r.$slots,"default",{},()=>[e.createVNode(i,{items:t.items.filter(({hidden:m})=>!m)},null,8,["items"])])],2),c.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["KNavbar-footer",t.footerClass])},[e.renderSlot(r.$slots,"footer")],2)):e.createCommentVNode("",!0)],2),t.hideToggle?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(["KNavbar-toggle",t.toggleClass]),onClick:a},[e.createVNode(d,{href:"#caretLeft"})],2))],2)}}}),b=Object.freeze(Object.defineProperty({__proto__:null,KContainer:f,KIcon:p,KNavbar:C,KNavbarMenu:i},Symbol.toStringTag,{value:"Module"})),V={install(t){for(const o in b)t.component(o,b[o])}};n.KContainer=f,n.KIcon=p,n.KNavbar=C,n.KNavbarMenu=i,n.default=V,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/types/components/Badge/KBadge.vue.d.ts

@@ -0,0 +1,14 @@
+import { KBadgeProps } from './types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<KBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Badge/types.d.ts

@@ -0,0 +1,7 @@
+import { Size, Variant } from '../../types';
+export type KBadgeProps = {
+    pill?: boolean;
+    size?: Size;
+    subtle?: boolean;
+    variant?: Variant;
+};

package/dist/types/components/Navbar/types.d.ts

@@ -1,16 +1,26 @@
+import { ClassValue } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 export type MenuItem = {
     text: string;
     badge?: number | string;
+    badgeClass?: ClassValue;
     children?: MenuItem[];
     hidden?: boolean;
     icon?: string;
+    iconClass?: ClassValue;
     onClick?: () => void;
     route?: RouteLocationRaw;
+    textClass?: ClassValue;
 };
 export type KNavbarProps = {
     items: MenuItem[];
+    bodyClass?: ClassValue;
+    brandClass?: ClassValue;
     fixed?: boolean;
+    footerClass?: ClassValue;
+    hideToggle?: boolean;
+    innerClass?: ClassValue;
+    toggleClass?: ClassValue;
 };
 export type KNavbarEmits = {
     (event: 'toggle', value: boolean): void;

package/dist/types/types.d.ts

@@ -0,0 +1,2 @@
+export type Size = '5xs' | '4xs' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+export type Variant = 'brand' | 'success' | 'info' | 'attention' | 'danger';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knitify/vue",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "",
   "author": "",
   "license": "ISC",
@@ -18,7 +18,7 @@
     "vue": "^3.5.12",
     "vue-router": "^4.0.3",
     "vue-tsc": "^3.2.5",
-    "@knitify/core": "1.0.3"
+    "@knitify/core": "1.0.6"
   },
   "peerDependencies": {
     "@knitify/core": "^1.0.1",