tax4all-components 0.1.0

package/deploy/dist/index.d.ts

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

package/deploy/dist/index.js

@@ -0,0 +1,297 @@
+import { defineComponent as h, computed as v, openBlock as d, createElementBlock as u, normalizeClass as c, createElementVNode as n, createCommentVNode as m, toDisplayString as k, ref as B, onMounted as w, createTextVNode as I, createVNode as p } from "vue";
+const S = ["disabled"], M = {
+  key: 0,
+  class: "spinner"
+}, z = {
+  key: 2,
+  class: "btn-label"
+}, N = {
+  key: 4,
+  class: "btn-badge"
+}, T = ["disabled"], W = /* @__PURE__ */ h({
+  __name: "BaseButton",
+  props: {
+    label: {},
+    icon: {},
+    iconPosition: { default: "left" },
+    badge: {},
+    variant: { default: "solid" },
+    size: { default: "cozy" },
+    state: { default: "neutral" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    fullWidth: { type: Boolean, default: !1 },
+    split: { type: Boolean, default: !1 },
+    dropdown: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "split-click"],
+  setup(e, { emit: r }) {
+    const a = e, i = r;
+    function l() {
+      !a.disabled && !a.loading && i("click");
+    }
+    const s = v(() => a.label ? a.iconPosition : "left"), o = v(() => [
+      `variant-${a.variant}`,
+      `size-${a.size}`,
+      `state-${a.state}`,
+      {
+        "icon-only": a.icon && !a.label,
+        disabled: a.disabled
+      }
+    ]);
+    return (b, t) => (d(), u("div", {
+      class: c(["base-button-wrapper", { "full-width": a.fullWidth, split: a.split }])
+    }, [
+      n("button", {
+        class: c(["base-button", o.value]),
+        disabled: e.disabled || e.loading,
+        onClick: l
+      }, [
+        e.loading ? (d(), u("span", M)) : m("", !0),
+        e.icon && s.value === "left" && !e.loading ? (d(), u("i", {
+          key: 1,
+          class: c([e.icon, "btn-icon"])
+        }, null, 2)) : m("", !0),
+        e.label ? (d(), u("span", z, k(e.label), 1)) : m("", !0),
+        e.icon && s.value === "right" && !e.loading ? (d(), u("i", {
+          key: 3,
+          class: c([e.icon, "btn-icon"])
+        }, null, 2)) : m("", !0),
+        e.badge !== void 0 ? (d(), u("span", N, k(e.badge), 1)) : m("", !0)
+      ], 10, S),
+      e.split ? (d(), u("button", {
+        key: 0,
+        class: c(["base-button split-button", o.value]),
+        disabled: e.disabled,
+        onClick: t[0] || (t[0] = (f) => b.$emit("split-click"))
+      }, [...t[1] || (t[1] = [
+        n("i", { class: "bi bi-chevron-down" }, null, -1)
+      ])], 10, T)) : m("", !0)
+    ], 2));
+  }
+}), C = (e, r) => {
+  const a = e.__vccOpts || e;
+  for (const [i, l] of r)
+    a[i] = l;
+  return a;
+}, E = /* @__PURE__ */ C(W, [["__scopeId", "data-v-0ce8be12"]]), P = {
+  key: 0,
+  class: "base-input__label"
+}, F = ["value", "placeholder", "readonly", "disabled"], A = /* @__PURE__ */ h({
+  __name: "BaseInput",
+  props: {
+    modelValue: {},
+    label: {},
+    placeholder: {},
+    variant: { default: "outlined" },
+    state: { default: "default" },
+    size: { default: "md" },
+    fullWidth: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: r }) {
+    const a = e, i = r, l = B(a.state);
+    function s(V) {
+      const _ = V.target;
+      i("update:modelValue", _.value);
+    }
+    function o() {
+      a.disabled || (l.value = "focus");
+    }
+    function b() {
+      a.disabled || (l.value = "default");
+    }
+    function t() {
+      a.disabled || l.value !== "focus" && (l.value = "hover");
+    }
+    function f() {
+      a.disabled || l.value !== "focus" && (l.value = "default");
+    }
+    const g = v(() => [
+      "base-input",
+      `base-input--${a.variant}`,
+      `base-input--${a.size}`,
+      `base-input--${l.value}`,
+      {
+        "base-input--full": a.fullWidth,
+        "base-input--disabled": a.disabled
+      }
+    ]), y = v(() => [
+      "base-input__field"
+    ]);
+    return (V, _) => (d(), u("div", {
+      class: c(g.value)
+    }, [
+      e.label ? (d(), u("label", P, k(e.label), 1)) : m("", !0),
+      n("input", {
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        readonly: e.readonly,
+        disabled: e.disabled,
+        class: c(y.value),
+        onInput: s,
+        onFocus: o,
+        onBlur: b,
+        onMouseenter: t,
+        onMouseleave: f
+      }, null, 42, F)
+    ], 2));
+  }
+}), x = /* @__PURE__ */ C(A, [["__scopeId", "data-v-f4861b50"]]), L = { class: "base-snackbar__icon" }, O = { class: "base-snackbar__content" }, U = { class: "base-snackbar__title" }, D = { class: "base-snackbar__message" }, J = /* @__PURE__ */ h({
+  __name: "BaseSnackbar",
+  props: {
+    title: {},
+    message: {},
+    variant: { default: "success" },
+    duration: { default: 4e3 }
+  },
+  emits: ["close"],
+  setup(e, { emit: r }) {
+    const a = e, i = r, l = B(!1);
+    let s = null;
+    const o = v(() => ({
+      success: "bi bi-check-circle-fill",
+      warning: "bi bi-exclamation-triangle-fill",
+      critical: "bi bi-x-circle-fill"
+    })[a.variant]);
+    function b() {
+      s = setTimeout(() => {
+        l.value = !0;
+      }, a.duration);
+    }
+    function t(g) {
+      g.propertyName === "opacity" && l.value && i("close");
+    }
+    function f() {
+      s && clearTimeout(s), l.value = !0;
+    }
+    return w(() => {
+      b();
+    }), (g, y) => (d(), u("div", {
+      class: c(["base-snackbar", [`base-snackbar--${e.variant}`, { "base-snackbar--hide": l.value }]]),
+      onTransitionend: t
+    }, [
+      n("div", L, [
+        n("i", {
+          class: c(o.value)
+        }, null, 2)
+      ]),
+      n("div", O, [
+        n("strong", U, k(e.title), 1),
+        n("span", D, k(e.message), 1)
+      ]),
+      n("button", {
+        class: "base-snackbar__close",
+        onClick: f
+      }, [...y[0] || (y[0] = [
+        n("i", { class: "bi bi-x-lg" }, null, -1),
+        I(" Fechar ", -1)
+      ])])
+    ], 34));
+  }
+}), G = /* @__PURE__ */ h({
+  __name: "BaseAuthProviderChip",
+  props: {
+    provider: {},
+    dark: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: r }) {
+    const a = e, i = r, l = v(() => ({
+      google: "Google",
+      microsoft: "Microsoft",
+      apple: "Apple"
+    })[a.provider]), s = v(() => ({
+      google: "bi bi-google",
+      microsoft: "bi bi-microsoft",
+      apple: "bi bi-apple"
+    })[a.provider]);
+    function o() {
+      i("click", a.provider);
+    }
+    return (b, t) => (d(), u("button", {
+      class: c(["auth-chip", [`auth-chip--${e.provider}`, { "auth-chip--dark": e.dark }]]),
+      onClick: o
+    }, [
+      n("i", {
+        class: c(s.value)
+      }, null, 2),
+      n("span", null, k(l.value), 1)
+    ], 2));
+  }
+}), $ = /* @__PURE__ */ C(G, [["__scopeId", "data-v-b6215df6"]]), H = { class: "login-form__providers" }, j = /* @__PURE__ */ h({
+  __name: "BaseLoginForm",
+  props: {
+    dark: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["submit", "provider"],
+  setup(e, { emit: r }) {
+    const a = r, i = B(""), l = B("");
+    function s() {
+      a("submit", {
+        login: i.value,
+        password: l.value
+      });
+    }
+    function o(b) {
+      a("provider", b);
+    }
+    return (b, t) => (d(), u("div", {
+      class: c(["login-form", { "login-form--dark": e.dark }])
+    }, [
+      t[2] || (t[2] = n("h2", { class: "login-form__title" }, "Acessar Sistema", -1)),
+      t[3] || (t[3] = n("p", { class: "login-form__subtitle" }, "Digite seu login e senha para continuar", -1)),
+      p(x, {
+        modelValue: i.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (f) => i.value = f),
+        label: "Login",
+        placeholder: "Seu login",
+        fullWidth: ""
+      }, null, 8, ["modelValue"]),
+      p(x, {
+        modelValue: l.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (f) => l.value = f),
+        label: "Senha",
+        placeholder: "Sua senha",
+        type: "password",
+        fullWidth: ""
+      }, null, 8, ["modelValue"]),
+      p(E, {
+        label: "Entrar",
+        variant: "solid",
+        loading: e.loading,
+        fullWidth: "",
+        onClick: s
+      }, null, 8, ["loading"]),
+      t[4] || (t[4] = n("div", { class: "login-form__divider" }, [
+        n("span", null, "OU CONTINUE COM")
+      ], -1)),
+      n("div", H, [
+        p($, {
+          provider: "google",
+          dark: e.dark,
+          onClick: o
+        }, null, 8, ["dark"]),
+        p($, {
+          provider: "microsoft",
+          dark: e.dark,
+          onClick: o
+        }, null, 8, ["dark"]),
+        p($, {
+          provider: "apple",
+          dark: e.dark,
+          onClick: o
+        }, null, 8, ["dark"])
+      ])
+    ], 2));
+  }
+}), K = /* @__PURE__ */ C(j, [["__scopeId", "data-v-b1287f25"]]);
+export {
+  E as BaseButton,
+  x as BaseInput,
+  K as BaseLoginForm,
+  J as BaseSnackbar
+};

