@dronico/droni-kit 1.0.2 → 1.1.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [1.1.0](https://github.com/Droni-app/droni-kit/compare/v1.0.3...v1.1.0) (2025-04-16)
+
+
+### Bug Fixes
+
+* remove component call ([ba7c91b](https://github.com/Droni-app/droni-kit/commit/ba7c91b4fc7ac9121b8ef0f8a867666c95ed5403))
+
+
+### Features
+
+* scaffold ([803354d](https://github.com/Droni-app/droni-kit/commit/803354d6c0b62338966ba7a6e61cd46e2a199afe))
+
+## [1.0.3](https://github.com/Droni-app/droni-kit/compare/v1.0.2...v1.0.3) (2025-04-15)
+
+
+### Bug Fixes
+
+* index file ([eea1072](https://github.com/Droni-app/droni-kit/commit/eea1072638a19026818ff6d6d6a1a33334ab1d24))
+
 ## [1.0.2](https://github.com/Droni-app/droni-kit/compare/v1.0.1...v1.0.2) (2025-04-15)
 
 

package/dist/App.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/droni-kit.js

@@ -1,76 +1,17 @@
-import { defineComponent as i, ref as g, createElementBlock as p, openBlock as u, Fragment as c, createElementVNode as t, toDisplayString as a, createTextVNode as l, createVNode as m, createApp as v } from "vue";
-const h = "/vite.svg", _ = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='37.07'%20height='36'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20198'%3e%3cpath%20fill='%2341B883'%20d='M204.8%200H256L128%20220.8L0%200h97.92L128%2051.2L157.44%200h47.36Z'%3e%3c/path%3e%3cpath%20fill='%2341B883'%20d='m0%200l128%20220.8L256%200h-51.2L128%20132.48L50.56%200H0Z'%3e%3c/path%3e%3cpath%20fill='%2335495E'%20d='M50.56%200L128%20133.12L204.8%200h-47.36L128%2051.2L97.92%200H50.56Z'%3e%3c/path%3e%3c/svg%3e", f = { class: "card" }, k = /* @__PURE__ */ i({
-  __name: "HelloWorld",
+import { defineComponent as n, createElementBlock as o, openBlock as p, toDisplayString as r } from "vue";
+const a = { type: "button" }, s = /* @__PURE__ */ n({
+  __name: "DuiButton",
   props: {
-    msg: {}
+    label: {
+      type: String,
+      default: "Kalvin"
+    }
   },
-  setup(n) {
-    const s = g(0);
-    return (o, e) => (u(), p(c, null, [
-      t("h1", null, a(o.msg), 1),
-      t("div", f, [
-        t("button", {
-          type: "button",
-          onClick: e[0] || (e[0] = (r) => s.value++)
-        }, "count is " + a(s.value), 1),
-        e[1] || (e[1] = t("p", null, [
-          l(" Edit "),
-          t("code", null, "components/HelloWorld.vue"),
-          l(" to test HMR ")
-        ], -1))
-      ]),
-      e[2] || (e[2] = t("p", null, [
-        l(" Check out "),
-        t("a", {
-          href: "https://vuejs.org/guide/quick-start.html#local",
-          target: "_blank"
-        }, "create-vue"),
-        l(", the official Vue + Vite starter ")
-      ], -1)),
-      e[3] || (e[3] = t("p", null, [
-        l(" Learn more about IDE Support for Vue in the "),
-        t("a", {
-          href: "https://vuejs.org/guide/scaling-up/tooling.html#ide-support",
-          target: "_blank"
-        }, "Vue Docs Scaling up Guide"),
-        l(". ")
-      ], -1)),
-      e[4] || (e[4] = t("p", { class: "read-the-docs" }, "Click on the Vite and Vue logos to learn more", -1))
-    ], 64));
+  setup(t) {
+    const e = t;
+    return (c, i) => (p(), o("button", a, r(e.label), 1));
   }
-}), d = (n, s) => {
-  const o = n.__vccOpts || n;
-  for (const [e, r] of s)
-    o[e] = r;
-  return o;
-}, V = /* @__PURE__ */ d(k, [["__scopeId", "data-v-cc337d8c"]]), L = /* @__PURE__ */ i({
-  __name: "App",
-  setup(n) {
-    return (s, o) => (u(), p(c, null, [
-      o[0] || (o[0] = t("div", null, [
-        t("a", {
-          href: "https://vite.dev",
-          target: "_blank"
-        }, [
-          t("img", {
-            src: h,
-            class: "logo",
-            alt: "Vite logo"
-          })
-        ]),
-        t("a", {
-          href: "https://vuejs.org/",
-          target: "_blank"
-        }, [
-          t("img", {
-            src: _,
-            class: "logo vue",
-            alt: "Vue logo"
-          })
-        ])
-      ], -1)),
-      m(V, { msg: "Vite + Vue" })
-    ], 64));
-  }
-}), w = /* @__PURE__ */ d(L, [["__scopeId", "data-v-48d00746"]]);
-v(w).mount("#app");
+});
+export {
+  s as DuiButton
+};

package/dist/droni-kit.umd.cjs

@@ -1 +1 @@
-(function(e,n){typeof exports=="object"&&typeof module<"u"?n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,n(e.Vue))})(this,function(e){"use strict";const n="/vite.svg",i="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='37.07'%20height='36'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20198'%3e%3cpath%20fill='%2341B883'%20d='M204.8%200H256L128%20220.8L0%200h97.92L128%2051.2L157.44%200h47.36Z'%3e%3c/path%3e%3cpath%20fill='%2341B883'%20d='m0%200l128%20220.8L256%200h-51.2L128%20132.48L50.56%200H0Z'%3e%3c/path%3e%3cpath%20fill='%2335495E'%20d='M50.56%200L128%20133.12L204.8%200h-47.36L128%2051.2L97.92%200H50.56Z'%3e%3c/path%3e%3c/svg%3e",c={class:"card"},d=e.defineComponent({__name:"HelloWorld",props:{msg:{}},setup(r){const l=e.ref(0);return(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("h1",null,e.toDisplayString(o.msg),1),e.createElementVNode("div",c,[e.createElementVNode("button",{type:"button",onClick:t[0]||(t[0]=s=>l.value++)},"count is "+e.toDisplayString(l.value),1),t[1]||(t[1]=e.createElementVNode("p",null,[e.createTextVNode(" Edit "),e.createElementVNode("code",null,"components/HelloWorld.vue"),e.createTextVNode(" to test HMR ")],-1))]),t[2]||(t[2]=e.createElementVNode("p",null,[e.createTextVNode(" Check out "),e.createElementVNode("a",{href:"https://vuejs.org/guide/quick-start.html#local",target:"_blank"},"create-vue"),e.createTextVNode(", the official Vue + Vite starter ")],-1)),t[3]||(t[3]=e.createElementVNode("p",null,[e.createTextVNode(" Learn more about IDE Support for Vue in the "),e.createElementVNode("a",{href:"https://vuejs.org/guide/scaling-up/tooling.html#ide-support",target:"_blank"},"Vue Docs Scaling up Guide"),e.createTextVNode(". ")],-1)),t[4]||(t[4]=e.createElementVNode("p",{class:"read-the-docs"},"Click on the Vite and Vue logos to learn more",-1))],64))}}),a=(r,l)=>{const o=r.__vccOpts||r;for(const[t,s]of l)o[t]=s;return o},p=a(d,[["__scopeId","data-v-cc337d8c"]]),m=a(e.defineComponent({__name:"App",setup(r){return(l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o[0]||(o[0]=e.createElementVNode("div",null,[e.createElementVNode("a",{href:"https://vite.dev",target:"_blank"},[e.createElementVNode("img",{src:n,class:"logo",alt:"Vite logo"})]),e.createElementVNode("a",{href:"https://vuejs.org/",target:"_blank"},[e.createElementVNode("img",{src:i,class:"logo vue",alt:"Vue logo"})])],-1)),e.createVNode(p,{msg:"Vite + Vue"})],64))}}),[["__scopeId","data-v-48d00746"]]);e.createApp(m).mount("#app")});
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t["droni-kit"]={},t.Vue))})(this,function(t,e){"use strict";const n={type:"button"},o=e.defineComponent({__name:"DuiButton",props:{label:{type:String,default:"Kalvin"}},setup(i){const u=i;return(p,s)=>(e.openBlock(),e.createElementBlock("button",n,e.toDisplayString(u.label),1))}});t.DuiButton=o,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import { default as DuiButton } from './stories/Forms/DuiButton.vue';
+export { DuiButton };

package/dist/stories/Forms/DuiButton.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        label: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;

package/dist/stories/Forms/DuiButton.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dronico/droni-kit",
   "author": "Gustavo Barragan <dev@droni.co>",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "private": false,
   "access": "public",
   "publishConfig": {

package/dist/components/HelloWorld.vue.d.ts

@@ -1,5 +0,0 @@
-type __VLS_Props = {
-    msg: string;
-};
-declare const _default: 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>;
-export default _default;

package/dist/droni-kit.css

@@ -1 +0,0 @@
-:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.read-the-docs[data-v-cc337d8c]{color:#888}.logo[data-v-48d00746]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-48d00746]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-48d00746]:hover{filter:drop-shadow(0 0 2em #42b883aa)}

package/dist/stories/Button.stories.d.ts

@@ -1,42 +0,0 @@
-import { StoryObj } from '@storybook/vue3';
-declare const meta: {
-    title: string;
-    component: import('vue').DefineComponent<{
-        label: string;
-        primary?: boolean;
-        size?: "small" | "medium" | "large";
-        backgroundColor?: string;
-    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        click: (id: number) => any;
-    }, string, import('vue').PublicProps, Readonly<{
-        label: string;
-        primary?: boolean;
-        size?: "small" | "medium" | "large";
-        backgroundColor?: string;
-    }> & Readonly<{
-        onClick?: ((id: number) => any) | undefined;
-    }>, {
-        primary: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
-    tags: string[];
-    argTypes: {
-        size: {
-            control: "select";
-            options: string[];
-        };
-        backgroundColor: {
-            control: "color";
-        };
-    };
-    args: {
-        primary: false;
-        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;
-export declare const Select: Story;

package/dist/stories/Button.vue.d.ts

@@ -1,26 +0,0 @@
-type __VLS_Props = {
-    /**
-     * The label of the button
-     */
-    label: string;
-    /**
-     * primary or secondary button
-     */
-    primary?: boolean;
-    /**
-     * size of the button
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * background color of the button
-     */
-    backgroundColor?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    click: (id: number) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((id: number) => any) | undefined;
-}>, {
-    primary: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
-export default _default;

package/dist/stories/Page.stories.d.ts

@@ -1,19 +0,0 @@
-import { StoryObj } from '@storybook/vue3';
-declare const meta: {
-    title: string;
-    component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
-    render: () => {
-        components: {
-            MyPage: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
-        };
-        template: string;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedIn: Story;
-export declare const LoggedOut: Story;

package/dist/stories/Page.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
-export default _default;