@dronico/droni-kit 1.0.3 → 1.1.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [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)
 
 

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,75 +1,17 @@
-import { defineComponent as d, computed as m, createElementBlock as a, openBlock as t, normalizeStyle as g, normalizeClass as z, toDisplayString as c, createElementVNode as s, createStaticVNode as f, createCommentVNode as r, createBlock as n, createTextVNode as p } from "vue";
-const i = /* @__PURE__ */ d({
-  __name: "Button",
+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: {
-    label: {},
-    primary: { type: Boolean, default: !1 },
-    size: {},
-    backgroundColor: {}
+    label: {
+      type: String,
+      default: "Kalvin"
+    }
   },
-  emits: ["click"],
-  setup(u, { emit: o }) {
-    const e = u, l = o, k = m(() => ({
-      "storybook-button": !0,
-      "storybook-button--primary": e.primary,
-      "storybook-button--secondary": !e.primary,
-      [`storybook-button--${e.size || "medium"}`]: !0
-    })), y = m(() => ({
-      backgroundColor: e.backgroundColor
-    })), b = () => {
-      l("click", 1);
-    };
-    return (v, $) => (t(), a("button", {
-      type: "button",
-      class: z(k.value),
-      onClick: b,
-      style: g(y.value)
-    }, c(v.label), 7));
-  }
-}), C = { class: "storybook-header" }, B = {
-  key: 0,
-  class: "welcome"
-}, w = /* @__PURE__ */ d({
-  __name: "Header",
-  props: {
-    user: {}
-  },
-  emits: ["createAccount", "login", "logout"],
-  setup(u) {
-    return (o, e) => (t(), a("header", null, [
-      s("div", C, [
-        e[5] || (e[5] = f('<div><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z" fill="#FFF"></path><path d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z" fill="#555AB9"></path><path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8"></path></g></svg><h1>Acme</h1></div>', 1)),
-        s("div", null, [
-          o.user ? (t(), a("span", B, [
-            e[3] || (e[3] = p("Welcome, ")),
-            s("b", null, c(o.user.name), 1),
-            e[4] || (e[4] = p("!"))
-          ])) : r("", !0),
-          o.user ? (t(), n(i, {
-            key: 1,
-            size: "small",
-            onClick: e[0] || (e[0] = (l) => o.$emit("logout")),
-            label: "Log out"
-          })) : r("", !0),
-          o.user ? r("", !0) : (t(), n(i, {
-            key: 2,
-            size: "small",
-            onClick: e[1] || (e[1] = (l) => o.$emit("login")),
-            label: "Log in"
-          })),
-          o.user ? r("", !0) : (t(), n(i, {
-            key: 3,
-            primary: "",
-            size: "small",
-            onClick: e[2] || (e[2] = (l) => o.$emit("createAccount")),
-            label: "Sign up"
-          }))
-        ])
-      ])
-    ]));
+  setup(t) {
+    const e = t;
+    return (c, i) => (p(), o("button", a, r(e.label), 1));
   }
 });
 export {
-  i as ButtonEspecial,
-  w as HeaderEspecial
+  s as DuiButton
 };

package/dist/droni-kit.umd.cjs

@@ -1 +1 @@
-(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l["droni-kit"]={},l.Vue))})(this,function(l,e){"use strict";const n=e.defineComponent({__name:"Button",props:{label:{},primary:{type:Boolean,default:!1},size:{},backgroundColor:{}},emits:["click"],setup(i,{emit:t}){const o=i,r=t,d=e.computed(()=>({"storybook-button":!0,"storybook-button--primary":o.primary,"storybook-button--secondary":!o.primary,[`storybook-button--${o.size||"medium"}`]:!0})),c=e.computed(()=>({backgroundColor:o.backgroundColor})),p=()=>{r("click",1)};return(k,u)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:e.normalizeClass(d.value),onClick:p,style:e.normalizeStyle(c.value)},e.toDisplayString(k.label),7))}}),s={class:"storybook-header"},a={key:0,class:"welcome"},m=e.defineComponent({__name:"Header",props:{user:{}},emits:["createAccount","login","logout"],setup(i){return(t,o)=>(e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("div",s,[o[5]||(o[5]=e.createStaticVNode('<div><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z" fill="#FFF"></path><path d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z" fill="#555AB9"></path><path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8"></path></g></svg><h1>Acme</h1></div>',1)),e.createElementVNode("div",null,[t.user?(e.openBlock(),e.createElementBlock("span",a,[o[3]||(o[3]=e.createTextVNode("Welcome, ")),e.createElementVNode("b",null,e.toDisplayString(t.user.name),1),o[4]||(o[4]=e.createTextVNode("!"))])):e.createCommentVNode("",!0),t.user?(e.openBlock(),e.createBlock(n,{key:1,size:"small",onClick:o[0]||(o[0]=r=>t.$emit("logout")),label:"Log out"})):e.createCommentVNode("",!0),t.user?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:2,size:"small",onClick:o[1]||(o[1]=r=>t.$emit("login")),label:"Log in"})),t.user?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:3,primary:"",size:"small",onClick:o[2]||(o[2]=r=>t.$emit("createAccount")),label:"Sign up"}))])])]))}});l.ButtonEspecial=n,l.HeaderEspecial=m,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+(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

@@ -1,3 +1,2 @@
-import { default as ButtonEspecial } from './stories/Button.vue';
-import { default as HeaderEspecial } from './stories/Header.vue';
-export { ButtonEspecial, HeaderEspecial };
+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.3",
+  "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 @@
-.storybook-button{display:inline-block;cursor:pointer;border:0;border-radius:3em;font-weight:700;line-height:1;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.storybook-button--primary{background-color:#555ab9;color:#fff}.storybook-button--secondary{box-shadow:#00000026 0 0 0 1px inset;background-color:transparent;color:#333}.storybook-button--small{padding:10px 16px;font-size:12px}.storybook-button--medium{padding:11px 20px;font-size:14px}.storybook-button--large{padding:12px 24px;font-size:16px}.storybook-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);padding:15px 20px;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.storybook-header svg{display:inline-block;vertical-align:top}.storybook-header h1{display:inline-block;vertical-align:top;margin:6px 0 6px 10px;font-weight:700;font-size:20px;line-height:1}.storybook-header button+button{margin-left:10px}.storybook-header .welcome{margin-right:10px;color:#333;font-size:14px}

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;