@pixpilot/formily-shadcn 1.0.5 → 1.1.0

package/dist/components/Form.d.cts

@@ -2,7 +2,7 @@ import { FormContextStates } from "./context/form-context.cjs";
 import "./context/index.cjs";
 import React from "react";
 import { Form } from "@formily/core";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Form.d.ts
 interface IFormProps extends FormContextStates {
@@ -25,6 +25,6 @@ declare function Form$1({
   onAutoSubmit,
   layout,
   settings
-}: IFormProps): react_jsx_runtime1.JSX.Element;
+}: IFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/FormGrid.d.cts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/FormGrid.d.ts
 interface IFormGridProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -7,6 +7,6 @@ declare function FormGrid({
   className,
   children,
   ...rest
-}: IFormGridProps): react_jsx_runtime0.JSX.Element;
+}: IFormGridProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { FormGrid };

package/dist/components/IconPicker.d.cts

@@ -1,4 +1,4 @@
-import * as react4 from "react";
+import * as react11 from "react";
 import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/IconPicker.d.ts
@@ -8,8 +8,8 @@ import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
  * Automatically connects to Formily field state
  * Supports both static and async icon providers
  */
-declare const IconPicker: react4.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker: react11.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react4.RefAttributes<unknown>>;
+}> & react11.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker };

package/dist/components/IconToggle.d.cts

@@ -1,4 +1,4 @@
-import * as react6 from "react";
+import * as react4 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/IconToggle.d.ts
@@ -6,6 +6,6 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Formily-connected IconToggle component
  * Toggle button with customizable icons for boolean values
  */
-declare const IconToggle: react6.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react6.RefAttributes<HTMLButtonElement>>, "ref"> & react6.RefAttributes<unknown>>;
+declare const IconToggle: react4.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react4.RefAttributes<HTMLButtonElement>>, "ref"> & react4.RefAttributes<unknown>>;
 //#endregion
 export { IconToggle };

package/dist/components/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react9 from "react";
+import * as react7 from "react";
 
 //#region src/components/Input.d.ts
 
@@ -6,12 +6,12 @@ import * as react9 from "react";
  * Formily-connected Input component
  * Automatically connects shadcn Input to Formily field state
  */
-declare const Input: react9.ForwardRefExoticComponent<Omit<Partial<react9.ClassAttributes<HTMLInputElement> & react9.InputHTMLAttributes<HTMLInputElement> & {
+declare const Input: react7.ForwardRefExoticComponent<Omit<Partial<react7.ClassAttributes<HTMLInputElement> & react7.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react9.RefAttributes<unknown>>;
+}>, "ref"> & react7.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/TagsInputInline.d.cts

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

package/dist/components/Textarea.d.cts

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

package/dist/components/ToggleGroup.cjs

@@ -31,14 +31,37 @@ function coerceOptions(options) {
 		};
 	}).filter((v) => v !== null);
 }
