@pixpilot/formily-shadcn 0.9.1 → 0.11.0

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;

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

@@ -9,74 +9,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
 *
@@ -84,25 +54,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
 *
@@ -110,14 +65,18 @@ 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
-export { autoResponsiveGapClasses, autoResponsiveSpaceClasses, getGapClass, getSpaceClass, isResponsiveDensity, resolveResponsiveGapClass, resolveResponsiveSpace, resolveResponsiveSpaceClass };
+export { gapYConfig, resolveResponsiveGapClass, resolveResponsiveSpaceClass, resolveSpacingClass, spaceYConfig };

package/dist/utils/transform-schema.cjs

@@ -26,15 +26,22 @@ const inputSchemaMap = {
 	},
 	object: { "x-component": "ObjectContainer" }
 };
-function transformSchema(schema) {
+function transformSchema(schema, fieldsDecorators) {
 	(0, json_schema_traverse.default)(schema, {
 		allKeys: true,
 		cb: (currentSchema) => {
 			const { type } = currentSchema;
+			const xComponent = currentSchema["x-component"];
 			if (typeof type === "string" && type in inputSchemaMap) {
 				const mapping = inputSchemaMap[type];
 				if (currentSchema["x-component"] == null) currentSchema["x-component"] = mapping["x-component"];
-				if (!["Hidden", "hidden"].includes(currentSchema["x-component"])) currentSchema["x-decorator"] = mapping["x-decorator"];
+			}
+			if (!["Hidden", "hidden"].includes(currentSchema["x-component"])) {
+				if (currentSchema["x-decorator"] == null) {
+					const userDecorator = xComponent != null && fieldsDecorators != null && fieldsDecorators[xComponent] != null ? fieldsDecorators[xComponent] : null;
+					if (userDecorator != null) currentSchema["x-decorator"] = userDecorator;
+					else if (typeof type === "string" && type in inputSchemaMap) currentSchema["x-decorator"] = inputSchemaMap[type]["x-decorator"];
+				}
 			}
 		}
 	});

package/dist/utils/transform-schema.js

@@ -24,15 +24,22 @@ const inputSchemaMap = {
 	},
 	object: { "x-component": "ObjectContainer" }
 };
-function transformSchema(schema) {
+function transformSchema(schema, fieldsDecorators) {
 	traverse(schema, {
 		allKeys: true,
 		cb: (currentSchema) => {
 			const { type } = currentSchema;
+			const xComponent = currentSchema["x-component"];
 			if (typeof type === "string" && type in inputSchemaMap) {
 				const mapping = inputSchemaMap[type];
 				if (currentSchema["x-component"] == null) currentSchema["x-component"] = mapping["x-component"];
-				if (!["Hidden", "hidden"].includes(currentSchema["x-component"])) currentSchema["x-decorator"] = mapping["x-decorator"];
+			}
+			if (!["Hidden", "hidden"].includes(currentSchema["x-component"])) {
+				if (currentSchema["x-decorator"] == null) {
+					const userDecorator = xComponent != null && fieldsDecorators != null && fieldsDecorators[xComponent] != null ? fieldsDecorators[xComponent] : null;
+					if (userDecorator != null) currentSchema["x-decorator"] = userDecorator;
+					else if (typeof type === "string" && type in inputSchemaMap) currentSchema["x-decorator"] = inputSchemaMap[type]["x-decorator"];
+				}
 			}
 		}
 	});

package/dist/utils/validate-schema-components.cjs

@@ -0,0 +1,45 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let json_schema_traverse = require("json-schema-traverse");
+json_schema_traverse = require_rolldown_runtime.__toESM(json_schema_traverse);
+
+//#region src/utils/validate-schema-components.ts
+/**
+* Validates schema components against the provided React components.
+*
+* For x-component and x-decorator references, they must match a component key
+* in the provided components object.
+*
+* Throws an error if:
+* - An x-component reference doesn't match any available component key
+* - An x-decorator reference doesn't match any available component key
+*
+* @param schema - The ISchema to validate
+* @param components - Record of available React components (includes both components and decorators)
+* @throws {Error} If validation fails
+*
+* @example
+* const components = { Input, NumberInput, Checkbox, FormItem };
+* validateSchemaComponents(schema, components);
+*/
+function validateSchemaComponents(schema, components) {
+	const componentKeys = Object.keys(components);
+	const errors = [];
+	(0, json_schema_traverse.default)(schema, {
+		allKeys: true,
+		cb: (currentSchema, jsonPointer) => {
+			const current = currentSchema;
+			const xComponent = current["x-component"];
+			const xDecorator = current["x-decorator"];
+			if (xComponent != null && typeof xComponent === "string") {
+				if (!componentKeys.includes(xComponent)) errors.push(`Component '${xComponent}' at path '${jsonPointer}' is not registered in the provided components.`);
+			}
+			if (xDecorator != null && typeof xDecorator === "string") {
+				if (!componentKeys.includes(xDecorator)) errors.push(`Decorator '${xDecorator}' at path '${jsonPointer}' is not registered in the provided components.`);
+			}
+		}
+	});
+	if (errors.length > 0) throw new Error(`Schema validation failed:\n${errors.join("\n")}`);
+}
+
+//#endregion
+exports.validateSchemaComponents = validateSchemaComponents;

package/dist/utils/validate-schema-components.js

@@ -0,0 +1,43 @@
+import traverse from "json-schema-traverse";
+
+//#region src/utils/validate-schema-components.ts
+/**
+* Validates schema components against the provided React components.
+*
+* For x-component and x-decorator references, they must match a component key
+* in the provided components object.
+*
+* Throws an error if:
+* - An x-component reference doesn't match any available component key
+* - An x-decorator reference doesn't match any available component key
+*
+* @param schema - The ISchema to validate
+* @param components - Record of available React components (includes both components and decorators)
+* @throws {Error} If validation fails
+*
+* @example
+* const components = { Input, NumberInput, Checkbox, FormItem };
+* validateSchemaComponents(schema, components);
+*/
+function validateSchemaComponents(schema, components) {
+	const componentKeys = Object.keys(components);
+	const errors = [];
+	traverse(schema, {
+		allKeys: true,
+		cb: (currentSchema, jsonPointer) => {
+			const current = currentSchema;
+			const xComponent = current["x-component"];
+			const xDecorator = current["x-decorator"];
+			if (xComponent != null && typeof xComponent === "string") {
+				if (!componentKeys.includes(xComponent)) errors.push(`Component '${xComponent}' at path '${jsonPointer}' is not registered in the provided components.`);
+			}
+			if (xDecorator != null && typeof xDecorator === "string") {
+				if (!componentKeys.includes(xDecorator)) errors.push(`Decorator '${xDecorator}' at path '${jsonPointer}' is not registered in the provided components.`);
+			}
+		}
+	});
+	if (errors.length > 0) throw new Error(`Schema validation failed:\n${errors.join("\n")}`);
+}
+
+//#endregion
+export { validateSchemaComponents };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/formily-shadcn",
   "type": "module",
-  "version": "0.9.1",
+  "version": "0.11.0",
   "description": "Formily integration for shadcn/ui components",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -35,6 +35,7 @@
     "@iconify-json/fa": "^1.2.2",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify/react": "^6.0.2",
+    "@pixpilot/env": "^0.2.1",
     "@pixpilot/string": "^2.3.0",
     "json-schema-traverse": "^1.0.0",
     "lucide-react": "^0.554.0",
@@ -53,10 +54,10 @@
     "react-dom": "19.2.0",
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
-    "@internal/eslint-config": "0.3.0",
     "@internal/prettier-config": "0.0.1",
-    "@internal/tsconfig": "0.1.0",
+    "@internal/eslint-config": "0.3.0",
     "@internal/tsdown-config": "0.1.0",
+    "@internal/tsconfig": "0.1.0",
     "@internal/vitest-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",

package/dist/components/form-item.cjs

@@ -1,118 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_use_form_context = require('../hooks/use-form-context.cjs');
-const require_use_label = require('../hooks/use-label.cjs');
-require('../hooks/index.cjs');
-let __formily_react = require("@formily/react");
-__formily_react = require_rolldown_runtime.__toESM(__formily_react);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-let __pixpilot_shadcn = require("@pixpilot/shadcn");
-__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
-let __formily_core = require("@formily/core");
-__formily_core = require_rolldown_runtime.__toESM(__formily_core);
-
-//#region src/components/form-item.tsx
-const BaseFormItem = ({ className, children, label, description, asterisk, feedbackStatus, feedbackText, labelPlacement = "top",...props }) => {
-	const field = (0, __formily_react.useField)();
-	const fieldProps = field?.componentProps ?? {};
-	const effectiveLabel = require_use_label.useLabel(label);
-	const { itemProps } = require_use_form_context.useFormContext();
-	const { className: itemPropsClassName } = itemProps || {};
-	const effectiveLabelPlacement = fieldProps.labelPlacement ?? labelPlacement;
-	const id = field?.componentProps?.id ?? `form-${field?.address?.toString()?.replace(/\./gu, "-")}`;
-	const descriptionId = react.default.useId();
-	const feedbackId = react.default.useId();
-	const ariaDescribedBy = [description != null ? descriptionId : void 0, feedbackText != null ? feedbackId : void 0].filter(Boolean).join(" ");
-	const labelElement = effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-		htmlFor: id,
-		"data-slot": "form-label",
-		"data-error": Boolean(feedbackStatus === "error"),
-		className: (0, __pixpilot_shadcn.cn)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", feedbackStatus === "error" && "text-destructive", (effectiveLabelPlacement === "end" || effectiveLabelPlacement === "start") && "shrink-0"),
-		children: [effectiveLabel, asterisk && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "text-destructive ml-1",
-			"aria-label": "required",
-			children: "*"
-		})]
-	});
-	const inputElement = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "relative",
-		children: react.default.isValidElement(children) ? react.default.cloneElement(children, {
-			id,
-			"aria-describedby": ariaDescribedBy || void 0,
-			"aria-invalid": feedbackStatus === "error" ? "true" : void 0
-		}) : children
-	});
-	const contentElement = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		effectiveLabelPlacement === "top" && labelElement,
-		description != null && effectiveLabelPlacement === "top" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			id: descriptionId,
-			className: "text-muted-foreground text-[0.8rem]",
-			children: description
-		}),
-		(effectiveLabelPlacement === "start" || effectiveLabelPlacement === "end") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, __pixpilot_shadcn.cn)("flex items-center gap-2", effectiveLabelPlacement === "start" && "flex-row"),
-			children: [
-				effectiveLabelPlacement === "start" && labelElement,
-				inputElement,
-				effectiveLabelPlacement === "end" && labelElement
-			]
-		}),
-		effectiveLabelPlacement === "top" && inputElement,
-		description != null && (effectiveLabelPlacement === "start" || effectiveLabelPlacement === "end") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			id: descriptionId,
-			className: "text-muted-foreground text-[0.8rem]",
-			children: description
-		})
-	] });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		"data-slot": "form-item",
-		className: (0, __pixpilot_shadcn.cn)("flex flex-col gap-2", itemPropsClassName, className),
-		...props,
-		children: [contentElement, Boolean(feedbackText) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			id: feedbackId,
-			className: (0, __pixpilot_shadcn.cn)("text-[0.8rem]", feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600"),
-			children: typeof feedbackText === "string" ? feedbackText.split("\n").map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.default.Fragment, { children: [line, index < feedbackText.split("\n").length - 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {})] }, index)) : feedbackText
-		})]
-	});
-};
-/**
-* FormItem component connected to Formily field state
-* Automatically maps field validation state to component props
-*/
-const FormItem = (0, __formily_react.connect)(BaseFormItem, (0, __formily_react.mapProps)((props, field) => {
-	if ((0, __formily_core.isVoidField)(field)) return {
-		label: field.title ?? props.label,
-		description: props.description ?? field.description,
-		asterisk: props.asterisk
-	};
-	const takeFeedbackStatus = () => {
-		if (field.validating) return void 0;
-		if (field.selfErrors?.length) return "error";
-		if (field.selfWarnings?.length) return "warning";
-		if (field.selfSuccesses?.length) return "success";
-	};
-	const takeFeedbackText = () => {
-		if (field.validating) return void 0;
-		if (props.feedbackText != null) return props.feedbackText;
-		if (field.selfErrors?.length) return field.selfErrors.join(", ");
-		if (field.selfWarnings?.length) return field.selfWarnings.join(", ");
-		if (field.selfSuccesses?.length) return field.selfSuccesses.join(", ");
-	};
-	const takeAsterisk = () => {
-		if (field.required && field.pattern !== "readPretty") return true;
-		if ("asterisk" in props) return Boolean(props.asterisk);
-		return false;
-	};
-	return {
-		label: props.label ?? field.title,
-		description: props.description ?? field.description,
-		feedbackStatus: takeFeedbackStatus(),
-		feedbackText: takeFeedbackText(),
-		asterisk: takeAsterisk()
-	};
-}));
-
-//#endregion
-exports.FormItem = FormItem;

