@pixpilot/formily-shadcn 0.9.0 → 0.10.0

package/dist/components/schema-field/schema-field.js

@@ -1,13 +1,13 @@
 import { Combobox as Combobox$1 } from "../combobox.js";
 import { Slider as Slider$1 } from "../slider.js";
 import { TagsInputInLine } from "../tags-input-inline.js";
-import { SchemaFieldBasicComponents } from "./schema-field-basics.js";
+import { schemaFieldBasicComponents } from "./schema-field-basics.js";
 import { createSchemaField } from "@formily/react";
 import { TagsInput } from "@pixpilot/shadcn-ui";
 
 //#region src/components/schema-field/schema-field.tsx
 const schemaFieldComponents = {
-	...SchemaFieldBasicComponents,
+	...schemaFieldBasicComponents,
 	Combobox: Combobox$1,
 	TagsInput,
 	TagsInputInLine,

package/dist/components/separator.d.cts

@@ -1,4 +1,4 @@
-import * as react14 from "react";
+import * as react16 from "react";
 import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
 
 //#region src/components/separator.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
  * Formily-connected Separator component
  * A visual divider for content sections
  */
-declare const Separator: react14.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react14.RefAttributes<HTMLDivElement>>, "ref"> & react14.RefAttributes<unknown>>;
+declare const Separator: react16.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react16.RefAttributes<HTMLDivElement>>, "ref"> & react16.RefAttributes<unknown>>;
 //#endregion
 export { Separator };

package/dist/components/separator.d.ts

@@ -1,4 +1,4 @@
-import * as react18 from "react";
+import * as react16 from "react";
 import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
 
 //#region src/components/separator.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
  * Formily-connected Separator component
  * A visual divider for content sections
  */
-declare const Separator: react18.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react18.RefAttributes<HTMLDivElement>>, "ref"> & react18.RefAttributes<unknown>>;
+declare const Separator: react16.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react16.RefAttributes<HTMLDivElement>>, "ref"> & react16.RefAttributes<unknown>>;
 //#endregion
 export { Separator };

package/dist/components/slider.d.cts

@@ -1,4 +1,4 @@
-import * as react17 from "react";
+import * as react14 from "react";
 import { SliderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/slider.d.ts
@@ -7,6 +7,6 @@ import { SliderProps } from "@pixpilot/shadcn-ui";
  * Formily-connected Slider component
  * Range input for selecting numeric values
  */
-declare const Slider: react17.ForwardRefExoticComponent<Omit<Partial<SliderProps>, "ref"> & react17.RefAttributes<unknown>>;
+declare const Slider: react14.ForwardRefExoticComponent<Omit<Partial<SliderProps>, "ref"> & react14.RefAttributes<unknown>>;
 //#endregion
 export { Slider };

package/dist/components/slider.d.ts

@@ -1,4 +1,4 @@
-import * as react21 from "react";
+import * as react14 from "react";
 import { SliderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/slider.d.ts
@@ -7,6 +7,6 @@ import { SliderProps } from "@pixpilot/shadcn-ui";
  * Formily-connected Slider component
  * Range input for selecting numeric values
  */
-declare const Slider$1: react21.ForwardRefExoticComponent<Omit<Partial<SliderProps>, "ref"> & react21.RefAttributes<unknown>>;
+declare const Slider$1: react14.ForwardRefExoticComponent<Omit<Partial<SliderProps>, "ref"> & react14.RefAttributes<unknown>>;
 //#endregion
 export { Slider$1 as Slider };

package/dist/components/switch.d.cts

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react25 from "react";
 import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
 
 //#region src/components/switch.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
  * Formily-connected Switch component
  * Toggle switch for boolean values
  */
-declare const Switch: react19.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react19.RefAttributes<HTMLButtonElement>>, "ref"> & react19.RefAttributes<unknown>>;
+declare const Switch: react25.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react25.RefAttributes<HTMLButtonElement>>, "ref"> & react25.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/tags-input-inline.d.cts

@@ -1,4 +1,4 @@
-import * as react22 from "react";
+import * as react19 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/tags-input-inline.d.ts
@@ -10,6 +10,6 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Based on DiceUI's tags-input for inline tag editing with keyboard navigation
  * and validation support.
  */
-declare const TagsInputInLine: react22.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react22.RefAttributes<unknown>>;
+declare const TagsInputInLine: react19.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react19.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/textarea.d.cts

@@ -1,9 +1,9 @@
-import * as react24 from "react";
+import * as react21 from "react";
 
 //#region src/components/textarea.d.ts
 /**
  * Formily-connected Textarea component
  */
-declare const Textarea: react24.ForwardRefExoticComponent<Omit<Partial<react24.ClassAttributes<HTMLTextAreaElement> & react24.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react24.RefAttributes<unknown>>;
+declare const Textarea: react21.ForwardRefExoticComponent<Omit<Partial<react21.ClassAttributes<HTMLTextAreaElement> & react21.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react21.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

package/dist/components/textarea.d.ts

@@ -1,9 +1,9 @@
-import * as react0 from "react";
+import * as react19 from "react";
 
 //#region src/components/textarea.d.ts
 /**
  * Formily-connected Textarea component
  */
-declare const Textarea: react0.ForwardRefExoticComponent<Omit<Partial<react0.ClassAttributes<HTMLTextAreaElement> & react0.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react0.RefAttributes<unknown>>;
+declare const Textarea: react19.ForwardRefExoticComponent<Omit<Partial<react19.ClassAttributes<HTMLTextAreaElement> & react19.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react19.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

package/dist/hooks/index.js

@@ -1,3 +1,3 @@
 import { useDescription } from "./use-description.js";
-import { useFormContext } from "./use-form-context.js";
+import { useFormConfig, useFormContext } from "./use-form-context.js";
 import { useLabel } from "./use-label.js";

package/dist/hooks/use-form-context.cjs

@@ -8,6 +8,11 @@ react = require_rolldown_runtime.__toESM(react);
 function useFormContext() {
 	return (0, react.use)(require_form_context.FormContext);
 }
+function useFormConfig() {
+	const { settings } = useFormContext();
+	return settings || {};
+}
 
 //#endregion
+exports.useFormConfig = useFormConfig;
 exports.useFormContext = useFormContext;

package/dist/hooks/use-form-context.js

@@ -6,6 +6,10 @@ import { use } from "react";
 function useFormContext() {
 	return use(FormContext);
 }
+function useFormConfig() {
+	const { settings } = useFormContext();
+	return settings || {};
+}
 
 //#endregion
-export { useFormContext };
+export { useFormConfig, useFormContext };

package/dist/hooks/use-label.cjs

@@ -1,17 +1,24 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_use_form_context = require('./use-form-context.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
 let __pixpilot_string = require("@pixpilot/string");
 __pixpilot_string = require_rolldown_runtime.__toESM(__pixpilot_string);
 
 //#region src/hooks/use-label.ts
+function shouldHaveLabel(value) {
+	if (typeof value === "boolean" && value === false) return false;
+	return true;
+}
 function useLabel(label) {
 	const schema = (0, __formily_react.useFieldSchema)();
 	const name = schema.name;
 	const title = schema.title;
+	const { useFieldNameAsLabel } = require_use_form_context.useFormConfig().label || {};
+	if (!shouldHaveLabel(label) || !shouldHaveLabel(title)) return null;
 	if (label != null) return label;
-	if (title != null) return typeof title === "string" ? (0, __pixpilot_string.toCapitalCase)(title) : title;
-	if (name != null) return typeof name === "string" ? (0, __pixpilot_string.toCapitalCase)(name) : name;
+	if (title != null) return title;
+	if (name != null && useFieldNameAsLabel) return typeof name === "string" ? (0, __pixpilot_string.toCapitalCase)(name) : name;
 	return null;
 }
 

package/dist/hooks/use-label.js

@@ -1,14 +1,21 @@
+import { useFormConfig } from "./use-form-context.js";
 import { useFieldSchema } from "@formily/react";
 import { toCapitalCase } from "@pixpilot/string";
 
 //#region src/hooks/use-label.ts
+function shouldHaveLabel(value) {
+	if (typeof value === "boolean" && value === false) return false;
+	return true;
+}
 function useLabel(label) {
 	const schema = useFieldSchema();
 	const name = schema.name;
 	const title = schema.title;
+	const { useFieldNameAsLabel } = useFormConfig().label || {};
+	if (!shouldHaveLabel(label) || !shouldHaveLabel(title)) return null;
 	if (label != null) return label;
-	if (title != null) return typeof title === "string" ? toCapitalCase(title) : title;
-	if (name != null) return typeof name === "string" ? toCapitalCase(name) : name;
+	if (title != null) return title;
+	if (name != null && useFieldNameAsLabel) return typeof name === "string" ? toCapitalCase(name) : name;
 	return null;
 }
 

package/dist/index.cjs

@@ -82,7 +82,6 @@ exports.Radio = require_radio.Radio;
 exports.RichTextEditor = require_rich_text_editor.RichTextEditor;
 exports.Row = require_row.Row;
 exports.SchemaField = require_schema_field.SchemaField;
-exports.SchemaFieldBasicComponents = require_schema_field_basics.SchemaFieldBasicComponents;
 exports.SchemaFieldBasics = require_schema_field_basics.SchemaFieldBasics;
 exports.SchemaFieldExtended = require_schema_field_extended.SchemaFieldExtended;
 exports.Select = require_select.Select;
@@ -103,5 +102,6 @@ Object.defineProperty(exports, 'createForm', {
     return __formily_core.createForm;
   }
 });
+exports.schemaFieldBasicComponents = require_schema_field_basics.schemaFieldBasicComponents;
 exports.schemaFieldComponents = require_schema_field.schemaFieldComponents;
 exports.schemaFieldExtendedComponents = require_schema_field_extended.schemaFieldExtendedComponents;

package/dist/index.d.cts

@@ -23,7 +23,7 @@ import { ConnectedRadio, Radio } from "./components/radio.cjs";
 import { RichTextEditor } from "./components/rich-text-editor.cjs";
 import { Row } from "./components/row.cjs";
 import { SchemaField, schemaFieldComponents } from "./components/schema-field/schema-field.cjs";
-import { SchemaFieldBasicComponents, SchemaFieldBasics } from "./components/schema-field/schema-field-basics.cjs";
+import { SchemaFieldBasics, schemaFieldBasicComponents } from "./components/schema-field/schema-field-basics.cjs";
 import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./components/schema-field/schema-field-extended.cjs";
 import "./components/schema-field/index.cjs";
 import { Select } from "./components/select.cjs";
@@ -34,4 +34,4 @@ import { TagsInputInLine } from "./components/tags-input-inline.cjs";
 import { Textarea } from "./components/textarea.cjs";
 import { Field, FormConsumer, FormProvider, ISchema, ObjectField, VoidField } from "@formily/react";
 import { Form as IForm, createForm } from "@formily/core";
-export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasicComponents, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldComponents, schemaFieldExtendedComponents };
+export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldBasicComponents, schemaFieldComponents, schemaFieldExtendedComponents };

package/dist/index.d.ts

@@ -23,7 +23,7 @@ import { ConnectedRadio, Radio } from "./components/radio.js";
 import { RichTextEditor } from "./components/rich-text-editor.js";
 import { Row } from "./components/row.js";
 import { SchemaField, schemaFieldComponents } from "./components/schema-field/schema-field.js";
-import { SchemaFieldBasicComponents, SchemaFieldBasics } from "./components/schema-field/schema-field-basics.js";
+import { SchemaFieldBasics, schemaFieldBasicComponents } from "./components/schema-field/schema-field-basics.js";
 import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./components/schema-field/schema-field-extended.js";
 import "./components/schema-field/index.js";
 import { Select } from "./components/select.js";
@@ -34,4 +34,4 @@ import { TagsInputInLine } from "./components/tags-input-inline.js";
 import { Textarea } from "./components/textarea.js";
 import { Field, FormConsumer, FormProvider, ISchema, ObjectField, VoidField } from "@formily/react";
 import { Form as IForm, createForm } from "@formily/core";
-export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasicComponents, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldComponents, schemaFieldExtendedComponents };
+export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldBasicComponents, schemaFieldComponents, schemaFieldExtendedComponents };