-function ToggleGroupBase({ options, value, defaultValue, onValueChange, allowEmptySelection = false, variant = "outline", size, buttonClassName, ref,...props }) {
-	const valueString = value === void 0 ? void 0 : String(value);
-	const defaultValueString = defaultValue === void 0 ? void 0 : String(defaultValue);
+function ToggleGroupBase({ type = "single", options, value, defaultValue, onValueChange, allowEmptySelection = false, variant = "outline", size, buttonClassName, ref,...props }) {
 	const valueByString = react.useMemo(() => {
 		const map = /* @__PURE__ */ new Map();
 		for (const option of options) map.set(String(option.value), option.value);
 		return map;
 	}, [options]);
+	const items = options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.ToggleGroupItem, {
+		value: String(option.value),
+		"aria-label": String(option.value),
+		disabled: option.disabled,
+		className: buttonClassName,
+		children: option.label
+	}, String(option.value)));
+	if (type === "multiple") {
+		const multiValue = Array.isArray(value) ? value.map(String) : [];
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.ToggleGroup, {
+			...props,
+			ref,
+			type: "multiple",
+			value: multiValue,
+			variant: toVariant(variant),
+			size: toSize(size),
+			onValueChange: (nextValues) => {
+				const mappedValues = nextValues.map((v) => valueByString.get(v) ?? v);
+				onValueChange?.(mappedValues);
+			},
+			children: items
+		});
+	}
+	const valueString = value === void 0 || Array.isArray(value) ? void 0 : String(value);
+	const defaultValueString = defaultValue === void 0 || Array.isArray(defaultValue) ? void 0 : String(defaultValue);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.ToggleGroup, {
 		...props,
 		ref,
@@ -55,13 +78,7 @@ function ToggleGroupBase({ options, value, defaultValue, onValueChange, allowEmp
 			}
 			onValueChange?.(valueByString.get(nextValue) ?? nextValue);
 		},
-		children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.ToggleGroupItem, {
-			value: String(option.value),
-			"aria-label": String(option.value),
-			disabled: option.disabled,
-			className: buttonClassName,
-			children: option.label
-		}, String(option.value)))
+		children: items
 	});
 }
 /**
@@ -99,10 +116,22 @@ const ToggleGroup = (0, __formily_react.connect)(ToggleGroupBase, (0, __formily_
 }, (props, field) => {
 	const toggleGroupProps = props;
 	const fieldValue = field.value;
+	const isMultiple = props.type === "multiple";
 	const resolvedOptions = coerceOptions(require_resolve_field_options.resolveFieldOptions({
 		field,
 		options: props.options
 	}));
+	if (isMultiple) {
+		const value$1 = Array.isArray(fieldValue) ? fieldValue.filter(isToggleGroupValue) : [];
+		return {
+			...toggleGroupProps,
+			options: resolvedOptions,
+			value: value$1,
+			onValueChange: (nextValue) => {
+				field.onInput(nextValue).catch(() => {});
+			}
+		};
+	}
 	const value = isToggleGroupValue(fieldValue) ? fieldValue : void 0;
 	return {
 		...toggleGroupProps,

package/dist/components/ToggleGroup.d.cts

@@ -12,10 +12,11 @@ interface ToggleGroupOption {
   disabled?: boolean;
 }
 interface ToggleGroupBaseProps extends Omit<ToggleGroupProps, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'children' | 'variant' | 'size'> {
+  type?: 'single' | 'multiple';
   options: readonly ToggleGroupOption[];
-  value?: ToggleGroupValue;
-  defaultValue?: ToggleGroupValue;
-  onValueChange?: (value: ToggleGroupValue | undefined) => void;
+  value?: ToggleGroupValue | ToggleGroupValue[];
+  defaultValue?: ToggleGroupValue | ToggleGroupValue[];
+  onValueChange?: ((value: ToggleGroupValue | undefined) => void) | ((value: ToggleGroupValue[]) => void);
   allowEmptySelection?: boolean;
   variant?: ToggleGroupVariant;
   size?: ToggleGroupSize;

package/dist/components/ToggleGroup.d.ts

@@ -12,10 +12,11 @@ interface ToggleGroupOption {
   disabled?: boolean;
 }
 interface ToggleGroupBaseProps extends Omit<ToggleGroupProps, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'children' | 'variant' | 'size'> {
+  type?: 'single' | 'multiple';
   options: readonly ToggleGroupOption[];
-  value?: ToggleGroupValue;
-  defaultValue?: ToggleGroupValue;
-  onValueChange?: (value: ToggleGroupValue | undefined) => void;
+  value?: ToggleGroupValue | ToggleGroupValue[];
+  defaultValue?: ToggleGroupValue | ToggleGroupValue[];
+  onValueChange?: ((value: ToggleGroupValue | undefined) => void) | ((value: ToggleGroupValue[]) => void);
   allowEmptySelection?: boolean;
   variant?: ToggleGroupVariant;
   size?: ToggleGroupSize;

package/dist/components/ToggleGroup.js

@@ -26,14 +26,37 @@ function coerceOptions(options) {
 		};
 	}).filter((v) => v !== null);
 }
-function ToggleGroupBase({ options, value, defaultValue, onValueChange, allowEmptySelection = false, variant = "outline", size, buttonClassName, ref,...props }) {
-	const valueString = value === void 0 ? void 0 : String(value);
-	const defaultValueString = defaultValue === void 0 ? void 0 : String(defaultValue);
+function ToggleGroupBase({ type = "single", options, value, defaultValue, onValueChange, allowEmptySelection = false, variant = "outline", size, buttonClassName, ref,...props }) {
 	const valueByString = React$1.useMemo(() => {
 		const map = /* @__PURE__ */ new Map();
 		for (const option of options) map.set(String(option.value), option.value);
 		return map;
 	}, [options]);
