@pixpilot/formily-shadcn 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 pixpilot
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,204 @@
+# @pixpilot/shadcn-formily
+
+Formily integration for shadcn/ui components. Build powerful, schema-driven forms with shadcn/ui's beautiful components and Formily's reactive form management.
+
+## Features
+
+- 🎨 **Shadcn/ui Integration** - Uses shadcn/ui components for consistent design
+- 📝 **JSON Schema Support** - Define forms using JSON Schema
+- ⚡ **Reactive State Management** - Built on @formily/reactive for optimal performance
+- 🔄 **Dynamic Forms** - Support for dynamic arrays, conditional fields, and complex layouts
+- 📐 **Grid Layout** - Built-in responsive grid layout with `FormGrid`
+- ✅ **Validation** - Comprehensive validation with error display
+- 🎯 **Type Safe** - Full TypeScript support
+
+## Installation
+
+```bash
+pnpm add @pixpilot/shadcn-formily @formily/core @formily/react
+```
+
+## Quick Start
+
+### Basic Form
+
+```tsx
+import { createForm, Form, SchemaField } from '@pixpilot/shadcn-formily';
+
+const form = createForm();
+
+const schema = {
+  type: 'object',
+  properties: {
+    username: {
+      type: 'string',
+      title: 'Username',
+      required: true,
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+      'x-component-props': {
+        placeholder: 'Enter your username',
+      },
+    },
+    email: {
+      type: 'string',
+      title: 'Email',
+      required: true,
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+      'x-component-props': {
+        type: 'email',
+        placeholder: 'Enter your email',
+      },
+    },
+  },
+};
+
+function MyForm() {
+  return (
+    <Form form={form} onSubmit={(values) => console.log(values)}>
+      <SchemaField schema={schema} />
+      <button type="submit">Submit</button>
+    </Form>
+  );
+}
+```
+
+### Grid Layout
+
+```tsx
+const schema = {
+  type: 'void',
+  'x-component': 'FormGrid',
+  'x-component-props': { maxColumns: 3 },
+  properties: {
+    field1: {
+      type: 'string',
+      title: 'Field 1 (Span 2)',
+      'x-decorator': 'FormItem',
+      'x-decorator-props': { gridSpan: 2 },
+      'x-component': 'Input',
+    },
+    field2: {
+      type: 'string',
+      title: 'Field 2',
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+    },
+  },
+};
+```
+
+### Array Fields
+
+```tsx
+import {
+  Field,
+  ArrayField as FormilyArrayField,
+  FormItem,
+  Input,
+} from '@pixpilot/shadcn-formily';
+
+<FormilyArrayField name="contacts">
+  {(field) => (
+    <div>
+      {field.value?.map((_, index) => (
+        // eslint-disable-next-line react/no-array-index-key
+        <div key={index}>
+          <Field
+            name={`contacts.${index}.name`}
+            title="Name"
+            decorator={[FormItem]}
+            component={[Input]}
+          />
+          <button onClick={() => field.remove(index)}>Remove</button>
+        </div>
+      ))}
+      <button onClick={() => field.push({})}>Add Contact</button>
+    </div>
+  )}
+</FormilyArrayField>;
+```
+
+## Available Components
+
+### Form Components
+
+- `Form` - Main form wrapper with FormProvider
+- `FormItem` - Field decorator with label, error messages
+- `FormGrid` - Responsive grid layout
+
+### Input Components
+
+- `Input` - Text input
+- `Textarea` - Multi-line text input
+- `NumberInput` - Number input
+- `Checkbox` - Checkbox input
+- `Radio` - Radio group
+- `Select` - Select dropdown
+
+### Field Components
+
+- `ArrayField` - Dynamic array fields
+- `SchemaField` - Renders forms from JSON Schema
+
+## Schema Properties
+
+### Common x-properties
+
+- `x-component`: Component to render (e.g., 'Input', 'Select')
+- `x-decorator`: Wrapper component (typically 'FormItem')
+- `x-component-props`: Props passed to the component
+- `x-decorator-props`: Props passed to the decorator
+  - `gridSpan`: Number of grid columns to span in FormGrid
+
+## API Reference
+
+### createForm
+
+Creates a form instance with reactive state management.
+
+```tsx
+const form = createForm({
+  initialValues: {},
+  effects: () => {},
+});
+```
+
+### Form Props
+
+```tsx
+interface IFormProps {
+  form: IForm;
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+  onSubmit?: (values: any) => void;
+  onAutoSubmit?: (values: any) => void;
+}
+```
+
+### FormGrid Props
+
+```tsx
+interface IFormGridProps {
+  minColumns?: number | number[];
+  maxColumns?: number | number[];
+  columnGap?: number;
+  rowGap?: number;
+  className?: string;
+}
+```
+
+## Examples
+
+Check the `stories` directory for comprehensive examples:
+
+- Basic forms
+- Grid layouts
+- Array fields
+- All input types
+
+## License
+
+MIT

package/dist/_virtual/rolldown_runtime.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;

package/dist/_virtual/rolldown_runtime.js

@@ -0,0 +1 @@
+Object.create,Object.defineProperty,Object.getOwnPropertyDescriptor,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.prototype.hasOwnProperty;

package/dist/components/array-base/array-base.cjs

