cja-phoenix 1.2.59 → 1.2.60

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "cja-phoenix",
   "configKey": "cja-phoenix",
-  "version": "1.2.59",
+  "version": "1.2.60",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/assets/scss/variables/_colors.scss

@@ -55,7 +55,7 @@ $gradient-in: linear-gradient(75deg, #f6f4ff, $white);
 $gradient-en: linear-gradient(75deg, #fffbef, $white);
 $gradient-bb: linear-gradient(75deg, #fff7f1, $white);
 $gradient-cc: linear-gradient(75deg, #fff4ff, $white);
-$gradient-sa: linear-gradient(75deg, #e8f1f1, $white);
+$gradient-td: linear-gradient(75deg, #e8f1f1, $white);
 $gradient-cja-1: linear-gradient(90deg, $bright-green 2.5%, $main-blue 100%);
 
 $colors: (
@@ -97,5 +97,5 @@ $gradients: (
   "en": $gradient-en,
   "bb": $gradient-bb,
   "cc": $gradient-cc,
-  "sa": $gradient-sa,
+  "td": $gradient-td,
 );

package/dist/runtime/components/form/CheckboxInput.d.vue.ts

@@ -1,15 +1,15 @@
-import type { InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import type { InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     label?: string;
-    value?: InputHTMLAttributes['value'];
-    disabled?: InputHTMLAttributes['disabled'];
-    name?: InputHTMLAttributes['name'];
-    size?: 'sm' | 'md' | 'lg';
+    value?: InputHTMLAttributes["value"];
+    disabled?: InputHTMLAttributes["disabled"];
+    name?: InputHTMLAttributes["name"];
+    size?: "sm" | "md" | "lg";
     error?: boolean;
     errorDisplay?: boolean;
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'none';
+    validationMode?: "change" | "none";
 };
 type __VLS_ModelProps = {
     modelValue: boolean | string | string[] | undefined;

package/dist/runtime/components/form/CheckboxInput.vue

@@ -1,5 +1,5 @@
 <template>
-  <FormStructureContainer layout="vertical">
+  <FormStructureContainer>
     <label
       class="input-wrapper"
       :class="[
@@ -15,12 +15,9 @@
         type="checkbox"
         v-bind="{ value, disabled, name }"
         :aria-label="label"
-      >
+      />
       <div class="checkbox-icon m-cgg-icon--check" />
-      <div
-        v-if="label || $slots.default"
-        class="text-container"
-      >
+      <div v-if="label || $slots.default" class="text-container">
         <slot v-if="$slots.default" />
         <Scaffold v-else>
           {{ label }}

package/dist/runtime/components/form/CheckboxInput.vue.d.ts

@@ -1,15 +1,15 @@
-import type { InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import type { InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     label?: string;
-    value?: InputHTMLAttributes['value'];
-    disabled?: InputHTMLAttributes['disabled'];
-    name?: InputHTMLAttributes['name'];
-    size?: 'sm' | 'md' | 'lg';
+    value?: InputHTMLAttributes["value"];
+    disabled?: InputHTMLAttributes["disabled"];
+    name?: InputHTMLAttributes["name"];
+    size?: "sm" | "md" | "lg";
     error?: boolean;
     errorDisplay?: boolean;
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'none';
+    validationMode?: "change" | "none";
 };
 type __VLS_ModelProps = {
     modelValue: boolean | string | string[] | undefined;

package/dist/runtime/components/form/CheckboxInputList.d.vue.ts

@@ -1,16 +1,16 @@
-import type { InputHTMLAttributes } from 'vue';
-import type { CheckboxOption } from '../../types/Form.js';
-import type { Lazy, Schema } from 'yup';
+import type { InputHTMLAttributes } from "vue";
+import type { CheckboxOption } from "../../types/Form.js";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     tooltip?: string;
-    layout?: 'vertical' | 'horizontal';
-    listLayout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    layout?: "vertical" | "horizontal";
+    listLayout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'none';
+    validationMode?: "change" | "none";
     errorDisplay?: boolean;
-    disabled?: InputHTMLAttributes['disabled'];
+    disabled?: InputHTMLAttributes["disabled"];
     options: CheckboxOption[] | undefined;
     name: string;
 };
@@ -30,7 +30,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
-    layout: "vertical" | "horizontal";
     listLayout: "vertical" | "horizontal";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/CheckboxInputList.vue

@@ -14,10 +14,7 @@
   }
 ]"
     >
-      <li
-        v-for="option in options"
-        :key="option.value"
-      >
+      <li v-for="option in options" :key="option.value">
         <FormCheckboxInput
           v-bind="{
   ...option,
@@ -43,7 +40,7 @@ import { useField } from "vee-validate";
 const props = defineProps({
   title: { type: String, required: false },
   tooltip: { type: String, required: false },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   listLayout: { type: String, required: false, default: "vertical" },
   size: { type: String, required: false, default: "md" },
   validation: { type: Object, required: false },

package/dist/runtime/components/form/CheckboxInputList.vue.d.ts

@@ -1,16 +1,16 @@
-import type { InputHTMLAttributes } from 'vue';
-import type { CheckboxOption } from '../../types/Form.js';
-import type { Lazy, Schema } from 'yup';
+import type { InputHTMLAttributes } from "vue";
+import type { CheckboxOption } from "../../types/Form.js";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     tooltip?: string;
-    layout?: 'vertical' | 'horizontal';
-    listLayout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    layout?: "vertical" | "horizontal";
+    listLayout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'none';
+    validationMode?: "change" | "none";
     errorDisplay?: boolean;
-    disabled?: InputHTMLAttributes['disabled'];
+    disabled?: InputHTMLAttributes["disabled"];
     options: CheckboxOption[] | undefined;
     name: string;
 };
@@ -30,7 +30,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
-    layout: "vertical" | "horizontal";
     listLayout: "vertical" | "horizontal";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/CurrencyInput.d.vue.ts

@@ -1,17 +1,17 @@
-import { type InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import { type InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
-    placeholder?: InputHTMLAttributes['placeholder'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    placeholder?: InputHTMLAttributes["placeholder"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'blur' | 'none';
+    validationMode?: "change" | "blur" | "none";
     errorDisplay?: boolean;
-    id?: InputHTMLAttributes['id'];
-    disabled?: InputHTMLAttributes['disabled'];
+    id?: InputHTMLAttributes["id"];
+    disabled?: InputHTMLAttributes["disabled"];
     currency?: string;
 };
 type __VLS_ModelProps = {
@@ -30,7 +30,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
     currency: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/CurrencyInput.vue

@@ -20,7 +20,7 @@
         inputmode="decimal"
         :aria-label="label || title"
         @blur="handleBlur($event, validationMode == 'blur')"
-      >
+      />
 
       <span class="input-currency">
         {{ currency }}
@@ -46,7 +46,7 @@ const props = defineProps({
   label: { type: String, required: false },
   tooltip: { type: String, required: false },
   placeholder: { type: null, required: false },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   size: { type: String, required: false, default: "md" },
   validation: { type: Object, required: false },
   validationMode: { type: String, required: false, default: "change" },

package/dist/runtime/components/form/CurrencyInput.vue.d.ts

@@ -1,17 +1,17 @@
-import { type InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import { type InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
-    placeholder?: InputHTMLAttributes['placeholder'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    placeholder?: InputHTMLAttributes["placeholder"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'blur' | 'none';
+    validationMode?: "change" | "blur" | "none";
     errorDisplay?: boolean;
-    id?: InputHTMLAttributes['id'];
-    disabled?: InputHTMLAttributes['disabled'];
+    id?: InputHTMLAttributes["id"];
+    disabled?: InputHTMLAttributes["disabled"];
     currency?: string;
 };
 type __VLS_ModelProps = {
@@ -30,7 +30,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
     currency: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/DateInput.d.vue.ts

@@ -35,7 +35,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
     dateFormat: DateFormat;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/DateInput.vue

@@ -69,7 +69,7 @@ const props = defineProps({
   label: { type: String, required: false },
   tooltip: { type: String, required: false },
   placeholder: { type: null, required: false },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   size: { type: String, required: false, default: "md" },
   validation: { type: Object, required: false },
   validationMode: { type: String, required: false, default: "blur" },

package/dist/runtime/components/form/DateInput.vue.d.ts

@@ -35,7 +35,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
     dateFormat: DateFormat;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/FileInput.d.vue.ts

@@ -41,7 +41,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
-    layout: "vertical" | "horizontal";
     placeholder: string;
     variant: "white" | "blue";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/form/FileInput.vue

@@ -64,7 +64,7 @@ import { ref } from "vue";
 import { useField } from "vee-validate";
 const props = defineProps({
   id: { type: null, required: false },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   size: { type: String, required: false, default: "md" },
   title: { type: String, required: false },
   label: { type: String, required: false },

package/dist/runtime/components/form/FileInput.vue.d.ts

@@ -41,7 +41,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
-    layout: "vertical" | "horizontal";
     placeholder: string;
     variant: "white" | "blue";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/form/NumberInput.d.vue.ts

@@ -1,18 +1,18 @@
-import type { InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import type { InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     max?: number;
     min?: number;
     step?: number;
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'none';
+    validationMode?: "change" | "none";
     errorDisplay?: boolean;
-    disabled?: InputHTMLAttributes['disabled'];
+    disabled?: InputHTMLAttributes["disabled"];
 };
 declare const __VLS_defaultModels: {
     modelValue: number;
@@ -33,7 +33,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
-    layout: "vertical" | "horizontal";
     min: number;
     step: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/form/NumberInput.vue

@@ -10,7 +10,7 @@
         type="number"
         v-bind="{ min, max, step, disabled }"
         :aria-label="label || title"
-      >
+      />
 
       <button
         class="btn-minus"
@@ -18,10 +18,7 @@
         aria-hidden
         @click="$emit('update:modelValue', model - step)"
       />
-      <div
-        class="value"
-        :class="{ disabled }"
-      >
+      <div class="value" :class="{ disabled }">
         {{ model }}
       </div>
       <button
@@ -44,7 +41,7 @@ const props = defineProps({
   title: { type: String, required: false },
   label: { type: String, required: false },
   tooltip: { type: String, required: false },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   size: { type: String, required: false, default: "md" },
   max: { type: Number, required: false },
   min: { type: Number, required: false, default: 0 },

package/dist/runtime/components/form/NumberInput.vue.d.ts

@@ -1,18 +1,18 @@
-import type { InputHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import type { InputHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     max?: number;
     min?: number;
     step?: number;
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'none';
+    validationMode?: "change" | "none";
     errorDisplay?: boolean;
-    disabled?: InputHTMLAttributes['disabled'];
+    disabled?: InputHTMLAttributes["disabled"];
 };
 declare const __VLS_defaultModels: {
     modelValue: number;
@@ -33,7 +33,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
-    layout: "vertical" | "horizontal";
     min: number;
     step: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/form/PhoneInput.d.vue.ts

@@ -38,7 +38,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/form/PhoneInput.vue

@@ -59,7 +59,7 @@ const props = defineProps({
   tooltip: { type: String, required: false },
   description: { type: String, required: false },
   placeholder: { type: null, required: false },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   size: { type: String, required: false, default: "md" },
   validation: { type: Object, required: false },
   validationMode: { type: String, required: false, default: "blur" },

package/dist/runtime/components/form/PhoneInput.vue.d.ts

@@ -38,7 +38,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/form/RadioInputList.d.vue.ts

@@ -40,7 +40,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
-    layout: "vertical" | "horizontal";
     listLayout: "vertical" | "horizontal";
     radioStyle: {
         variant: "default" | "button";

package/dist/runtime/components/form/RadioInputList.vue

@@ -45,7 +45,7 @@ import { useField } from "vee-validate";
 const props = defineProps({
   title: { type: String, required: false },
   tooltip: { type: String, required: false },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   listLayout: { type: String, required: false, default: "vertical" },
   size: { type: String, required: false, default: "md" },
   validation: { type: Object, required: false },

package/dist/runtime/components/form/RadioInputList.vue.d.ts

@@ -40,7 +40,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
-    layout: "vertical" | "horizontal";
     listLayout: "vertical" | "horizontal";
     radioStyle: {
         variant: "default" | "button";

package/dist/runtime/components/form/SelectInput.d.vue.ts

@@ -39,7 +39,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
     placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/SelectInput.vue

@@ -94,7 +94,7 @@ const props = defineProps({
   label: { type: String, required: false },
   tooltip: { type: String, required: false },
   placeholder: { type: null, required: false, default: "Selecionar" },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   size: { type: String, required: false, default: "md" },
   error: { type: String, required: false },
   validation: { type: Object, required: false },

package/dist/runtime/components/form/SelectInput.vue.d.ts

@@ -39,7 +39,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
     placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/SliderInput.d.vue.ts

@@ -39,7 +39,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
-    layout: "vertical" | "horizontal";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/SliderInput.vue

@@ -43,7 +43,7 @@ const props = defineProps({
   title: { type: String, required: false },
   label: { type: String, required: false },
   tooltip: { type: String, required: false },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   size: { type: String, required: false, default: "md" },
   disabled: { type: null, required: false },
   min: { type: Number, required: true },
@@ -72,7 +72,8 @@ const sliderProgress = computed(() => ({
 $sliderHeight: 12px;
 $sliderThumb: 20px;
 $sliderProgress: calc(
-  0.5 * #{$sliderThumb} + var(--slider-progress-value) * (100% - #{$sliderThumb})
+  0.5 * #{$sliderThumb} + var(--slider-progress-value) *
+    (100% - #{$sliderThumb})
 );
 
 .input-wrapper {
@@ -103,8 +104,9 @@ $sliderProgress: calc(
       border: none;
       border-radius: $sliderHeight;
       box-shadow: inset 0px 0px 10px rgba(129, 129, 129, 0.25);
-      background: linear-gradient($bright-green, $bright-green) 0 /
-          $sliderProgress 100% no-repeat,
+      background:
+        linear-gradient($bright-green, $bright-green) 0 / $sliderProgress 100%
+          no-repeat,
         $light-green;
     }
 
@@ -122,8 +124,9 @@ $sliderProgress: calc(
       border: none;
       border-radius: $sliderHeight;
       box-shadow: none;
-      background: linear-gradient($bright-green, $bright-green) 0 /
-          $sliderProgress 100% no-repeat,
+      background:
+        linear-gradient($bright-green, $bright-green) 0 / $sliderProgress 100%
+          no-repeat,
         $light-green;
     }
 
@@ -139,15 +142,17 @@ $sliderProgress: calc(
       }
 
       &::-webkit-slider-runnable-track {
-        background: linear-gradient($light-grey, $light-grey) 0 /
-            $sliderProgress 100% no-repeat,
+        background:
+          linear-gradient($light-grey, $light-grey) 0 / $sliderProgress 100%
+            no-repeat,
           $disabled-grey;
         cursor: auto;
       }
 
       &::-moz-range-track {
-        background: linear-gradient($light-grey, $light-grey) 0 /
-            $sliderProgress 100% no-repeat,
+        background:
+          linear-gradient($light-grey, $light-grey) 0 / $sliderProgress 100%
+            no-repeat,
           $disabled-grey;
         cursor: auto;
       }

package/dist/runtime/components/form/SliderInput.vue.d.ts

@@ -39,7 +39,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "none";
-    layout: "vertical" | "horizontal";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/TextInput.d.vue.ts

@@ -1,24 +1,24 @@
-import { type InputHTMLAttributes } from 'vue';
-import type { Icon } from '../../types/Icon.js';
-import type { Lazy, Schema } from 'yup';
+import { type InputHTMLAttributes } from "vue";
+import type { Icon } from "../../types/Icon.js";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
-    placeholder?: InputHTMLAttributes['placeholder'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    placeholder?: InputHTMLAttributes["placeholder"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'blur' | 'none';
+    validationMode?: "change" | "blur" | "none";
     errorDisplay?: boolean;
-    id?: InputHTMLAttributes['id'];
-    disabled?: InputHTMLAttributes['disabled'];
-    inputmode?: InputHTMLAttributes['inputmode'];
-    type?: InputHTMLAttributes['type'];
-    autocomplete?: InputHTMLAttributes['autocomplete'];
+    id?: InputHTMLAttributes["id"];
+    disabled?: InputHTMLAttributes["disabled"];
+    inputmode?: InputHTMLAttributes["inputmode"];
+    type?: InputHTMLAttributes["type"];
+    autocomplete?: InputHTMLAttributes["autocomplete"];
     suffix?: string;
     icon?: Icon;
-    iconPosition?: 'left' | 'right';
+    iconPosition?: "left" | "right";
     mask?: string;
     numberOptions?: {
         positiveOnly?: boolean;
@@ -27,7 +27,7 @@ type __VLS_Props = {
 };
 type __VLS_ModelProps = {
     modelValue: any;
-    'masked'?: any;
+    "masked"?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
@@ -45,7 +45,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
     iconPosition: "left" | "right";
     numberOptions: {
         positiveOnly?: boolean;

package/dist/runtime/components/form/TextInput.vue

@@ -20,7 +20,7 @@
         :class="[`size-${size}`, `icon-${iconPosition}`, { 'has-icon': icon }]"
         :aria-label="label || title"
         @blur="handleBlur($event, validationMode == 'blur')"
-      >
+      />
 
       <div
         v-if="icon"
@@ -47,14 +47,19 @@
 
 <script setup>
 import { useField } from "vee-validate";
-import { computed, onMounted, ref, watch } from "vue";
+import {
+  computed,
+  onMounted,
+  ref,
+  watch
+} from "vue";
 import { vMaska } from "maska/vue";
 const props = defineProps({
   title: { type: String, required: false },
   label: { type: String, required: false },
   tooltip: { type: String, required: false },
   placeholder: { type: null, required: false },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   size: { type: String, required: false, default: "md" },
   validation: { type: Object, required: false },
   validationMode: { type: String, required: false, default: "change" },

package/dist/runtime/components/form/TextInput.vue.d.ts

@@ -1,24 +1,24 @@
-import { type InputHTMLAttributes } from 'vue';
-import type { Icon } from '../../types/Icon.js';
-import type { Lazy, Schema } from 'yup';
+import { type InputHTMLAttributes } from "vue";
+import type { Icon } from "../../types/Icon.js";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
-    placeholder?: InputHTMLAttributes['placeholder'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    placeholder?: InputHTMLAttributes["placeholder"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'blur' | 'none';
+    validationMode?: "change" | "blur" | "none";
     errorDisplay?: boolean;
-    id?: InputHTMLAttributes['id'];
-    disabled?: InputHTMLAttributes['disabled'];
-    inputmode?: InputHTMLAttributes['inputmode'];
-    type?: InputHTMLAttributes['type'];
-    autocomplete?: InputHTMLAttributes['autocomplete'];
+    id?: InputHTMLAttributes["id"];
+    disabled?: InputHTMLAttributes["disabled"];
+    inputmode?: InputHTMLAttributes["inputmode"];
+    type?: InputHTMLAttributes["type"];
+    autocomplete?: InputHTMLAttributes["autocomplete"];
     suffix?: string;
     icon?: Icon;
-    iconPosition?: 'left' | 'right';
+    iconPosition?: "left" | "right";
     mask?: string;
     numberOptions?: {
         positiveOnly?: boolean;
@@ -27,7 +27,7 @@ type __VLS_Props = {
 };
 type __VLS_ModelProps = {
     modelValue: any;
-    'masked'?: any;
+    "masked"?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
@@ -45,7 +45,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
     iconPosition: "left" | "right";
     numberOptions: {
         positiveOnly?: boolean;

package/dist/runtime/components/form/TextareaInput.d.vue.ts

@@ -1,18 +1,18 @@
-import type { TextareaHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import type { TextareaHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
-    placeholder?: TextareaHTMLAttributes['placeholder'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    placeholder?: TextareaHTMLAttributes["placeholder"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'blur' | 'none';
+    validationMode?: "change" | "blur" | "none";
     errorDisplay?: boolean;
-    id?: TextareaHTMLAttributes['id'];
-    disabled?: TextareaHTMLAttributes['disabled'];
-    rows?: TextareaHTMLAttributes['rows'];
+    id?: TextareaHTMLAttributes["id"];
+    disabled?: TextareaHTMLAttributes["disabled"];
+    rows?: TextareaHTMLAttributes["rows"];
 };
 type __VLS_ModelProps = {
     modelValue: string;
@@ -30,7 +30,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
     rows: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/TextareaInput.vue

@@ -34,7 +34,7 @@ const props = defineProps({
   label: { type: String, required: false },
   tooltip: { type: String, required: false },
   placeholder: { type: null, required: false },
-  layout: { type: String, required: false, default: "vertical" },
+  layout: { type: String, required: false },
   size: { type: String, required: false, default: "md" },
   validation: { type: Object, required: false },
   validationMode: { type: String, required: false, default: "change" },

package/dist/runtime/components/form/TextareaInput.vue.d.ts

@@ -1,18 +1,18 @@
-import type { TextareaHTMLAttributes } from 'vue';
-import type { Lazy, Schema } from 'yup';
+import type { TextareaHTMLAttributes } from "vue";
+import type { Lazy, Schema } from "yup";
 type __VLS_Props = {
     title?: string;
     label?: string;
     tooltip?: string;
-    placeholder?: TextareaHTMLAttributes['placeholder'];
-    layout?: 'vertical' | 'horizontal';
-    size?: 'sm' | 'md' | 'lg';
+    placeholder?: TextareaHTMLAttributes["placeholder"];
+    layout?: "vertical" | "horizontal";
+    size?: "sm" | "md" | "lg";
     validation?: Schema | Lazy<any>;
-    validationMode?: 'change' | 'blur' | 'none';
+    validationMode?: "change" | "blur" | "none";
     errorDisplay?: boolean;
-    id?: TextareaHTMLAttributes['id'];
-    disabled?: TextareaHTMLAttributes['disabled'];
-    rows?: TextareaHTMLAttributes['rows'];
+    id?: TextareaHTMLAttributes["id"];
+    disabled?: TextareaHTMLAttributes["disabled"];
+    rows?: TextareaHTMLAttributes["rows"];
 };
 type __VLS_ModelProps = {
     modelValue: string;
@@ -30,7 +30,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     size: "sm" | "md" | "lg";
     errorDisplay: boolean;
     validationMode: "change" | "blur" | "none";
-    layout: "vertical" | "horizontal";
     rows: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/form/structure/Container.d.vue.ts

@@ -1,11 +1,13 @@
 type __VLS_Props = {
-    layout?: 'vertical' | 'horizontal';
+    layout?: "vertical" | "horizontal";
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: 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>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    layout: "vertical" | "horizontal";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/form/structure/Container.vue

@@ -1,15 +1,12 @@
 <template>
-  <div
-    class="input-container"
-    :class="[layout]"
-  >
+  <div class="input-container" :class="[layout]">
     <slot />
   </div>
 </template>
 
 <script setup>
 defineProps({
-  layout: { type: String, required: false }
+  layout: { type: String, required: false, default: "vertical" }
 });
 </script>
 

package/dist/runtime/components/form/structure/Container.vue.d.ts

@@ -1,11 +1,13 @@
 type __VLS_Props = {
-    layout?: 'vertical' | 'horizontal';
+    layout?: "vertical" | "horizontal";
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: 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>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    layout: "vertical" | "horizontal";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cja-phoenix",
-  "version": "1.2.59",
+  "version": "1.2.60",
   "description": "Phoenix utility",
   "repository": {
     "type": "git",