+	const items = options.map((option) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+		value: String(option.value),
+		"aria-label": String(option.value),
+		disabled: option.disabled,
+		className: buttonClassName,
+		children: option.label
+	}, String(option.value)));
+	if (type === "multiple") {
+		const multiValue = Array.isArray(value) ? value.map(String) : [];
+		return /* @__PURE__ */ jsx(ToggleGroup, {
+			...props,
+			ref,
+			type: "multiple",
+			value: multiValue,
+			variant: toVariant(variant),
+			size: toSize(size),
+			onValueChange: (nextValues) => {
+				const mappedValues = nextValues.map((v) => valueByString.get(v) ?? v);
+				onValueChange?.(mappedValues);
+			},
+			children: items
+		});
+	}
+	const valueString = value === void 0 || Array.isArray(value) ? void 0 : String(value);
+	const defaultValueString = defaultValue === void 0 || Array.isArray(defaultValue) ? void 0 : String(defaultValue);
 	return /* @__PURE__ */ jsx(ToggleGroup, {
 		...props,
 		ref,
@@ -50,13 +73,7 @@ function ToggleGroupBase({ options, value, defaultValue, onValueChange, allowEmp
 			}
 			onValueChange?.(valueByString.get(nextValue) ?? nextValue);
 		},
-		children: options.map((option) => /* @__PURE__ */ jsx(ToggleGroupItem, {
-			value: String(option.value),
-			"aria-label": String(option.value),
-			disabled: option.disabled,
-			className: buttonClassName,
-			children: option.label
-		}, String(option.value)))
+		children: items
 	});
 }
 /**
@@ -94,10 +111,22 @@ const ToggleGroup$1 = connect(ToggleGroupBase, mapProps({
 }, (props, field) => {
 	const toggleGroupProps = props;
 	const fieldValue = field.value;
+	const isMultiple = props.type === "multiple";
 	const resolvedOptions = coerceOptions(resolveFieldOptions({
 		field,
 		options: props.options
 	}));
+	if (isMultiple) {
+		const value$1 = Array.isArray(fieldValue) ? fieldValue.filter(isToggleGroupValue) : [];
+		return {
+			...toggleGroupProps,
+			options: resolvedOptions,
+			value: value$1,
+			onValueChange: (nextValue) => {
+				field.onInput(nextValue).catch(() => {});
+			}
+		};
+	}
 	const value = isToggleGroupValue(fieldValue) ? fieldValue : void 0;
 	return {
 		...toggleGroupProps,

package/dist/components/file-upload/FileUpload.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as _pixpilot_shadcn_ui3 from "@pixpilot/shadcn-ui";
+import * as _pixpilot_shadcn_ui13 from "@pixpilot/shadcn-ui";
 
 //#region src/components/file-upload/FileUpload.d.ts
 
@@ -7,14 +7,14 @@ import * as _pixpilot_shadcn_ui3 from "@pixpilot/shadcn-ui";
  * Formily-connected FileUploadInline component
  * Automatically connects shadcn FileUploadInline to Formily field state
  */
