@antelopejs/interface-dms 0.0.1

package/dist/base/form-schema.d.ts

@@ -0,0 +1,211 @@
+import { type ComponentInfoSerialized } from "../component";
+import { z } from "zod";
+import type { DefaultDataTypes } from "./data-types/default-types";
+import type { TreeNode } from "./tree";
+import type { AxeOrientation } from "./types";
+export * from "./form-block-schema";
+import { FormBuilder, FormFieldOrGroup, FormFieldOrGroupSerialized, FormFunctions, FormProps, FormPropsSerialized } from "./form";
+export declare function adaptFieldValidationSchema(baseSchema: z.ZodTypeAny, options: {
+    localized?: boolean;
+    required?: boolean;
+}): z.ZodTypeAny;
+export declare function buildFormSchema(fields: FormFieldOrGroup[]): z.ZodObject<Record<string, z.ZodTypeAny>>;
+export type FormSchemaSource = FormFieldOrGroup[] | FormProps | FormBuilder;
+export declare function formSchema(source: FormSchemaSource): z.ZodObject<Record<string, z.ZodTypeAny>>;
+export declare function serializeFormFields(fields: FormFieldOrGroup[]): FormFieldOrGroupSerialized[];
+export declare const Form: (options: FormProps) => FormBuilder;
+export declare namespace FormComponents {
+    interface RichTextOptions {
+        placeholder?: string;
+    }
+    interface SelectOption {
+        label: string;
+        value: string | number;
+        disabled?: boolean;
+        icon?: string;
+        iconColor?: string;
+        textColor?: string;
+    }
+    interface InputEmailOptions {
+        placeholder?: string;
+    }
+    interface InputColorOptions {
+        placeholder?: string;
+    }
+    interface InputPasswordOptions {
+        placeholder?: string;
+        minLength?: number;
+        confirmPassword?: boolean;
+        confirmPlaceholder?: string;
+    }
+    interface InputNumberOptions {
+        min?: number;
+        max?: number;
+        step?: number;
+        placeholder?: string;
+    }
+    interface InputTimeOptions {
+        min?: number;
+        max?: number;
+        placeholder?: string;
+    }
+    interface InputPhoneOptions {
+        placeholder?: string;
+        requiredPrefix?: boolean;
+    }
+    interface InputTextOptions {
+        placeholder?: string;
+        maxLength?: number;
+        minLength?: number;
+    }
+    interface RadioGroupOptions {
+        items: SelectOption[];
+        orientation?: AxeOrientation;
+    }
+    interface SelectOptions {
+        items: SelectOption[];
+        placeholder?: string;
+        multiple?: boolean;
+        deselectable?: boolean;
+    }
+    interface TreeOptions {
+        items?: TreeNode[];
+        fetchUrl?: string;
+        placeholder?: string;
+        multiple?: boolean;
+    }
+    interface PermissionsTreeNode {
+        id: string;
+        label: string;
+        icon?: string;
+        children?: PermissionsTreeNode[];
+    }
+    interface PermissionsTreeOptions {
+        permissions?: PermissionsTreeNode[];
+        fetchUrl?: string;
+    }
+    interface RelationOptions {
+        placeholder?: string;
+        searchUrl: string;
+        multiple?: boolean;
+        deselectable?: boolean;
+        keyMapping?: {
+            label?: string;
+            value?: string;
+            avatar?: string;
+            disabled?: string;
+        };
+        addForm?: ComponentInfoSerialized<FormPropsSerialized>;
+        addPermissionId?: string;
+    }
+    interface CascaderRelationKeyMapping {
+        label: string;
+        value: string;
+        parent: string;
+        disabled?: string;
+    }
+    interface CascaderRelationOptions {
+        placeholder?: string;
+        searchUrl: string;
+        multiple?: boolean;
+        deselectable?: boolean;
+        keyMapping: CascaderRelationKeyMapping;
+        maxDepth?: number;
+        leafOnly?: boolean;
+        fallback?: string;
+    }
+    interface SliderOptions {
+        min?: number;
+        max?: number;
+        step?: number;
+    }
+    interface TextareaOptions {
+        placeholder?: string;
+        rows?: number;
+        maxLength?: number;
+    }
+    interface CalendarOptions {
+        range?: boolean;
+        multiple?: boolean;
+        minDate?: string;
+        maxDate?: string;
+    }
+    interface DatePickerRangeOptions {
+        minDate?: string;
+        maxDate?: string;
+    }
+    interface AddressOptions {
+        placeholder?: {
+            streetName?: string;
+            houseNumber?: string;
+            boxNumber?: string;
+            addressLine2?: string;
+            postalCode?: string;
+            city?: string;
+            countrySubdivision?: string;
+            countryCode?: string;
+        };
+        autocomplete?: DefaultDataTypes.AddressAutocomplete;
+    }
+    interface FileOptions {
+        multiple?: boolean;
+        constraints?: {
+            maxSize?: number;
+            allowedMimetypes?: string[];
+        };
+        path?: string;
+        storage?: string;
+        attachmentField?: string;
+        visibility?: "private" | "public";
+    }
+    interface ImageResizeOptions {
+        maxWidth: number;
+        maxHeight: number;
+        fit?: "cover" | "contain";
+    }
+    interface ImageOptions extends FileOptions {
+        max?: number;
+        resize?: ImageResizeOptions;
+    }
+    function InputCheckbox(): ComponentInfoSerialized;
+    function InputEmail(options?: InputEmailOptions): ComponentInfoSerialized<InputEmailOptions>;
+    function InputColor(options?: InputColorOptions): ComponentInfoSerialized<InputColorOptions>;
+    function InputPassword(options?: InputPasswordOptions): ComponentInfoSerialized<InputPasswordOptions>;
+    function InputNumber(options?: InputNumberOptions): ComponentInfoSerialized<InputNumberOptions>;
+    function InputPercentage(options?: InputNumberOptions): ComponentInfoSerialized<InputNumberOptions>;
+    function InputTime(options?: InputTimeOptions): ComponentInfoSerialized<InputTimeOptions>;
+    function InputText(options?: InputTextOptions): ComponentInfoSerialized<InputTextOptions>;
+    function InputPhone(options?: InputPhoneOptions): ComponentInfoSerialized<InputPhoneOptions>;
+    function InputRadioGroup<T extends RadioGroupOptions>(options: T): ComponentInfoSerialized<T>;
+    function InputSelect<T extends SelectOptions>(options: T): ComponentInfoSerialized<T>;
+    function InputRelation<T extends RelationOptions>(options: T): ComponentInfoSerialized<T>;
+    function InputCascader<T extends CascaderRelationOptions>(options: T): ComponentInfoSerialized<T>;
+    function InputSlider(options?: SliderOptions): ComponentInfoSerialized<SliderOptions>;
+    function InputSwitch(): ComponentInfoSerialized;
+    function InputTextarea(options?: TextareaOptions): ComponentInfoSerialized<TextareaOptions>;
+    function Calendar(options?: CalendarOptions): ComponentInfoSerialized<CalendarOptions>;
+    function DatePicker(options?: CalendarOptions): ComponentInfoSerialized<CalendarOptions>;
+    function DatePickerRange(options?: DatePickerRangeOptions): ComponentInfoSerialized<DatePickerRangeOptions>;
+    function InputTree<T extends TreeOptions>(options: T): ComponentInfoSerialized<T>;
+    function InputAddress<T extends AddressOptions>(options?: T): ComponentInfoSerialized<T>;
+    function PermissionsTree<T extends PermissionsTreeOptions>(options: T): ComponentInfoSerialized<T>;
+    function RichText(options?: RichTextOptions): ComponentInfoSerialized<RichTextOptions>;
+    function File(options?: FileOptions): ComponentInfoSerialized<FileOptions>;
+    function Image(options?: ImageOptions): ComponentInfoSerialized<ImageOptions>;
+}
+declare module "./types/watch" {
+    interface WatchFunctionParamMap {
+        [FormFunctions.SET_FIELD_DISABLED]: {
+            targetField: string;
+            setDisabled: boolean;
+        };
+        [FormFunctions.SET_FIELD_HIDDEN]: {
+            targetField: string;
+            setHidden: boolean;
+        };
+        [FormFunctions.SET_FIELD_REQUIRED]: {
+            targetField: string;
+            setRequired: boolean;
+        };
+    }
+}

