@shwfed/nuxt 0.10.0 → 0.10.2

package/dist/runtime/components/ui/fields/Fields.vue

@@ -15,7 +15,7 @@ import { Button } from "../button";
 import { CommandGroup, CommandItem } from "../command";
 import { Field, FieldContent, FieldError, FieldLabel } from "../field";
 import FieldsConfiguratorDialog from "../fields-configurator/FieldsConfiguratorDialog.vue";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupCombobox, InputGroupInput, InputGroupNumberField } from "../input-group";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupCombobox, InputGroupInput, InputGroupNumberField, InputGroupTextarea } from "../input-group";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../popover";
 import { Skeleton } from "../skeleton";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip";
@@ -84,8 +84,8 @@ function getFieldStyle(field) {
   }
   return normalizedStyle;
 }
-function isSlotField(field) {
-  return field.type === "slot";
+function isPassiveField(field) {
+  return field.type === "slot" || field.type === "empty";
 }
 function toCalendarDateValue(value, valueFormat) {
   if (typeof value !== "string") return void 0;
@@ -145,6 +145,9 @@ function isFieldInvalid(field) {
 function getFieldLabel(field) {
   return getLocalizedText(field.title, locale.value) ?? field.path;
 }
+function isFieldRequired(field) {
+  return field.required === true;
+}
 function renderValidationMessage(field) {
   const error = validationErrors.value[field.path];
   if (!error) return "";
@@ -178,7 +181,7 @@ watch(config, (value) => {
 watchEffect(() => {
   const activePaths = /* @__PURE__ */ new Set();
   for (const field of displayConfig.value.fields) {
-    if (!isSlotField(field) && !isFieldHidden(field) && !isFieldDisabled(field)) {
+    if (!isPassiveField(field) && !isFieldHidden(field) && !isFieldDisabled(field)) {
       activePaths.add(field.path);
     }
   }
@@ -198,6 +201,7 @@ watchEffect(() => {
 <script>
 export {
   CalendarFieldC,
+  EmptyFieldC,
   FieldC,
   FieldsConfigC,
   NumberFieldC,
@@ -250,6 +254,10 @@ export {
         :name="field.id"
         :style="getFieldStyle(field)"
       />
+      <div
+        v-else-if="field.type === 'empty'"
+        :style="getFieldStyle(field)"
+      />
       <Field
         v-else-if="!isFieldHidden(field)"
         :data-disabled="isFieldDisabled(field) ? 'true' : void 0"
@@ -257,8 +265,14 @@ export {
         :orientation="getConfigOrientation(displayConfig)"
         :style="getFieldStyle(field)"
       >
-        <FieldLabel :for="['string', 'number'].includes(field.type) ? `${id}:${field.path}` : void 0">
-          {{ getFieldLabel(field) }}
+        <FieldLabel :for="['string', 'textarea', 'number'].includes(field.type) ? `${id}:${field.path}` : void 0">
+          <span class="inline-flex items-start gap-0.5">
+            <span>{{ getFieldLabel(field) }}</span>
+            <sup
+              v-if="isFieldRequired(field)"
+              class="text-red-500 leading-none"
+            >*</sup>
+          </span>
           <span v-if="isCheating">
             <span class="font-mono">{{ field.path }}</span>
           </span>
@@ -332,7 +346,33 @@ export {
           <InputGroup
             v-else
             :data-disabled="isFieldDisabled(field) ? 'true' : void 0"
+            :class="field.type === 'textarea' ? 'h-auto flex-col items-stretch' : void 0"
           >
+            <div
+              v-if="field.type === 'textarea'"
+              class="flex min-w-0 w-full items-center"
+            >
+              <InputGroupTextarea
+                :id="`${id}:${field.path}`"
+                :model-value="getProperty(modelValue, field.path)"
+                :maxlength="field.maxLength ? $dsl.evaluate`${field.maxLength}`() : void 0"
+                :disabled="isFieldDisabled(field)"
+                :aria-invalid="isFieldInvalid(field) ? 'true' : void 0"
+                @update:model-value="(value) => {
+  if (!value && !field.discardEmptyString) {
+    deleteProperty(modelValue, field.path);
+  } else {
+    setProperty(modelValue, field.path, value);
+  }
+}"
+                @blur="validateField(field)"
+              />
+              <InputGroupAddon v-if="field.icon">
+                <Icon
+                  :icon="field.icon"
+                />
+              </InputGroupAddon>
+            </div>
             <InputGroupInput
               v-if="field.type === 'string'"
               :id="`${id}:${field.path}`"
@@ -385,13 +425,13 @@ export {
                 </CommandItem>
               </CommandGroup>
             </InputGroupCombobox>
-            <InputGroupAddon v-if="field.icon">
+            <InputGroupAddon v-if="field.type !== 'textarea' && field.icon">
               <Icon
                 :icon="field.icon"
               />
             </InputGroupAddon>
             <InputGroupAddon
-              v-if="hasProperty(modelValue, field.path)"
+              v-if="field.type !== 'textarea' && hasProperty(modelValue, field.path)"
               align="inline-end"
               :class="getConfigOrientation(displayConfig) === 'floating' ? 'group-data-[disabled=true]/input-group:hidden' : void 0"
             >
@@ -423,6 +463,39 @@ export {
                 <span class="inline-block text-right">{{ String(getProperty(modelValue, field.path) ?? "").length }}</span>/{{ field.maxLength }}
               </span>
             </InputGroupAddon>
+            <InputGroupAddon
+              v-if="field.type === 'textarea' && (hasProperty(modelValue, field.path) || field.maxLength && getProperty(modelValue, field.path))"
+              align="block-end"
+            >
+              <Tooltip
+                v-if="hasProperty(modelValue, field.path)"
+                :delay-duration="800"
+              >
+                <TooltipTrigger>
+                  <InputGroupButton as-child>
+                    <button
+                      type="button"
+                      class="text-zinc-300 hover:text-zinc-500 transition-colors"
+                      :disabled="isFieldDisabled(field)"
+                      @click="deleteProperty(modelValue, field.path)"
+                    >
+                      <Icon
+                        icon="fluent:dismiss-20-regular"
+                      />
+                    </button>
+                  </InputGroupButton>
+                </TooltipTrigger>
+                <TooltipContent>
+                  {{ t("clear") }}
+                </TooltipContent>
+              </Tooltip>
+              <span
+                v-if="field.maxLength && getProperty(modelValue, field.path)"
+                class="text-xs text-zinc-400 font-mono"
+              >
+                <span class="inline-block text-right">{{ String(getProperty(modelValue, field.path) ?? "").length }}</span>/{{ field.maxLength }}
+              </span>
+            </InputGroupAddon>
           </InputGroup>
 
           <FieldError v-if="isFieldInvalid(field)">

package/dist/runtime/components/ui/fields/Fields.vue.d.ts

@@ -1,7 +1,7 @@
 import { Effect } from 'effect';
 import type { CSSProperties } from 'vue';
-export { CalendarFieldC, FieldC, FieldsConfigC, NumberFieldC, SelectFieldC, SlotFieldC, StringFieldC, ValidationRuleC, validationC, } from './schema.js';
-export type { Field, FieldsConfig, SlotField, ValidationRule } from './schema.js';
+export { CalendarFieldC, EmptyFieldC, FieldC, FieldsConfigC, NumberFieldC, SelectFieldC, SlotFieldC, StringFieldC, ValidationRuleC, validationC, } from './schema.js';
+export type { EmptyField, Field, FieldsConfig, SlotField, ValidationRule } from './schema.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
@@ -14,6 +14,26 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 locale: "zh" | "ja" | "en" | "ko";
                 message: string;
             }[];
+            required?: boolean | undefined;
+            icon?: string | undefined;
+            style?: string | undefined;
+            discardEmptyString?: boolean | undefined;
+            maxLength?: string | undefined;
+            hidden?: string | undefined;
+            disabled?: string | undefined;
+            validation?: readonly Readonly<{
+                expression: string;
+                message: string;
+            }>[] | undefined;
+        } | {
+            id: string;
+            type: "textarea";
+            path: string;
+            title: readonly {
+                locale: "zh" | "ja" | "en" | "ko";
+                message: string;
+            }[];
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             discardEmptyString?: boolean | undefined;
@@ -32,6 +52,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 locale: "zh" | "ja" | "en" | "ko";
                 message: string;
             }[];
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             min?: string | undefined;
@@ -55,6 +76,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             label: string;
             value: string;
             key: string;
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             hidden?: string | undefined;
@@ -73,6 +95,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[];
             mode: "date" | "month" | "year";
             value: string;
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             display?: string | undefined;
@@ -87,6 +110,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             id: string;
             type: "slot";
             style?: string | undefined;
+        } | {
+            id: string;
+            type: "empty";
+            style?: string | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
         style?: string | undefined;
@@ -104,6 +131,26 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 locale: "zh" | "ja" | "en" | "ko";
                 message: string;
             }[];
+            required?: boolean | undefined;
+            icon?: string | undefined;
+            style?: string | undefined;
+            discardEmptyString?: boolean | undefined;
+            maxLength?: string | undefined;
+            hidden?: string | undefined;
+            disabled?: string | undefined;
+            validation?: readonly Readonly<{
+                expression: string;
+                message: string;
+            }>[] | undefined;
+        } | {
+            id: string;
+            type: "textarea";
+            path: string;
+            title: readonly {
+                locale: "zh" | "ja" | "en" | "ko";
+                message: string;
+            }[];
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             discardEmptyString?: boolean | undefined;
@@ -122,6 +169,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 locale: "zh" | "ja" | "en" | "ko";
                 message: string;
             }[];
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             min?: string | undefined;
@@ -145,6 +193,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             label: string;
             value: string;
             key: string;
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             hidden?: string | undefined;
@@ -163,6 +212,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[];
             mode: "date" | "month" | "year";
             value: string;
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             display?: string | undefined;
@@ -177,6 +227,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             id: string;
             type: "slot";
             style?: string | undefined;
+        } | {
+            id: string;
+            type: "empty";
+            style?: string | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
         style?: string | undefined;
@@ -191,6 +245,26 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 locale: "zh" | "ja" | "en" | "ko";
                 message: string;
             }[];
+            required?: boolean | undefined;
+            icon?: string | undefined;
+            style?: string | undefined;
+            discardEmptyString?: boolean | undefined;
+            maxLength?: string | undefined;
+            hidden?: string | undefined;
+            disabled?: string | undefined;
+            validation?: readonly Readonly<{
+                expression: string;
+                message: string;
+            }>[] | undefined;
+        } | {
+            id: string;
+            type: "textarea";
+            path: string;
+            title: readonly {
+                locale: "zh" | "ja" | "en" | "ko";
+                message: string;
+            }[];
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             discardEmptyString?: boolean | undefined;
@@ -209,6 +283,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 locale: "zh" | "ja" | "en" | "ko";
                 message: string;
             }[];
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             min?: string | undefined;
@@ -232,6 +307,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             label: string;
             value: string;
             key: string;
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             hidden?: string | undefined;
@@ -250,6 +326,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[];
             mode: "date" | "month" | "year";
             value: string;
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             display?: string | undefined;
@@ -264,6 +341,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             id: string;
             type: "slot";
             style?: string | undefined;
+        } | {
+            id: string;
+            type: "empty";
+            style?: string | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
         style?: string | undefined;
@@ -281,6 +362,26 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 locale: "zh" | "ja" | "en" | "ko";
                 message: string;
             }[];
+            required?: boolean | undefined;
+            icon?: string | undefined;
+            style?: string | undefined;
+            discardEmptyString?: boolean | undefined;
+            maxLength?: string | undefined;
+            hidden?: string | undefined;
+            disabled?: string | undefined;
+            validation?: readonly Readonly<{
+                expression: string;
+                message: string;
+            }>[] | undefined;
+        } | {
+            id: string;
+            type: "textarea";
+            path: string;
+            title: readonly {
+                locale: "zh" | "ja" | "en" | "ko";
+                message: string;
+            }[];
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             discardEmptyString?: boolean | undefined;
@@ -299,6 +400,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 locale: "zh" | "ja" | "en" | "ko";
                 message: string;
             }[];
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             min?: string | undefined;
@@ -322,6 +424,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             label: string;
             value: string;
             key: string;
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             hidden?: string | undefined;
@@ -340,6 +443,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             }[];
             mode: "date" | "month" | "year";
             value: string;
+            required?: boolean | undefined;
             icon?: string | undefined;
             style?: string | undefined;
             display?: string | undefined;
@@ -354,6 +458,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             id: string;
             type: "slot";
             style?: string | undefined;
+        } | {
+            id: string;
+            type: "empty";
+            style?: string | undefined;
         })[];
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
         style?: string | undefined;

package/dist/runtime/components/ui/fields/schema.d.ts

@@ -20,6 +20,32 @@ export declare const StringFieldC: z.ZodObject<{
         }>;
         message: z.ZodString;
     }, z.core.$strip>>>;
+    required: z.ZodOptional<z.ZodBoolean>;
+    icon: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodString>;
+    discardEmptyString: z.ZodOptional<z.ZodBoolean>;
+    maxLength: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodString>;
+    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        expression: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>>>>>;
+}, z.core.$strip>;
+export declare const TextareaFieldC: z.ZodObject<{
+    id: z.ZodUUID;
+    type: z.ZodLiteral<"textarea">;
+    path: z.ZodString;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    required: z.ZodOptional<z.ZodBoolean>;
     icon: z.ZodOptional<z.ZodString>;
     style: z.ZodOptional<z.ZodString>;
     discardEmptyString: z.ZodOptional<z.ZodBoolean>;
@@ -44,6 +70,7 @@ export declare const NumberFieldC: z.ZodObject<{
         }>;
         message: z.ZodString;
     }, z.core.$strip>>>;
+    required: z.ZodOptional<z.ZodBoolean>;
     icon: z.ZodOptional<z.ZodString>;
     style: z.ZodOptional<z.ZodString>;
     min: z.ZodOptional<z.ZodString>;
@@ -69,6 +96,7 @@ export declare const SelectFieldC: z.ZodObject<{
         }>;
         message: z.ZodString;
     }, z.core.$strip>>>;
+    required: z.ZodOptional<z.ZodBoolean>;
     icon: z.ZodOptional<z.ZodString>;
     options: z.ZodString;
     label: z.ZodString;
@@ -95,6 +123,7 @@ export declare const CalendarFieldC: z.ZodObject<{
         }>;
         message: z.ZodString;
     }, z.core.$strip>>>;
+    required: z.ZodOptional<z.ZodBoolean>;
     icon: z.ZodOptional<z.ZodString>;
     style: z.ZodOptional<z.ZodString>;
     mode: z.ZodEnum<{
@@ -117,6 +146,11 @@ export declare const SlotFieldC: z.ZodObject<{
     type: z.ZodLiteral<"slot">;
     style: z.ZodOptional<z.ZodString>;
 }, z.core.$strict>;
+export declare const EmptyFieldC: z.ZodObject<{
+    id: z.ZodUUID;
+    type: z.ZodLiteral<"empty">;
+    style: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>;
 export declare const FieldC: z.ZodDiscriminatedUnion<[z.ZodObject<{
     id: z.ZodUUID;
     type: z.ZodLiteral<"string">;
@@ -130,6 +164,31 @@ export declare const FieldC: z.ZodDiscriminatedUnion<[z.ZodObject<{
         }>;
         message: z.ZodString;
     }, z.core.$strip>>>;
+    required: z.ZodOptional<z.ZodBoolean>;
+    icon: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodString>;
+    discardEmptyString: z.ZodOptional<z.ZodBoolean>;
+    maxLength: z.ZodOptional<z.ZodString>;
+    hidden: z.ZodOptional<z.ZodString>;
+    disabled: z.ZodOptional<z.ZodString>;
+    validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+        expression: z.ZodString;
+        message: z.ZodString;
+    }, z.core.$strip>>>>>;
+}, z.core.$strip>, z.ZodObject<{
+    id: z.ZodUUID;
+    type: z.ZodLiteral<"textarea">;
+    path: z.ZodString;
+    title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+        locale: z.ZodEnum<{
+            zh: "zh";
+            ja: "ja";
+            en: "en";
+            ko: "ko";
+        }>;
+        message: z.ZodString;
+    }, z.core.$strip>>>;
+    required: z.ZodOptional<z.ZodBoolean>;
     icon: z.ZodOptional<z.ZodString>;
     style: z.ZodOptional<z.ZodString>;
     discardEmptyString: z.ZodOptional<z.ZodBoolean>;
@@ -153,6 +212,7 @@ export declare const FieldC: z.ZodDiscriminatedUnion<[z.ZodObject<{
         }>;
         message: z.ZodString;
     }, z.core.$strip>>>;
+    required: z.ZodOptional<z.ZodBoolean>;
     icon: z.ZodOptional<z.ZodString>;
     style: z.ZodOptional<z.ZodString>;
     min: z.ZodOptional<z.ZodString>;
@@ -177,6 +237,7 @@ export declare const FieldC: z.ZodDiscriminatedUnion<[z.ZodObject<{
         }>;
         message: z.ZodString;
     }, z.core.$strip>>>;
+    required: z.ZodOptional<z.ZodBoolean>;
     icon: z.ZodOptional<z.ZodString>;
     options: z.ZodString;
     label: z.ZodString;
@@ -202,6 +263,7 @@ export declare const FieldC: z.ZodDiscriminatedUnion<[z.ZodObject<{
         }>;
         message: z.ZodString;
     }, z.core.$strip>>>;
+    required: z.ZodOptional<z.ZodBoolean>;
     icon: z.ZodOptional<z.ZodString>;
     style: z.ZodOptional<z.ZodString>;
     mode: z.ZodEnum<{
@@ -222,6 +284,10 @@ export declare const FieldC: z.ZodDiscriminatedUnion<[z.ZodObject<{
     id: z.ZodUUID;
     type: z.ZodLiteral<"slot">;
     style: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>, z.ZodObject<{
+    id: z.ZodUUID;
+    type: z.ZodLiteral<"empty">;
+    style: z.ZodOptional<z.ZodString>;
 }, z.core.$strict>], "type">;
 export declare const FieldsOrientationC: z.ZodEnum<{
     vertical: "vertical";
@@ -249,6 +315,31 @@ export declare const FieldsConfigC: z.ZodReadonly<z.ZodObject<{
             }>;
             message: z.ZodString;
         }, z.core.$strip>>>;
+        required: z.ZodOptional<z.ZodBoolean>;
+        icon: z.ZodOptional<z.ZodString>;
+        style: z.ZodOptional<z.ZodString>;
+        discardEmptyString: z.ZodOptional<z.ZodBoolean>;
+        maxLength: z.ZodOptional<z.ZodString>;
+        hidden: z.ZodOptional<z.ZodString>;
+        disabled: z.ZodOptional<z.ZodString>;
+        validation: z.ZodOptional<z.ZodReadonly<z.ZodArray<z.ZodReadonly<z.ZodObject<{
+            expression: z.ZodString;
+            message: z.ZodString;
+        }, z.core.$strip>>>>>;
+    }, z.core.$strip>, z.ZodObject<{
+        id: z.ZodUUID;
+        type: z.ZodLiteral<"textarea">;
+        path: z.ZodString;
+        title: z.ZodReadonly<z.ZodArray<z.ZodObject<{
+            locale: z.ZodEnum<{
+                zh: "zh";
+                ja: "ja";
+                en: "en";
+                ko: "ko";
+            }>;
+            message: z.ZodString;
+        }, z.core.$strip>>>;
+        required: z.ZodOptional<z.ZodBoolean>;
         icon: z.ZodOptional<z.ZodString>;
         style: z.ZodOptional<z.ZodString>;
         discardEmptyString: z.ZodOptional<z.ZodBoolean>;
@@ -272,6 +363,7 @@ export declare const FieldsConfigC: z.ZodReadonly<z.ZodObject<{
             }>;
             message: z.ZodString;
         }, z.core.$strip>>>;
+        required: z.ZodOptional<z.ZodBoolean>;
         icon: z.ZodOptional<z.ZodString>;
         style: z.ZodOptional<z.ZodString>;
         min: z.ZodOptional<z.ZodString>;
@@ -296,6 +388,7 @@ export declare const FieldsConfigC: z.ZodReadonly<z.ZodObject<{
             }>;
             message: z.ZodString;
         }, z.core.$strip>>>;
+        required: z.ZodOptional<z.ZodBoolean>;
         icon: z.ZodOptional<z.ZodString>;
         options: z.ZodString;
         label: z.ZodString;
@@ -321,6 +414,7 @@ export declare const FieldsConfigC: z.ZodReadonly<z.ZodObject<{
             }>;
             message: z.ZodString;
         }, z.core.$strip>>>;
+        required: z.ZodOptional<z.ZodBoolean>;
         icon: z.ZodOptional<z.ZodString>;
         style: z.ZodOptional<z.ZodString>;
         mode: z.ZodEnum<{
@@ -341,9 +435,14 @@ export declare const FieldsConfigC: z.ZodReadonly<z.ZodObject<{
         id: z.ZodUUID;
         type: z.ZodLiteral<"slot">;
         style: z.ZodOptional<z.ZodString>;
+    }, z.core.$strict>, z.ZodObject<{
+        id: z.ZodUUID;
+        type: z.ZodLiteral<"empty">;
+        style: z.ZodOptional<z.ZodString>;
     }, z.core.$strict>], "type">>>;
 }, z.core.$strip>>;
 export type ValidationRule = z.infer<typeof ValidationRuleC>;
 export type Field = z.infer<typeof FieldC>;
 export type FieldsConfig = z.infer<typeof FieldsConfigC>;
 export type SlotField = z.infer<typeof SlotFieldC>;
+export type EmptyField = z.infer<typeof EmptyFieldC>;