package/deploy/dist/index.umd.cjs

@@ -0,0 +1 @@
+(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r["frontend-componentes-atender"]={},r.Vue))})(this,function(r,e){"use strict";const C=["disabled"],V={key:0,class:"spinner"},y={key:2,class:"btn-label"},N={key:4,class:"btn-badge"},E=["disabled"],$=e.defineComponent({__name:"BaseButton",props:{label:{},icon:{},iconPosition:{default:"left"},badge:{},variant:{default:"solid"},size:{default:"cozy"},state:{default:"neutral"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},split:{type:Boolean,default:!1},dropdown:{type:Boolean,default:!1}},emits:["click","split-click"],setup(t,{emit:d}){const l=t,o=d;function a(){!l.disabled&&!l.loading&&o("click")}const i=e.computed(()=>l.label?l.iconPosition:"left"),s=e.computed(()=>[`variant-${l.variant}`,`size-${l.size}`,`state-${l.state}`,{"icon-only":l.icon&&!l.label,disabled:l.disabled}]);return(c,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["base-button-wrapper",{"full-width":l.fullWidth,split:l.split}])},[e.createElementVNode("button",{class:e.normalizeClass(["base-button",s.value]),disabled:t.disabled||t.loading,onClick:a},[t.loading?(e.openBlock(),e.createElementBlock("span",V)):e.createCommentVNode("",!0),t.icon&&i.value==="left"&&!t.loading?(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([t.icon,"btn-icon"])},null,2)):e.createCommentVNode("",!0),t.label?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),t.icon&&i.value==="right"&&!t.loading?(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass([t.icon,"btn-icon"])},null,2)):e.createCommentVNode("",!0),t.badge!==void 0?(e.openBlock(),e.createElementBlock("span",N,e.toDisplayString(t.badge),1)):e.createCommentVNode("",!0)],10,C),t.split?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["base-button split-button",s.value]),disabled:t.disabled,onClick:n[0]||(n[0]=m=>c.$emit("split-click"))},[...n[1]||(n[1]=[e.createElementVNode("i",{class:"bi bi-chevron-down"},null,-1)])],10,E)):e.createCommentVNode("",!0)],2))}}),f=(t,d)=>{const l=t.__vccOpts||t;for(const[o,a]of d)l[o]=a;return l},g=f($,[["__scopeId","data-v-0ce8be12"]]),z={key:0,class:"base-input__label"},_=["value","placeholder","readonly","disabled"],p=f(e.defineComponent({__name:"BaseInput",props:{modelValue:{},label:{},placeholder:{},variant:{default:"outlined"},state:{default:"default"},size:{default:"md"},fullWidth:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:d}){const l=t,o=d,a=e.ref(l.state);function i(B){const h=B.target;o("update:modelValue",h.value)}function s(){l.disabled||(a.value="focus")}function c(){l.disabled||(a.value="default")}function n(){l.disabled||a.value!=="focus"&&(a.value="hover")}function m(){l.disabled||a.value!=="focus"&&(a.value="default")}const u=e.computed(()=>["base-input",`base-input--${l.variant}`,`base-input--${l.size}`,`base-input--${a.value}`,{"base-input--full":l.fullWidth,"base-input--disabled":l.disabled}]),b=e.computed(()=>["base-input__field"]);return(B,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value)},[t.label?(e.openBlock(),e.createElementBlock("label",z,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("input",{value:t.modelValue,placeholder:t.placeholder,readonly:t.readonly,disabled:t.disabled,class:e.normalizeClass(b.value),onInput:i,onFocus:s,onBlur:c,onMouseenter:n,onMouseleave:m},null,42,_)],2))}}),[["__scopeId","data-v-f4861b50"]]),S={class:"base-snackbar__icon"},I={class:"base-snackbar__content"},T={class:"base-snackbar__title"},w={class:"base-snackbar__message"},M=e.defineComponent({__name:"BaseSnackbar",props:{title:{},message:{},variant:{default:"success"},duration:{default:4e3}},emits:["close"],setup(t,{emit:d}){const l=t,o=d,a=e.ref(!1);let i=null;const s=e.computed(()=>({success:"bi bi-check-circle-fill",warning:"bi bi-exclamation-triangle-fill",critical:"bi bi-x-circle-fill"})[l.variant]);function c(){i=setTimeout(()=>{a.value=!0},l.duration)}function n(u){u.propertyName==="opacity"&&a.value&&o("close")}function m(){i&&clearTimeout(i),a.value=!0}return e.onMounted(()=>{c()}),(u,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["base-snackbar",[`base-snackbar--${t.variant}`,{"base-snackbar--hide":a.value}]]),onTransitionend:n},[e.createElementVNode("div",S,[e.createElementVNode("i",{class:e.normalizeClass(s.value)},null,2)]),e.createElementVNode("div",I,[e.createElementVNode("strong",T,e.toDisplayString(t.title),1),e.createElementVNode("span",w,e.toDisplayString(t.message),1)]),e.createElementVNode("button",{class:"base-snackbar__close",onClick:m},[...b[0]||(b[0]=[e.createElementVNode("i",{class:"bi bi-x-lg"},null,-1),e.createTextVNode(" Fechar ",-1)])])],34))}}),k=f(e.defineComponent({__name:"BaseAuthProviderChip",props:{provider:{},dark:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:d}){const l=t,o=d,a=e.computed(()=>({google:"Google",microsoft:"Microsoft",apple:"Apple"})[l.provider]),i=e.computed(()=>({google:"bi bi-google",microsoft:"bi bi-microsoft",apple:"bi bi-apple"})[l.provider]);function s(){o("click",l.provider)}return(c,n)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["auth-chip",[`auth-chip--${t.provider}`,{"auth-chip--dark":t.dark}]]),onClick:s},[e.createElementVNode("i",{class:e.normalizeClass(i.value)},null,2),e.createElementVNode("span",null,e.toDisplayString(a.value),1)],2))}}),[["__scopeId","data-v-b6215df6"]]),x={class:"login-form__providers"},D=f(e.defineComponent({__name:"BaseLoginForm",props:{dark:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["submit","provider"],setup(t,{emit:d}){const l=d,o=e.ref(""),a=e.ref("");function i(){l("submit",{login:o.value,password:a.value})}function s(c){l("provider",c)}return(c,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["login-form",{"login-form--dark":t.dark}])},[n[2]||(n[2]=e.createElementVNode("h2",{class:"login-form__title"},"Acessar Sistema",-1)),n[3]||(n[3]=e.createElementVNode("p",{class:"login-form__subtitle"},"Digite seu login e senha para continuar",-1)),e.createVNode(p,{modelValue:o.value,"onUpdate:modelValue":n[0]||(n[0]=m=>o.value=m),label:"Login",placeholder:"Seu login",fullWidth:""},null,8,["modelValue"]),e.createVNode(p,{modelValue:a.value,"onUpdate:modelValue":n[1]||(n[1]=m=>a.value=m),label:"Senha",placeholder:"Sua senha",type:"password",fullWidth:""},null,8,["modelValue"]),e.createVNode(g,{label:"Entrar",variant:"solid",loading:t.loading,fullWidth:"",onClick:i},null,8,["loading"]),n[4]||(n[4]=e.createElementVNode("div",{class:"login-form__divider"},[e.createElementVNode("span",null,"OU CONTINUE COM")],-1)),e.createElementVNode("div",x,[e.createVNode(k,{provider:"google",dark:t.dark,onClick:s},null,8,["dark"]),e.createVNode(k,{provider:"microsoft",dark:t.dark,onClick:s},null,8,["dark"]),e.createVNode(k,{provider:"apple",dark:t.dark,onClick:s},null,8,["dark"])])],2))}}),[["__scopeId","data-v-b1287f25"]]);r.BaseButton=g,r.BaseInput=p,r.BaseLoginForm=D,r.BaseSnackbar=M,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/deploy/dist/src/components/BaseAuthProviderChip.vue.d.ts