-declare const FileUpload$1: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui3.FileUploadInlineBaseProps & _pixpilot_shadcn_ui3.FileUploadRootPropsBaseProps & {
+declare const FileUpload$1: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui13.FileUploadInlineBaseProps & _pixpilot_shadcn_ui13.FileUploadRootPropsBaseProps & {
   multiple: true;
-  value?: _pixpilot_shadcn_ui3.FileMetadata[];
-  onChange?: _pixpilot_shadcn_ui3.OnChangeMultipleFiles;
-} & _pixpilot_shadcn_ui3.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui3.FileUploadInlineBaseProps & _pixpilot_shadcn_ui3.FileUploadRootPropsBaseProps & {
+  value?: _pixpilot_shadcn_ui13.FileMetadata[];
+  onChange?: _pixpilot_shadcn_ui13.OnChangeMultipleFiles;
+} & _pixpilot_shadcn_ui13.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui13.FileUploadInlineBaseProps & _pixpilot_shadcn_ui13.FileUploadRootPropsBaseProps & {
   multiple?: false;
-  value?: _pixpilot_shadcn_ui3.FileMetadata | null;
-  onChange?: _pixpilot_shadcn_ui3.OnChangeSingleFile;
-} & _pixpilot_shadcn_ui3.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
+  value?: _pixpilot_shadcn_ui13.FileMetadata | null;
+  onChange?: _pixpilot_shadcn_ui13.OnChangeSingleFile;
+} & _pixpilot_shadcn_ui13.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
 //#endregion
 export { FileUpload$1 as FileUpload };

package/dist/components/file-upload/FileUploadInline.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as _pixpilot_shadcn_ui13 from "@pixpilot/shadcn-ui";
+import * as _pixpilot_shadcn_ui3 from "@pixpilot/shadcn-ui";
 
 //#region src/components/file-upload/FileUploadInline.d.ts
 
@@ -7,14 +7,14 @@ import * as _pixpilot_shadcn_ui13 from "@pixpilot/shadcn-ui";
  * Formily-connected FileUploadInline component
  * Automatically connects shadcn FileUploadInline to Formily field state
  */
-declare const FileUploadInline$1: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui13.FileUploadInlineBaseProps & _pixpilot_shadcn_ui13.FileUploadRootPropsBaseProps & {
+declare const FileUploadInline$1: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui3.FileUploadInlineBaseProps & _pixpilot_shadcn_ui3.FileUploadRootPropsBaseProps & {
   multiple: true;
-  value?: _pixpilot_shadcn_ui13.FileMetadata[];
-  onChange?: _pixpilot_shadcn_ui13.OnChangeMultipleFiles;
-} & _pixpilot_shadcn_ui13.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui13.FileUploadInlineBaseProps & _pixpilot_shadcn_ui13.FileUploadRootPropsBaseProps & {
+  value?: _pixpilot_shadcn_ui3.FileMetadata[];
+  onChange?: _pixpilot_shadcn_ui3.OnChangeMultipleFiles;
+} & _pixpilot_shadcn_ui3.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui3.FileUploadInlineBaseProps & _pixpilot_shadcn_ui3.FileUploadRootPropsBaseProps & {
   multiple?: false;
-  value?: _pixpilot_shadcn_ui13.FileMetadata | null;
-  onChange?: _pixpilot_shadcn_ui13.OnChangeSingleFile;
-} & _pixpilot_shadcn_ui13.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
+  value?: _pixpilot_shadcn_ui3.FileMetadata | null;
+  onChange?: _pixpilot_shadcn_ui3.OnChangeSingleFile;
+} & _pixpilot_shadcn_ui3.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
 //#endregion
 export { FileUploadInline$1 as FileUploadInline };