package/dist/base/form-schema.js

@@ -0,0 +1,281 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormComponents = exports.Form = void 0;
+exports.adaptFieldValidationSchema = adaptFieldValidationSchema;
+exports.buildFormSchema = buildFormSchema;
+exports.formSchema = formSchema;
+exports.serializeFormFields = serializeFormFields;
+const component_1 = require("../component");
+const uploads_1 = require("../uploads");
+const zod_1 = require("zod");
+const zod_to_json_schema_1 = require("zod-to-json-schema");
+const core_1 = require("./data-types/core");
+const form_block_schema_1 = require("./form-block-schema");
+__exportStar(require("./form-block-schema"), exports);
+const form_1 = require("./form");
+function adaptFieldValidationSchema(baseSchema, options) {
+    let schema = baseSchema;
+    if (options.localized) {
+        schema = zod_1.z.record(zod_1.z.string(), schema);
+    }
+    if (!options.required) {
+        schema = schema.nullable().optional();
+    }
+    else if (schema instanceof zod_1.z.ZodString) {
+        schema = schema.min(1);
+    }
+    else if (schema instanceof zod_1.z.ZodArray) {
+        schema = schema.min(1);
+    }
+    return schema;
+}
+function addFieldToSchema(shape, field) {
+    const baseSchema = field.type.getValidation();
+    shape[field.id] = adaptFieldValidationSchema(baseSchema, {
+        localized: field.localized,
+        required: field.required,
+    });
+}
+function buildFormSchema(fields) {
+    const shape = {};
+    for (const item of fields) {
+        if ((0, form_1.isFieldGroup)(item)) {
+            for (const field of item.fields) {
+                addFieldToSchema(shape, field);
+            }
+        }
+        else {
+            addFieldToSchema(shape, item);
+        }
+    }
+    return zod_1.z.object(shape);
+}
+const FIELDS_KEY = "fields";
+function isFormBuilder(source) {
+    return source instanceof component_1.ComponentBuilder && FIELDS_KEY in source;
+}
+function isFormProps(source) {
+    return (typeof source === "object" &&
+        source !== null &&
+        FIELDS_KEY in source &&
+        Array.isArray(source.fields));
+}
+function formSchema(source) {
+    if (Array.isArray(source))
+        return buildFormSchema(source);
+    if (isFormBuilder(source))
+        return buildFormSchema(source.fields);
+    if (isFormProps(source))
+        return buildFormSchema(source.fields);
+    throw new Error("formSchema: unsupported source");
+}
+function serializeField(field) {
+    const typeId = (0, core_1.getDataTypeId)(field.type) || "unknown";
+    return {
+        id: field.id,
+        label: field.label,
+        description: field.description,
+        component: field.inputComponent || field.type.inputComponent(),
+        disabled: field.disabled,
+        type: typeId,
+        required: field.required,
+        defaultValue: field.defaultValue,
+        localized: field.localized,
+    };
+}
+function serializeFormFields(fields) {
+    return fields.map((item) => {
+        if ((0, form_1.isFieldGroup)(item)) {
+            return {
+                id: item.id,
+                label: item.label,
+                description: item.description,
+                fields: item.fields.map(serializeField),
+                orientation: item.orientation,
+                order: item.order,
+            };
+        }
+        return serializeField(item);
+    });
+}
+const Form = (options) => {
+    const schema = buildFormSchema(options.fields);
+    const serializedFields = serializeFormFields(options.fields);
+    const builder = new component_1.ComponentBuilder(form_block_schema_1.FORM_COMPONENT_NAME)
+        .options({
+        ...options,
+        fields: serializedFields,
+        schema: (0, zod_to_json_schema_1.zodToJsonSchema)(schema),
+    })
+        .transformOptions(uploads_1.StampUploadFieldTokens)
+        .meta({
+        name: options.title || "Form",
+        icon: "i-ph-note-pencil",
+    });
+    return Object.assign(builder, { fields: options.fields });
+};
+exports.Form = Form;
+var FormComponents;
+(function (FormComponents) {
+    function InputCheckbox() {
+        return new component_1.ComponentBuilder("dms-checkbox").serializeSync();
+    }
+    FormComponents.InputCheckbox = InputCheckbox;
+    function InputEmail(options) {
+        return new component_1.ComponentBuilder("dms-input-email")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputEmail = InputEmail;
+    function InputColor(options) {
+        return new component_1.ComponentBuilder("dms-input-color")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputColor = InputColor;
+    function InputPassword(options) {
+        return new component_1.ComponentBuilder("dms-input-password")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputPassword = InputPassword;
+    function InputNumber(options) {
+        return new component_1.ComponentBuilder("dms-input-number")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputNumber = InputNumber;
+    function InputPercentage(options) {
+        return new component_1.ComponentBuilder("dms-input-percentage")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputPercentage = InputPercentage;
+    function InputTime(options) {
+        return new component_1.ComponentBuilder("dms-input-time")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputTime = InputTime;
+    function InputText(options) {
+        return new component_1.ComponentBuilder("dms-input-text")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputText = InputText;
+    function InputPhone(options) {
+        return new component_1.ComponentBuilder("dms-input-phone")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputPhone = InputPhone;
+    function InputRadioGroup(options) {
+        return new component_1.ComponentBuilder("dms-radio-group")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputRadioGroup = InputRadioGroup;
+    function InputSelect(options) {
+        return new component_1.ComponentBuilder("dms-select")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputSelect = InputSelect;
+    function InputRelation(options) {
+        return new component_1.ComponentBuilder("dms-relation")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputRelation = InputRelation;
+    function InputCascader(options) {
+        return new component_1.ComponentBuilder("dms-cascader")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputCascader = InputCascader;
+    function InputSlider(options) {
+        return new component_1.ComponentBuilder("dms-slider")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputSlider = InputSlider;
+    function InputSwitch() {
+        return new component_1.ComponentBuilder("dms-switch").serializeSync();
+    }
+    FormComponents.InputSwitch = InputSwitch;
+    function InputTextarea(options) {
+        return new component_1.ComponentBuilder("dms-textarea")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputTextarea = InputTextarea;
+    function Calendar(options) {
+        return new component_1.ComponentBuilder("dms-calendar")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.Calendar = Calendar;
+    function DatePicker(options) {
+        return new component_1.ComponentBuilder("dms-date-picker")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.DatePicker = DatePicker;
+    function DatePickerRange(options) {
+        return new component_1.ComponentBuilder("dms-date-picker-range")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.DatePickerRange = DatePickerRange;
+    function InputTree(options) {
+        return new component_1.ComponentBuilder("dms-input-tree")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputTree = InputTree;
+    function InputAddress(options) {
+        return new component_1.ComponentBuilder("dms-input-address")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.InputAddress = InputAddress;
+    function PermissionsTree(options) {
+        return new component_1.ComponentBuilder("dms-permissions-tree")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.PermissionsTree = PermissionsTree;
+    function RichText(options) {
+        return new component_1.ComponentBuilder("dms-rich-text")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.RichText = RichText;
+    function File(options) {
+        return new component_1.ComponentBuilder("dms-file")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.File = File;
+    function Image(options) {
+        return new component_1.ComponentBuilder("dms-image")
+            .options(options)
+            .serializeSync();
+    }
+    FormComponents.Image = Image;
+})(FormComponents || (exports.FormComponents = FormComponents = {}));
+//# sourceMappingURL=form-schema.js.map

package/dist/base/form-schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-schema.js","sourceRoot":"","sources":["../../src/base/form-schema.ts"],"names":[],"mappings":"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"}

package/dist/base/form.d.ts

@@ -0,0 +1,69 @@
+import { ComponentBuilder, type ComponentInfoSerialized } from "../component";
+import { zodToJsonSchema } from "zod-to-json-schema";
+import { type DataType } from "./data-types/core";
+import type { BaseComponentProps, DefaultValue, HttpMethod } from "./types";
+export declare namespace FormEvents {
+    const SUBMIT = "DmsComponent.Form.Submit";
+    const SUBMIT_SUCCESS = "DmsComponent.Form.SubmitSuccess";
+    const SUBMIT_ERROR = "DmsComponent.Form.SubmitError";
+    const FIELD_CHANGE = "DmsComponent.Form.FieldChange";
+    const RESET = "DmsComponent.Form.Reset";
+}
+export declare namespace FormFunctions {
+    const SET_FIELD_DISABLED = "DmsComponent.Form.SetFieldDisabled";
+    const SET_FIELD_HIDDEN = "DmsComponent.Form.SetFieldHidden";
+    const SET_FIELD_REQUIRED = "DmsComponent.Form.SetFieldRequired";
+}
+export interface FormField {
+    id: string;
+    label?: string;
+    description?: string;
+    type: DataType;
+    inputComponent?: ComponentInfoSerialized;
+    disabled?: boolean;
+    required?: boolean;
+    defaultValue?: DefaultValue;
+    localized?: boolean;
+}
+export interface FormFieldSerialized extends Omit<FormField, "type" | "inputComponent"> {
+    component: ComponentInfoSerialized;
+    type: string;
+}
+export interface FieldGroup {
+    id: string;
+    label?: string;
+    description?: string;
+    fields: FormField[];
+    orientation?: "horizontal" | "vertical";
+    order?: number;
+}
+export interface FieldGroupSerialized extends Omit<FieldGroup, "fields"> {
+    fields: FormFieldSerialized[];
+}
+export type FormFieldOrGroup = FormField | FieldGroup;
+export type FormFieldOrGroupSerialized = FormFieldSerialized | FieldGroupSerialized;
+export declare function isFieldGroup(item: FormFieldOrGroup): item is FieldGroup;
+export declare function isFieldGroupSerialized(item: FormFieldOrGroupSerialized): item is FieldGroupSerialized;
+export interface FormProps extends BaseComponentProps {
+    title?: string;
+    description?: string;
+    fields: FormFieldOrGroup[];
+    fetchUrl?: string;
+    fetchUrlMethod?: HttpMethod;
+    submitUrl?: string;
+    submitUrlMethod?: HttpMethod;
+    successMessage?: string;
+    errorMessage?: string;
+    submitLabel?: string;
+    fieldsOrientation?: "horizontal" | "vertical";
+    redirectOnSuccess?: string;
+    submitDefaults?: Record<string, unknown>;
+    slotId?: string;
+}
+export interface FormPropsSerialized extends Omit<FormProps, "fields"> {
+    fields: FormFieldOrGroupSerialized[];
+    schema?: ReturnType<typeof zodToJsonSchema>;
+}
+export type FormBuilder = ComponentBuilder<FormPropsSerialized> & {
+    readonly fields: FormFieldOrGroup[];
+};

package/dist/base/form.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormFunctions = exports.FormEvents = void 0;
+exports.isFieldGroup = isFieldGroup;
+exports.isFieldGroupSerialized = isFieldGroupSerialized;
+var FormEvents;
+(function (FormEvents) {
+    FormEvents.SUBMIT = "DmsComponent.Form.Submit";
+    FormEvents.SUBMIT_SUCCESS = "DmsComponent.Form.SubmitSuccess";
+    FormEvents.SUBMIT_ERROR = "DmsComponent.Form.SubmitError";
+    FormEvents.FIELD_CHANGE = "DmsComponent.Form.FieldChange";
+    FormEvents.RESET = "DmsComponent.Form.Reset";
+})(FormEvents || (exports.FormEvents = FormEvents = {}));
+var FormFunctions;
+(function (FormFunctions) {
+    FormFunctions.SET_FIELD_DISABLED = "DmsComponent.Form.SetFieldDisabled";
+    FormFunctions.SET_FIELD_HIDDEN = "DmsComponent.Form.SetFieldHidden";
+    FormFunctions.SET_FIELD_REQUIRED = "DmsComponent.Form.SetFieldRequired";
+})(FormFunctions || (exports.FormFunctions = FormFunctions = {}));
+function isFieldGroup(item) {
+    return "fields" in item && Array.isArray(item.fields);
+}
+function isFieldGroupSerialized(item) {
+    return "fields" in item && Array.isArray(item.fields);
+}
+//# sourceMappingURL=form.js.map

package/dist/base/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/base/form.ts"],"names":[],"mappings":";;;AAwDA,oCAEC;AAED,wDAIC;AA5DD,IAAiB,UAAU,CAM1B;AAND,WAAiB,UAAU;IACZ,iBAAM,GAAG,0BAA0B,CAAC;IACpC,yBAAc,GAAG,iCAAiC,CAAC;IACnD,uBAAY,GAAG,+BAA+B,CAAC;IAC/C,uBAAY,GAAG,+BAA+B,CAAC;IAC/C,gBAAK,GAAG,yBAAyB,CAAC;AACjD,CAAC,EANgB,UAAU,0BAAV,UAAU,QAM1B;AAED,IAAiB,aAAa,CAI7B;AAJD,WAAiB,aAAa;IACf,gCAAkB,GAAG,oCAAoC,CAAC;IAC1D,8BAAgB,GAAG,kCAAkC,CAAC;IACtD,gCAAkB,GAAG,oCAAoC,CAAC;AACzE,CAAC,EAJgB,aAAa,6BAAb,aAAa,QAI7B;AAwCD,SAAgB,YAAY,CAAC,IAAsB;IACjD,OAAO,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACxD,CAAC;AAED,SAAgB,sBAAsB,CACpC,IAAgC;IAEhC,OAAO,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACxD,CAAC"}

package/dist/base/grid.d.ts

@@ -0,0 +1,21 @@
+import { ComponentBuilder } from "../component";
+import { z } from "zod";
+export interface GridOptions {
+    gap?: string;
+}
+export declare const GridSchema: z.ZodObject<{
+    gap: z.ZodDefault<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    gap: string;
+}, {
+    gap?: string | undefined;
+}>;
+export declare const GridChildSchema: z.ZodObject<{
+    colSpan: z.ZodOptional<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    colSpan?: number | undefined;
+}, {
+    colSpan?: number | undefined;
+}>;
+export declare function Grid(options?: GridOptions): ComponentBuilder<GridOptions>;
+export declare function GridRow(): ComponentBuilder;