@pixpilot/formily-shadcn 0.8.0 → 0.8.2

package/dist/components/input.cjs

@@ -1 +1,20 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`@formily/react`);t=e.__toESM(t);let n=require(`@pixpilot/shadcn`);n=e.__toESM(n);const r=(0,t.connect)(n.Input,(0,t.mapProps)((e,t)=>({...e,value:t.value??``})));exports.Input=r;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+
+//#region src/components/input.tsx
+/**
+* Formily-connected Input component
+* Automatically connects shadcn Input to Formily field state
+*/
+const Input = (0, __formily_react.connect)(__pixpilot_shadcn.Input, (0, __formily_react.mapProps)((props, field) => {
+	return {
+		...props,
+		value: field.value ?? ""
+	};
+}));
+
+//#endregion
+exports.Input = Input;

package/dist/components/input.js

@@ -1 +1,17 @@
-import{connect as e,mapProps as t}from"@formily/react";import{Input as n}from"@pixpilot/shadcn";const r=e(n,t((e,t)=>({...e,value:t.value??``})));export{r as Input};
+import { connect, mapProps } from "@formily/react";
+import { Input } from "@pixpilot/shadcn";
+
+//#region src/components/input.tsx
+/**
+* Formily-connected Input component
+* Automatically connects shadcn Input to Formily field state
+*/
+const Input$1 = connect(Input, mapProps((props, field) => {
+	return {
+		...props,
+		value: field.value ?? ""
+	};
+}));
+
+//#endregion
+export { Input$1 as Input };

package/dist/components/json-schema-form-renderer.cjs

@@ -1 +1,30 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`../utils/transform-schema.cjs`);require(`../utils/index.cjs`);const n=require(`./form.cjs`),r=require(`./schema-field.cjs`);let i=require(`react`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);a=e.__toESM(a);let o=require(`@formily/core`);o=e.__toESM(o);const s=e=>{let{schema:s,children:c,schemaField:l,...u}=e,d=(0,i.useMemo)(()=>(0,o.createForm)(),[]),f=(0,i.useMemo)(()=>t.transformSchema(s),[s]),p=l||r.SchemaField;return(0,a.jsxs)(n.Form,{...u,form:d,children:[(0,a.jsx)(p,{schema:f}),c]})};s.displayName=`JsonSchemaFormRenderer`,exports.JsonSchemaFormRenderer=s;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_transform_schema = require('../utils/transform-schema.cjs');
+require('../utils/index.cjs');
+const require_form = require('./form.cjs');
+const require_schema_field = require('./schema-field.cjs');
+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 __formily_core = require("@formily/core");
+__formily_core = require_rolldown_runtime.__toESM(__formily_core);
+
+//#region src/components/json-schema-form-renderer.tsx
+const JsonSchemaFormRenderer = (props) => {
+	const { schema, children, schemaField,...rest } = props;
+	const form = (0, react.useMemo)(() => (0, __formily_core.createForm)(), []);
+	const formSchema = (0, react.useMemo)(() => {
+		return require_transform_schema.transformSchema(schema);
+	}, [schema]);
+	const SchemaFieldComponent = schemaField || require_schema_field.SchemaField;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_form.Form, {
+		...rest,
+		form,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaFieldComponent, { schema: formSchema }), children]
+	});
+};
+JsonSchemaFormRenderer.displayName = "JsonSchemaFormRenderer";
+
+//#endregion
+exports.JsonSchemaFormRenderer = JsonSchemaFormRenderer;

package/dist/components/json-schema-form-renderer.js

@@ -1 +1,26 @@
-import{transformSchema as e}from"../utils/transform-schema.js";import"../utils/index.js";import{Form as t}from"./form.js";import{SchemaField as n}from"./schema-field.js";import r,{useMemo as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{createForm as s}from"@formily/core";const c=r=>{let{schema:c,children:l,schemaField:u,...d}=r,f=i(()=>s(),[]),p=i(()=>e(c),[c]),m=u||n;return o(t,{...d,form:f,children:[a(m,{schema:p}),l]})};c.displayName=`JsonSchemaFormRenderer`;export{c as JsonSchemaFormRenderer};
+import { transformSchema } from "../utils/transform-schema.js";
+import "../utils/index.js";
+import { Form as Form$1 } from "./form.js";
+import { SchemaField } from "./schema-field.js";
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createForm } from "@formily/core";
+
+//#region src/components/json-schema-form-renderer.tsx
+const JsonSchemaFormRenderer = (props) => {
+	const { schema, children, schemaField,...rest } = props;
+	const form = useMemo(() => createForm(), []);
+	const formSchema = useMemo(() => {
+		return transformSchema(schema);
+	}, [schema]);
+	const SchemaFieldComponent = schemaField || SchemaField;
+	return /* @__PURE__ */ jsxs(Form$1, {
+		...rest,
+		form,
+		children: [/* @__PURE__ */ jsx(SchemaFieldComponent, { schema: formSchema }), children]
+	});
+};
+JsonSchemaFormRenderer.displayName = "JsonSchemaFormRenderer";
+
+//#endregion
+export { JsonSchemaFormRenderer };