package/dist/index.js

@@ -25,7 +25,7 @@ import { Select } from "./components/select.js";
 import { Separator } from "./components/separator.js";
 import { Switch } from "./components/switch.js";
 import { Textarea } from "./components/textarea.js";
-import { SchemaFieldBasicComponents, SchemaFieldBasics } from "./components/schema-field/schema-field-basics.js";
+import { SchemaFieldBasics, schemaFieldBasicComponents } from "./components/schema-field/schema-field-basics.js";
 import { SchemaField, schemaFieldComponents } from "./components/schema-field/schema-field.js";
 import { RichTextEditor } from "./components/rich-text-editor.js";
 import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./components/schema-field/schema-field-extended.js";
@@ -34,4 +34,4 @@ import { JsonSchemaFormRenderer } from "./components/json-schema-form-renderer.j
 import { Field, FormConsumer, FormProvider, ObjectField, VoidField } from "@formily/react";
 import { createForm } from "@formily/core";
 
-export { ArrayBase, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, IconPicker, Input, JsonSchemaFormRenderer, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasicComponents, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldComponents, schemaFieldExtendedComponents };
+export { ArrayBase, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, IconPicker, Input, JsonSchemaFormRenderer, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldBasicComponents, schemaFieldComponents, schemaFieldExtendedComponents };

