@pixpilot/formily-shadcn 1.11.21 → 1.11.23

package/dist/components/DatePicker.d.cts

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

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_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/Form.d.ts
 interface IFormProps extends FormContextStates {
@@ -27,6 +27,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/IconPicker.d.cts

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

package/dist/components/IconToggle.d.cts

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

package/dist/components/Input.d.cts

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

package/dist/components/Rating.d.cts

@@ -1,4 +1,4 @@
-import * as react13 from "react";
+import * as react16 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: react16.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
+  children?: react16.ReactNode | undefined;
+}> & react16.RefAttributes<unknown>>;
 //#endregion
 export { Rating };

package/dist/components/Separator.d.cts

@@ -1,4 +1,4 @@
-import * as react16 from "react";
+import * as react28 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: react28.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react28.RefAttributes<HTMLDivElement>>, "ref"> & react28.RefAttributes<unknown>>;
 //#endregion
 export { Separator };

package/dist/components/Switch.d.cts

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

package/dist/components/TagsInputInline.d.cts

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

package/dist/components/Textarea.d.cts

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

package/dist/components/ToggleButton.d.cts

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

package/dist/components/form-item/BaseFormItem.cjs

@@ -8,6 +8,8 @@ let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
+__pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
@@ -34,14 +36,14 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 	const effectiveLabelPlacement = fieldLabelPlacement ?? propLabelPlacement ?? contextLabelPlacement ?? "top";
 	const resolvedDescriptionPlacement = fieldComponentProps?.descriptionPlacement ?? fieldDecoratorProps?.descriptionPlacement ?? descriptionPlacement ?? contextDescriptionPlacement ?? resolveLegacyDescriptionPlacement(effectiveLabelPlacement);
 	const id = field?.componentProps?.id ?? `form-${field?.address?.toString()?.replace(/\./gu, "-")}`;