package/dist/components/number-input.cjs

@@ -1 +1,19 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`@formily/react`);t=e.__toESM(t);let n=require(`@pixpilot/shadcn`);n=e.__toESM(n);const r=(0,t.connect)(n.Input,(0,t.mapProps)(e=>({...e,type:`number`})));exports.NumberInput=r;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+
+//#region src/components/number-input.tsx
+/**
+* Formily-connected Number Input component
+*/
+const NumberInput = (0, __formily_react.connect)(__pixpilot_shadcn.Input, (0, __formily_react.mapProps)((props) => {
+	return {
+		...props,
+		type: "number"
+	};
+}));
+
+//#endregion
+exports.NumberInput = NumberInput;

package/dist/components/number-input.d.ts

@@ -1,9 +1,9 @@
-import * as react785 from "react";
+import * as react14 from "react";
 
 //#region src/components/number-input.d.ts
 /**
  * Formily-connected Number Input component
  */
-declare const NumberInput: react785.ForwardRefExoticComponent<Omit<Partial<react785.ClassAttributes<HTMLInputElement> & react785.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react785.RefAttributes<unknown>>;
+declare const NumberInput: react14.ForwardRefExoticComponent<Omit<Partial<react14.ClassAttributes<HTMLInputElement> & react14.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react14.RefAttributes<unknown>>;
 //#endregion
 export { NumberInput };

package/dist/components/number-input.js

@@ -1 +1,16 @@
-import{connect as e,mapProps as t}from"@formily/react";import{Input as n}from"@pixpilot/shadcn";const r=e(n,t(e=>({...e,type:`number`})));export{r as NumberInput};
+import { connect, mapProps } from "@formily/react";
+import { Input } from "@pixpilot/shadcn";
+
+//#region src/components/number-input.tsx
+/**
+* Formily-connected Number Input component
+*/
+const NumberInput = connect(Input, mapProps((props) => {
+	return {
+		...props,
+		type: "number"
+	};
+}));
+
+//#endregion
+export { NumberInput };

package/dist/components/object-container.cjs

@@ -1 +1,35 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`../utils/resolve-responsive-space.cjs`),n=require(`../hooks/use-description.cjs`),r=require(`../hooks/use-form-context.cjs`),i=require(`../hooks/use-label.cjs`);require(`../hooks/index.cjs`);const a=require(`./form-items-container.cjs`);let o=require(`react/jsx-runtime`);o=e.__toESM(o);let s=require(`@pixpilot/shadcn`);s=e.__toESM(s);const c=({className:e,children:c,label:l,description:u,...d})=>{let f=i.useLabel(l),p=n.useDescription(u),{objectContainerProps:m,density:h,responsive:g}=r.useFormContext(),_=t.resolveResponsiveGapClass({density:h,responsive:g}),{className:v}=m||{};return(0,o.jsxs)(s.Card,{...d,className:(0,s.cn)(`bg-transparent`,_,e),children:[(f!=null||p!=null)&&(0,o.jsxs)(s.CardHeader,{children:[f!=null&&(0,o.jsx)(s.CardTitle,{children:f}),p!=null&&(0,o.jsx)(s.CardDescription,{children:p})]}),(0,o.jsx)(a.FormItemContainer,{as:s.CardContent,className:v,children:c})]})};exports.ObjectContainer=c;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_resolve_responsive_space = require('../utils/resolve-responsive-space.cjs');
+const require_use_description = require('../hooks/use-description.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');
+const require_form_items_container = require('./form-items-container.cjs');
+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);
+
+//#region src/components/object-container.tsx
+const ObjectContainer = ({ className, children, label, description,...rest }) => {
+	const effectiveLabel = require_use_label.useLabel(label);
+	const desc = require_use_description.useDescription(description);
+	const { objectContainerProps, density, responsive } = require_use_form_context.useFormContext();
+	const gapClass = require_resolve_responsive_space.resolveResponsiveGapClass({
+		density,
+		responsive
+	});
+	const { className: itemsContainerClassName } = objectContainerProps || {};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Card, {
+		...rest,
+		className: (0, __pixpilot_shadcn.cn)("bg-transparent", gapClass, className),
+		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CardHeader, { children: [effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardTitle, { children: effectiveLabel }), desc != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardDescription, { children: desc })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_form_items_container.FormItemContainer, {
+			as: __pixpilot_shadcn.CardContent,
+			className: itemsContainerClassName,
+			children
+		})]
+	});
+};
+
+//#endregion
+exports.ObjectContainer = ObjectContainer;

