@knitify/vue 0.0.2 → 0.0.4

package/dist/index.es.js

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

@@ -0,0 +1,14 @@
+import { KContainerProps } from './types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<KContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KContainerProps> & 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/Container/types.d.ts

@@ -0,0 +1,3 @@
+export type KContainerProps = {
+    glassy?: boolean;
+};

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

@@ -1,6 +1,18 @@
-import { KNavbarProps, KNavbarSlots } from './types';
+import type { KNavbarProps, KNavbarSlots } from './types';
+type __VLS_Props = KNavbarProps;
 type __VLS_Slots = KNavbarSlots;
-declare const __VLS_base: import("vue").DefineComponent<KNavbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KNavbarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+type __VLS_ModelProps = {
+    'expanded'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expanded": (value: boolean) => any;
+} & {
+    toggle: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onToggle?: ((value: boolean) => any) | undefined;
+    "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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;

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

@@ -1,4 +1,16 @@
 import { KNavbarMenuProps } from './types';
-declare const __VLS_export: import("vue").DefineComponent<KNavbarMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KNavbarMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_1: {
+    item: import("./types").MenuItem;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<KNavbarMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KNavbarMenuProps> & 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/Navbar/types.d.ts

@@ -1,12 +1,23 @@
+import { ClassValue } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 export type MenuItem = {
     text: string;
-    route: RouteLocationRaw;
+    badge?: number | string;
+    badgeClass?: ClassValue;
     children?: MenuItem[];
+    hidden?: boolean;
     icon?: string;
+    iconClass?: ClassValue;
+    onClick?: () => void;
+    route?: RouteLocationRaw;
+    textClass?: ClassValue;
 };
 export type KNavbarProps = {
     items: MenuItem[];
+    fixed?: boolean;
+};
+export type KNavbarEmits = {
+    (event: 'toggle', value: boolean): void;
 };
 export type KNavbarSlots = {
     brand?(): any;

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

@@ -1,3 +1,4 @@
+export { default as KContainer } from './Container/KContainer.vue';
 export { default as KIcon } from './Icon/KIcon.vue';
 export { default as KNavbar } from './Navbar/KNavbar.vue';
 export { default as KNavbarMenu } from './Navbar/KNavbarMenu.vue';

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

@@ -1,2 +1,3 @@
+export * from './Container/types';
 export * from './Icon/types';
 export * from './Navbar/types';

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.2",
+  "version": "0.0.4",
   "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.2"
+    "@knitify/core": "1.0.5"
   },
   "peerDependencies": {
     "@knitify/core": "^1.0.1",