@@ -0,0 +1 @@
+const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`./array-context.cjs`),n=require(`./components/components.cjs`);let r=require(`@formily/react`);r=e.__toESM(r);let i=require(`react`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);a=e.__toESM(a);const o=e=>{let n=(0,r.useField)(),o=(0,r.useFieldSchema)();return(0,a.jsx)(t.ArrayBaseContext,{value:i.default.useMemo(()=>({field:n,schema:o,props:e}),[n,o,e]),children:e.children})};o.Item=i.default.memo(({children:e,...n})=>(0,a.jsx)(t.ItemContext,{value:n,children:e})),o.Index=n.arrayComponentMap.Index,o.Empty=n.arrayComponentMap.Empty,o.Addition=n.arrayComponentMap.Addition,o.Remove=n.arrayComponentMap.Remove,o.MoveDown=n.arrayComponentMap.MoveDown,o.MoveUp=n.arrayComponentMap.MoveUp,o.Edit=n.arrayComponentMap.Edit,o.Copy=n.arrayComponentMap.Copy,o.Label=n.arrayComponentMap.Label,o.useArray=t.useArray,o.useIndex=t.useIndex,o.useRecord=t.useRecord,o.Edit.displayName=`ArrayBaseEdit`,o.mixin=e=>{let t=e;return Object.entries(n.arrayComponentMap).forEach(([e])=>{t[e]=o[e]}),t.useArray=o.useArray,t.useIndex=o.useIndex,t.useRecord=o.useRecord,t},exports.ArrayBase=o;

package/dist/components/array-base/array-base.d.cts

@@ -0,0 +1,13 @@
+import { ArrayBaseMixins, IArrayBaseProps } from "./types.cjs";
+import { IArrayBaseItemProps } from "./array-context.cjs";
+import { JSXComponent } from "@formily/react";
+import React from "react";
+
+//#region src/components/array-base/array-base.d.ts
+type ComposedArrayBase = React.FC<React.PropsWithChildren<IArrayBaseProps>> & ArrayBaseMixins & {
+  Item: React.FC<React.PropsWithChildren<IArrayBaseItemProps>>;
+  mixin: <T extends JSXComponent>(target: T) => T & ArrayBaseMixins;
+};
+declare const ArrayBase: ComposedArrayBase;
+//#endregion
+export { ArrayBase };

package/dist/components/array-base/array-base.d.ts

@@ -0,0 +1,13 @@
+import { ArrayBaseMixins, IArrayBaseProps } from "./types.js";
+import { IArrayBaseItemProps } from "./array-context.js";
+import { JSXComponent } from "@formily/react";
+import React from "react";
+
+//#region src/components/array-base/array-base.d.ts
+type ComposedArrayBase = React.FC<React.PropsWithChildren<IArrayBaseProps>> & ArrayBaseMixins & {
+  Item: React.FC<React.PropsWithChildren<IArrayBaseItemProps>>;
+  mixin: <T extends JSXComponent>(target: T) => T & ArrayBaseMixins;
+};
+declare const ArrayBase: ComposedArrayBase;
+//#endregion
+export { ArrayBase };

package/dist/components/array-base/array-base.js

@@ -0,0 +1 @@
+import{ArrayBaseContext as e,ItemContext as t,useArray as n,useIndex as r,useRecord as i}from"./array-context.js";import{arrayComponentMap as a}from"./components/components.js";import{useField as o,useFieldSchema as s}from"@formily/react";import c from"react";import{jsx as l}from"react/jsx-runtime";const u=t=>{let n=o(),r=s();return l(e,{value:c.useMemo(()=>({field:n,schema:r,props:t}),[n,r,t]),children:t.children})};u.Item=c.memo(({children:e,...n})=>l(t,{value:n,children:e})),u.Index=a.Index,u.Empty=a.Empty,u.Addition=a.Addition,u.Remove=a.Remove,u.MoveDown=a.MoveDown,u.MoveUp=a.MoveUp,u.Edit=a.Edit,u.Copy=a.Copy,u.Label=a.Label,u.useArray=n,u.useIndex=r,u.useRecord=i,u.Edit.displayName=`ArrayBaseEdit`,u.mixin=e=>{let t=e;return Object.entries(a).forEach(([e])=>{t[e]=u[e]}),t.useArray=u.useArray,t.useIndex=u.useIndex,t.useRecord=u.useRecord,t};export{u as ArrayBase};

package/dist/components/array-base/array-context.cjs

@@ -0,0 +1 @@
+const e=require(`../../_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);const n=(0,t.createContext)(null),r=(0,t.createContext)(null);function i(e,t){return typeof e==`function`?e(t):e}function a(){return(0,t.use)(n)}function o(e){let n=(0,t.use)(r);return n?n.index:e}function s(e){let n=(0,t.use)(r);return i(n?n.record:e,n?.index)}exports.ArrayBaseContext=n,exports.ItemContext=r,exports.useArray=a,exports.useIndex=o,exports.useRecord=s;

package/dist/components/array-base/array-context.d.cts

@@ -0,0 +1,17 @@
+import { IArrayBaseProps } from "./types.cjs";
+import { Schema } from "@formily/react";
+import "react";
+import { ArrayField } from "@formily/core";
+
+//#region src/components/array-base/array-context.d.ts
+interface IArrayBaseContext {
+  props: IArrayBaseProps;
+  field: ArrayField;
+  schema: Schema;
+}
+interface IArrayBaseItemProps {
+  index: number;
+  record: ((index: number) => Record<string, any>) | Record<string, any>;
+}
+//#endregion
+export { IArrayBaseContext, IArrayBaseItemProps };

package/dist/components/array-base/array-context.d.ts

@@ -0,0 +1,17 @@
+import { IArrayBaseProps } from "./types.js";
+import { Schema } from "@formily/react";
+import "react";
+import { ArrayField } from "@formily/core";
+
+//#region src/components/array-base/array-context.d.ts
+interface IArrayBaseContext {
+  props: IArrayBaseProps;
+  field: ArrayField;
+  schema: Schema;
+}
+interface IArrayBaseItemProps {
+  index: number;
+  record: ((index: number) => Record<string, any>) | Record<string, any>;
+}
+//#endregion
+export { IArrayBaseContext, IArrayBaseItemProps };

package/dist/components/array-base/array-context.js

@@ -0,0 +1 @@
+import{createContext as e,use as t}from"react";const n=e(null),r=e(null);function i(e,t){return typeof e==`function`?e(t):e}function a(){return t(n)}function o(e){let n=t(r);return n?n.index:e}function s(e){let n=t(r);return i(n?n.record:e,n?.index)}export{n as ArrayBaseContext,r as ItemContext,a as useArray,o as useIndex,s as useRecord};

package/dist/components/array-base/component-context.cjs

@@ -0,0 +1 @@
+const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`./components/use-array-components-registry.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);i=e.__toESM(i);const a=r.default.createContext({}),{Provider:o,Consumer:s}=a;function c(){return r.default.use(a)}const l=e=>{let{allowedOperationsComponentNames:r,children:a}=e;return(0,i.jsx)(o,{value:t.useArrayComponentRegistry((0,n.useFieldSchema)(),r),children:a})};l.displayName=`ArrayComponentProvider`,exports.ArrayComponentProvider=l,exports.Provider=o,exports.useArrayComponents=c;