package/dist/components/object-container.js

@@ -1 +1,32 @@
-import{resolveResponsiveGapClass as e}from"../utils/resolve-responsive-space.js";import{useDescription as t}from"../hooks/use-description.js";import{useFormContext as n}from"../hooks/use-form-context.js";import{useLabel as r}from"../hooks/use-label.js";import"../hooks/index.js";import{FormItemContainer as i}from"./form-items-container.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Card as s,CardContent as c,CardDescription as l,CardHeader as u,CardTitle as d,cn as f}from"@pixpilot/shadcn";const p=({className:p,children:m,label:h,description:g,..._})=>{let v=r(h),y=t(g),{objectContainerProps:b,density:x,responsive:S}=n(),C=e({density:x,responsive:S}),{className:w}=b||{};return o(s,{..._,className:f(`bg-transparent`,C,p),children:[(v!=null||y!=null)&&o(u,{children:[v!=null&&a(d,{children:v}),y!=null&&a(l,{children:y})]}),a(i,{as:c,className:w,children:m})]})};export{p as ObjectContainer};
+import { resolveResponsiveGapClass } from "../utils/resolve-responsive-space.js";
+import { useDescription } from "../hooks/use-description.js";
+import { useFormContext } from "../hooks/use-form-context.js";
+import { useLabel } from "../hooks/use-label.js";
+import "../hooks/index.js";
+import { FormItemContainer } from "./form-items-container.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, cn } from "@pixpilot/shadcn";
+
+//#region src/components/object-container.tsx
+const ObjectContainer = ({ className, children, label, description,...rest }) => {
+	const effectiveLabel = useLabel(label);
+	const desc = useDescription(description);
+	const { objectContainerProps, density, responsive } = useFormContext();
+	const gapClass = resolveResponsiveGapClass({
+		density,
+		responsive
+	});
+	const { className: itemsContainerClassName } = objectContainerProps || {};
+	return /* @__PURE__ */ jsxs(Card, {
+		...rest,
+		className: cn("bg-transparent", gapClass, className),
+		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ jsxs(CardHeader, { children: [effectiveLabel != null && /* @__PURE__ */ jsx(CardTitle, { children: effectiveLabel }), desc != null && /* @__PURE__ */ jsx(CardDescription, { children: desc })] }), /* @__PURE__ */ jsx(FormItemContainer, {
+			as: CardContent,
+			className: itemsContainerClassName,
+			children
+		})]
+	});
+};
+
+//#endregion
+export { ObjectContainer };

package/dist/components/radio.cjs

@@ -1 +1,40 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`@formily/react`);t=e.__toESM(t);let n=require(`react/jsx-runtime`);n=e.__toESM(n);let r=require(`@pixpilot/shadcn`);r=e.__toESM(r);const i=r.RadioGroup;function a(e){let{options:t,value:a=``,onChange:o,...s}=e;return(0,n.jsx)(i,{value:a,onValueChange:o,...s,children:t?.map(e=>(0,n.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,n.jsx)(r.RadioGroupItem,{value:e.value,id:`radio-${e.value}`}),(0,n.jsx)(r.Label,{htmlFor:`radio-${e.value}`,children:e.label})]},e.value))})}a.displayName=`Radio`;const o=(0,t.connect)(a);exports.ConnectedRadio=o,exports.Radio=a;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_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);
+
+//#region src/components/radio.tsx
+/**
+* Formily-connected Radio Group component
+*/
+const BaseRadioGroup = __pixpilot_shadcn.RadioGroup;
+/**
+* Radio component with options rendering
+*/
+function Radio(props) {
+	const { options, value = "", onChange,...restProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseRadioGroup, {
+		value,
+		onValueChange: onChange,
+		...restProps,
+		children: options?.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center space-x-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.RadioGroupItem, {
+				value: option.value,
+				id: `radio-${option.value}`
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Label, {
+				htmlFor: `radio-${option.value}`,
+				children: option.label
+			})]
+		}, option.value))
+	});
+}
+Radio.displayName = "Radio";
+const ConnectedRadio = (0, __formily_react.connect)(Radio);
+
+//#endregion
+exports.ConnectedRadio = ConnectedRadio;
+exports.Radio = Radio;