@@ -0,0 +1,9 @@
+import { IBaseAuthProviderChipProps, AuthProvider } from '../interfaces/IBaseAuthProviderChip';
+declare const _default: import('vue').DefineComponent<IBaseAuthProviderChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (provider: AuthProvider) => any;
+}, string, import('vue').PublicProps, Readonly<IBaseAuthProviderChipProps> & Readonly<{
+    onClick?: ((provider: AuthProvider) => any) | undefined;
+}>, {
+    dark: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/deploy/dist/src/components/BaseButton.vue.d.ts

@@ -0,0 +1,19 @@
+import { IBaseButtonProps } from '../interfaces/IBaseButton';
+declare const _default: import('vue').DefineComponent<IBaseButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: () => any;
+    "split-click": () => any;
+}, string, import('vue').PublicProps, Readonly<IBaseButtonProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+    "onSplit-click"?: (() => any) | undefined;
+}>, {
+    iconPosition: import('../interfaces/IBaseButton').IconPosition;
+    variant: import('../interfaces/IBaseButton').ButtonVariant;
+    size: import('../interfaces/IBaseButton').ButtonSize;
+    state: import('../interfaces/IBaseButton').ButtonState;
+    disabled: boolean;
+    loading: boolean;
+    fullWidth: boolean;
+    split: boolean;
+    dropdown: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/deploy/dist/src/components/BaseInput.vue.d.ts

@@ -0,0 +1,14 @@
+import { IBaseInputProps, InputState } from '../interfaces/IBaseInput';
+declare const _default: import('vue').DefineComponent<IBaseInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<IBaseInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    variant: import('../interfaces/IBaseInput').InputVariant;
+    size: import('../interfaces/IBaseInput').InputSize;
+    state: InputState;
+    disabled: boolean;
+    fullWidth: boolean;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/deploy/dist/src/components/BaseLoginForm.vue.d.ts

@@ -0,0 +1,19 @@
+import { IBaseLoginFormProps } from '../interfaces/IBaseLoginForm';
+import { AuthProvider } from '../interfaces/IBaseAuthProviderChip';
+declare const _default: import('vue').DefineComponent<IBaseLoginFormProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (payload: {
+        login: string;
+        password: string;
+    }) => any;
+    provider: (provider: AuthProvider) => any;
+}, string, import('vue').PublicProps, Readonly<IBaseLoginFormProps> & Readonly<{
+    onSubmit?: ((payload: {
+        login: string;
+        password: string;
+    }) => any) | undefined;
+    onProvider?: ((provider: AuthProvider) => any) | undefined;
+}>, {
+    loading: boolean;
+    dark: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/deploy/dist/src/components/BaseSnackbar.vue.d.ts

@@ -0,0 +1,10 @@
+import { IBaseSnackbarProps } from '../interfaces/IBaseSnackbar';
+declare const _default: import('vue').DefineComponent<IBaseSnackbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<IBaseSnackbarProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    variant: import('../interfaces/IBaseSnackbar').SnackbarVariant;
+    duration: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/deploy/dist/src/index.d.ts

@@ -0,0 +1,9 @@
+import { default as BaseButton } from './components/BaseButton.vue';
+import { default as BaseInput } from './components/BaseInput.vue';
+import { default as BaseSnackbar } from './components/BaseSnackbar.vue';
+import { default as BaseLoginForm } from './components/BaseLoginForm.vue';
+import { IBaseButtonProps, ButtonVariant, ButtonSize, ButtonState, IconPosition } from './interfaces/IBaseButton';
+import { IBaseInputProps, InputVariant, InputSize, InputState } from './interfaces/IBaseInput';
+import { IBaseSnackbarProps, SnackbarVariant } from './interfaces/IBaseSnackbar';
+export { BaseButton, BaseInput, BaseSnackbar, BaseLoginForm };
+export type { IBaseButtonProps, ButtonVariant, ButtonSize, ButtonState, IconPosition, IBaseInputProps, InputVariant, InputSize, InputState, IBaseSnackbarProps, SnackbarVariant, };

package/deploy/dist/src/interfaces/IBaseAuthProviderChip.d.ts

@@ -0,0 +1,5 @@
+export interface IBaseAuthProviderChipProps {
+    provider: AuthProvider;
+    dark?: boolean;
+}
+export type AuthProvider = 'google' | 'microsoft' | 'apple';

package/deploy/dist/src/interfaces/IBaseButton.d.ts

@@ -0,0 +1,18 @@
+export interface IBaseButtonProps {
+    label?: string;
+    icon?: string;
+    iconPosition?: IconPosition;
+    badge?: string | number;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    state?: ButtonState;
+    disabled?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    split?: boolean;
+    dropdown?: boolean;
+}
+export type ButtonVariant = 'solid' | 'outline' | 'ghost';
+export type ButtonSize = 'compact' | 'cozy';
+export type ButtonState = 'neutral' | 'error' | 'warning' | 'success' | 'info';
+export type IconPosition = 'left' | 'right';

package/deploy/dist/src/interfaces/IBaseInput.d.ts

@@ -0,0 +1,14 @@
+export type InputVariant = 'underline' | 'outlined';
+export type InputState = 'default' | 'hover' | 'focus' | 'disabled';
+export type InputSize = 'sm' | 'md' | 'lg';
+export interface IBaseInputProps {
+    modelValue: string;
+    label?: string;
+    placeholder?: string;
+    variant?: InputVariant;
+    state?: InputState;
+    size?: InputSize;
+    fullWidth?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+}

package/deploy/dist/src/interfaces/IBaseLoginForm.d.ts

@@ -0,0 +1,4 @@
+export interface IBaseLoginFormProps {
+    dark?: boolean;
+    loading?: boolean;
+}

package/deploy/dist/src/interfaces/IBaseSnackbar.d.ts

@@ -0,0 +1,7 @@
+export interface IBaseSnackbarProps {
+    title: string;
+    message: string;
+    variant?: SnackbarVariant;
+    duration?: number;
+}
+export type SnackbarVariant = 'success' | 'warning' | 'critical';

package/deploy/dist/src/stories/components/BaseAuthProviderChip.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as BaseAuthProviderChip } from '../../components/BaseAuthProviderChip.vue';
+declare const meta: Meta<typeof BaseAuthProviderChip>;
+export default meta;
+type Story = StoryObj<typeof BaseAuthProviderChip>;
+export declare const Google: Story;
+export declare const Microsoft: Story;
+export declare const Apple: Story;
+export declare const DarkMode: Story;