package/dist/components/array-base/component-context.d.cts

@@ -0,0 +1,3 @@
+import "./components/types.cjs";
+import "./components/use-array-components-registry.cjs";
+import React from "react";

package/dist/components/array-base/component-context.d.ts

@@ -0,0 +1,3 @@
+import "./components/types.js";
+import "./components/use-array-components-registry.js";
+import React from "react";

package/dist/components/array-base/component-context.js

@@ -0,0 +1 @@
+import{useArrayComponentRegistry as e}from"./components/use-array-components-registry.js";import{useFieldSchema as t}from"@formily/react";import n from"react";import{jsx as r}from"react/jsx-runtime";const i=n.createContext({}),{Provider:a,Consumer:o}=i;function s(){return n.use(i)}const c=n=>{let{allowedOperationsComponentNames:i,children:o}=n;return r(a,{value:e(t(),i),children:o})};c.displayName=`ArrayComponentProvider`;export{c as ArrayComponentProvider,a as Provider,s as useArrayComponents};

package/dist/components/array-base/components/addition.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`),n=require(`../../../utils/get-default-value.cjs`);require(`../../../utils/index.cjs`);let r=require(`@formily/react`);r=e.__toESM(r);let i=require(`react`);i=e.__toESM(i);let a=require(`@pixpilot/shadcn-ui`);a=e.__toESM(a);let o=require(`lucide-react`);o=e.__toESM(o);let s=require(`react/jsx-runtime`);s=e.__toESM(s);const c=i.default.forwardRef((e,i)=>{let{fullWidth:c=!0}=e,l=(0,r.useField)(),u=t.useArray();return!u||u.field?.pattern!==`editable`&&u.field?.pattern!==`disabled`?null:(0,s.jsxs)(a.Button,{type:`button`,variant:c?`ghost`:`outline`,...e,disabled:l?.disabled||u.props?.disabled,className:(0,a.cn)(e.className,{"w-full border border-dashed border-muted":c}),ref:i,onClick:t=>{if(u.props?.disabled||e.onClick&&(e.onClick(t),t.defaultPrevented))return;let r=n.getDefaultValue(e.defaultValue,u.schema);e.method===`unshift`?(u.field?.unshift?.(r).catch(console.error),u.props?.onAdd?.(0)):(u.field?.push?.(r).catch(console.error),u.props?.onAdd?.((u?.field?.value?.length??1)-1))},children:[e.icon===void 0?(0,s.jsx)(o.PlusIcon,{className:`mr-2 size-4`}):e.icon,e.title??l.title??e.children??`Add Item`]})});c.displayName=`ArrayAddition`,exports.ArrayAddition=c;

package/dist/components/array-base/components/addition.d.cts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Button } from "@pixpilot/shadcn-ui";
+
+//#region src/components/array-base/components/addition.d.ts
+interface IArrayBaseAdditionProps extends React.ComponentProps<typeof Button> {
+  title?: string;
+  method?: 'push' | 'unshift';
+  defaultValue?: any;
+  icon?: React.ReactNode;
+  fullWidth?: boolean;
+}
+//#endregion
+export { IArrayBaseAdditionProps };

package/dist/components/array-base/components/addition.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Button } from "@pixpilot/shadcn-ui";
+
+//#region src/components/array-base/components/addition.d.ts
+interface IArrayBaseAdditionProps extends React.ComponentProps<typeof Button> {
+  title?: string;
+  method?: 'push' | 'unshift';
+  defaultValue?: any;
+  icon?: React.ReactNode;
+  fullWidth?: boolean;
+}
+//#endregion
+export { IArrayBaseAdditionProps };

package/dist/components/array-base/components/addition.js

@@ -0,0 +1 @@
+import{useArray as e}from"../array-context.js";import{getDefaultValue as t}from"../../../utils/get-default-value.js";import"../../../utils/index.js";import{useField as n}from"@formily/react";import r from"react";import{Button as i,cn as a}from"@pixpilot/shadcn-ui";import{PlusIcon as o}from"lucide-react";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=r.forwardRef((r,l)=>{let{fullWidth:u=!0}=r,d=n(),f=e();return!f||f.field?.pattern!==`editable`&&f.field?.pattern!==`disabled`?null:c(i,{type:`button`,variant:u?`ghost`:`outline`,...r,disabled:d?.disabled||f.props?.disabled,className:a(r.className,{"w-full border border-dashed border-muted":u}),ref:l,onClick:e=>{if(f.props?.disabled||r.onClick&&(r.onClick(e),e.defaultPrevented))return;let n=t(r.defaultValue,f.schema);r.method===`unshift`?(f.field?.unshift?.(n).catch(console.error),f.props?.onAdd?.(0)):(f.field?.push?.(n).catch(console.error),f.props?.onAdd?.((f?.field?.value?.length??1)-1))},children:[r.icon===void 0?s(o,{className:`mr-2 size-4`}):r.icon,r.title??d.title??r.children??`Add Item`]})});l.displayName=`ArrayAddition`;export{l as ArrayAddition};

package/dist/components/array-base/components/array-copy.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`@pixpilot/shadcn-ui`);i=e.__toESM(i);let a=require(`lucide-react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);o=e.__toESM(o);let s=require(`@formily/shared`);s=e.__toESM(s);const c=r.default.forwardRef((e,r)=>{let c=(0,n.useField)(),l=t.useArray(),u=t.useIndex(e.index);return!l||l.field?.pattern!==`editable`?null:(0,o.jsx)(i.Button,{type:`button`,variant:`ghost`,size:`icon`,...e,disabled:c?.disabled||l.props?.disabled,ref:r,onClick:t=>{if(c?.disabled||(t.stopPropagation(),l.props?.disabled)||e.onClick&&(e.onClick(t),t.defaultPrevented)||u===void 0)return;let n=(0,s.clone)(l?.field?.value[u]),r=u+1;l.field?.insert?.(r,n),l.props?.onCopy?.(r)},children:e.icon===void 0?(0,o.jsx)(a.CopyIcon,{className:`size-4`}):e.icon})});exports.ArrayCopy=c;