package/dist/components/form-item.d.cts

@@ -1,22 +0,0 @@
-import { SyncReactNode } from "../types/react.cjs";
-import React from "react";
-
-//#region src/components/form-item.d.ts
-type LabelPlacement = 'top' | 'bottom' | 'start' | 'end';
-interface FormItemProps extends React.ComponentProps<'div'> {
-  label?: SyncReactNode;
-  description?: SyncReactNode;
-  asterisk?: boolean;
-  feedbackStatus?: 'error' | 'warning' | 'success';
-  feedbackText?: SyncReactNode;
-  labelPlacement?: LabelPlacement;
-}
-/**
- * FormItem component connected to Formily field state
- * Automatically maps field validation state to component props
- */
-declare const FormItem: React.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
-  children?: React.ReactNode | undefined;
-}>, "ref"> & React.RefAttributes<unknown>>;
-//#endregion
-export { FormItem, FormItemProps };

package/dist/components/form-item.d.ts

@@ -1,22 +0,0 @@
-import { SyncReactNode } from "../types/react.js";
-import React from "react";
-
-//#region src/components/form-item.d.ts
-type LabelPlacement = 'top' | 'bottom' | 'start' | 'end';
-interface FormItemProps extends React.ComponentProps<'div'> {
-  label?: SyncReactNode;
-  description?: SyncReactNode;
-  asterisk?: boolean;
-  feedbackStatus?: 'error' | 'warning' | 'success';
-  feedbackText?: SyncReactNode;
-  labelPlacement?: LabelPlacement;
-}
-/**
- * FormItem component connected to Formily field state
- * Automatically maps field validation state to component props
- */
-declare const FormItem: React.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
-  children?: React.ReactNode | undefined;
-}>, "ref"> & React.RefAttributes<unknown>>;
-//#endregion
-export { FormItem, FormItemProps };