package/dist/types/form.d.cts

@@ -1,12 +1,6 @@
 //#region src/types/form.d.ts
-type Space = 'sm' | 'md' | 'lg';
 interface FormSpace {
   density?: 'compact' | 'normal' | 'comfortable' | 'responsive';
-  responsive?: {
-    mobile?: Space;
-    tablet?: Space;
-    desktop?: Space;
-  };
 }
 //#endregion
 export { FormSpace };

package/dist/types/form.d.ts

@@ -1,12 +1,6 @@
 //#region src/types/form.d.ts
-type Space = 'sm' | 'md' | 'lg';
 interface FormSpace {
   density?: 'compact' | 'normal' | 'comfortable' | 'responsive';
-  responsive?: {
-    mobile?: Space;
-    tablet?: Space;
-    desktop?: Space;
-  };
 }
 //#endregion
 export { FormSpace };

package/dist/utils/extract-fields-decorators.cjs

@@ -0,0 +1,37 @@
+
+//#region src/utils/extract-fields-decorators.ts
+/**
+* Extracts decorator mappings from field configurations.
+*
+* This utility function takes a fields configuration object where each field
+* can optionally define a decorator string, and returns a flat record of
+* field name to decorator mappings.
+*
+* @param fields - The fields configuration with optional decorators
+* @returns Record mapping component names to their decorators
+*
+* @example
+* const fields = {
+*   Input: {
+*     component: InputComponent,
+*     decorator: 'FormItem',
+*   },
+*   CustomInput: {
+*     component: CustomInputComponent,
+*     decorator: 'CustomDecorator',
+*   },
+* };
+*
+* const decorators = extractFieldsDecorators(fields);
+* // Result: { Input: 'FormItem', CustomInput: 'CustomDecorator' }
+*/
+function extractFieldsDecorators(fields) {
+	const fieldsDecorators = {};
+	if (fields) Object.entries(fields).forEach(([key, field]) => {
+		if (field.decorator != null) fieldsDecorators[key] = field.decorator;
+	});
+	return fieldsDecorators;
+}
+
+//#endregion
+exports.extractFieldsDecorators = extractFieldsDecorators;