package/dist/components/array-base/components/array-copy.js

@@ -0,0 +1 @@
+import{useArray as e,useIndex as t}from"../array-context.js";import{useField as n}from"@formily/react";import r from"react";import{Button as i}from"@pixpilot/shadcn-ui";import{CopyIcon as a}from"lucide-react";import{jsx as o}from"react/jsx-runtime";import{clone as s}from"@formily/shared";const c=r.forwardRef((r,c)=>{let l=n(),u=e(),d=t(r.index);return!u||u.field?.pattern!==`editable`?null:o(i,{type:`button`,variant:`ghost`,size:`icon`,...r,disabled:l?.disabled||u.props?.disabled,ref:c,onClick:e=>{if(l?.disabled||(e.stopPropagation(),u.props?.disabled)||r.onClick&&(r.onClick(e),e.defaultPrevented)||d===void 0)return;let t=s(u?.field?.value[d]),n=d+1;u.field?.insert?.(n,t),u.props?.onCopy?.(n)},children:r.icon===void 0?o(a,{className:`size-4`}):r.icon})});export{c as ArrayCopy};

package/dist/components/array-base/components/array-index.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`react/jsx-runtime`);n=e.__toESM(n);const r=()=>(0,n.jsxs)(`span`,{className:`font-medium`,children:[`Item `,(t.useIndex()??0)+1]});exports.ArrayIndex=r;

package/dist/components/array-base/components/array-index.js

@@ -0,0 +1 @@
+import{useIndex as e}from"../array-context.js";import{jsxs as t}from"react/jsx-runtime";const n=()=>t(`span`,{className:`font-medium`,children:[`Item `,(e()??0)+1]});export{n as ArrayIndex};

package/dist/components/array-base/components/array-item-label.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);const i=()=>{let e=t.useIndex();return(0,r.jsxs)(`span`,{className:`font-medium`,children:[(0,n.useField)().title,` `,(e??0)+1]})};exports.ArrayItemLabel=i;

package/dist/components/array-base/components/array-item-label.js

@@ -0,0 +1 @@
+import{useIndex as e}from"../array-context.js";import{useField as t}from"@formily/react";import{jsxs as n}from"react/jsx-runtime";const r=()=>{let r=e();return n(`span`,{className:`font-medium`,children:[t().title,` `,(r??0)+1]})};export{r as ArrayItemLabel};

package/dist/components/array-base/components/components.cjs

@@ -0,0 +1 @@
+const e=require(`./addition.cjs`),t=require(`./array-copy.cjs`),n=require(`./array-index.cjs`),r=require(`./array-item-label.cjs`),i=require(`./edit.cjs`),a=require(`./empty.cjs`),o=require(`./move-down.cjs`),s=require(`./move-up.cjs`),c=require(`./remove.cjs`),l={Remove:c.ArrayRemove,Edit:i.ArrayEditButton,Copy:t.ArrayCopy,MoveDown:o.ArrayMoveDown,MoveUp:s.ArrayMoveUp,Label:r.ArrayItemLabel},u={...l,Addition:e.ArrayAddition,Empty:a.ArrayEmpty,Index:n.ArrayIndex,Label:r.ArrayItemLabel};exports.arrayComponentMap=u,exports.defaultOperationComponents=l;

package/dist/components/array-base/components/components.js

@@ -0,0 +1 @@
+import{ArrayAddition as e}from"./addition.js";import{ArrayCopy as t}from"./array-copy.js";import{ArrayIndex as n}from"./array-index.js";import{ArrayItemLabel as r}from"./array-item-label.js";import{ArrayEditButton as i}from"./edit.js";import{ArrayEmpty as a}from"./empty.js";import{ArrayMoveDown as o}from"./move-down.js";import{ArrayMoveUp as s}from"./move-up.js";import{ArrayRemove as c}from"./remove.js";const l={Remove:c,Edit:i,Copy:t,MoveDown:o,MoveUp:s,Label:r},u={...l,Addition:e,Empty:a,Index:n,Label:r};export{u as arrayComponentMap,l as defaultOperationComponents};

