@caipira/tamandua 0.0.45 → 0.0.47

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

@@ -1,19 +1,14 @@
 import { FormSubmissionFormat } from '../../enums/form.js';
-import { ButtonVariant } from '../../enums/ui.js';
 import { FormSchema, FormInstance } from '../../types/form.js';
 import { FormEvents } from './types.js';
 
 declare const _default: <T extends FormSchema>(__VLS_props: {
-    id?: string | number | undefined;
     schema?: T | undefined;
-    formStyle?: {
-        input?: string | undefined;
-        label?: string | undefined;
-    } | undefined;
+    layout?: import('./types.js').FormLayout | undefined;
+    formStyle?: import('./types.js').FormStyle | undefined;
+    identifier?: string | number | undefined;
     showSubmit?: boolean | undefined;
-    submitLabel?: string | undefined;
     buttonProps?: import('../types.js').ButtonProps | undefined;
-    buttonVariant?: ButtonVariant | undefined;
     submissionFormat?: FormSubmissionFormat | undefined;
     buttonWrapperClasses?: string | undefined;
 } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
@@ -36,16 +31,12 @@ declare const _default: <T extends FormSchema>(__VLS_props: {
     getValue: (key: keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>) => import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>[keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>];
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        id?: string | number | undefined;
         schema?: T | undefined;
-        formStyle?: {
-            input?: string | undefined;
-            label?: string | undefined;
-        } | undefined;
+        layout?: import('./types.js').FormLayout | undefined;
+        formStyle?: import('./types.js').FormStyle | undefined;
+        identifier?: string | number | undefined;
         showSubmit?: boolean | undefined;
-        submitLabel?: string | undefined;
         buttonProps?: import('../types.js').ButtonProps | undefined;
-        buttonVariant?: ButtonVariant | undefined;
         submissionFormat?: FormSubmissionFormat | undefined;
         buttonWrapperClasses?: string | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -72,16 +63,12 @@ declare const _default: <T extends FormSchema>(__VLS_props: {
 }> & {
     __ctx?: {
         props: {
-            id?: string | number | undefined;
             schema?: T | undefined;
-            formStyle?: {
-                input?: string | undefined;
-                label?: string | undefined;
-            } | undefined;
+            layout?: import('./types.js').FormLayout | undefined;
+            formStyle?: import('./types.js').FormStyle | undefined;
+            identifier?: string | number | undefined;
             showSubmit?: boolean | undefined;
-            submitLabel?: string | undefined;
             buttonProps?: import('../types.js').ButtonProps | undefined;
-            buttonVariant?: ButtonVariant | undefined;
             submissionFormat?: FormSubmissionFormat | undefined;
             buttonWrapperClasses?: string | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;

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

@@ -1,19 +1,18 @@
 import { FormSubmissionFormat } from '../../enums/form.js';
-import { ButtonVariant } from '../../enums/ui.js';
 import { ButtonProps } from '../Button/types.js';
 import { FormSchema, FormInstance, ValidationResult } from '../../types/form.js';
 
-type FormStyle = {
+export type FormStyle = {
     [key in "label" | "input"]?: string;
 };
+export type FormLayout = "horizontal" | "vertical" | "inline";
 export type FormProps<T extends FormSchema> = {
-    id?: string | number;
     schema?: T;
+    layout?: FormLayout;
     formStyle?: FormStyle;
+    identifier?: string | number;
     showSubmit?: boolean;
-    submitLabel?: string;
     buttonProps?: ButtonProps;
-    buttonVariant?: ButtonVariant;
     submissionFormat?: FormSubmissionFormat;
     buttonWrapperClasses?: string;
 };
@@ -21,4 +20,3 @@ export type FormEvents = {
     <T extends FormSubmissionFormat>(e: "submit", val: ValidationResult<T>): void;
     <T extends FormSchema>(e: "change", val: FormInstance<T>): void;
 };
-export {};

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

@@ -1,14 +1,8 @@
 import { FormItemProps } from './types.js';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FormItemProps>, {
-    inline: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FormItemProps>, {
-    inline: boolean;
-}>>>, {
-    inline: boolean;
-}, {}>, {
-    default?(_: {}): any;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<FormItemProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FormItemProps>>>, {}, {}>, {
     label?(_: {}): any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -20,14 +14,6 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,5 +1,7 @@
+import { FormLayout } from '../Form/types.js';
+
 export type FormItemProps = {
     label: string;
     rules?: any;
-    inline?: boolean;
+    layout?: FormLayout;
 };

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

@@ -1,6 +1,7 @@
 import { InputCheckboxProps } from './types.js';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputCheckboxProps>, {
+    label: string;
     disabled: boolean;
     isIndeterminate: boolean;
     initializeValue: boolean;
@@ -8,6 +9,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     input: (args_0: boolean) => void;
     "update:model-value": (args_0: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputCheckboxProps>, {
+    label: string;
     disabled: boolean;
     isIndeterminate: boolean;
     initializeValue: boolean;
@@ -15,6 +17,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     onInput?: ((args_0: boolean) => any) | undefined;
     "onUpdate:model-value"?: ((args_0: boolean) => any) | undefined;
 }, {
+    label: string;
     disabled: boolean;
     isIndeterminate: boolean;
     initializeValue: boolean;

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

@@ -1,4 +1,5 @@
 export type InputCheckboxProps = {
+    label?: string;
     disabled?: boolean;
     modelValue?: boolean;
     isIndeterminate?: boolean;

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

@@ -2,20 +2,17 @@ import { InputMultiplierProps } from './types.js';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputMultiplierProps>, {
     component: string;
-    label: string;
     listeners: () => {};
     inputProps: () => {};
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (value: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputMultiplierProps>, {
     component: string;
-    label: string;
     listeners: () => {};
     inputProps: () => {};
 }>>> & {
     "onUpdate:model-value"?: ((value: any[]) => any) | undefined;
 }, {
-    label: string;
     component: import("vue").Component | "t-input-text" | "t-input-phone";
     inputProps: any;
     listeners: {

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

@@ -4,7 +4,6 @@ type ComponentType = "t-input-text" | "t-input-phone" | Component;
 export type InputMultiplierProps = {
     component?: ComponentType;
     inputProps?: any;
-    label: string;
     listeners?: {
         [key: string]: (...args: any[]) => void;
     };

package/dist/types/components/ModalForm/{model-form.story.d.ts → ModalForm.story.d.ts}

@@ -21,7 +21,7 @@ export declare const ModalForm: (args: any) => {
         args: any;
         modalForm: import('vue').Ref<any>;
         onChange: () => void;
-        openForm: () => void;
+        openForm: () => any;
         Form: {
             setup(): {
                 schema: FormSchema;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caipira/tamandua",
-    "version": "0.0.45",
+    "version": "0.0.47",
     "private": false,
     "description": "UI library for the Caipira ecosystem",
     "license": "GPL-3.0-only",
@@ -11,7 +11,7 @@
     },
     "repository": {
         "type": "git",
-        "url": "https://github.com/caipira-io/tamandua.git"
+        "url": "git+https://github.com/caipira-io/tamandua.git"
     },
     "type": "module",
     "typesVersions": {

package/dist/Drawer-BNQfu7JD.js

@@ -1,76 +0,0 @@
-import './Drawer.css';
-import { defineComponent as v, ref as b, onMounted as h, resolveComponent as c, openBlock as o, createElementBlock as l, withKeys as w, createVNode as d, createElementVNode as a, normalizeClass as f, createBlock as k, createCommentVNode as r, renderSlot as n } from "vue";
-import { _ as x } from "./Backdrop.vue_vue_type_script_setup_true_lang-OaEBTmYK.js";
-import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const C = {
-  key: 0,
-  class: "flex justify-between items-center pl-4 py-1 pr-1 border-b border-color"
-}, $ = { class: "flex flex-col flex-1 relative overflow-y-auto scrollbar" }, z = /* @__PURE__ */ v({
-  name: "TDrawer",
-  __name: "Drawer",
-  props: {
-    title: { default: "" },
-    style: { default: () => ({
-      footer: ""
-    }) },
-    direction: { default: "rtl" },
-    showHeader: { type: Boolean, default: !0 }
-  },
-  emits: ["closed"],
-  setup(u, { emit: p }) {
-    const t = u, m = p, i = b(null), s = (e) => {
-      e.stopPropagation(), m("closed");
-    };
-    return h(() => {
-      i.value?.focus();
-    }), (e, B) => {
-      const _ = c("t-graphy-subtitle"), y = c("t-button");
-      return o(), l("div", {
-        class: "fixed inset-0 flex items-center z-10",
-        tabindex: "0",
-        ref_key: "modal",
-        ref: i,
-        onKeyup: w(s, ["esc"])
-      }, [
-        d(x, { onClick: s }),
-        a("div", {
-          class: f(["w-[38rem] absolute inset-y-0 z-20 flex flex-col bg-caipira-primary drawer", {
-            "right-0 drop-shadow-lg": t.direction === "ltr",
-            "left-0": t.direction === "rtl"
-          }])
-        }, [
-          t.showHeader ? (o(), l("div", C, [
-            a("div", null, [
-              t.title ? (o(), k(_, {
-                key: 0,
-                text: t.title
-              }, null, 8, ["text"])) : r("", !0),
-              e.$slots.header ? n(e.$slots, "header", { key: 1 }, void 0, !0) : r("", !0)
-            ]),
-            d(y, {
-              variant: "transparent",
-              class: "self-start",
-              size: "lg",
-              icon: "close",
-              onClick: s
-            })
-          ])) : r("", !0),
-          a("div", $, [
-            n(e.$slots, "default", {}, void 0, !0)
-          ]),
-          e.$slots.footer ? (o(), l("div", {
-            key: 1,
-            class: f(["p-4 border-t border-color", {
-              [e.style.footer]: !0
-            }])
-          }, [
-            n(e.$slots, "footer", {}, void 0, !0)
-          ], 2)) : r("", !0)
-        ], 2)
-      ], 544);
-    };
-  }
-}), E = /* @__PURE__ */ g(z, [["__scopeId", "data-v-1e2fe237"]]);
-export {
-  E as D
-};

package/dist/FormItem.vue_vue_type_script_setup_true_lang-CV7IVjE4.js

@@ -1,84 +0,0 @@
-import { defineComponent as C, useSlots as I, inject as S, computed as p, provide as $, resolveComponent as B, openBlock as t, createElementBlock as l, createElementVNode as o, normalizeClass as s, Fragment as d, unref as a, renderSlot as n, createVNode as x, withCtx as y, renderList as F, toDisplayString as N, createCommentVNode as T } from "vue";
-const V = { class: "w-full" }, w = {
-  key: 0,
-  class: "float-right"
-};
-let E = 0;
-const z = /* @__PURE__ */ C({
-  name: "TFormItem",
-  __name: "FormItem",
-  props: {
-    label: {},
-    rules: {},
-    inline: { type: Boolean, default: !0 }
-  },
-  setup(h) {
-    const u = h, i = `formitem_${++E}`, c = I(), f = [], r = S("formStyle", { label: "", input: "" }), v = p(() => {
-      if (!c || !c.default)
-        return !1;
-      const e = c?.default();
-      return e ? e[0].type.name : !1;
-    }), m = p(() => v.value === "TInputCheckbox"), _ = p(() => v.value === "TInputMultiplier");
-    return $("id", i), (e, M) => {
-      const b = B("t-graphy-label");
-      return t(), l("div", V, [
-        o("div", {
-          class: s(["flex gap-2 my-5", {
-            "flex-col": !u.inline,
-            "items-center": !_.value,
-            "items-start": _.value
-          }])
-        }, [
-          m.value ? (t(), l(d, { key: 0 }, [
-            o("div", {
-              class: s(["text-right", { [a(r).label]: !0 }])
-            }, [
-              n(e.$slots, "default")
-            ], 2),
-            x(b, {
-              text: u.label,
-              for: i,
-              class: s([{
-                [a(r).input]: !0,
-                "cursor-pointer": m.value
-              }, "text-left"])
-            }, {
-              default: y(() => [
-                n(e.$slots, "label")
-              ]),
-              _: 3
-            }, 8, ["text", "class"])
-          ], 64)) : (t(), l(d, { key: 1 }, [
-            x(b, {
-              text: u.label,
-              for: i,
-              class: s([{
-                [a(r).label]: !0,
-                "cursor-pointer": m.value
-              }, "text-right"])
-            }, {
-              default: y(() => [
-                n(e.$slots, "label")
-              ]),
-              _: 3
-            }, 8, ["text", "class"]),
-            o("div", {
-              class: s({ [a(r).input]: !0 })
-            }, [
-              n(e.$slots, "default")
-            ], 2)
-          ], 64))
-        ], 2),
-        f ? (t(), l("div", w, [
-          (t(), l(d, null, F(f, (g, k) => o("span", {
-            class: "text-sm text-red-600",
-            key: k
-          }, N(g), 1)), 64))
-        ])) : T("", !0)
-      ]);
-    };
-  }
-});
-export {
-  z as _
-};

package/dist/InputCheckbox.vue_vue_type_style_index_0_lang-BONJ9l1D.js

@@ -1,40 +0,0 @@
-import './InputCheckbox.css';
-import { defineComponent as p, inject as s, ref as c, watch as m, withDirectives as f, openBlock as b, createElementBlock as v, mergeProps as h, unref as k, vModelCheckbox as y } from "vue";
-const B = ["indeterminate", "id", "disabled"], I = /* @__PURE__ */ p({
-  name: "TInputCheckbox",
-  __name: "InputCheckbox",
-  props: {
-    disabled: { type: Boolean, default: !1 },
-    modelValue: { type: Boolean },
-    isIndeterminate: { type: Boolean, default: !1 },
-    initializeValue: { type: Boolean, default: !1 }
-  },
-  emits: ["update:model-value", "input"],
-  setup(o, { emit: l }) {
-    const a = o, i = l, d = s("id", ""), t = c(!1), r = () => {
-      const e = !t.value;
-      i("update:model-value", e), i("input", e);
-    };
-    return m(
-      () => a.modelValue,
-      (e) => {
-        a.initializeValue && typeof e > "u" && i("update:model-value", !1), t.value = e;
-      },
-      { immediate: !0 }
-    ), (e, n) => f((b(), v("input", h({
-      "onUpdate:modelValue": n[0] || (n[0] = (u) => t.value = u)
-    }, e.$attrs, {
-      type: "checkbox",
-      class: "form-checkbox w-5 h-5 border input-border input-roundness color-caipira-primary-inverted bg-caipira-primary checked:bg-caipira-primary-inverted input-outline",
-      indeterminate: a.isIndeterminate,
-      id: k(d),
-      disabled: e.disabled,
-      onInput: r
-    }), null, 16, B)), [
-      [y, t.value]
-    ]);
-  }
-});
-export {
-  I as _
-};

package/dist/InputRadio.vue_vue_type_style_index_0_lang-IqPZ9Qzl.js

@@ -1,35 +0,0 @@
-import './InputRadio.css';
-import { defineComponent as m, inject as e, openBlock as u, createElementBlock as b, createElementVNode as o, unref as r, toDisplayString as v } from "vue";
-const h = { class: "h-9 inline-flex items-center" }, f = ["value", "name", "disabled", "checked"];
-let _ = 0;
-const g = /* @__PURE__ */ m({
-  name: "TInputRadio",
-  __name: "InputRadio",
-  props: {
-    value: {},
-    label: {}
-  },
-  setup(t) {
-    const i = `radio_${++_}`, c = e("name", ""), a = t, l = e("model", ""), d = e("change", () => {
-    }), s = e("disabled", !1);
-    return (p, n) => (u(), b("div", h, [
-      o("input", {
-        value: a.value,
-        name: r(c),
-        id: i,
-        disabled: r(s),
-        checked: a.value === r(l),
-        type: "radio",
-        class: "form-radio w-5 h-5 border border-caipira-primary-inverted checked:hover:border-caipira-primary-inverted checked:focus:border-caipira-primary-inverted checked:border-caipira-primary-inverted input-outline focus:input-outline bg-caipira-primary color-caipira-primary",
-        onChange: n[0] || (n[0] = (y) => r(d)(a.value))
-      }, null, 40, f),
-      o("label", {
-        class: "cursor-pointer pl-2 mr-3 input-label",
-        for: i
-      }, v(p.label), 1)
-    ]));
-  }
-});
-export {
-  g as _
-};

package/dist/InputText.vue_vue_type_script_setup_true_lang-D4nIMRiz.js

@@ -1,39 +0,0 @@
-import { defineComponent as r, mergeModels as u, useModel as c, inject as l, withDirectives as m, openBlock as f, createElementBlock as b, normalizeClass as v, unref as t, vModelDynamic as y } from "vue";
-const _ = ["type", "id", "placeholder", "autocomplete", "disabled"], M = /* @__PURE__ */ r({
-  name: "TInputText",
-  __name: "InputText",
-  props: /* @__PURE__ */ u({
-    type: { default: "text" },
-    placeholder: { default: void 0 },
-    autocomplete: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    disableStyle: { type: Boolean, default: !1 }
-  }, {
-    modelValue: {
-      default: ""
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ u(["keyup.enter"], ["update:modelValue"]),
-  setup(o, { emit: h }) {
-    const d = c(o, "modelValue"), e = o, p = l("id", ""), a = l("invalid", !1), i = l("validated", !1);
-    return (x, n) => m((f(), b("input", {
-      "onUpdate:modelValue": n[0] || (n[0] = (s) => d.value = s),
-      type: e.type,
-      class: v({
-        "h-9 input-bg-color input-text-color input-outline border input-border input-roundness input-padding w-full": !e.disableStyle,
-        "border-red-500": !t(i) && t(a),
-        "border-emerald-500": t(i) && !t(a)
-      }),
-      id: t(p),
-      placeholder: e.placeholder,
-      autocomplete: e.autocomplete,
-      disabled: e.disabled
-    }, null, 10, _)), [
-      [y, d.value]
-    ]);
-  }
-});
-export {
-  M as _
-};