@mouseless/baked 1.8.6 → 1.9.0

package/dist/module.d.mts

@@ -12,6 +12,7 @@ interface ModuleOptions {
 interface Components {
     Page?: PageOptions;
     NavLink?: NavLinkOptions;
+    InputMoney?: InputMoneyOptions;
 }
 interface PageOptions {
     title?: String;
@@ -25,6 +26,9 @@ interface NavLinkOptions {
         hide?: number;
     };
 }
+interface InputMoneyOptions {
+    icon?: String;
+}
 interface PrimeVueOptions {
     theme: any;
     locale?: any;
@@ -60,4 +64,4 @@ interface ScreenOptions {
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { _default as default };
-export type { CacheOptions, Components, Composables, ModuleOptions, NavLinkOptions, PageOptions, Plugins, PrimeVueOptions, RetryOptions, ScreenOptions, UseBreakpointsOptions, UseDataFetcherOptions, UseFormatOptions };
+export type { CacheOptions, Components, Composables, InputMoneyOptions, ModuleOptions, NavLinkOptions, PageOptions, Plugins, PrimeVueOptions, RetryOptions, ScreenOptions, UseBreakpointsOptions, UseDataFetcherOptions, UseFormatOptions };

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@mouseless/baked",
   "configKey": "baked",
-  "version": "1.8.6",
+  "version": "1.9.0",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -12,7 +12,7 @@ const module$1 = defineNuxtModule({
   defaults: {},
   moduleDependencies: {
     "@nuxtjs/i18n": {
-      version: "10.5.0",
+      version: "10.6.0",
       defaults: {
         strategy: "no_prefix",
         detectBrowserLanguage: {
@@ -37,7 +37,7 @@ const module$1 = defineNuxtModule({
       rootDir: createResolver(_nuxt.options.rootDir)
     };
     const appJsonPath = pathToFileURL(resolver.rootDir.resolve("./.baked/app.json"));
-    const app = (await import(appJsonPath.href, { with: { type: 'json' } })).default;
+    const app = (await import(appJsonPath.href, { with: { type: "json" } })).default;
     _options.composables.useBreakpoints ||= {};
     _options.composables.useBreakpoints.screens ||= {
       "2xs": "340px",
@@ -49,6 +49,9 @@ const module$1 = defineNuxtModule({
       "2xl": "1536px",
       "3xl": "1920px"
     };
+    _options.components ||= {};
+    _options.components.InputMoney ||= {};
+    _options.components.InputMoney.icon ||= "pi-dollar";
     _nuxt.options.runtimeConfig.public.error = app?.error;
     _nuxt.options.runtimeConfig.public.inlineError = app?.inlineError;
     _nuxt.options.runtimeConfig.public.primevue = _options.primevue;

package/dist/runtime/assets/components.css

@@ -1,4 +1,4 @@
-@reference "./theme.css";@layer utilities{html{@apply max-xs:text-[smaller]}.bg-body,html{@apply bg-white dark:bg-zinc-925}.p-panel-content:has(.b-component--DataContainer) .b-component--DataContainer{@apply border-none rounded-none}.b-component--DataContainer div{@apply [&:has(.p-datatable)]:p-0}.b-component--DataContainer .p-button{@apply self-stretch}.b-component--DataContainer .p-button .p-button-icon+.p-button-label{@apply max-sm:hidden}.b-component--DataTable .p-datatable-tbody td.p-datatable-frozen-column{background:inherit}.b-component--DataContainer:has(.b-component--DataTable) .b-component--DataTable,.p-panel-content:has(.b-component--DataTable) .b-component--DataTable{@apply border-none rounded-none}.b-component--DataContainer:has(.b-component--DataTable) .b-component--DataTable .p-datatable-table-container,.p-panel-content:has(.b-component--DataTable) .b-component--DataTable .p-datatable-table-container{@apply border-none}.b-component--DataTable{@apply border border-slate-200 dark:border-zinc-700 justify-self-center w-full rounded-datatable}.b-component--DataTable .p-datatable-table-container{@apply border-none rounded-datatable}.b-component--DataTable:has(.p-datatable-paginator-bottom) .p-datatable-paginator-bottom{@apply border-t rounded-t-none rounded-b-datatable border-b-0}.b-component--DataTable:has(.p-datatable-paginator-bottom) .p-datatable-table-container{@apply rounded-b-none}.b-component--DataTable tbody>tr:last-child>td{@apply border-b-0}.b-component--DataTable tfoot>tr>td{@apply border-t}.b-component--DataTable .b-label-column--wide{@apply 3xl:w-[30%] 2xl:w-[20%] xl:w-[15%]}.b-component--DataTable .b-label-column--narrow{@apply 3xl:w-[40%] 2xl:w-[30%] xl:w-[20%]}.b-component--DataTable a{@apply text-sm}.b-component--DataTable .p-button{@apply -my-2}.b-component--DataTable td.p-datatable-frozen-column{@apply z-[1]}.b-component--DataTable .p-datatable-thead{@apply z-[2]}.b-component--DataPanel .p-panel-content{@apply [&:has(.p-datatable)]:p-0}.b-component--FormPage .reset-min-w *{@apply min-w-0}.p-iftalabel:has(.p-selectbutton){@apply mt-4}.b-component--Message.message-outlined{@apply border rounded-md}.b-component--Message.message-outlined .b-message-body{@apply py-[0.50rem] px-[0.75rem] min-w-[10rem] min-h-[1.5rem]}.b-component--Message.message-simple{@apply !bg-transparent}.b-component--Message.message-simple .b-message-icon{@apply text-sm}.b-component--Message.message-simple .b-message-body{@apply px-0}.b-component--Message.message-info{@apply bg-blue-50/95 text-blue-600 border-blue-200
+@reference "./theme.css";@layer utilities{html{@apply max-xs:text-[smaller]}.bg-body,html{@apply bg-white dark:bg-zinc-925}.p-panel-content:has(.b-component--DataContainer) .b-component--DataContainer{@apply border-none rounded-none}.b-component--DataContainer div{@apply [&:has(.p-datatable)]:p-0}.b-component--DataContainer .p-button{@apply self-stretch}.b-component--DataContainer .p-button .p-button-icon+.p-button-label{@apply max-sm:hidden}.b-component--DataTable .p-datatable-tbody td.p-datatable-frozen-column{background:inherit}.b-component--DataContainer:has(.b-component--DataTable) .b-component--DataTable,.p-panel-content:has(.b-component--DataTable) .b-component--DataTable{@apply border-none rounded-none}.b-component--DataContainer:has(.b-component--DataTable) .b-component--DataTable .p-datatable-table-container,.p-panel-content:has(.b-component--DataTable) .b-component--DataTable .p-datatable-table-container{@apply border-none}.b-component--DataTable{@apply border border-slate-200 dark:border-zinc-700 justify-self-center w-full rounded-datatable}.b-component--DataTable .p-datatable-table-container{@apply border-none rounded-datatable}.b-component--DataTable:has(.p-datatable-paginator-bottom) .p-datatable-paginator-bottom{@apply border-t rounded-t-none rounded-b-datatable border-b-0}.b-component--DataTable:has(.p-datatable-paginator-bottom) .p-datatable-table-container{@apply rounded-b-none}.b-component--DataTable tbody>tr:last-child>td{@apply border-b-0}.b-component--DataTable tfoot>tr>td{@apply border-t}.b-component--DataTable .b-label-column--wide{@apply 3xl:w-[30%] 2xl:w-[20%] xl:w-[15%]}.b-component--DataTable .b-label-column--narrow{@apply 3xl:w-[40%] 2xl:w-[30%] xl:w-[20%]}.b-component--DataTable a{@apply text-sm}.b-component--DataTable .p-button{@apply -my-2}.b-component--DataTable td.p-datatable-frozen-column{@apply z-[1]}.b-component--DataTable .p-datatable-thead{@apply z-[2]}.b-component--DataPanel .p-panel-content{@apply [&:has(.p-datatable)]:p-0}.b-component--FormPage .reset-min-w *{@apply min-w-0}.b-component--FormPage .grid .flex:has(.b-component--InputCheckbox):not(.b-input-group){@apply self-center}.b-component--InputCheckbox .p-iftalabel{@apply cursor-auto}.b-component--InputCheckbox .p-checkbox-lg+label{@apply text-sm -mt-1.5 ml-2 relative top-0 left-0 pointer-events-auto select-none cursor-pointer self-center}.p-iftalabel:has(.p-selectbutton){@apply mt-4}.b-component--Message.message-outlined{@apply border rounded-md}.b-component--Message.message-outlined .b-message-body{@apply py-[0.50rem] px-[0.75rem] min-w-[10rem] min-h-[1.5rem]}.b-component--Message.message-simple{@apply !bg-transparent}.b-component--Message.message-simple .b-message-icon{@apply text-sm}.b-component--Message.message-simple .b-message-body{@apply px-0}.b-component--Message.message-info{@apply bg-blue-50/95 text-blue-600 border-blue-200
         dark:bg-blue-950/95 dark:text-blue-500 dark:border-blue-700/65}.b-component--Message.message-error{@apply bg-red-50/95 text-red-600 border-red-200
         dark:bg-red-950/95 dark:text-red-500 dark:border-red-700/65}.b-component--Message.message-warn{@apply bg-yellow-50/95 text-yellow-600 border-yellow-200
         dark:bg-yellow-950/95 dark:text-yellow-500 dark:border-yellow-700/65}.b-component--Message.message-success{@apply bg-green-50/95 text-green-600 border-green-200
@@ -6,4 +6,4 @@
         dark:text-zinc-400 dark:border-zinc-400}.b-component--Message.message-contrast{@apply bg-transparent text-slate-950 border-slate-950
         dark:text-white dark:border-white}.c--missing-component-dialog code:not(:has(pre)){@apply rounded p-1 text-xs bg-zinc-50 text-orange-700
         dark:bg-zinc-950 dark:text-orange-400}.c--missing-component-dialog pre{@apply block rounded-lg overflow-auto max-h-[20em]
-        bg-zinc-950 p-4 text-xs text-sky-300}.c--missing-component-dialog pre .c--code-comment{@apply text-green-800}.c--missing-component-dialog pre .c--code-string{@apply text-orange-400}.c--missing-component-dialog pre .c--code-keyword{@apply text-purple-400}.c--missing-component-dialog pre .c--code-symbol{@apply text-gray-100}.c--missing-component-dialog pre .c--code-type{@apply text-blue-400}.c--missing-component-dialog pre .c--code-method{@apply text-yellow-100}.p-scrolltop{@apply right-6 bottom-6 max-md:bottom-24 py-icon-only-width}.b-component--Select .p-placeholder{@apply opacity-0}.b-component--Select .p-select-label{@apply text-[length:inherit]}.p-popover-content .b-component--Select{@apply max-md:w-full}.b-component--SelectButton .p-togglebutton-content{@apply whitespace-nowrap}.p-popover-content .b-component--SelectButton .p-selectbutton,.p-popover-content .b-component--SelectButton.p-selectbutton{@apply max-sm:flex max-sm:flex-col}.p-popover-content .b-component--SelectButton .p-selectbutton .p-togglebutton:first-child,.p-popover-content .b-component--SelectButton.p-selectbutton .p-togglebutton:first-child{@apply max-sm:rounded-t-lg max-sm:rounded-es-none}.p-popover-content .b-component--SelectButton .p-selectbutton .p-togglebutton:last-child,.p-popover-content .b-component--SelectButton.p-selectbutton .p-togglebutton:last-child{@apply max-sm:rounded-b-lg max-sm:rounded-se-none}.b-component--SimpleForm.horizontal :has(.p-iftalabel) .p-button[data-p=large]{@apply mt-1}.b-component--SimpleForm.horizontal :has(.p-iftalabel) .p-button:not([data-p=large]){@apply mt-2}.b-component--PageSize .p-select-label{@apply text-[length:inherit]}.b-component--PageTitle .p-button{@apply self-stretch}.b-component--PageTitle .p-button .p-button-icon+.p-button-label{@apply max-sm:hidden}.p-popover-content>div{@apply max-sm:p-0}}
+        bg-zinc-950 p-4 text-xs text-sky-300}.c--missing-component-dialog pre .c--code-comment{@apply text-green-800}.c--missing-component-dialog pre .c--code-string{@apply text-orange-400}.c--missing-component-dialog pre .c--code-keyword{@apply text-purple-400}.c--missing-component-dialog pre .c--code-symbol{@apply text-gray-100}.c--missing-component-dialog pre .c--code-type{@apply text-blue-400}.c--missing-component-dialog pre .c--code-method{@apply text-yellow-100}.b-component--MultiSelect .p-placeholder{@apply opacity-0}.b-component--MultiSelect .p-multiselect-label{font-size:inherit}.p-popover-content .b-component--MultiSelectButton.p-selectbutton{@apply max-sm:flex-col}.p-popover-content .b-component--MultiSelectButton.p-selectbutton .p-togglebutton:first-child{@apply max-sm:rounded-t-lg max-sm:rounded-es-none}.p-popover-content .b-component--MultiSelectButton.p-selectbutton .p-togglebutton:last-child{@apply max-sm:rounded-b-lg max-sm:rounded-se-none}.b-component--MultiSelectButton:has(.p-iftalabel) .p-iftalabel{@apply mt-4}@media (hover:none){.b-component--NavLink .popover-icon{@apply flex -ml-1}}.b-component--PageTitle .grid+.relative>div:has(.b-component--NavLink)>span:first-child{@apply hidden}.p-scrolltop{@apply right-6 bottom-6 max-md:bottom-24 py-icon-only-width}.b-component--Select .p-placeholder{@apply opacity-0}.b-component--Select .p-select-label{@apply text-[length:inherit]}.p-popover-content .b-component--Select{@apply max-md:w-full}.b-component--SelectButton .p-togglebutton-content{@apply whitespace-nowrap}.p-popover-content .b-component--SelectButton .p-selectbutton,.p-popover-content .b-component--SelectButton.p-selectbutton{@apply max-sm:flex max-sm:flex-col}.p-popover-content .b-component--SelectButton .p-selectbutton .p-togglebutton:first-child,.p-popover-content .b-component--SelectButton.p-selectbutton .p-togglebutton:first-child{@apply max-sm:rounded-t-lg max-sm:rounded-es-none}.p-popover-content .b-component--SelectButton .p-selectbutton .p-togglebutton:last-child,.p-popover-content .b-component--SelectButton.p-selectbutton .p-togglebutton:last-child{@apply max-sm:rounded-b-lg max-sm:rounded-se-none}.b-component--SimpleForm.horizontal :has(.p-iftalabel) .p-button[data-p=large]{@apply mt-1}.b-component--SimpleForm.horizontal :has(.p-iftalabel) .p-button:not([data-p=large]){@apply mt-2}.b-component--PageSize .p-select-label{@apply text-[length:inherit]}.b-component--PageTitle .p-button{@apply self-stretch}.b-component--PageTitle .p-button .p-button-icon+.p-button-label{@apply max-sm:hidden}.p-popover-content>div{@apply max-sm:p-0}}

package/dist/runtime/components/Check.d.vue.ts

@@ -0,0 +1,13 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Check.vue

@@ -0,0 +1,28 @@
+<template>
+  <AwaitLoading>
+    <span v-if="data === true">
+      <i
+        class="
+          text-xs pi pi-check
+          text-green-600 dark:text-green-400
+        "
+      />
+    </span>
+    <span v-else-if="data === false">
+      <i
+        class="
+          text-xs pi pi-times
+          text-red-600 dark:text-red-400
+        "
+      />
+    </span>
+    <span v-else>-</span>
+  </AwaitLoading>
+</template>
+
+<script setup>
+import { AwaitLoading } from "#components";
+defineProps({
+  data: { type: null, required: true }
+});
+</script>

package/dist/runtime/components/Check.vue.d.ts

@@ -0,0 +1,13 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Date.d.vue.ts

@@ -0,0 +1,21 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    data: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    data: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/Date.vue

@@ -0,0 +1,41 @@
+<template>
+  <AwaitLoading :skeleton="{ height: '1.5rem' }">
+    <span v-if="data">{{ text }}</span>
+    <span v-else>-</span>
+  </AwaitLoading>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import AwaitLoading from "./AwaitLoading";
+const { schema, data: rawData } = defineProps({
+  schema: { type: null, required: true },
+  data: { type: null, required: true }
+});
+const { prop, format = "dd/MM/yyyy" } = schema;
+const data = computed(() => {
+  if (!rawData) {
+    return null;
+  }
+  if (prop) {
+    return rawData[prop];
+  }
+  return rawData;
+});
+const text = computed(() => {
+  if (!data.value || !format) {
+    return data.value;
+  }
+  const date = new Date(data.value);
+  if (isNaN(date.getTime())) {
+    return data.value;
+  }
+  const dd = String(date.getDate()).padStart(2, "0");
+  const MM = String(date.getMonth() + 1).padStart(2, "0");
+  const yyyy = String(date.getFullYear());
+  const HH = String(date.getHours()).padStart(2, "0");
+  const mm = String(date.getMinutes()).padStart(2, "0");
+  const ss = String(date.getSeconds()).padStart(2, "0");
+  return format.replace("dd", dd).replace("MM", MM).replace("yyyy", yyyy).replace("HH", HH).replace("mm", mm).replace("ss", ss);
+});
+</script>

package/dist/runtime/components/Date.vue.d.ts

@@ -0,0 +1,21 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    data: {
+        type: null;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    data: {
+        type: null;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,25 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/InputCheckbox.vue

@@ -0,0 +1,59 @@
+<template>
+  <AwaitLoading
+    :skeleton="{
+      height: label.mode === 'ifta' ? '3.6rem' : '2.6rem',
+      class: 'min-w-24'
+    }"
+  >
+    <div class="flex items-center gap-2 justify-start min-h-10">
+      <Validation>
+        <Labeler
+          :label
+          :path
+          class="w-full cursor-pointer text-slate-500 dark:text-zinc-400"
+          :dt="{
+            colorScheme: {
+              light: {
+                ['position.x']: '2rem'
+              },
+              dark: {
+                ['position.x']: '2rem'
+              }
+            }
+          }"
+        >
+          <Checkbox
+            v-model="checkboxModel"
+            :input-id="path"
+            binary
+            size="large"
+            :indeterminate="indeterminate && checkboxModel === undefined"
+          />
+        </Labeler>
+      </Validation>
+    </div>
+  </AwaitLoading>
+</template>
+
+<script setup>
+import { computed, watch } from "vue";
+import { Checkbox } from "primevue";
+import { useContext } from "#imports";
+import { AwaitLoading, Labeler, Validation } from "#components";
+const context = useContext();
+const { schema } = defineProps({
+  schema: { type: null, required: true }
+});
+const model = defineModel({ type: null, required: true });
+const { label, indeterminate } = schema;
+const path = context.injectPath();
+const checkboxModel = computed({
+  get: () => model.value,
+  set: (value) => model.value = indeterminate && model.value === false && value === true ? void 0 : value
+});
+watch(model, (newValue) => {
+  if (typeof newValue === "string") {
+    model.value = newValue === "true";
+  }
+});
+</script>

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

@@ -0,0 +1,25 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/InputDate.d.vue.ts

@@ -0,0 +1,25 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/InputDate.vue

@@ -0,0 +1,94 @@
+<template>
+  <AwaitLoading
+    :skeleton="{
+      height: label.mode === 'ifta' ? '3.6rem' : '2.6rem',
+      class: 'min-w-60'
+    }"
+  >
+    <Validation>
+      <Labeler
+        :label
+        :path
+        class="w-full"
+      >
+        <InputMask
+          v-if="!usePicker"
+          :id="path"
+          v-model="inputModel"
+          v-bind="$attrs"
+          slot-char="__/__/____"
+          :mask
+          placeholder="__/__/____"
+          :unmask="true"
+          :auto-clear="false"
+          class="min-w-60"
+          @update:model-value="onUpdateInputModel"
+        />
+        <DatePicker
+          v-else
+          :id="path"
+          v-model="inputModel"
+          v-bind="$attrs"
+          placeholder="__/__/____"
+          class="min-w-60"
+          update-model-type="string"
+          :date-format="format"
+          show-icon
+          @update:model-value="onUpdateInputModel"
+        />
+      </Labeler>
+    </Validation>
+  </AwaitLoading>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+import { InputMask, DatePicker } from "primevue";
+import { useContext, useInputValidator } from "#imports";
+import { AwaitLoading, Labeler, Validation } from "#components";
+const context = useContext();
+const { date: validator } = useInputValidator();
+const { schema } = defineProps({
+  schema: { type: null, required: true }
+});
+const model = defineModel({ type: null, required: true });
+const { label, format = "dd/MM/yyyy", usePicker } = schema;
+const path = context.injectPath();
+const mask = format?.replace(/[dMy]/g, "9");
+const inputModel = ref("");
+watch(model, (newModel) => {
+  const value = fromAPIFormat(newModel);
+  const valid = validator.validate(value, { silent: true });
+  if (!valid) {
+    return;
+  }
+  if (usePicker) {
+    const { dd, mm, yyyy } = toFormat(value);
+    inputModel.value = `${dd}/${mm}/${yyyy}`;
+    return;
+  }
+  inputModel.value = value;
+}, { immediate: true });
+function onUpdateInputModel(value) {
+  const val = String(value || "").replace(/\D/g, "");
+  const valid = validator.validate(val);
+  model.value = valid ? toAPIFormat(val) : null;
+}
+function toAPIFormat(value) {
+  const { dd, mm, yyyy } = toFormat(value);
+  return `${yyyy}-${mm}-${dd}`;
+}
+function fromAPIFormat(value) {
+  if (!value) {
+    return;
+  }
+  const [yyyy, MM, dd] = value.split("-");
+  return [dd, MM, yyyy].join("");
+}
+function toFormat(value) {
+  const dd = value.slice(0, 2);
+  const mm = value.slice(2, 4);
+  const yyyy = value.slice(4, 8);
+  return { dd, mm, yyyy };
+}
+</script>

package/dist/runtime/components/InputDate.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/InputMailAddress.d.vue.ts

@@ -0,0 +1,25 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/InputMailAddress.vue

@@ -0,0 +1,49 @@
+<template>
+  <AwaitLoading
+    :skeleton="{
+      height: label.mode === 'ifta' ? '3.6rem' : '2.6rem',
+      class: 'min-w-60'
+    }"
+  >
+    <Validation>
+      <Labeler
+        :label
+        :path
+        class="w-full"
+      >
+        <InputText
+          :id="path"
+          v-model="inputModel"
+          type="email"
+          v-bind="$attrs"
+          placeholder="___@___.___"
+          class="min-w-60"
+          @input="onInput"
+        />
+      </Labeler>
+    </Validation>
+  </AwaitLoading>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+import { InputText } from "primevue";
+import { useContext, useInputValidator } from "#imports";
+import { AwaitLoading, Labeler, Validation } from "#components";
+const context = useContext();
+const { mailAddress: validator } = useInputValidator();
+const { schema } = defineProps({
+  schema: { type: null, required: true }
+});
+const model = defineModel({ type: null, required: true });
+const { label } = schema;
+const path = context.injectPath();
+const inputModel = ref("");
+watch(model, (newModel) => {
+  inputModel.value = validator.validate(newModel, { silent: true }) ? newModel : inputModel.value;
+}, { immediate: true });
+function onInput(event) {
+  const valid = validator.validate(event.target.value);
+  model.value = valid ? event.target.value : null;
+}
+</script>

package/dist/runtime/components/InputMailAddress.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/InputMoney.d.vue.ts

@@ -0,0 +1,25 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: null;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;