package/dist/components/radio.js

@@ -1 +1,35 @@
-import{connect as e}from"@formily/react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{Label as r,RadioGroup as i,RadioGroupItem as a}from"@pixpilot/shadcn";const o=i;function s(e){let{options:i,value:s=``,onChange:c,...l}=e;return t(o,{value:s,onValueChange:c,...l,children:i?.map(e=>n(`div`,{className:`flex items-center space-x-2`,children:[t(a,{value:e.value,id:`radio-${e.value}`}),t(r,{htmlFor:`radio-${e.value}`,children:e.label})]},e.value))})}s.displayName=`Radio`;const c=e(s);export{c as ConnectedRadio,s as Radio};
+import { connect } from "@formily/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Label, RadioGroup, RadioGroupItem } from "@pixpilot/shadcn";
+
+//#region src/components/radio.tsx
+/**
+* Formily-connected Radio Group component
+*/
+const BaseRadioGroup = RadioGroup;
+/**
+* Radio component with options rendering
+*/
+function Radio(props) {
+	const { options, value = "", onChange,...restProps } = props;
+	return /* @__PURE__ */ jsx(BaseRadioGroup, {
+		value,
+		onValueChange: onChange,
+		...restProps,
+		children: options?.map((option) => /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center space-x-2",
+			children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+				value: option.value,
+				id: `radio-${option.value}`
+			}), /* @__PURE__ */ jsx(Label, {
+				htmlFor: `radio-${option.value}`,
+				children: option.label
+			})]
+		}, option.value))
+	});
+}
+Radio.displayName = "Radio";
+const ConnectedRadio = connect(Radio);
+
+//#endregion
+export { ConnectedRadio, Radio };

package/dist/components/rich-text-editor.cjs

