@pixpilot/formily-shadcn 1.3.0 → 1.4.1

package/dist/components/Checkbox.d.cts

@@ -1,4 +1,4 @@
-import * as react1 from "react";
+import * as react0 from "react";
 import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
 
 //#region src/components/Checkbox.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
  * Formily-connected Checkbox component
  * Maps Formily field checked state to shadcn Checkbox
  */
-declare const Checkbox: react1.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react1.RefAttributes<HTMLButtonElement>>, "ref"> & react1.RefAttributes<unknown>>;
+declare const Checkbox: react0.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react0.RefAttributes<HTMLButtonElement>>, "ref"> & react0.RefAttributes<unknown>>;
 //#endregion
 export { Checkbox };

package/dist/components/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react1 from "react";
 import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
 
 //#region src/components/Checkbox.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
  * Formily-connected Checkbox component
  * Maps Formily field checked state to shadcn Checkbox
  */
-declare const Checkbox: react0.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react0.RefAttributes<HTMLButtonElement>>, "ref"> & react0.RefAttributes<unknown>>;
+declare const Checkbox: react1.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react1.RefAttributes<HTMLButtonElement>>, "ref"> & react1.RefAttributes<unknown>>;
 //#endregion
 export { Checkbox };

package/dist/components/Column.d.cts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Column.d.ts
 interface IColumnProps {
@@ -36,6 +36,6 @@ interface IColumnProps {
 declare function Column({
   className,
   children
-}: IColumnProps): react_jsx_runtime1.JSX.Element;
+}: IColumnProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Column };

package/dist/components/DatePicker.d.cts

@@ -1,11 +1,11 @@
-import * as react0 from "react";
+import * as react2 from "react";
 import { DatePickerProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/DatePicker.d.ts
-declare const DatePicker: react0.ForwardRefExoticComponent<Partial<{
+declare const DatePicker: react2.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
-} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react0.RefAttributes<unknown>>;
+} & Omit<DatePickerProps, "selected" | "onSelect" | "mode">> & react2.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker };

package/dist/components/DatePicker.d.ts

@@ -1,11 +1,11 @@
-import * as react2 from "react";
+import * as react0 from "react";
 import { DatePickerProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/DatePicker.d.ts
-declare const DatePicker$1: react2.ForwardRefExoticComponent<Partial<{
+declare const DatePicker$1: react0.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
-} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react2.RefAttributes<unknown>>;
+} & Omit<DatePickerProps, "selected" | "onSelect" | "mode">> & react0.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker$1 as DatePicker };

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/FormGrid.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 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_runtime2.JSX.Element;
 //#endregion
 export { FormGrid };

package/dist/components/IconPicker.d.ts

@@ -1,4 +1,4 @@
-import * as react8 from "react";
+import * as react13 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$1: react8.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker$1: react13.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react8.RefAttributes<unknown>>;
+}> & react13.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker$1 as IconPicker };

package/dist/components/IconToggle.d.ts

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

package/dist/components/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react9 from "react";
+import * as react12 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: react12.ForwardRefExoticComponent<Omit<Partial<react12.ClassAttributes<HTMLInputElement> & react12.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react9.RefAttributes<unknown>>;
+}>, "ref"> & react12.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/Input.d.ts

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

package/dist/components/Radio.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { RadioGroup } from "@pixpilot/shadcn";
 
 //#region src/components/Radio.d.ts
@@ -15,7 +15,7 @@ type RadioProps = {
 /**
  * Radio component with options rendering
  */
-declare function Radio(props: RadioProps): react_jsx_runtime2.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime4.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }

package/dist/components/Rating.d.cts

@@ -1,4 +1,4 @@
-import * as react13 from "react";
+import * as react9 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/Rating.d.ts
@@ -6,8 +6,8 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Formily-connected Rating component
  * Automatically connects shadcn-ui Rating to Formily field state
  */
-declare const Rating: react13.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
-  children?: react13.ReactNode | undefined;
-}> & react13.RefAttributes<unknown>>;
+declare const Rating: react9.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
+  children?: react9.ReactNode | undefined;
+}> & react9.RefAttributes<unknown>>;
 //#endregion
 export { Rating };

package/dist/components/Rating.d.ts

@@ -1,4 +1,4 @@
-import * as react13 from "react";
+import * as react4 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/Rating.d.ts
@@ -6,8 +6,8 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Formily-connected Rating component
  * Automatically connects shadcn-ui Rating to Formily field state
  */
