@pixpilot/formily-shadcn 1.1.0 → 1.3.0

package/dist/components/Checkbox.d.cts

@@ -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_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime0.JSX.Element;
+}: IColumnProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Column };

package/dist/components/DatePicker.d.cts

@@ -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: react2.ForwardRefExoticComponent<Partial<{
+declare const DatePicker: react0.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
-} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react2.RefAttributes<unknown>>;
+} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react0.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker };

package/dist/components/Form.d.ts

@@ -1,7 +1,7 @@
 import { FormContextStates } from "./context/form-context.js";
 import "./context/index.js";
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { Form } from "@formily/core";
 
 //#region src/components/Form.d.ts
@@ -25,6 +25,6 @@ declare function Form$1({
   onAutoSubmit,
   layout,
   settings
-}: IFormProps): react_jsx_runtime0.JSX.Element;
+}: IFormProps): react_jsx_runtime1.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_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime1.JSX.Element;
+}: IFormGridProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FormGrid };

package/dist/components/FormGrid.d.ts

@@ -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/FormGrid.d.ts
 interface IFormGridProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -7,6 +7,6 @@ declare function FormGrid({
   className,
   children,
   ...rest
-}: IFormGridProps): react_jsx_runtime1.JSX.Element;
+}: IFormGridProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FormGrid };

package/dist/components/IconPicker.d.cts

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

package/dist/components/IconPicker.d.ts

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

package/dist/components/IconToggle.d.cts

@@ -1,4 +1,4 @@
-import * as react4 from "react";
+import * as react6 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: react4.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react4.RefAttributes<HTMLButtonElement>>, "ref"> & react4.RefAttributes<unknown>>;
+declare const IconToggle: react6.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react6.RefAttributes<HTMLButtonElement>>, "ref"> & react6.RefAttributes<unknown>>;
 //#endregion
 export { IconToggle };

package/dist/components/IconToggle.d.ts

@@ -1,4 +1,4 @@
-import * as react6 from "react";
+import * as react10 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$1: react6.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react6.RefAttributes<HTMLButtonElement>>, "ref"> & react6.RefAttributes<unknown>>;
+declare const IconToggle$1: react10.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react10.RefAttributes<HTMLButtonElement>>, "ref"> & react10.RefAttributes<unknown>>;
 //#endregion
 export { IconToggle$1 as IconToggle };

package/dist/components/Input.d.cts

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

package/dist/components/Input.d.ts

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

package/dist/components/Switch.d.cts

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react21 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: react21.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react21.RefAttributes<HTMLButtonElement>>, "ref"> & react21.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/TagsInputInline.d.cts

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

package/dist/components/TagsInputInline.d.ts

@@ -1,5 +1,5 @@
-import * as react22 from "react";
-import * as _pixpilot_shadcn_ui1 from "@pixpilot/shadcn-ui";
+import * as react29 from "react";
+import * as _pixpilot_shadcn_ui2 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: react29.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui2.TagsInputProps> & react29.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/Textarea.d.cts

@@ -1,9 +1,9 @@
-import * as react22 from "react";
+import * as react27 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: react27.ForwardRefExoticComponent<Omit<Partial<react27.ClassAttributes<HTMLTextAreaElement> & react27.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react27.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

package/dist/components/Textarea.d.ts

@@ -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/ToggleButton.d.cts

@@ -1,4 +1,4 @@
-import * as react28 from "react";
+import * as react24 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: react28.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.ToggleButtonProps, "ref"> & react28.RefAttributes<HTMLButtonElement>>, "ref"> & react28.RefAttributes<unknown>>;
+declare const ToggleButton: react24.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.ToggleButtonProps, "ref"> & react24.RefAttributes<HTMLButtonElement>>, "ref"> & react24.RefAttributes<unknown>>;
 //#endregion
 export { ToggleButton };

package/dist/components/ToggleButton.d.ts

@@ -1,11 +1,11 @@
-import * as react28 from "react";
-import * as _pixpilot_shadcn_ui2 from "@pixpilot/shadcn-ui";
+import * as react26 from "react";
+import * as _pixpilot_shadcn_ui1 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: react28.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.ToggleButtonProps, "ref"> & react28.RefAttributes<HTMLButtonElement>>, "ref"> & react28.RefAttributes<unknown>>;
+declare const ToggleButton$1: react26.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui1.ToggleButtonProps, "ref"> & react26.RefAttributes<HTMLButtonElement>>, "ref"> & react26.RefAttributes<unknown>>;
 //#endregion
 export { ToggleButton$1 as ToggleButton };

package/dist/components/ToggleGroup.cjs

@@ -31,41 +31,19 @@ function coerceOptions(options) {
 		};
 	}).filter((v) => v !== null);
 }