package/dist/components/array-base/components/edit.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`@pixpilot/shadcn-ui`);i=e.__toESM(i);let a=require(`lucide-react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);o=e.__toESM(o);const s=r.default.forwardRef((e,r)=>{let s=t.useIndex(e.index),c=(0,n.useField)(),l=t.useArray();return l?(0,o.jsx)(i.Button,{type:`button`,variant:`ghost`,size:`icon`,...e,disabled:c?.disabled||l.props?.disabled,ref:r,onClick:t=>{c?.disabled||l.props?.disabled||(t.stopPropagation(),!(e.onClick&&(e.onClick(t),t.defaultPrevented))&&s!==void 0&&l.props?.onEdit?.(s))},children:e.icon===void 0?(0,o.jsx)(a.EditIcon,{className:`size-4`}):e.icon}):null});s.displayName=`ArrayEditButton`,exports.ArrayEditButton=s;

package/dist/components/array-base/components/edit.js

@@ -0,0 +1 @@
+import{useArray as e,useIndex as t}from"../array-context.js";import{useField as n}from"@formily/react";import r from"react";import{Button as i}from"@pixpilot/shadcn-ui";import{EditIcon as a}from"lucide-react";import{jsx as o}from"react/jsx-runtime";const s=r.forwardRef((r,s)=>{let c=t(r.index),l=n(),u=e();return u?o(i,{type:`button`,variant:`ghost`,size:`icon`,...r,disabled:l?.disabled||u.props?.disabled,ref:s,onClick:e=>{l?.disabled||u.props?.disabled||(e.stopPropagation(),!(r.onClick&&(r.onClick(e),e.defaultPrevented))&&c!==void 0&&u.props?.onEdit?.(c))},children:r.icon===void 0?o(a,{className:`size-4`}):r.icon}):null});s.displayName=`ArrayEditButton`;export{s as ArrayEditButton};

package/dist/components/array-base/components/empty.cjs

@@ -0,0 +1 @@
+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);const r=t.default.forwardRef((e,t)=>{let{title:r,children:i,...a}=e;return(0,n.jsx)(`div`,{ref:t,className:`py-4 text-center text-sm text-foreground/50`,...a,children:i??r??`No Data`})});exports.ArrayEmpty=r;

package/dist/components/array-base/components/empty.js

@@ -0,0 +1 @@
+import e from"react";import{jsx as t}from"react/jsx-runtime";const n=e.forwardRef((e,n)=>{let{title:r,children:i,...a}=e;return t(`div`,{ref:n,className:`py-4 text-center text-sm text-foreground/50`,...a,children:i??r??`No Data`})});export{n as ArrayEmpty};

package/dist/components/array-base/components/get-array-components.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../../../utils/for-each-schema.cjs`);require(`../../../utils/index.cjs`);const n=require(`./components.cjs`),r=require(`../utils/is-array-component.cjs`);let i=require(`@formily/react`);i=e.__toESM(i);let a=require(`react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);o=e.__toESM(o);function s(e){let{isTargetField:t}=e;return a.default.memo(({basePath:e,index:n,schema:r})=>(0,o.jsx)(i.RecursionField,{basePath:e,schema:r,name:n,filterProperties:e=>t(e),onlyRenderProperties:!0}))}const c=[{type:`Remove`,check:r.isRemoveComponent},{type:`Addition`,check:r.isAdditionComponent},{type:`Empty`,check:r.isEmptyComponent},{type:`Index`,check:r.isIndexComponent},{type:`MoveDown`,check:r.isMoveDownComponent},{type:`MoveUp`,check:r.isMoveUpComponent},{type:`Copy`,check:r.isCopyComponent},{type:`Label`,check:r.isLabelComponent}];function l(e){let r=new Map([]);return t.forEachSchema(e,(e,t)=>t.length>0&&e.type===`array`?!1:(c.forEach(({type:t,check:n})=>{n(e)&&r.set(t,{Component:s({isTargetField:n}),isUserField:!0})}),!0)),Object.entries(n.arrayComponentMap).forEach(([e,t])=>{r.has(e)||r.set(e,{Component:e=>a.default.createElement(t,e),isUserField:!1})}),r}exports.getArrayComponents=l;

package/dist/components/array-base/components/get-array-components.js

@@ -0,0 +1 @@
+import{forEachSchema as e}from"../../../utils/for-each-schema.js";import"../../../utils/index.js";import{arrayComponentMap as t}from"./components.js";import{isAdditionComponent as n,isCopyComponent as r,isEmptyComponent as i,isIndexComponent as a,isLabelComponent as o,isMoveDownComponent as s,isMoveUpComponent as c,isRemoveComponent as l}from"../utils/is-array-component.js";import{RecursionField as u}from"@formily/react";import d from"react";import{jsx as f}from"react/jsx-runtime";function p(e){let{isTargetField:t}=e;return d.memo(({basePath:e,index:n,schema:r})=>f(u,{basePath:e,schema:r,name:n,filterProperties:e=>t(e),onlyRenderProperties:!0}))}const m=[{type:`Remove`,check:l},{type:`Addition`,check:n},{type:`Empty`,check:i},{type:`Index`,check:a},{type:`MoveDown`,check:s},{type:`MoveUp`,check:c},{type:`Copy`,check:r},{type:`Label`,check:o}];function h(n){let r=new Map([]);return e(n,(e,t)=>t.length>0&&e.type===`array`?!1:(m.forEach(({type:t,check:n})=>{n(e)&&r.set(t,{Component:p({isTargetField:n}),isUserField:!0})}),!0)),Object.entries(t).forEach(([e,t])=>{r.has(e)||r.set(e,{Component:e=>d.createElement(t,e),isUserField:!1})}),r}export{h as getArrayComponents};

package/dist/components/array-base/components/move-down.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`@pixpilot/shadcn-ui`);i=e.__toESM(i);let a=require(`lucide-react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);o=e.__toESM(o);const s=r.default.forwardRef((e,r)=>{let s=t.useIndex(e.index),c=(0,n.useField)(),l=t.useArray();if(!l||l.field?.pattern!==`editable`)return null;let u=s===(l.field?.value?.length??0)-1;return(0,o.jsx)(i.Button,{type:`button`,variant:`ghost`,size:`icon`,...e,disabled:c?.disabled||l.props?.disabled||u,ref:r,onClick:t=>{c?.disabled||l.props?.disabled||u||(t.stopPropagation(),!(e.onClick&&(e.onClick(t),t.defaultPrevented))&&s!==void 0&&(l.field?.moveDown?.(s).catch(console.error),l.props?.onMoveDown?.(s)))},children:e.icon===void 0?(0,o.jsx)(a.ChevronDownIcon,{className:`size-4`}):e.icon})});s.displayName=`ArrayMoveDown`,exports.ArrayMoveDown=s;