-declare const Rating$1: react13.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
-  children?: react13.ReactNode | undefined;
-}> & react13.RefAttributes<unknown>>;
+declare const Rating$1: react4.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
+  children?: react4.ReactNode | undefined;
+}> & react4.RefAttributes<unknown>>;
 //#endregion
 export { Rating$1 as Rating };

package/dist/components/Row.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Row.d.ts
 interface IRowProps {
@@ -36,6 +36,6 @@ interface IRowProps {
 declare function Row({
   className,
   children
-}: IRowProps): react_jsx_runtime3.JSX.Element;
+}: IRowProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Row };

package/dist/components/Separator.d.cts

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

package/dist/components/Separator.d.ts

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

package/dist/components/Switch.d.cts

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

package/dist/components/Switch.d.ts

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

package/dist/components/TagsInputInline.d.cts

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react16 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: react19.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui1.TagsInputProps> & react19.RefAttributes<unknown>>;
+declare const TagsInputInLine: react16.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui1.TagsInputProps> & react16.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/TagsInputInline.d.ts

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

package/dist/components/Textarea.d.cts

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

package/dist/components/Textarea.d.ts

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

package/dist/components/ToggleButton.d.cts

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

package/dist/components/ToggleButton.d.ts

@@ -1,11 +1,11 @@
-import * as react26 from "react";
-import * as _pixpilot_shadcn_ui1 from "@pixpilot/shadcn-ui";
+import * as react24 from "react";
+import * as _pixpilot_shadcn_ui2 from "@pixpilot/shadcn-ui";
 
 //#region src/components/ToggleButton.d.ts
 /**
  * Formily-connected IconToggle component
  * Toggle button with customizable icons for boolean values
  */
-declare const ToggleButton$1: react26.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui1.ToggleButtonProps, "ref"> & react26.RefAttributes<HTMLButtonElement>>, "ref"> & react26.RefAttributes<unknown>>;
+declare const ToggleButton$1: react24.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.ToggleButtonProps, "ref"> & react24.RefAttributes<HTMLButtonElement>>, "ref"> & react24.RefAttributes<unknown>>;
 //#endregion
 export { ToggleButton$1 as ToggleButton };

package/dist/components/ToggleGroup.cjs

@@ -31,23 +31,53 @@ function coerceOptions(options) {
 		};
 	}).filter((v) => v !== null);
 }