-function ToggleGroupBase({ type = "single", options, value, defaultValue, onValueChange, allowEmptySelection = false, variant = "outline", size, buttonClassName, ref,...props }) {
+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);
 	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, {
+		type: "single",
 		...props,
+		className: (0, __pixpilot_shadcn_ui.cn)({ "w-full": fullWidth }, props.className),
 		ref,
-		type: "single",
 		value: valueString,
 		defaultValue: defaultValueString,
 		variant: toVariant(variant),
@@ -78,7 +56,14 @@ function ToggleGroupBase({ type = "single", options, value, defaultValue, onValu
 			}
 			onValueChange?.(valueByString.get(nextValue) ?? nextValue);
 		},
-		children: items
+		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))
 	});
 }
 /**
@@ -116,22 +101,10 @@ 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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import { ToggleGroupProps } from "@pixpilot/shadcn-ui";
+import { ToggleGroupItemProps, ToggleGroupProps } from "@pixpilot/shadcn-ui";
 import "react/jsx-runtime";
 
 //#region src/components/ToggleGroup.d.ts
@@ -12,16 +12,18 @@ interface ToggleGroupOption {
   disabled?: boolean;
 }
 interface ToggleGroupBaseProps extends Omit<ToggleGroupProps, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'children' | 'variant' | 'size'> {
-  type?: 'single' | 'multiple';
   options: readonly ToggleGroupOption[];
-  value?: ToggleGroupValue | ToggleGroupValue[];
-  defaultValue?: ToggleGroupValue | ToggleGroupValue[];
-  onValueChange?: ((value: ToggleGroupValue | undefined) => void) | ((value: ToggleGroupValue[]) => void);
+  value?: ToggleGroupValue;
+  defaultValue?: ToggleGroupValue;
+  onValueChange?: (value: ToggleGroupValue | undefined) => void;
   allowEmptySelection?: boolean;
   variant?: ToggleGroupVariant;
   size?: ToggleGroupSize;
-  buttonClassName?: string;
+  slots: {
+    item?: ToggleGroupItemProps;
+  };
   ref?: React$1.Ref<HTMLDivElement>;
+  fullWidth?: boolean;
 }
 /**
  * ToggleGroup component for single selection from a set of options.

package/dist/components/ToggleGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import { ToggleGroupProps } from "@pixpilot/shadcn-ui";
+import { ToggleGroupItemProps, ToggleGroupProps } from "@pixpilot/shadcn-ui";
 import "react/jsx-runtime";
 
 //#region src/components/ToggleGroup.d.ts
@@ -12,16 +12,18 @@ interface ToggleGroupOption {
   disabled?: boolean;
 }
 interface ToggleGroupBaseProps extends Omit<ToggleGroupProps, 'type' | 'value' | 'defaultValue' | 'onValueChange' | 'children' | 'variant' | 'size'> {
-  type?: 'single' | 'multiple';
   options: readonly ToggleGroupOption[];
-  value?: ToggleGroupValue | ToggleGroupValue[];
-  defaultValue?: ToggleGroupValue | ToggleGroupValue[];
-  onValueChange?: ((value: ToggleGroupValue | undefined) => void) | ((value: ToggleGroupValue[]) => void);
+  value?: ToggleGroupValue;
+  defaultValue?: ToggleGroupValue;
+  onValueChange?: (value: ToggleGroupValue | undefined) => void;
   allowEmptySelection?: boolean;
   variant?: ToggleGroupVariant;
   size?: ToggleGroupSize;
-  buttonClassName?: string;
+  slots: {
+    item?: ToggleGroupItemProps;
+  };
   ref?: React$1.Ref<HTMLDivElement>;
+  fullWidth?: boolean;
 }
 /**
  * ToggleGroup component for single selection from a set of options.

package/dist/components/ToggleGroup.js

@@ -1,7 +1,8 @@
 import { resolveFieldOptions } from "../utils/resolve-field-options.js";
 import { connect, mapProps } from "@formily/react";
 import * as React$1 from "react";
-import { ToggleGroup, ToggleGroupItem } from "@pixpilot/shadcn-ui";
+import { createElement } from "react";
+import { ToggleGroup, ToggleGroupItem, cn } from "@pixpilot/shadcn-ui";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ToggleGroup.tsx
@@ -26,41 +27,19 @@ function coerceOptions(options) {
 		};
 	}).filter((v) => v !== null);
 }
-function ToggleGroupBase({ type = "single", options, value, defaultValue, onValueChange, allowEmptySelection = false, variant = "outline", size, buttonClassName, ref,...props }) {
+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);
 	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, {
+		type: "single",
 		...props,
+		className: cn({ "w-full": fullWidth }, props.className),
 		ref,
-		type: "single",
 		value: valueString,
 		defaultValue: defaultValueString,
 		variant: toVariant(variant),
@@ -73,7 +52,14 @@ function ToggleGroupBase({ type = "single", options, value, defaultValue, onValu
 			}
 			onValueChange?.(valueByString.get(nextValue) ?? nextValue);
 		},
-		children: items
+		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))
 	});
 }
 /**
@@ -111,22 +97,10 @@ 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.cts

@@ -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: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui3.FileUploadInlineBaseProps & _pixpilot_shadcn_ui3.FileUploadRootPropsBaseProps & {
+declare const FileUpload: 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 };

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

@@ -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: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui13.FileUploadInlineBaseProps & _pixpilot_shadcn_ui13.FileUploadRootPropsBaseProps & {
+declare const FileUploadInline: 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 };