package/dist/components/array-base/components/move-down.js

@@ -0,0 +1 @@
+import{useArray as e,useIndex as t}from"../array-context.js";import{useField as n}from"@formily/react";import r from"react";import{Button as i}from"@pixpilot/shadcn-ui";import{ChevronDownIcon as a}from"lucide-react";import{jsx as o}from"react/jsx-runtime";const s=r.forwardRef((r,s)=>{let c=t(r.index),l=n(),u=e();if(!u||u.field?.pattern!==`editable`)return null;let d=c===(u.field?.value?.length??0)-1;return o(i,{type:`button`,variant:`ghost`,size:`icon`,...r,disabled:l?.disabled||u.props?.disabled||d,ref:s,onClick:e=>{l?.disabled||u.props?.disabled||d||(e.stopPropagation(),!(r.onClick&&(r.onClick(e),e.defaultPrevented))&&c!==void 0&&(u.field?.moveDown?.(c).catch(console.error),u.props?.onMoveDown?.(c)))},children:r.icon===void 0?o(a,{className:`size-4`}):r.icon})});s.displayName=`ArrayMoveDown`;export{s as ArrayMoveDown};

package/dist/components/array-base/components/move-up.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`@pixpilot/shadcn-ui`);i=e.__toESM(i);let a=require(`lucide-react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);o=e.__toESM(o);const s=r.default.forwardRef((e,r)=>{let s=t.useIndex(e.index),c=(0,n.useField)(),l=t.useArray();if(!l||l.field?.pattern!==`editable`)return null;let u=s===0;return(0,o.jsx)(i.Button,{type:`button`,variant:`ghost`,size:`icon`,...e,disabled:c?.disabled||l.props?.disabled||u,ref:r,onClick:t=>{c?.disabled||l.props?.disabled||u||(t.stopPropagation(),!(e.onClick&&(e.onClick(t),t.defaultPrevented))&&s!==void 0&&(l?.field?.moveUp?.(s).catch(console.error),l?.props?.onMoveUp?.(s)))},children:e.icon===void 0?(0,o.jsx)(a.ChevronUpIcon,{className:`size-4`}):e.icon})});s.displayName=`ArrayMoveUp`,exports.ArrayMoveUp=s;

package/dist/components/array-base/components/move-up.js

@@ -0,0 +1 @@
+import{useArray as e,useIndex as t}from"../array-context.js";import{useField as n}from"@formily/react";import r from"react";import{Button as i}from"@pixpilot/shadcn-ui";import{ChevronUpIcon as a}from"lucide-react";import{jsx as o}from"react/jsx-runtime";const s=r.forwardRef((r,s)=>{let c=t(r.index),l=n(),u=e();if(!u||u.field?.pattern!==`editable`)return null;let d=c===0;return o(i,{type:`button`,variant:`ghost`,size:`icon`,...r,disabled:l?.disabled||u.props?.disabled||d,ref:s,onClick:e=>{l?.disabled||u.props?.disabled||d||(e.stopPropagation(),!(r.onClick&&(r.onClick(e),e.defaultPrevented))&&c!==void 0&&(u?.field?.moveUp?.(c).catch(console.error),u?.props?.onMoveUp?.(c)))},children:r.icon===void 0?o(a,{className:`size-4`}):r.icon})});s.displayName=`ArrayMoveUp`;export{s as ArrayMoveUp};

package/dist/components/array-base/components/remove.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`@pixpilot/shadcn-ui`);i=e.__toESM(i);let a=require(`lucide-react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);o=e.__toESM(o);const s=r.default.forwardRef((e,r)=>{let s=t.useIndex(e.index),c=(0,n.useField)(),l=t.useArray();return!l||l.field?.pattern!==`editable`?null:(0,o.jsx)(i.Button,{type:`button`,variant:`ghost`,size:`icon`,...e,disabled:c?.disabled||l.props?.disabled,ref:r,onClick:t=>{c?.disabled||l.props?.disabled||(t.stopPropagation(),!(e.onClick&&(e.onClick(t),t.defaultPrevented))&&s!==void 0&&(l.field?.remove?.(s).catch(console.error),l.props?.onRemove?.(s)))},children:e.icon===void 0?(0,o.jsx)(a.Trash2Icon,{className:`size-4`}):e.icon})});s.displayName=`ArrayRemove`,exports.ArrayRemove=s;