package/deploy/dist/src/stories/components/BaseButton.stories.d.ts

@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as BaseButton } from '../../components/BaseButton.vue';
+declare const meta: Meta<typeof BaseButton>;
+export default meta;
+type Story = StoryObj<typeof BaseButton>;
+export declare const SolidNeutral: Story;
+export declare const OutlineNeutral: Story;
+export declare const GhostNeutral: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Compact: Story;
+export declare const Cozy: Story;
+export declare const IconLeft: Story;
+export declare const IconRight: Story;
+export declare const OnlyIcon: Story;
+export declare const WithBadge: Story;
+export declare const SplitButton: Story;
+export declare const FullWidth: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;

package/deploy/dist/src/stories/components/BaseInput.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as BaseInput } from '../../components/BaseInput.vue';
+declare const meta: Meta<typeof BaseInput>;
+export default meta;
+type Story = StoryObj<typeof BaseInput>;
+export declare const Underline: Story;
+export declare const Outlined: Story;
+export declare const Default: Story;
+export declare const Hover: Story;
+export declare const Focus: Story;
+export declare const Disabled: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const WithLabel: Story;
+export declare const WithPlaceholder: Story;
+export declare const FullWidth: Story;
+export declare const Readonly: Story;

package/deploy/dist/src/stories/components/BaseSnackbar.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as BaseSnackbar } from '../../components/BaseSnackbar.vue';
+declare const meta: Meta<typeof BaseSnackbar>;
+export default meta;
+type Story = StoryObj<typeof BaseSnackbar>;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Critical: Story;
+export declare const ShortDuration: Story;
+export declare const LongDuration: Story;