package/dist/utils/extract-fields-decorators.js

@@ -0,0 +1,36 @@
+//#region src/utils/extract-fields-decorators.ts
+/**
+* Extracts decorator mappings from field configurations.
+*
+* This utility function takes a fields configuration object where each field
+* can optionally define a decorator string, and returns a flat record of
+* field name to decorator mappings.
+*
+* @param fields - The fields configuration with optional decorators
+* @returns Record mapping component names to their decorators
+*
+* @example
+* const fields = {
+*   Input: {
+*     component: InputComponent,
+*     decorator: 'FormItem',
+*   },
+*   CustomInput: {
+*     component: CustomInputComponent,
+*     decorator: 'CustomDecorator',
+*   },
+* };
+*
+* const decorators = extractFieldsDecorators(fields);
+* // Result: { Input: 'FormItem', CustomInput: 'CustomDecorator' }
+*/
+function extractFieldsDecorators(fields) {
+	const fieldsDecorators = {};
+	if (fields) Object.entries(fields).forEach(([key, field]) => {
+		if (field.decorator != null) fieldsDecorators[key] = field.decorator;
+	});
+	return fieldsDecorators;
+}
+
+//#endregion
+export { extractFieldsDecorators };

package/dist/utils/index.cjs

@@ -1,6 +1,7 @@
 const require_has_error = require('./has-error.cjs');
 const require_validate_array_item_fields = require('./validate-array-item-fields.cjs');
 const require_create_panel_state_manager = require('./create-panel-state-manager.cjs');
+const require_extract_fields_decorators = require('./extract-fields-decorators.cjs');
 const require_for_each_schema = require('./for-each-schema.cjs');
 const require_get_array_item_info = require('./get-array-item-info.cjs');
 const require_get_default_value = require('./get-default-value.cjs');