-function ToggleGroupBase({ options, value, defaultValue, onValueChange, allowEmptySelection = false, variant = "outline", size, fullWidth = true, slots, 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, fullWidth = true, slots, 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]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.ToggleGroup, {
-		type: "single",
+	const sharedProps = {
 		...props,
 		className: (0, __pixpilot_shadcn_ui.cn)({ "w-full": fullWidth }, props.className),
 		ref,
+		variant: toVariant(variant),
+		size: toSize(size)
+	};
+	const itemNodes = options.map((option) => /* @__PURE__ */ (0, react.createElement)(__pixpilot_shadcn_ui.ToggleGroupItem, {
+		...slots?.item,
+		key: String(option.value),
+		value: String(option.value),
+		"aria-label": String(option.value),
+		disabled: option.disabled,
+		className: (0, __pixpilot_shadcn_ui.cn)({ "flex-1": fullWidth }, slots?.item?.className)
+	}, option.label));
+	if (type === "multiple") {
+		let valueStrings;
+		if (Array.isArray(value)) valueStrings = value.map(String);
+		else if (value !== void 0) valueStrings = [String(value)];
+		let defaultValueStrings;
+		if (Array.isArray(defaultValue)) defaultValueStrings = defaultValue.map(String);
+		else if (defaultValue !== void 0) defaultValueStrings = [String(defaultValue)];
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.ToggleGroup, {
+			type: "multiple",
+			...sharedProps,
+			value: valueStrings,
+			defaultValue: defaultValueStrings,
+			onValueChange: (nextValues) => {
+				const mapped = nextValues.map((v) => valueByString.get(v) ?? v);
+				onValueChange?.(mapped);
+			},
+			children: itemNodes
+		});
+	}
+	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, {
+		type: "single",
+		...sharedProps,
 		value: valueString,
 		defaultValue: defaultValueString,
-		variant: toVariant(variant),
-		size: toSize(size),
 		onValueChange: (nextValue) => {
 			if (nextValue === "") {
 				if (allowEmptySelection !== true) return;
@@ -56,14 +86,7 @@ function ToggleGroupBase({ options, value, defaultValue, onValueChange, allowEmp
 			}
 			onValueChange?.(valueByString.get(nextValue) ?? nextValue);
 		},
-		children: options.map((option) => /* @__PURE__ */ (0, react.createElement)(__pixpilot_shadcn_ui.ToggleGroupItem, {
-			...slots?.item,
-			key: String(option.value),
-			value: String(option.value),
-			"aria-label": String(option.value),
-			disabled: option.disabled,
-			className: (0, __pixpilot_shadcn_ui.cn)({ "flex-1": fullWidth }, slots?.item?.className)
-		}, option.label))
+		children: itemNodes
 	});
 }
 /**
@@ -105,7 +128,10 @@ const ToggleGroup = (0, __formily_react.connect)(ToggleGroupBase, (0, __formily_
 		field,
 		options: props.options
 	}));
-	const value = isToggleGroupValue(fieldValue) ? fieldValue : void 0;
+	const isMultiple = toggleGroupProps.type === "multiple";
+	let value;
+	if (isMultiple) value = Array.isArray(fieldValue) ? fieldValue.filter(isToggleGroupValue) : [];
+	else if (isToggleGroupValue(fieldValue)) value = fieldValue;
 	return {
 		...toggleGroupProps,
 		options: resolvedOptions,

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 | 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 | ToggleGroupValue[]) => void;
   allowEmptySelection?: boolean;
   variant?: ToggleGroupVariant;
   size?: ToggleGroupSize;

package/dist/components/ToggleGroup.js

@@ -27,23 +27,53 @@ function coerceOptions(options) {
 		};
 	}).filter((v) => v !== null);
 }
-function ToggleGroupBase({ options, value, defaultValue, onValueChange, allowEmptySelection = false, variant = "outline", size, fullWidth = true, slots, 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, fullWidth = true, slots, 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]);
-	return /* @__PURE__ */ jsx(ToggleGroup, {
-		type: "single",
+	const sharedProps = {
 		...props,
 		className: cn({ "w-full": fullWidth }, props.className),
 		ref,
+		variant: toVariant(variant),
+		size: toSize(size)
+	};
+	const itemNodes = options.map((option) => /* @__PURE__ */ createElement(ToggleGroupItem, {
+		...slots?.item,
+		key: String(option.value),
+		value: String(option.value),
+		"aria-label": String(option.value),
+		disabled: option.disabled,
+		className: cn({ "flex-1": fullWidth }, slots?.item?.className)
+	}, option.label));
+	if (type === "multiple") {
+		let valueStrings;
+		if (Array.isArray(value)) valueStrings = value.map(String);
+		else if (value !== void 0) valueStrings = [String(value)];
+		let defaultValueStrings;
+		if (Array.isArray(defaultValue)) defaultValueStrings = defaultValue.map(String);
+		else if (defaultValue !== void 0) defaultValueStrings = [String(defaultValue)];
+		return /* @__PURE__ */ jsx(ToggleGroup, {
+			type: "multiple",
+			...sharedProps,
+			value: valueStrings,
+			defaultValue: defaultValueStrings,
+			onValueChange: (nextValues) => {
+				const mapped = nextValues.map((v) => valueByString.get(v) ?? v);
+				onValueChange?.(mapped);
+			},
+			children: itemNodes
+		});
+	}
+	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, {
+		type: "single",
+		...sharedProps,
 		value: valueString,
 		defaultValue: defaultValueString,
-		variant: toVariant(variant),
-		size: toSize(size),
 		onValueChange: (nextValue) => {
 			if (nextValue === "") {
 				if (allowEmptySelection !== true) return;
@@ -52,14 +82,7 @@ function ToggleGroupBase({ options, value, defaultValue, onValueChange, allowEmp
 			}
 			onValueChange?.(valueByString.get(nextValue) ?? nextValue);
 		},
-		children: options.map((option) => /* @__PURE__ */ createElement(ToggleGroupItem, {
-			...slots?.item,
-			key: String(option.value),
-			value: String(option.value),
-			"aria-label": String(option.value),
-			disabled: option.disabled,
-			className: cn({ "flex-1": fullWidth }, slots?.item?.className)
-		}, option.label))
+		children: itemNodes
 	});
 }
 /**
@@ -101,7 +124,10 @@ const ToggleGroup$1 = connect(ToggleGroupBase, mapProps({
 		field,
 		options: props.options
 	}));
-	const value = isToggleGroupValue(fieldValue) ? fieldValue : void 0;
+	const isMultiple = toggleGroupProps.type === "multiple";
+	let value;
+	if (isMultiple) value = Array.isArray(fieldValue) ? fieldValue.filter(isToggleGroupValue) : [];
+	else if (isToggleGroupValue(fieldValue)) value = fieldValue;
 	return {
 		...toggleGroupProps,
 		options: resolvedOptions,