package/deploy/dist/src/stories/components/LoginForm.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as BaseLoginForm } from '../../components/BaseLoginForm.vue';
+declare const meta: Meta<typeof BaseLoginForm>;
+export default meta;
+type Story = StoryObj<typeof BaseLoginForm>;
+export declare const Default: Story;
+export declare const DarkMode: Story;
+export declare const Loading: Story;

package/deploy/dist/style.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";[data-v-0ce8be12]{font-family:Mulish,sans-serif}span[data-v-0ce8be12],form[data-v-0ce8be12],label[data-v-0ce8be12],header[data-v-0ce8be12],body[data-v-0ce8be12],section[data-v-0ce8be12]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-0ce8be12]{border:none;background:none}input[data-v-0ce8be12]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-button-wrapper[data-v-0ce8be12]{display:inline-flex;align-items:stretch}.base-button-wrapper.full-width[data-v-0ce8be12]{width:100%}.base-button-wrapper.split .base-button[data-v-0ce8be12]:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.base-button-wrapper.split .split-button[data-v-0ce8be12]{border-top-left-radius:0;border-bottom-left-radius:0;width:40px}.base-button[data-v-0ce8be12]{position:relative;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:500;border-radius:8px;transition:all .2s ease;box-shadow:0 1px 2px #00000040;width:100%}.base-button.icon-only[data-v-0ce8be12]{padding:0 12px}.base-button[data-v-0ce8be12]:disabled{opacity:.6;cursor:not-allowed}.base-button[data-v-0ce8be12]:focus-visible{outline:none;box-shadow:0 0 0 3px #2f54d326}.size-compact[data-v-0ce8be12]{height:32px;font-size:14px}.size-cozy[data-v-0ce8be12]{height:40px;font-size:16px}.variant-solid[data-v-0ce8be12]{color:#fff}.variant-outline[data-v-0ce8be12]{background:transparent;border:1px solid}.variant-ghost[data-v-0ce8be12]{background:transparent}.state-neutral.variant-solid[data-v-0ce8be12]{background:#00aa76}.state-neutral.variant-solid[data-v-0ce8be12]:hover{background:#017955}.state-neutral.variant-outline[data-v-0ce8be12]{border-color:#00aa76;color:#00aa76}.state-neutral.variant-outline[data-v-0ce8be12]:hover{background:#00aa7615}.state-neutral.variant-ghost[data-v-0ce8be12]{color:#00aa76}.state-neutral.variant-ghost[data-v-0ce8be12]:hover{background:#00aa7615}.state-success.variant-solid[data-v-0ce8be12]{background:#017a74}.state-success.variant-solid[data-v-0ce8be12]:hover{background:#044946}.state-success.variant-outline[data-v-0ce8be12]{border-color:#017a74;color:#017a74}.state-success.variant-outline[data-v-0ce8be12]:hover{background:#01707426}.state-success.variant-ghost[data-v-0ce8be12]{color:#017a74}.state-success.variant-ghost[data-v-0ce8be12]:hover{background:#01707426}.state-warning.variant-solid[data-v-0ce8be12]{background:#f6cb5c;color:#1a1a1a}.state-warning.variant-solid[data-v-0ce8be12]:hover{background:#9f7509}.state-warning.variant-outline[data-v-0ce8be12]{border-color:#f6cb5c;color:#f6cb5c}.state-warning.variant-outline[data-v-0ce8be12]:hover{background:#f6cb5c26}.state-warning.variant-ghost[data-v-0ce8be12]{color:#f6cb5c}.state-warning.variant-ghost[data-v-0ce8be12]:hover{background:#f6cb5c26}.state-error.variant-solid[data-v-0ce8be12]{background:#c93f58}.state-error.variant-solid[data-v-0ce8be12]:hover{background:#a62f44}.state-error.variant-outline[data-v-0ce8be12]{border-color:#c93f58;color:#c93f58}.state-error.variant-outline[data-v-0ce8be12]:hover{background:#c93f5826}.state-error.variant-ghost[data-v-0ce8be12]{color:#c93f58}.state-error.variant-ghost[data-v-0ce8be12]:hover{background:#c93f5826}.state-info.variant-solid[data-v-0ce8be12]{background:#00aa76}.state-info.variant-solid[data-v-0ce8be12]:hover{background:#017955}.state-info.variant-outline[data-v-0ce8be12]{border-color:#00aa76;color:#00aa76}.state-info.variant-outline[data-v-0ce8be12]:hover{background:#00aa7615}.state-info.variant-ghost[data-v-0ce8be12]{color:#00aa76}.state-info.variant-ghost[data-v-0ce8be12]:hover{background:#00aa7615}.btn-icon[data-v-0ce8be12]{font-size:16px}.btn-badge[data-v-0ce8be12]{background:#fff;color:#1a1a1a;border-radius:999px;padding:0 6px;font-size:12px;font-weight:600}.spinner[data-v-0ce8be12]{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin-0ce8be12 .6s linear infinite}@keyframes spin-0ce8be12{to{transform:rotate(360deg)}}[data-v-f4861b50]{font-family:Mulish,sans-serif}span[data-v-f4861b50],form[data-v-f4861b50],label[data-v-f4861b50],header[data-v-f4861b50],body[data-v-f4861b50],section[data-v-f4861b50]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-f4861b50]{border:none;background:none}input[data-v-f4861b50]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-input[data-v-f4861b50]{display:inline-flex;flex-direction:column;gap:4px;width:auto}.base-input--full[data-v-f4861b50]{width:100%}.base-input__label[data-v-f4861b50]{font-size:14px;color:#5e5e5e}.base-input__field[data-v-f4861b50]{border:none;outline:none;font-size:14px;padding:6px 8px;background:transparent;color:#000c;transition:all .2s ease}.base-input__field[data-v-f4861b50]::placeholder{color:#999}.base-input--underline .base-input__field[data-v-f4861b50]{border-bottom:1px solid #cccccc}.base-input--underline.base-input--hover .base-input__field[data-v-f4861b50]{border-bottom-color:#00aa76}.base-input--underline.base-input--focus .base-input__field[data-v-f4861b50]{border-bottom:2px solid #00aa76}.base-input--outlined .base-input__field[data-v-f4861b50]{border:1px solid #cccccc;border-radius:6px;background:#f9f9f9}.base-input--outlined.base-input--hover .base-input__field[data-v-f4861b50]{border-color:#00aa76;background:#00aa7615}.base-input--outlined.base-input--focus .base-input__field[data-v-f4861b50]{border:2px solid #00aa76;background:#fff;box-shadow:0 0 0 3px #00aa7615}.base-input--sm .base-input__field[data-v-f4861b50]{font-size:12px;padding:4px 6px}.base-input--md .base-input__field[data-v-f4861b50]{font-size:14px;padding:6px 8px}.base-input--lg .base-input__field[data-v-f4861b50]{font-size:16px;padding:10px 12px}.base-input--disabled .base-input__field[data-v-f4861b50]{background:#f0f0f0;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.7}.base-input--disabled .base-input__field[data-v-f4861b50]::placeholder{color:#ccc}*{font-family:Mulish,sans-serif}span,form,label,header,body,section{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button{border:none;background:none}input:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.base-snackbar{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:8px;color:#fff;box-shadow:0 8px 24px #00000040;opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.base-snackbar--hide{opacity:0;transform:translateY(-8px)}.base-snackbar__icon{font-size:28px;display:flex;align-items:center}.base-snackbar__content{display:flex;flex-direction:column;flex:1}.base-snackbar__title{font-size:14px;font-weight:600}.base-snackbar__message{font-size:13px;opacity:.9}.base-snackbar__close{background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.base-snackbar__close:hover{opacity:.85}.base-snackbar--success{background:#017a74}.base-snackbar--warning{background:#f6cb5c;color:#1a1a1a}.base-snackbar--warning .base-snackbar__close{color:#1a1a1a}.base-snackbar--critical{background:#c93f58}[data-v-b6215df6]{font-family:Mulish,sans-serif}span[data-v-b6215df6],form[data-v-b6215df6],label[data-v-b6215df6],header[data-v-b6215df6],body[data-v-b6215df6],section[data-v-b6215df6]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-b6215df6]{border:none;background:none}input[data-v-b6215df6]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.auth-chip[data-v-b6215df6]{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:24px;border:1px solid #e0e0e0;background:#fff;color:#444;font-size:14px;cursor:pointer;transition:all .2s ease}.auth-chip[data-v-b6215df6]:hover{background:#f0f0f0}.auth-chip--dark[data-v-b6215df6]{background:#1a1a1a;border-color:#444;color:#fff}.auth-chip--dark[data-v-b6215df6]:hover{background:#2b2b2b}[data-v-b1287f25]{font-family:Mulish,sans-serif}span[data-v-b1287f25],form[data-v-b1287f25],label[data-v-b1287f25],header[data-v-b1287f25],body[data-v-b1287f25],section[data-v-b1287f25]{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font:inherit;vertical-align:baseline}button[data-v-b1287f25]{border:none;background:none}input[data-v-b1287f25]:focus{outline:none;border:2px solid #2ecc71;box-shadow:0 0 5px #2ecc71}.login-form[data-v-b1287f25]{width:320px;padding:40px;border-radius:20px;background:#f9f9f9;display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 32px #00000040}.login-form--dark[data-v-b1287f25]{background:#1a1a1a}.login-form--dark h2[data-v-b1287f25]{color:#fff}.login-form--dark p[data-v-b1287f25]{color:#999}.login-form__title[data-v-b1287f25]{text-align:center;font-size:22px;font-weight:600;margin:0}.login-form__subtitle[data-v-b1287f25]{text-align:center;font-size:14px;color:#666;margin:0}.login-form__divider[data-v-b1287f25]{display:flex;align-items:center;gap:10px;color:#999;font-size:12px}.login-form__divider[data-v-b1287f25]:before,.login-form__divider[data-v-b1287f25]:after{content:"";flex:1;height:1px;background:#e0e0e0}.login-form__providers[data-v-b1287f25]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "tax4all-components",
+  "private": false,
+  "version": "0.1.0",
+  "files": [
+    "deploy/dist"
+  ],
+  "main": "deploy/dist/index.umd.cjs",
+  "module": "deploy/dist/index.js",
+  "types": "deploy/dist/index.d.ts",
+  "style": "deploy/dist/style.css",
+  "exports": {
+    ".": {
+      "types": "./deploy/dist/index.d.ts",
+      "import": "./deploy/dist/index.js",
+      "require": "./deploy/dist/index.umd.cjs",
+      "default": "./deploy/dist/index.js"
+    },
+    "./style.css": "./deploy/dist/style.css"
+  },
+  "type": "module",
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.29",
+    "vue-tsc": "^2.0.21"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.8.0",
+    "@storybook/vue3-vite": "^10.1.4",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^20.14.5",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.5.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^9.23.0",
+    "npm-run-all2": "^6.2.0",
+    "prettier": "^3.2.5",
+    "sass": "^1.89.2",
+    "typescript": "~5.4.0",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^1.6.0",
+    "vue": "^3.4.29"
+  },
+  "optionalDependencies": {
+    "@rollup/rollup-linux-x64-gnu": "^4.20.0"
+  },
+  "dependencies": {
+    "@storybook/addon-styling-webpack": "^3.0.0",
+    "@storybook/builder-vite": "^10.1.4",
+    "@storybook/vue3": "^10.1.4",
+    "storybook": "^10.1.4"
+  },
+  "description": "pacote de componentes vue",
+  "directories": {
+    "doc": "docs"
+  },
+  "author": "joao.tag",
+  "license": "ISC"
+}