@@ -8,3 +9,4 @@ const require_has_array_item_errors = require('./has-array-item-errors.cjs');
 const require_resolve_responsive_space = require('./resolve-responsive-space.cjs');
 const require_transform_schema = require('./transform-schema.cjs');
 require('./use-array-item-editor.cjs');
+const require_validate_schema_components = require('./validate-schema-components.cjs');

package/dist/utils/index.js

@@ -1,10 +1,12 @@
 import { fieldsHasError, filedHasError } from "./has-error.js";
 import { validateArrayItemFields } from "./validate-array-item-fields.js";
 import { createPanelStateManager } from "./create-panel-state-manager.js";
+import { extractFieldsDecorators } from "./extract-fields-decorators.js";
 import { forEachSchema } from "./for-each-schema.js";
 import { getArrayItemInfo } from "./get-array-item-info.js";
 import { getDefaultValue, getSchemaDefaultValue } from "./get-default-value.js";
 import { hasArrayItemErrors } from "./has-array-item-errors.js";
-import { autoResponsiveGapClasses, autoResponsiveSpaceClasses, getGapClass, getSpaceClass, isResponsiveDensity, resolveResponsiveGapClass, resolveResponsiveSpace, resolveResponsiveSpaceClass } from "./resolve-responsive-space.js";
+import { gapYConfig, resolveResponsiveGapClass, resolveResponsiveSpaceClass, resolveSpacingClass, spaceYConfig } from "./resolve-responsive-space.js";
 import { transformSchema } from "./transform-schema.js";
 import "./use-array-item-editor.js";
+import { validateSchemaComponents } from "./validate-schema-components.js";

package/dist/utils/resolve-responsive-space.cjs

@@ -10,74 +10,44 @@ const densitySpaceMap = {
 	comfortable: "lg"
 };
 /**
-* Space to Tailwind space-y class mapping
-* Converts space values to actual Tailwind utilities
+* Space-Y spacing configuration
+* Controls vertical spacing between form items
 */
