@codefast/ui 0.3.15 → 0.3.16-canary.0

package/dist/components/dropdown-menu.mjs

@@ -4,36 +4,54 @@ import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 //#region src/components/dropdown-menu.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenu({ ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
 		"data-slot": "dropdown-menu",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
 		"data-slot": "dropdown-menu-trigger",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuGroup({ ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, {
 		"data-slot": "dropdown-menu-group",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuSub({ ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {
 		"data-slot": "dropdown-menu-sub",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuRadioGroup({ ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, {
 		"data-slot": "dropdown-menu-radio-group",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuSubTrigger({ children, className, inset, ...props }) {
 	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
 		className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "data-inset:pl-8", "data-open:bg-accent data-open:text-accent-foreground", className),
@@ -43,6 +61,9 @@ function DropdownMenuSubTrigger({ children, className, inset, ...props }) {
 		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("size-4", "ml-auto") })]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuSubContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
 		"data-slot": "dropdown-menu-portal",
@@ -53,6 +74,9 @@ function DropdownMenuSubContent({ className, ...props }) {
 		})
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
 		"data-slot": "dropdown-menu-portal",
@@ -64,6 +88,9 @@ function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
 		})
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuItem({ className, inset, variant, ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
 		className: cn("group/dropdown-menu-item relative flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "data-inset:pl-8", "data-[variant=destructive]:text-destructive", "data-[variant=destructive]:focus:bg-destructive/10", "dark:data-[variant=destructive]:focus:bg-destructive/20", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", className),
@@ -73,6 +100,9 @@ function DropdownMenuItem({ className, inset, variant, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuCheckboxItem({ checked, children, className, ...props }) {
 	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
 		checked,
@@ -85,6 +115,9 @@ function DropdownMenuCheckboxItem({ checked, children, className, ...props }) {
 		}), children]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuRadioItem({ children, className, ...props }) {
 	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
 		className: cn("group/dropdown-menu-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
@@ -96,6 +129,9 @@ function DropdownMenuRadioItem({ children, className, ...props }) {
 		}), children]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuLabel({ className, inset, ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
 		className: cn("flex items-center gap-x-2", "px-2 py-1.5", "text-sm font-semibold", "data-inset:pl-8", className),
@@ -104,6 +140,9 @@ function DropdownMenuLabel({ className, inset, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
 		className: cn("mx-2 my-1 h-px", "bg-border", className),
@@ -111,6 +150,9 @@ function DropdownMenuSeparator({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuShortcut({ className, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		className: cn("ml-auto", "text-xs tracking-widest text-muted-foreground", "group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80", className),
@@ -118,6 +160,9 @@ function DropdownMenuShortcut({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function DropdownMenuArrow({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Arrow, {
 		className: cn("fill-popover", className),

package/dist/components/empty.d.mts

@@ -3,39 +3,78 @@ import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/empty.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const emptyMediaVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
   variant: {
     default: string;
     icon: string[];
   };
 }, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
 type EmptyProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Empty({
   className,
   ...props
 }: EmptyProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type EmptyHeaderProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function EmptyHeader({
   className,
   ...props
 }: EmptyHeaderProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type EmptyMediaProps = ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function EmptyMedia({
   className,
   variant,
   ...props
 }: EmptyMediaProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type EmptyTitleProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function EmptyTitle({
   className,
   ...props
 }: EmptyTitleProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type EmptyDescriptionProps = ComponentProps<"p">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function EmptyDescription({
   className,
   ...props
 }: EmptyDescriptionProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type EmptyContentProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function EmptyContent({
   className,
   ...props

package/dist/components/empty.mjs

@@ -1,6 +1,9 @@
 import { cn, tv } from "../lib/utils.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/empty.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 const emptyMediaVariants = tv({
 	base: ["mb-2 flex shrink-0 items-center justify-center", "[&_svg]:pointer-events-none [&_svg]:shrink-0"],
 	defaultVariants: { variant: "default" },
@@ -14,6 +17,9 @@ const emptyMediaVariants = tv({
 		]
 	} }
 });
+/**
+* @since 0.3.16-canary.0
+*/
 function Empty({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 p-6", "rounded-xl border-dashed", "text-center text-balance", "md:p-12", className),
@@ -21,6 +27,9 @@ function Empty({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function EmptyHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex max-w-sm flex-col items-center gap-2", "text-center", className),
@@ -28,6 +37,9 @@ function EmptyHeader({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function EmptyMedia({ className, variant = "default", ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: emptyMediaVariants({
@@ -39,6 +51,9 @@ function EmptyMedia({ className, variant = "default", ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function EmptyTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("text-lg font-medium tracking-tight", className),
@@ -46,6 +61,9 @@ function EmptyTitle({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function EmptyDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
 		className: cn("text-sm/relaxed text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4", "[&>a:hover]:text-primary", className),
@@ -53,6 +71,9 @@ function EmptyDescription({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function EmptyContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4", "text-sm text-balance", className),

package/dist/components/field.d.mts

@@ -4,6 +4,9 @@ import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/field.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const fieldVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
   orientation: {
     horizontal: string[];
@@ -11,53 +14,107 @@ declare const fieldVariants: _$_codefast_tailwind_variants0.VariantFunctionType<
     vertical: string[];
   };
 }, Record<string, never>>;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FieldSetProps = ComponentProps<"fieldset">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FieldSet({
   className,
   ...props
 }: FieldSetProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FieldLegendProps = ComponentProps<"legend"> & {
   variant?: "label" | "legend";
 };
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FieldLegend({
   className,
   variant,
   ...props
 }: FieldLegendProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FieldGroupProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FieldGroup({
   className,
   ...props
 }: FieldGroupProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FieldProps = ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Field({
   className,
   orientation,
   ...props
 }: FieldProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FieldContentProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FieldContent({
   className,
   ...props
 }: FieldContentProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FieldLabelProps = ComponentProps<typeof Label>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FieldLabel({
   className,
   ...props
 }: FieldLabelProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FieldTitleProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FieldTitle({
   className,
   ...props
 }: FieldTitleProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FieldDescriptionProps = ComponentProps<"p">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FieldDescription({
   className,
   ...props
 }: FieldDescriptionProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FieldSeparatorProps = ComponentProps<"div"> & {
   children?: ComponentProps<"span">["children"];
 };
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FieldSeparator({
   children,
   className,
@@ -66,9 +123,15 @@ declare function FieldSeparator({
 interface FieldErrorMessage {
   message?: string;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 interface FieldErrorProps extends ComponentProps<"div"> {
   errors?: (FieldErrorMessage | undefined)[];
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FieldError({
   children,
   className,

package/dist/components/field.mjs

@@ -5,6 +5,9 @@ import { Label } from "./label.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 //#region src/components/field.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 const fieldVariants = tv({
 	base: ["group/field flex w-full gap-3", "data-[invalid=true]:text-destructive"],
 	defaultVariants: { orientation: "vertical" },
@@ -32,6 +35,9 @@ const fieldVariants = tv({
 		]
 	} }
 });
+/**
+* @since 0.3.16-canary.0
+*/
 function FieldSet({ className, ...props }) {
 	return /* @__PURE__ */ jsx("fieldset", {
 		className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3", "has-[>[data-slot=radio-group]]:gap-3", className),
@@ -39,6 +45,9 @@ function FieldSet({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FieldLegend({ className, variant = "legend", ...props }) {
 	return /* @__PURE__ */ jsx("legend", {
 		className: cn("mb-3", "text-base font-medium", "data-[variant=label]:text-sm", className),
@@ -47,6 +56,9 @@ function FieldLegend({ className, variant = "legend", ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FieldGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("group/field-group @container/field-group flex w-full flex-col gap-7", "data-[slot=checkbox-group]:gap-3", "[&>[data-slot=field-group]]:gap-4", className),
@@ -54,6 +66,9 @@ function FieldGroup({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function Field({ className, orientation = "vertical", ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: fieldVariants({
@@ -66,6 +81,9 @@ function Field({ className, orientation = "vertical", ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FieldContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("group/field-content flex flex-1 flex-col gap-1.5", "leading-snug", className),
@@ -73,6 +91,9 @@ function FieldContent({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FieldLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Label, {
 		className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug", "group-data-disabled/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border", "has-data-checked:border-primary has-data-checked:bg-primary/5", "dark:has-data-checked:bg-primary/10", "[&>*]:data-[slot=field]:p-4", className),
@@ -80,6 +101,9 @@ function FieldLabel({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FieldTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", "group-data-disabled/field:opacity-50", className),
@@ -87,6 +111,9 @@ function FieldTitle({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FieldDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
 		className: cn("text-sm leading-normal font-normal text-muted-foreground", "group-has-data-[orientation=horizontal]/field:text-balance", "last:mt-0", "nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4", "[&>a:hover]:text-primary", "[[data-variant=legend]+&]:-mt-1.5", className),
@@ -94,6 +121,9 @@ function FieldDescription({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FieldSeparator({ children, className, ...props }) {
 	const hasContent = Boolean(children);
 	return /* @__PURE__ */ jsxs("div", {
@@ -108,6 +138,9 @@ function FieldSeparator({ children, className, ...props }) {
 		}) : null]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FieldError({ children, className, errors, ...props }) {
 	const fallbackContent = useMemo(() => {
 		if (!errors?.length) return null;

package/dist/components/form.d.mts

@@ -7,37 +7,79 @@ import * as _$react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues, FormProvider } from "react-hook-form";
 
 //#region src/components/form.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormProps = ComponentProps<typeof FormProvider>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: _$react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 type ScopedProps<P> = P & {
   __scopeFormField?: Scope;
 };
 declare const createFormFieldScope: _$_radix_ui_react_context0.CreateScope;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(formFieldProps: ScopedProps<FormFieldProps<TFieldValues, TName>>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormItemProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormItem({
   __scopeFormField,
   className,
   ...props
 }: ScopedProps<FormItemProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormLabelProps = ComponentProps<typeof LabelPrimitive.Root>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormLabel({
   __scopeFormField,
   ...props
 }: ScopedProps<FormLabelProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormControlProps = ComponentProps<typeof Slot>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormControl({
   __scopeFormField,
   ...props
 }: ScopedProps<FormControlProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormDescriptionProps = ComponentProps<"p">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormDescription({
   __scopeFormField,
   className,
   ...props
 }: ScopedProps<FormDescriptionProps>): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type FormMessageProps = ComponentProps<"p">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function FormMessage({
   __scopeFormField,
   children,

package/dist/components/form.mjs

@@ -7,6 +7,9 @@ import { useId } from "react";
 import { createContextScope } from "@radix-ui/react-context";
 import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
 //#region src/components/form.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 const Form = FormProvider;
 const FORM_FIELD_NAME = "FormField";
 const [createFormFieldContext, createFormFieldScope] = createContextScope(FORM_FIELD_NAME);
@@ -25,6 +28,9 @@ function useFormItem(consumerName, scope) {
 		...fieldState
 	};
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FormField(formFieldProps) {
 	const { __scopeFormField, ...props } = formFieldProps;
 	return /* @__PURE__ */ jsx(FormFieldContextProvider, {
@@ -34,6 +40,9 @@ function FormField(formFieldProps) {
 	});
 }
 const [FormItemContextProvider, useFormItemContext] = createFormFieldContext("FormItem");
+/**
+* @since 0.3.16-canary.0
+*/
 function FormItem({ __scopeFormField, className, ...props }) {
 	return /* @__PURE__ */ jsx(FormItemContextProvider, {
 		id: useId(),
@@ -46,6 +55,9 @@ function FormItem({ __scopeFormField, className, ...props }) {
 	});
 }
 const FORM_LABEL_NAME = "FormLabel";
+/**
+* @since 0.3.16-canary.0
+*/
 function FormLabel({ __scopeFormField, ...props }) {
 	const { error, formItemId } = useFormItem(FORM_LABEL_NAME, __scopeFormField);
 	return /* @__PURE__ */ jsx(Label, {
@@ -56,6 +68,9 @@ function FormLabel({ __scopeFormField, ...props }) {
 	});
 }
 const FORM_CONTROL_NAME = "FormControl";
+/**
+* @since 0.3.16-canary.0
+*/
 function FormControl({ __scopeFormField, ...props }) {
 	const { error, formDescriptionId, formItemId, formMessageId } = useFormItem(FORM_CONTROL_NAME, __scopeFormField);
 	return /* @__PURE__ */ jsx(Slot, {
@@ -66,6 +81,9 @@ function FormControl({ __scopeFormField, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function FormDescription({ __scopeFormField, className, ...props }) {
 	const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
 	return /* @__PURE__ */ jsx("p", {
@@ -76,6 +94,9 @@ function FormDescription({ __scopeFormField, className, ...props }) {
 	});
 }
 const FORM_MESSAGE_NAME = "FormMessage";
+/**
+* @since 0.3.16-canary.0
+*/
 function FormMessage({ __scopeFormField, children, className, ...props }) {
 	const { error, formMessageId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);
 	const body = error?.message ?? children;