-	const descriptionId = react.default.useId();
-	const feedbackId = react.default.useId();
+	const descriptionId = (0, __pixpilot_shadcn_ui.getId)(id, "description");
+	const feedbackId = (0, __pixpilot_shadcn_ui.getId)(id, "feedback");
 	const descriptionRenderedInline = description != null && resolvedDescriptionPlacement !== "popover";
 	const spacingConfig = require_spacing_config.getSpacingConfig(resolvedDescriptionPlacement, descriptionRenderedInline);
 	const ariaDescribedBy = [descriptionRenderedInline ? descriptionId : void 0, feedbackText != null ? feedbackId : void 0].filter(Boolean).join(" ");
 	const labelElement = effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormItemLabel.FormItemLabel, {
 		"data-slot": "form-item-label",
-		id,
+		id: (0, __pixpilot_shadcn_ui.getId)(id, "label"),
 		label: effectiveLabel,
 		asterisk,
 		error: feedbackStatus === "error",

package/dist/components/form-item/BaseFormItem.js

@@ -5,8 +5,9 @@ import { FormItemLabel } from "./FormItemLabel.js";
 import { getSpacingConfig } from "./spacing-config.js";
 import { useField } from "@formily/react";
 import React from "react";
+import { getId } from "@pixpilot/shadcn-ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@pixpilot/shadcn";
+import { cn as cn$1 } from "@pixpilot/shadcn";
 
 //#region src/components/form-item/BaseFormItem.tsx
 function resolveLegacyDescriptionPlacement(labelPlacement) {
@@ -29,14 +30,14 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 	const effectiveLabelPlacement = fieldLabelPlacement ?? propLabelPlacement ?? contextLabelPlacement ?? "top";
 	const resolvedDescriptionPlacement = fieldComponentProps?.descriptionPlacement ?? fieldDecoratorProps?.descriptionPlacement ?? descriptionPlacement ?? contextDescriptionPlacement ?? resolveLegacyDescriptionPlacement(effectiveLabelPlacement);
 	const id = field?.componentProps?.id ?? `form-${field?.address?.toString()?.replace(/\./gu, "-")}`;
-	const descriptionId = React.useId();
-	const feedbackId = React.useId();
+	const descriptionId = getId(id, "description");
+	const feedbackId = getId(id, "feedback");
 	const descriptionRenderedInline = description != null && resolvedDescriptionPlacement !== "popover";
 	const spacingConfig = getSpacingConfig(resolvedDescriptionPlacement, descriptionRenderedInline);
 	const ariaDescribedBy = [descriptionRenderedInline ? descriptionId : void 0, feedbackText != null ? feedbackId : void 0].filter(Boolean).join(" ");
 	const labelElement = effectiveLabel != null && /* @__PURE__ */ jsx(FormItemLabel, {
 		"data-slot": "form-item-label",
-		id,
+		id: getId(id, "label"),
 		label: effectiveLabel,
 		asterisk,
 		error: feedbackStatus === "error",
@@ -45,7 +46,7 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 			...fieldLabelProps,
 			...itemComponentsProps.label,
 			...slots?.label,
-			className: cn(effectiveLabelPlacement === "top" ? spacingConfig.label : "mb-0", fieldLabelProps?.className, itemComponentsProps.label?.className, slots?.label?.className)
+			className: cn$1(effectiveLabelPlacement === "top" ? spacingConfig.label : "mb-0", fieldLabelProps?.className, itemComponentsProps.label?.className, slots?.label?.className)
 		},
 		description,
 		descriptionInPopover: resolvedDescriptionPlacement === "popover" && description != null
@@ -54,7 +55,7 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 		"data-slot": "form-item-input",
 		...itemComponentsProps.inputWrapper,
 		...slots?.inputWrapper,
-		className: cn("relative", itemComponentsProps.inputWrapper?.className, slots?.inputWrapper?.className),
+		className: cn$1("relative", itemComponentsProps.inputWrapper?.className, slots?.inputWrapper?.className),
 		children: React.isValidElement(children) ? React.cloneElement(children, {
 			id,
 			"aria-describedby": ariaDescribedBy || void 0,
@@ -66,7 +67,7 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 		...itemComponentsProps.description,
 		...slots?.description,
 		id: descriptionId,
-		className: cn("text-muted-foreground text-[0.8rem]", spacingConfig.description, itemComponentsProps.description?.className, slots?.description?.className),
+		className: cn$1("text-muted-foreground text-[0.8rem]", spacingConfig.description, itemComponentsProps.description?.className, slots?.description?.className),
 		children: description
 	}) : null;
 	const contentElement = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -74,7 +75,7 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 		resolvedDescriptionPlacement === "top" && descriptionElement,
 		(effectiveLabelPlacement === "start" || effectiveLabelPlacement === "end") && /* @__PURE__ */ jsxs("div", {
 			"data-slot": "form-item-content",
-			className: cn("flex items-center gap-2", effectiveLabelPlacement === "start" && "flex-row"),
+			className: cn$1("flex items-center gap-2", effectiveLabelPlacement === "start" && "flex-row"),
 			children: [
 				effectiveLabelPlacement === "start" && labelElement,
 				inputElement,
@@ -89,13 +90,13 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 		...itemComponentsProps.container,
 		...slots?.container,
 		...props,
-		className: cn("flex flex-col ", className, itemComponentsProps.container?.className, slots?.container?.className),
+		className: cn$1("flex flex-col ", className, itemComponentsProps.container?.className, slots?.container?.className),
 		children: [contentElement, Boolean(feedbackText) && /* @__PURE__ */ jsx("p", {
 			"data-slot": "form-item-feedback",
 			...itemComponentsProps.error,
 			...slots?.error,
 			id: feedbackId,
-			className: cn("text-[0.8rem]", spacingConfig.feedback, feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600", itemComponentsProps.error?.className, slots?.error?.className),
+			className: cn$1("text-[0.8rem]", spacingConfig.feedback, feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600", itemComponentsProps.error?.className, slots?.error?.className),
 			children: typeof feedbackText === "string" ? feedbackText.split("\n").map((line, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [line, index < feedbackText.split("\n").length - 1 && /* @__PURE__ */ jsx("br", {})] }, index)) : feedbackText
 		})]
 	});

package/dist/components/number/NumberInput.d.cts

@@ -1,15 +1,15 @@
-import * as react31 from "react";
+import * as react33 from "react";
 
 //#region src/components/number/NumberInput.d.ts
 /**
  * Formily-connected Number Input component
  */
-declare const NumberInput: react31.ForwardRefExoticComponent<Omit<Partial<react31.ClassAttributes<HTMLInputElement> & react31.InputHTMLAttributes<HTMLInputElement> & {
+declare const NumberInput: react33.ForwardRefExoticComponent<Omit<Partial<react33.ClassAttributes<HTMLInputElement> & react33.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react31.RefAttributes<unknown>>;
+}>, "ref"> & react33.RefAttributes<unknown>>;
 //#endregion
 export { NumberInput };