-const spaceClassMap = {
-	sm: "space-y-3",
-	md: "space-y-4",
-	lg: "space-y-6"
+const spaceYConfig = {
+	fixed: {
+		sm: "space-y-3",
+		md: "space-y-4",
+		lg: "space-y-6"
+	},
+	responsive: "space-y-3 md:space-y-4 lg:space-y-6"
 };
 /**
-* Space to Tailwind gap class mapping
-* Converts space values to gap utilities for grid/flex containers
+* Gap-Y spacing configuration
+* Controls vertical gaps in containers
 */
-const gapClassMap = {
-	sm: "gap-y-3",
-	md: "gap-y-4",
-	lg: "gap-y-6"
+const gapYConfig = {
+	fixed: {
+		sm: "gap-y-3",
+		md: "gap-y-4",
+		lg: "gap-y-6"
+	},
+	responsive: "gap-y-3 md:gap-y-4 lg:gap-y-6"
 };
 /**
-* Responsive breakpoint classes for responsive density mode
-* - Mobile (default): compact (space-y-3)
-* - Tablet (md:): normal (space-y-4)
-* - Desktop (lg:): comfortable (space-y-6)
-*/
-const autoResponsiveSpaceClasses = "space-y-3 md:space-y-4 lg:space-y-6";
-/**
-* Responsive breakpoint classes for responsive density mode using gap
-* - Mobile (default): compact (gap-y-3)
-* - Tablet (md:): normal (gap-y-4)
-* - Desktop (lg:): comfortable (gap-y-6)
-*/
-const autoResponsiveGapClasses = "gap-y-3 md:gap-y-4 lg:gap-y-6";
-/**
-* Checks if density is responsive mode
-*
-* @param density - Density value
-* @returns true if density is 'responsive'
-*/
-function isResponsiveDensity(density) {
-	return density === "responsive";
-}
-/**
-* Resolves responsive space value from FormSpace configuration
-* Priority:
-* 1. If responsive is set → use it (ignore density)
-* 2. If density is 'responsive' → return undefined (handled separately with responsive classes)
-* 3. If only other density is set → use density-based mapping
-* 4. Default to undefined (responsive mode)
-*
-* @param formSpace - FormSpace configuration
-* @returns Space value ('sm' | 'md' | 'lg') or undefined for responsive mode
-*/
-function resolveResponsiveSpace(formSpace) {
-	if (!formSpace) return;
-	if (formSpace.responsive) return formSpace.responsive.desktop || formSpace.responsive.tablet || formSpace.responsive.mobile || "lg";
-	if (isResponsiveDensity(formSpace.density)) return;
-	if (formSpace.density && !isResponsiveDensity(formSpace.density)) return densitySpaceMap[formSpace.density];
-}
-/**
-* Gets the Tailwind class for a given space value
+* Resolves spacing class based on density and spacing configuration
+* Generic utility that works with any spacing config
 *
-* @param space - Space value
-* @returns Tailwind utility class
+* @param density - Density value ('compact' | 'normal' | 'comfortable' | 'responsive')
+* @param config - Spacing configuration with fixed and responsive classes
+* @returns Tailwind utility class(es)
 */
-function getSpaceClass(space) {
-	return spaceClassMap[space];
+function resolveSpacingClass(density, config) {
+	if (!density || density === "responsive") return config.responsive;
+	const space = densitySpaceMap[density];
+	return config.fixed[space];
 }
 /**
-* Resolves responsive space and returns the Tailwind class(es)
+* Resolves responsive space and returns the Tailwind space-y class(es)
 * For responsive density, returns responsive breakpoint classes
 * For fixed density, returns single space class
 *
@@ -85,25 +55,10 @@ function getSpaceClass(space) {
 * @returns Tailwind utility class(es)
 */
 function resolveResponsiveSpaceClass(formSpace) {
-	if (!formSpace || isResponsiveDensity(formSpace.density)) return autoResponsiveSpaceClasses;
-	if (formSpace.responsive && !isResponsiveDensity(formSpace.density)) {
-		const space$1 = resolveResponsiveSpace(formSpace);
-		return space$1 ? getSpaceClass(space$1) : autoResponsiveSpaceClasses;
-	}
-	const space = resolveResponsiveSpace(formSpace);
-	return space ? getSpaceClass(space) : autoResponsiveSpaceClasses;
+	return resolveSpacingClass(formSpace?.density, spaceYConfig);
 }
 /**
-* Gets the Tailwind gap class for a given space value
-*
-* @param space - Space value
-* @returns Tailwind utility gap class
-*/
-function getGapClass(space) {
-	return gapClassMap[space];
-}
-/**
-* Resolves responsive space and returns the Tailwind gap class(es)
+* Resolves responsive space and returns the Tailwind gap-y class(es)
 * For responsive density, returns responsive breakpoint classes
 * For fixed density, returns single gap class
 *
@@ -111,21 +66,22 @@ function getGapClass(space) {
 * @returns Tailwind utility gap class(es)
 */
 function resolveResponsiveGapClass(formSpace) {
-	if (!formSpace || isResponsiveDensity(formSpace.density)) return autoResponsiveGapClasses;
-	if (formSpace.responsive && !isResponsiveDensity(formSpace.density)) {
-		const space$1 = resolveResponsiveSpace(formSpace);
-		return space$1 ? getGapClass(space$1) : autoResponsiveGapClasses;
-	}
-	const space = resolveResponsiveSpace(formSpace);
-	return space ? getGapClass(space) : autoResponsiveGapClasses;
+	return resolveSpacingClass(formSpace?.density, gapYConfig);
 }
+/**
+* Deprecated: Use resolveSpacingClass instead
+* @deprecated
+*/
+const autoResponsiveSpaceClasses = spaceYConfig.responsive;
+/**
+* Deprecated: Use resolveSpacingClass instead
+* @deprecated
+*/
+const autoResponsiveGapClasses = gapYConfig.responsive;
 
 //#endregion
-exports.autoResponsiveGapClasses = autoResponsiveGapClasses;
-exports.autoResponsiveSpaceClasses = autoResponsiveSpaceClasses;
-exports.getGapClass = getGapClass;
-exports.getSpaceClass = getSpaceClass;
-exports.isResponsiveDensity = isResponsiveDensity;
+exports.gapYConfig = gapYConfig;
 exports.resolveResponsiveGapClass = resolveResponsiveGapClass;
-exports.resolveResponsiveSpace = resolveResponsiveSpace;
-exports.resolveResponsiveSpaceClass = resolveResponsiveSpaceClass;
+exports.resolveResponsiveSpaceClass = resolveResponsiveSpaceClass;
+exports.resolveSpacingClass = resolveSpacingClass;
+exports.spaceYConfig = spaceYConfig;