@@ -1 +1,27 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`../hooks/use-form-context.cjs`);require(`../hooks/index.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`@pixpilot/shadcn-ui`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);i=e.__toESM(i);const a=e=>(0,i.jsx)(r.RichTextEditor,{...t.useFormContext()?.config?.richTextEditor,...e,children:`RichTextEditor`}),o=(0,n.connect)(a,(0,n.mapProps)((e,t)=>({...e,value:t.value??``})));exports.RichTextEditor=o;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_use_form_context = require('../hooks/use-form-context.cjs');
+require('../hooks/index.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
+__pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/rich-text-editor.tsx
+const RichTextEditorBase = (props) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.RichTextEditor, {
+		...require_use_form_context.useFormContext()?.config?.richTextEditor,
+		...props,
+		children: "RichTextEditor"
+	});
+};
+const RichTextEditor = (0, __formily_react.connect)(RichTextEditorBase, (0, __formily_react.mapProps)((props, field) => {
+	return {
+		...props,
+		value: field.value ?? ""
+	};
+}));
+
+//#endregion
+exports.RichTextEditor = RichTextEditor;

package/dist/components/rich-text-editor.js

@@ -1 +1,23 @@
-import{useFormContext as e}from"../hooks/use-form-context.js";import"../hooks/index.js";import{connect as t,mapProps as n}from"@formily/react";import{RichTextEditor as r}from"@pixpilot/shadcn-ui";import{jsx as i}from"react/jsx-runtime";const a=t(t=>i(r,{...e()?.config?.richTextEditor,...t,children:`RichTextEditor`}),n((e,t)=>({...e,value:t.value??``})));export{a as RichTextEditor};
+import { useFormContext } from "../hooks/use-form-context.js";
+import "../hooks/index.js";
+import { connect, mapProps } from "@formily/react";
+import { RichTextEditor } from "@pixpilot/shadcn-ui";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/rich-text-editor.tsx
+const RichTextEditorBase = (props) => {
+	return /* @__PURE__ */ jsx(RichTextEditor, {
+		...useFormContext()?.config?.richTextEditor,
+		...props,
+		children: "RichTextEditor"
+	});
+};
+const RichTextEditor$1 = connect(RichTextEditorBase, mapProps((props, field) => {
+	return {
+		...props,
+		value: field.value ?? ""
+	};
+}));
+
+//#endregion
+export { RichTextEditor$1 as RichTextEditor };

package/dist/components/row.cjs

@@ -1 +1,39 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);let n=require(`react/jsx-runtime`);n=e.__toESM(n);let r=require(`@pixpilot/shadcn`);r=e.__toESM(r);function i({className:e,children:t}){return(0,n.jsx)(`div`,{className:(0,r.cn)(`flex gap-4`,e),children:t})}exports.Row=i;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+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);
+
+//#region src/components/row.tsx
+/**
+* Row component for creating multi-column layouts in forms
+* Should be used with Column components as children
+* Use Tailwind classes for all styling: gap-4, flex-wrap, items-center, justify-between, etc.
+*
+* @example
+* ```tsx
+* <Row className="gap-4 flex-wrap">
+*   <Column className="flex-1">
+*     <FormItem label="First Name">
+*       <Input />
+*     </FormItem>
+*   </Column>
+*   <Column className="flex-1">
+*     <FormItem label="Last Name">
+*       <Input />
+*     </FormItem>
+*   </Column>
+* </Row>
+* ```
+*/
+function Row({ className, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, __pixpilot_shadcn.cn)("flex gap-4", className),
+		children
+	});
+}
+
+//#endregion
+exports.Row = Row;

package/dist/components/row.js

@@ -1 +1,35 @@
-import e from"react";import{jsx as t}from"react/jsx-runtime";import{cn as n}from"@pixpilot/shadcn";function r({className:e,children:r}){return t(`div`,{className:n(`flex gap-4`,e),children:r})}export{r as Row};
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@pixpilot/shadcn";
+
+//#region src/components/row.tsx
+/**
+* Row component for creating multi-column layouts in forms
+* Should be used with Column components as children
+* Use Tailwind classes for all styling: gap-4, flex-wrap, items-center, justify-between, etc.
+*
+* @example
+* ```tsx
+* <Row className="gap-4 flex-wrap">
+*   <Column className="flex-1">
+*     <FormItem label="First Name">
+*       <Input />
+*     </FormItem>
+*   </Column>
+*   <Column className="flex-1">
+*     <FormItem label="Last Name">
+*       <Input />
+*     </FormItem>
+*   </Column>
+* </Row>
+* ```
+*/
+function Row({ className, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex gap-4", className),
+		children
+	});
+}
+
+//#endregion
+export { Row };

package/dist/components/schema-field-extended.cjs

@@ -1 +1,25 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`./file-upload/file-upload.cjs`),n=require(`./file-upload/file-upload-inline.cjs`);require(`./file-upload/index.cjs`);const r=require(`./icon-picker.cjs`),i=require(`./schema-field.cjs`),a=require(`./rich-text-editor.cjs`);let o=require(`@formily/react`);o=e.__toESM(o);const s=(0,o.createSchemaField)({components:{FileUploadInline:n.FileUploadInline,IconPicker:r.IconPicker,FileUpload:t.FileUpload,RichTextEditor:a.RichTextEditor,...i.basicComponents}});exports.SchemaFieldExtended=s;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_file_upload = require('./file-upload/file-upload.cjs');
+const require_file_upload_inline = require('./file-upload/file-upload-inline.cjs');
+require('./file-upload/index.cjs');
+const require_icon_picker = require('./icon-picker.cjs');
+const require_schema_field = require('./schema-field.cjs');
+const require_rich_text_editor = require('./rich-text-editor.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+
+//#region src/components/schema-field-extended.tsx
+/**
+* SchemaField with all Shadcn Formily components pre-registered
+* Use this to render forms from JSON Schema
+*/
+const SchemaFieldExtended = (0, __formily_react.createSchemaField)({ components: {
+	FileUploadInline: require_file_upload_inline.FileUploadInline,
+	IconPicker: require_icon_picker.IconPicker,
+	FileUpload: require_file_upload.FileUpload,
+	RichTextEditor: require_rich_text_editor.RichTextEditor,
+	...require_schema_field.basicComponents
+} });
+
+//#endregion
+exports.SchemaFieldExtended = SchemaFieldExtended;