package/dist/components/array-base/components/remove.js

@@ -0,0 +1 @@
+import{useArray as e,useIndex as t}from"../array-context.js";import{useField as n}from"@formily/react";import r from"react";import{Button as i}from"@pixpilot/shadcn-ui";import{Trash2Icon as a}from"lucide-react";import{jsx as o}from"react/jsx-runtime";const s=r.forwardRef((r,s)=>{let c=t(r.index),l=n(),u=e();return!u||u.field?.pattern!==`editable`?null:o(i,{type:`button`,variant:`ghost`,size:`icon`,...r,disabled:l?.disabled||u.props?.disabled,ref:s,onClick:e=>{l?.disabled||u.props?.disabled||(e.stopPropagation(),!(r.onClick&&(r.onClick(e),e.defaultPrevented))&&c!==void 0&&(u.field?.remove?.(c).catch(console.error),u.props?.onRemove?.(c)))},children:r.icon===void 0?o(a,{className:`size-4`}):r.icon})});s.displayName=`ArrayRemove`;export{s as ArrayRemove};

package/dist/components/array-base/components/title.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../array-context.cjs`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);const i=e=>{let n=t.useArray();if(!n)return null;let{field:i}=n;return(0,r.jsx)(`span`,{children:e.title??i.title??``})};exports.ArrayTitle=i;

package/dist/components/array-base/components/title.js

@@ -0,0 +1 @@
+import{useArray as e}from"../array-context.js";import t from"react";import{jsx as n}from"react/jsx-runtime";const r=t=>{let r=e();if(!r)return null;let{field:i}=r;return n(`span`,{children:t.title??i.title??``})};export{r as ArrayTitle};

package/dist/components/array-base/components/types.d.cts

@@ -0,0 +1,30 @@
+import { IArrayBaseAdditionProps } from "./addition.cjs";
+import { IArrayBaseOperationProps } from "../types.cjs";
+import { Schema } from "@formily/react";
+
+//#region src/components/array-base/components/types.d.ts
+interface ArrayBaseComponents {
+  Addition: React.FC<React.PropsWithChildren<IArrayBaseAdditionProps>>;
+  Remove: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+    index?: number;
+  }>>;
+  MoveUp: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+    index?: number;
+  }>>;
+  MoveDown: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+    index?: number;
+  }>>;
+  Edit: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+    index?: number;
+  }>>;
+  Index: React.FC;
+  Empty: React.FC;
+  Copy: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+    index?: number;
+  }>>;
+  Label: React.FC;
+}
+type ArrayComponentTypes = keyof ArrayBaseComponents;
+type ArrayOperationTypes = Exclude<ArrayComponentTypes, 'Addition' | 'Empty' | 'Index'>;
+//#endregion
+export { ArrayBaseComponents, ArrayOperationTypes };

package/dist/components/array-base/components/types.d.ts

@@ -0,0 +1,30 @@
+import { IArrayBaseAdditionProps } from "./addition.js";
+import { IArrayBaseOperationProps } from "../types.js";
+import { Schema } from "@formily/react";
+
+//#region src/components/array-base/components/types.d.ts
+interface ArrayBaseComponents {
+  Addition: React.FC<React.PropsWithChildren<IArrayBaseAdditionProps>>;
+  Remove: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+    index?: number;
+  }>>;
+  MoveUp: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+    index?: number;
+  }>>;
+  MoveDown: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+    index?: number;
+  }>>;
+  Edit: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+    index?: number;
+  }>>;
+  Index: React.FC;
+  Empty: React.FC;
+  Copy: React.FC<React.PropsWithChildren<IArrayBaseOperationProps & {
+    index?: number;
+  }>>;
+  Label: React.FC;
+}
+type ArrayComponentTypes = keyof ArrayBaseComponents;
+type ArrayOperationTypes = Exclude<ArrayComponentTypes, 'Addition' | 'Empty' | 'Index'>;
+//#endregion
+export { ArrayBaseComponents, ArrayOperationTypes };

package/dist/components/array-base/components/use-array-components-registry.cjs

@@ -0,0 +1 @@
+const e=require(`../../../_virtual/rolldown_runtime.cjs`),t=require(`../utils/filter-and-sort-components.cjs`),n=require(`./get-array-components.cjs`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);i=e.__toESM(i);let a=require(`@pixpilot/shadcn`);a=e.__toESM(a);function o(e,o){return r.default.useMemo(()=>{let s=n.getArrayComponents(e),c=t.filterAndSortComponents(s,o),l=s.get(`Empty`)?.Component,u=s.get(`Addition`)?.Component;return{OperationComponents:r.default.memo(e=>(0,i.jsx)(i.Fragment,{children:c.map(([t,{Component:n}])=>(0,i.jsx)(r.default.Fragment,{children:(0,i.jsx)(n,{...e})},t))})),AddButton:e=>u?(0,i.jsx)(u,{...e}):null,EmptyArray:e=>l?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(l,{...e})}):null,ItemIndex:e=>{let t=s.get(`Index`);return t?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(t.Component,{...e})}):null},ArrayItemsContainer:e=>{let{className:t,schema:n,children:r,hasItems:o,basePath:s,...c}=e;return(0,i.jsxs)(`div`,{...c,className:(0,a.cn)(`space-y-3`,t),children:[!o&&l&&(0,i.jsx)(l,{basePath:s,schema:n}),r]})},ItemLabel:e=>{let t=s.get(`Label`);return t?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(t.Component,{...e})}):null}}},[o,e])}exports.useArrayComponentRegistry=o;

package/dist/components/array-base/components/use-array-components-registry.d.cts

@@ -0,0 +1,4 @@
+import "./addition.cjs";
+import "./types.cjs";
+import { Schema } from "@formily/react";
+import React from "react";

package/dist/components/array-base/components/use-array-components-registry.d.ts

@@ -0,0 +1,4 @@
+import "./addition.js";
+import "./types.js";
+import { Schema } from "@formily/react";
+import React from "react";

package/dist/components/array-base/components/use-array-components-registry.js

@@ -0,0 +1 @@
+import{filterAndSortComponents as e}from"../utils/filter-and-sort-components.js";import{getArrayComponents as t}from"./get-array-components.js";import n from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{cn as o}from"@pixpilot/shadcn";function s(s,c){return n.useMemo(()=>{let l=t(s),u=e(l,c),d=l.get(`Empty`)?.Component,f=l.get(`Addition`)?.Component;return{OperationComponents:n.memo(e=>i(r,{children:u.map(([t,{Component:r}])=>i(n.Fragment,{children:i(r,{...e})},t))})),AddButton:e=>f?i(f,{...e}):null,EmptyArray:e=>d?i(r,{children:i(d,{...e})}):null,ItemIndex:e=>{let t=l.get(`Index`);return t?i(r,{children:i(t.Component,{...e})}):null},ArrayItemsContainer:e=>{let{className:t,schema:n,children:r,hasItems:s,basePath:c,...l}=e;return a(`div`,{...l,className:o(`space-y-3`,t),children:[!s&&d&&i(d,{basePath:c,schema:n}),r]})},ItemLabel:e=>{let t=l.get(`Label`);return t?i(r,{children:i(t.Component,{...e})}):null}}},[c,s])}export{s as useArrayComponentRegistry};

package/dist/components/array-base/constants/index.cjs

@@ -0,0 +1 @@
+const e=[`MoveDown`,`MoveUp`,`Remove`],t=[`MoveDown`,`MoveUp`,`Edit`,`Remove`];exports.DEFAULT_EDITABLE_OPERATIONS=t,exports.DEFAULT_OPERATIONS=e;

package/dist/components/array-base/constants/index.js

@@ -0,0 +1 @@
+const e=[`MoveDown`,`MoveUp`,`Remove`],t=[`MoveDown`,`MoveUp`,`Edit`,`Remove`];export{t as DEFAULT_EDITABLE_OPERATIONS,e as DEFAULT_OPERATIONS};

package/dist/components/array-base/index.cjs

@@ -0,0 +1 @@
+const e=require(`./array-base.cjs`),t=require(`./component-context.cjs`);

package/dist/components/array-base/index.d.cts

@@ -0,0 +1,3 @@
+import { ArrayBaseMixins, ArrayComponentProps, ComposedArrayProps, IArrayBaseOperationProps, IArrayBaseProps } from "./types.cjs";
+import { ArrayBase } from "./array-base.cjs";
+import "./component-context.cjs";

package/dist/components/array-base/index.d.ts

@@ -0,0 +1,3 @@
+import { ArrayBaseMixins, ArrayComponentProps, ComposedArrayProps, IArrayBaseOperationProps, IArrayBaseProps } from "./types.js";
+import { ArrayBase } from "./array-base.js";
+import "./component-context.js";

package/dist/components/array-base/index.js

@@ -0,0 +1 @@
+import{ArrayBase as e}from"./array-base.js";import{ArrayComponentProvider as t,Provider as n,useArrayComponents as r}from"./component-context.js";

package/dist/components/array-base/types.d.cts

@@ -0,0 +1,37 @@
+import { ArrayBaseComponents, ArrayOperationTypes } from "./components/types.cjs";
+import { IArrayBaseContext } from "./array-context.cjs";
+import { Button } from "@pixpilot/shadcn-ui";
+
+//#region src/components/array-base/types.d.ts
+interface ArrayBaseMixins extends ArrayBaseComponents {
+  useArray: () => IArrayBaseContext | null;
+  useIndex: (index?: number) => number | undefined;
+  useRecord: (record?: number) => any;
+}
+interface IArrayBaseProps {
+  disabled?: boolean;
+  onAdd?: (index: number) => void;
+  onRemove?: (index: number) => void;
+  onMoveDown?: (index: number) => void;
+  onMoveUp?: (index: number) => void;
+  onEdit?: (index: number) => void;
+  onCopy?: (index: number) => void;
+}
+interface IArrayBaseOperationProps extends React.ComponentProps<typeof Button> {
+  title?: string;
+  index?: number;
+  icon?: React.ReactNode;
+}
+type ComposedArrayProps<T = Record<string, unknown>> = React.FC<React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & IArrayBaseProps & {
+  /**
+   * Array of operation types to display as default buttons. Set to false to disable all default operations.
+   * @default 'MoveDown', 'MoveUp', 'Remove'
+   */
+  operations?: ArrayOperationTypes[] | false;
+} & T>> & ArrayBaseMixins;
+interface ArrayComponentProps extends React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & IArrayBaseProps & {
+  operations?: ArrayOperationTypes[] | false;
+  title?: string;
+}> {}
+//#endregion
+export { ArrayBaseMixins, ArrayComponentProps, ComposedArrayProps, IArrayBaseOperationProps, IArrayBaseProps };