@psnext/design-system 2.5.0 → 2.6.0

package/dist/index3.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime212 from "react/jsx-runtime";
+import * as react_jsx_runtime248 from "react/jsx-runtime";
 import { AlertDialog } from "radix-ui";
 import * as React from "react";
 
@@ -6,17 +6,17 @@ import * as React from "react";
 /** A modal confirmation dialog that interrupts the user and expects a deliberate response. */
 declare function AlertDialog$1({
   ...props
-}: React.ComponentProps<typeof AlertDialog.Root>): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Root>): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog.Trigger>): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Trigger>): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog.Portal>): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Portal>): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog.Overlay>): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Overlay>): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogContent({
   className,
   size,
@@ -24,27 +24,27 @@ declare function AlertDialogContent({
 }: React.ComponentProps<typeof AlertDialog.Content> & {
   /** Layout preset: `default` is compact + centered, `large` is wide + left-aligned. */
   size?: "default" | "large";
-}): react_jsx_runtime212.JSX.Element;
+}): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog.Title>): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Title>): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog.Description>): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Description>): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogMedia({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogAction({
   className,
   variant,
@@ -52,11 +52,11 @@ declare function AlertDialogAction({
 }: React.ComponentProps<typeof AlertDialog.Action> & {
   /** Button style for the confirming action; use `destructive` for irreversible actions. */
   variant?: "default" | "destructive";
-}): react_jsx_runtime212.JSX.Element;
+}): react_jsx_runtime248.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog.Cancel>): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Cancel>): react_jsx_runtime248.JSX.Element;
 //#endregion
 export { AlertDialogDescription as a, AlertDialogMedia as c, AlertDialogTitle as d, AlertDialogTrigger as f, AlertDialogContent as i, AlertDialogOverlay as l, AlertDialogAction as n, AlertDialogFooter as o, AlertDialogCancel as r, AlertDialogHeader as s, AlertDialog$1 as t, AlertDialogPortal as u };
 //# sourceMappingURL=index3.d.cts.map

package/dist/index3.d.ts

@@ -1,22 +1,22 @@
 import * as React from "react";
-import * as react_jsx_runtime210 from "react/jsx-runtime";
+import * as react_jsx_runtime131 from "react/jsx-runtime";
 import { AlertDialog } from "radix-ui";
 
 //#region src/primitives/AlertDialog/AlertDialog.d.ts
 /** A modal confirmation dialog that interrupts the user and expects a deliberate response. */
 declare function AlertDialog$1({
   ...props
-}: React.ComponentProps<typeof AlertDialog.Root>): react_jsx_runtime210.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Root>): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog.Trigger>): react_jsx_runtime210.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Trigger>): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog.Portal>): react_jsx_runtime210.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Portal>): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog.Overlay>): react_jsx_runtime210.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Overlay>): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogContent({
   className,
   size,
@@ -24,27 +24,27 @@ declare function AlertDialogContent({
 }: React.ComponentProps<typeof AlertDialog.Content> & {
   /** Layout preset: `default` is compact + centered, `large` is wide + left-aligned. */
   size?: "default" | "large";
-}): react_jsx_runtime210.JSX.Element;
+}): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime210.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime210.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog.Title>): react_jsx_runtime210.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Title>): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog.Description>): react_jsx_runtime210.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Description>): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogMedia({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime210.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogAction({
   className,
   variant,
@@ -52,11 +52,11 @@ declare function AlertDialogAction({
 }: React.ComponentProps<typeof AlertDialog.Action> & {
   /** Button style for the confirming action; use `destructive` for irreversible actions. */
   variant?: "default" | "destructive";
-}): react_jsx_runtime210.JSX.Element;
+}): react_jsx_runtime131.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog.Cancel>): react_jsx_runtime210.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog.Cancel>): react_jsx_runtime131.JSX.Element;
 //#endregion
 export { AlertDialogDescription as a, AlertDialogMedia as c, AlertDialogTitle as d, AlertDialogTrigger as f, AlertDialogContent as i, AlertDialogOverlay as l, AlertDialogAction as n, AlertDialogFooter as o, AlertDialogCancel as r, AlertDialogHeader as s, AlertDialog$1 as t, AlertDialogPortal as u };
 //# sourceMappingURL=index3.d.ts.map

package/dist/index30.d.cts

@@ -1,37 +1,54 @@
-import * as react_jsx_runtime142 from "react/jsx-runtime";
-import * as class_variance_authority_types16 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime206 from "react/jsx-runtime";
 import * as React from "react";
 
-//#region src/primitives/Heading/Heading.d.ts
-declare const headingVariants: (props?: ({
-  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | null | undefined;
-  weight?: "normal" | "medium" | "semibold" | null | undefined;
-  align?: "left" | "right" | "center" | null | undefined;
-  gradient?: boolean | null | undefined;
-} & class_variance_authority_types16.ClassProp) | undefined) => string;
-type HeadingProps = React.ComponentProps<"h2"> & VariantProps<typeof headingVariants> & {
-  /** Semantic heading level/element. Defaults to `h2`. */
-  as?: React.ElementType;
-  /** Visual step on the Figma heading scale (1 largest → 7 smallest); also sets the per-step default weight. */
-  size?: VariantProps<typeof headingVariants>["size"];
-  /** Override the per-step default weight. */
-  weight?: VariantProps<typeof headingVariants>["weight"];
-  /** Text alignment. */
-  align?: VariantProps<typeof headingVariants>["align"];
-  /** When true, fills the text with the brand gradient instead of the foreground colour. */
-  gradient?: VariantProps<typeof headingVariants>["gradient"];
+//#region src/primitives/FileUpload/FileUpload.d.ts
+type FileUploadStatus = "idle" | "uploading" | "success" | "error";
+type FileUploadItem = {
+  id: string;
+  file: File;
+  status: FileUploadStatus;
+  progress: number;
+  error?: string;
 };
-/** Display/section title using the design-system heading scale; `size` sets the visual step, `as` the semantic element. */
-declare function Heading({
-  as,
+type FileUploadHandler = (params: {
+  file: File;
+  signal: AbortSignal;
+  reportProgress: (value: number) => void;
+}) => Promise<void>;
+type FileUploadProps = Omit<React.ComponentProps<"div">, "onChange"> & {
+  /** Disable click, drag/drop, and file selection. */
+  disabled?: boolean;
+  /** Allow selecting or dropping multiple files in one interaction. */
+  multiple?: boolean;
+  /** Native file accept filter (e.g. `image/*,.pdf`). */
+  accept?: string;
+  /** Maximum number of files held by the component at once. */
+  maxFiles?: number;
+  /** Maximum file size in bytes; oversized files are rejected with an error message. */
+  maxFileSize?: number;
+  /** Optional custom validator. Return a message to reject the file, or `null` to accept it. */
+  validateFile?: (file: File) => string | null;
+  /** Called for each accepted file; receives a progress reporter and abort signal. */
+  onUpload?: FileUploadHandler;
+  /** Called whenever file entries change (added, progress updates, completed, removed). */
+  onItemsChange?: (items: FileUploadItem[]) => void;
+  /** Accessible label for the drag-and-drop region. */
+  dropzoneAriaLabel?: string;
+};
+/** File upload primitive with click-to-browse and drag-and-drop interactions, validation, and per-file upload states. */
+declare function FileUpload({
   className,
-  size,
-  weight,
-  align,
-  gradient,
+  multiple,
+  accept,
+  maxFiles,
+  maxFileSize,
+  validateFile,
+  onUpload,
+  onItemsChange,
+  dropzoneAriaLabel,
+  disabled,
   ...props
-}: HeadingProps): react_jsx_runtime142.JSX.Element;
+}: FileUploadProps): react_jsx_runtime206.JSX.Element;
 //#endregion
-export { HeadingProps as n, headingVariants as r, Heading as t };
+export { FileUploadStatus as a, FileUploadProps as i, FileUploadHandler as n, FileUploadItem as r, FileUpload as t };
 //# sourceMappingURL=index30.d.cts.map

package/dist/index30.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index30.d.cts","names":[],"sources":["../src/primitives/Heading/Heading.tsx"],"mappings":";;;;;;cAUM,uBAiCW;;;;EAjCX,QAAA,CAAA,EAAA,OA+BJ,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA,SAEe,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAZ,YAAA,GAAe,KAAA,CAAM,cAAT,CAAA,IAAA,CAAA,GACf,YADe,CAAA,OACK,eADL,CAAA,GAAA;;KACK,EAEb,KAAA,CAAM,WAFO;;MAEb,CAAA,EAEE,YAFI,CAAA,OAEgB,eAFhB,CAAA,CAAA,MAAA,CAAA;;QAEJ,CAAA,EAEE,YAFF,CAAA,OAEsB,eAFtB,CAAA,CAAA,QAAA,CAAA;;OAEE,CAAA,EAED,YAFC,CAAA,OAEmB,eAFnB,CAAA,CAAA,OAAA,CAAA;;UAED,CAAA,EAEG,YAFH,CAAA,OAEuB,eAFvB,CAAA,CAAA,UAAA,CAAA;;;AAEe,iBAIlB,OAAA,CAJkB;EAAA,EAAA;EAAA,SAAA;EAAA,IAAA;EAAA,MAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,YAJlD,CAAA,EAI8D,oBAAA,CAAA,GAAA,CAAA,OAJ9D"}
+{"version":3,"file":"index30.d.cts","names":[],"sources":["../src/primitives/FileUpload/FileUpload.tsx"],"mappings":";;;;KASK,gBAAA;KAEA,cAAA;;EAFA,IAAA,EAIG,IAJH;EAEA,MAAA,EAGK,gBAHS;EAAA,QAAA,EAAA,MAAA;OAEX,CAAA,EAAA,MAAA;;AACkB,KAKrB,iBAAA,GALqB,CAAA,MAAA,EAAA;EAKrB,IAAA,EACG,IADH;EAAiB,MAAA,EAEZ,WAFY;gBACd,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;MAGF,OAFI,CAAA,IAAA,CAAA;KAIL,eAAA,GAAkB,IAFjB,CAEsB,KAAA,CAAM,cAF5B,CAAA,KAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EAAO;EAER,QAAA,CAAA,EAAA,OAAe;EAAA;UAAQ,CAAM,EAAA,OAAA;;QAYV,CAAA,EAAA,MAAA;;UAIE,CAAA,EAAA,MAAA;EAAc;EAqF/B,WAAA,CAAA,EAAU,MAAA;EAAA;cACjB,CAAA,EAAA,CAAA,IAAA,EA1FsB,IA0FtB,EAAA,GAAA,MAAA,GAAA,IAAA;;UAEA,CAAA,EA1FW,iBA0FX;;eAEA,CAAA,EAAA,CAAA,KAAA,EA1FwB,cA0FxB,EAAA,EAAA,GAAA,IAAA;;mBAEA,CAAA,EAAA,MAAA;;;iBAPO,UAAA,CAUP;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,QAAA;EAAA,WAAA;EAAA,YAAA;EAAA,QAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAEC,eAFD,CAAA,EAEgB,oBAAA,CAAA,GAAA,CAAA,OAFhB"}

package/dist/index30.d.ts

@@ -1,37 +1,54 @@
-import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime170 from "react/jsx-runtime";
-import * as class_variance_authority_types15 from "class-variance-authority/types";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
 
-//#region src/primitives/Heading/Heading.d.ts
-declare const headingVariants: (props?: ({
-  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | null | undefined;
-  weight?: "normal" | "medium" | "semibold" | null | undefined;
-  align?: "center" | "left" | "right" | null | undefined;
-  gradient?: boolean | null | undefined;
-} & class_variance_authority_types15.ClassProp) | undefined) => string;
-type HeadingProps = React.ComponentProps<"h2"> & VariantProps<typeof headingVariants> & {
-  /** Semantic heading level/element. Defaults to `h2`. */
-  as?: React.ElementType;
-  /** Visual step on the Figma heading scale (1 largest → 7 smallest); also sets the per-step default weight. */
-  size?: VariantProps<typeof headingVariants>["size"];
-  /** Override the per-step default weight. */
-  weight?: VariantProps<typeof headingVariants>["weight"];
-  /** Text alignment. */
-  align?: VariantProps<typeof headingVariants>["align"];
-  /** When true, fills the text with the brand gradient instead of the foreground colour. */
-  gradient?: VariantProps<typeof headingVariants>["gradient"];
+//#region src/primitives/FileUpload/FileUpload.d.ts
+type FileUploadStatus = "idle" | "uploading" | "success" | "error";
+type FileUploadItem = {
+  id: string;
+  file: File;
+  status: FileUploadStatus;
+  progress: number;
+  error?: string;
 };
-/** Display/section title using the design-system heading scale; `size` sets the visual step, `as` the semantic element. */
-declare function Heading({
-  as,
+type FileUploadHandler = (params: {
+  file: File;
+  signal: AbortSignal;
+  reportProgress: (value: number) => void;
+}) => Promise<void>;
+type FileUploadProps = Omit<React.ComponentProps<"div">, "onChange"> & {
+  /** Disable click, drag/drop, and file selection. */
+  disabled?: boolean;
+  /** Allow selecting or dropping multiple files in one interaction. */
+  multiple?: boolean;
+  /** Native file accept filter (e.g. `image/*,.pdf`). */
+  accept?: string;
+  /** Maximum number of files held by the component at once. */
+  maxFiles?: number;
+  /** Maximum file size in bytes; oversized files are rejected with an error message. */
+  maxFileSize?: number;
+  /** Optional custom validator. Return a message to reject the file, or `null` to accept it. */
+  validateFile?: (file: File) => string | null;
+  /** Called for each accepted file; receives a progress reporter and abort signal. */
+  onUpload?: FileUploadHandler;
+  /** Called whenever file entries change (added, progress updates, completed, removed). */
+  onItemsChange?: (items: FileUploadItem[]) => void;
+  /** Accessible label for the drag-and-drop region. */
+  dropzoneAriaLabel?: string;
+};
+/** File upload primitive with click-to-browse and drag-and-drop interactions, validation, and per-file upload states. */
+declare function FileUpload({
   className,
-  size,
-  weight,
-  align,
-  gradient,
+  multiple,
+  accept,
+  maxFiles,
+  maxFileSize,
+  validateFile,
+  onUpload,
+  onItemsChange,
+  dropzoneAriaLabel,
+  disabled,
   ...props
-}: HeadingProps): react_jsx_runtime170.JSX.Element;
+}: FileUploadProps): react_jsx_runtime76.JSX.Element;
 //#endregion
-export { HeadingProps as n, headingVariants as r, Heading as t };
+export { FileUploadStatus as a, FileUploadProps as i, FileUploadHandler as n, FileUploadItem as r, FileUpload as t };
 //# sourceMappingURL=index30.d.ts.map

package/dist/index30.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index30.d.ts","names":[],"sources":["../src/primitives/Heading/Heading.tsx"],"mappings":";;;;;;cAUM,uBAiCW;;;;EAjCX,QAAA,CAAA,EAAA,OA+BJ,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA,SAEe,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KAAZ,YAAA,GAAe,KAAA,CAAM,cAAT,CAAA,IAAA,CAAA,GACf,YADe,CAAA,OACK,eADL,CAAA,GAAA;;KACK,EAEb,KAAA,CAAM,WAFO;;MAEb,CAAA,EAEE,YAFI,CAAA,OAEgB,eAFhB,CAAA,CAAA,MAAA,CAAA;;QAEJ,CAAA,EAEE,YAFF,CAAA,OAEsB,eAFtB,CAAA,CAAA,QAAA,CAAA;;OAEE,CAAA,EAED,YAFC,CAAA,OAEmB,eAFnB,CAAA,CAAA,OAAA,CAAA;;UAED,CAAA,EAEG,YAFH,CAAA,OAEuB,eAFvB,CAAA,CAAA,UAAA,CAAA;;;AAEe,iBAIlB,OAAA,CAJkB;EAAA,EAAA;EAAA,SAAA;EAAA,IAAA;EAAA,MAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAIkD,YAJlD,CAAA,EAI8D,oBAAA,CAAA,GAAA,CAAA,OAJ9D"}
+{"version":3,"file":"index30.d.ts","names":[],"sources":["../src/primitives/FileUpload/FileUpload.tsx"],"mappings":";;;;KASK,gBAAA;KAEA,cAAA;;EAFA,IAAA,EAIG,IAJH;EAEA,MAAA,EAGK,gBAHS;EAAA,QAAA,EAAA,MAAA;OAEX,CAAA,EAAA,MAAA;;AACkB,KAKrB,iBAAA,GALqB,CAAA,MAAA,EAAA;EAKrB,IAAA,EACG,IADH;EAAiB,MAAA,EAEZ,WAFY;gBACd,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;MAGF,OAFI,CAAA,IAAA,CAAA;KAIL,eAAA,GAAkB,IAFjB,CAEsB,KAAA,CAAM,cAF5B,CAAA,KAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EAAO;EAER,QAAA,CAAA,EAAA,OAAe;EAAA;UAAQ,CAAM,EAAA,OAAA;;QAYV,CAAA,EAAA,MAAA;;UAIE,CAAA,EAAA,MAAA;EAAc;EAqF/B,WAAA,CAAA,EAAU,MAAA;EAAA;cACjB,CAAA,EAAA,CAAA,IAAA,EA1FsB,IA0FtB,EAAA,GAAA,MAAA,GAAA,IAAA;;UAEA,CAAA,EA1FW,iBA0FX;;eAEA,CAAA,EAAA,CAAA,KAAA,EA1FwB,cA0FxB,EAAA,EAAA,GAAA,IAAA;;mBAEA,CAAA,EAAA,MAAA;;;iBAPO,UAAA,CAUP;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,QAAA;EAAA,WAAA;EAAA,YAAA;EAAA,QAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAEC,eAFD,CAAA,EAEgB,mBAAA,CAAA,GAAA,CAAA,OAFhB"}

package/dist/index31.d.cts

@@ -1,25 +1,71 @@
-import * as react_jsx_runtime139 from "react/jsx-runtime";
-import { HoverCard } from "radix-ui";
+import { i as FieldError, o as FieldLabel, r as FieldDescription, t as Field } from "./index29.cjs";
+import * as react_jsx_runtime200 from "react/jsx-runtime";
+import { Slot } from "radix-ui";
 import * as React from "react";
+import * as react_hook_form0 from "react-hook-form";
+import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 
-//#region src/primitives/HoverCard/HoverCard.d.ts
-/** Root that reveals a floating card when the user hovers (or focuses) the trigger. */
-declare function HoverCard$1({
+//#region src/primitives/Form/Form.d.ts
+/** Root provider that shares one react-hook-form instance with all nested form pieces. */
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({
+  children,
+  watch,
+  getValues,
+  getFieldState,
+  setError,
+  clearErrors,
+  setValue,
+  setValues,
+  trigger,
+  formState,
+  resetField,
+  reset,
+  handleSubmit,
+  unregister,
+  control,
+  register,
+  setFocus,
+  subscribe
+}: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+/** Connects a single input to the form via RHF's `Controller`, exposing `field` to its render prop. */
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: React.ComponentProps<typeof HoverCard.Root>): react_jsx_runtime139.JSX.Element;
-/** The element that opens the hover card on pointer hover or keyboard focus. */
-declare function HoverCardTrigger({
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime200.JSX.Element;
+/** Hook for form pieces to read the current field's id, name, ARIA ids, and validation state. */
+declare const useFormField: () => {
+  invalid: boolean;
+  isDirty: boolean;
+  isTouched: boolean;
+  isValidating: boolean;
+  error?: react_hook_form0.FieldError;
+  id: string;
+  name: string;
+  formItemId: string;
+  formDescriptionId: string;
+  formMessageId: string;
+};
+/** Wraps one field, generating an id so its label, control, and messages stay linked. */
+declare function FormItem({
   ...props
-}: React.ComponentProps<typeof HoverCard.Trigger>): react_jsx_runtime139.JSX.Element;
-/** The floating, portalled surface shown while the trigger is hovered/focused. */
-declare function HoverCardContent({
+}: React.ComponentProps<typeof Field>): react_jsx_runtime200.JSX.Element;
+/** Field label wired to the control's id and tinted destructive when the field is invalid. */
+declare function FormLabel({
   className,
-  /** Alignment of the content relative to the trigger along the chosen side. */
-  align,
-  /** Gap in pixels between the trigger and the content. */
-  sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard.Content>): react_jsx_runtime139.JSX.Element;
+}: React.ComponentProps<typeof FieldLabel>): react_jsx_runtime200.JSX.Element;
+/** Slots the actual input, applying the field's id, `aria-describedby`, and `aria-invalid`. */
+declare function FormControl({
+  ...props
+}: React.ComponentProps<typeof Slot.Root>): react_jsx_runtime200.JSX.Element;
+/** Helper text for a field, linked to its control via `aria-describedby`. */
+declare function FormDescription({
+  ...props
+}: React.ComponentProps<typeof FieldDescription>): react_jsx_runtime200.JSX.Element;
+/** Renders the field's validation error (or `children`), and nothing when there is no message. */
+declare function FormMessage({
+  children,
+  ...props
+}: React.ComponentProps<typeof FieldError>): react_jsx_runtime200.JSX.Element | null;
 //#endregion
-export { HoverCardContent as n, HoverCardTrigger as r, HoverCard$1 as t };
+export { FormItem as a, useFormField as c, FormField as i, FormControl as n, FormLabel as o, FormDescription as r, FormMessage as s, Form as t };
 //# sourceMappingURL=index31.d.cts.map

package/dist/index31.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index31.d.cts","names":[],"sources":["../src/primitives/HoverCard/HoverCard.tsx"],"mappings":";;;;;;iBAMS,WAAA;;GAAwB,KAAA,CAAM,sBAAsB,SAAA,CAAmB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AALjD,iBAU3B,gBAAA,CALS;EAAA,GAAA;AAAA,CAAA,EAKsB,KAAA,CAAM,cAL5B,CAAA,OAKkD,SAAA,CAAmB,OALrE,CAAA,CAAA,EAK6E,oBAAA,CAAA,GAAA,CAAA,OAL7E;;iBAUT,gBAAA,CAVuE;EAAA,SAAA;;;EAAK;EAAA,UAK5E;EAAA,GAAA;AAAgB,CAAhB,EAYN,KAAA,CAAM,cAZgB,CAAA,OAYM,SAAA,CAAmB,OAZzB,CAAA,CAAA,EAYiC,oBAAA,CAAA,GAAA,CAAA,OAZjC"}
+{"version":3,"file":"index31.d.cts","names":[],"sources":["../src/primitives/Form/Form.tsx"],"mappings":";;;;;;;;;cAqBM,4BAAI,kDAAA;;;;;;;;;;;;;;;;;;;GAAA,gBAAA,CAAA,kBAAA,cAAA,UAAA,wBAAA,KAAA,CAAA,GAAA,CAAA;;cAaJ,iCACiB,cAAc,2BACrB,UAAU,gBAAgB,UAAU;;GAGjD,gBAAgB,cAAc,WAAM,oBAAA,CAAA,GAAA,CAAA;AAzB8C;cAkC/E,YA3BmB,EAAA,GAAA,GAAA;SAAf,EAAA,OAAA;SAAA,EAAA,OAAA;WAAA,EAAA,OAAA;cAAA,EAAA,OAAA;OAAA,CAAA,EAgDT,gBAAA,CAAA,UAhDS;MAAA,MAAA;MAAA,EAAA,MAAA;YAAA,EAAA,MAAA;mBAAA,EAAA,MAAA;eAAA,EAAA,MAAA;;;iBA0DD,QAAA,CA1DC;EAAA,GAAA;AAAA,CAAA,EA0DsB,KAAA,CAAM,cA1D5B,CAAA,OA0DkD,KA1DlD,CAAA,CAAA,EA0DwD,oBAAA,CAAA,GAAA,CAAA,OA1DxD;;iBAqED,SAAA,CArEC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqEkC,KAAA,CAAM,cArExC,CAAA,OAqE8D,UArE9D,CAAA,CAAA,EAqEyE,oBAAA,CAAA,GAAA,CAAA,OArEzE;;iBAoFD,WAAA,CApFC;EAAA,GAAA;AAAA,CAAA,EAoFyB,KAAA,CAAM,cApF/B,CAAA,OAoFqD,IAAA,CAAK,IApF1D,CAAA,CAAA,EAoF+D,oBAAA,CAAA,GAAA,CAAA,OApF/D;;iBAmGD,eAAA,CAnGC;EAAA,GAAA;AAAA,CAAA,EAmG6B,KAAA,CAAM,cAnGnC,CAAA,OAmGyD,gBAnGzD,CAAA,CAAA,EAmG0E,oBAAA,CAAA,GAAA,CAAA,OAnG1E;;iBA0GD,WAAA,CA1GC;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA0GmC,KAAA,CAAM,cA1GzC,CAAA,OA0G+D,UA1G/D,CAAA,CAAA,EA0G0E,oBAAA,CAAA,GAAA,CAAA,OAAA,GA1G1E,IAAA"}

package/dist/index31.d.ts

@@ -1,25 +1,71 @@
+import { i as FieldError, o as FieldLabel, r as FieldDescription, t as Field } from "./index29.js";
 import * as React from "react";
-import * as react_jsx_runtime164 from "react/jsx-runtime";
-import { HoverCard } from "radix-ui";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
+import { Slot } from "radix-ui";
+import * as react_hook_form0 from "react-hook-form";
+import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 
-//#region src/primitives/HoverCard/HoverCard.d.ts
-/** Root that reveals a floating card when the user hovers (or focuses) the trigger. */
-declare function HoverCard$1({
+//#region src/primitives/Form/Form.d.ts
+/** Root provider that shares one react-hook-form instance with all nested form pieces. */
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({
+  children,
+  watch,
+  getValues,
+  getFieldState,
+  setError,
+  clearErrors,
+  setValue,
+  setValues,
+  trigger,
+  formState,
+  resetField,
+  reset,
+  handleSubmit,
+  unregister,
+  control,
+  register,
+  setFocus,
+  subscribe
+}: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+/** Connects a single input to the form via RHF's `Controller`, exposing `field` to its render prop. */
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: React.ComponentProps<typeof HoverCard.Root>): react_jsx_runtime164.JSX.Element;
-/** The element that opens the hover card on pointer hover or keyboard focus. */
-declare function HoverCardTrigger({
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime60.JSX.Element;
+/** Hook for form pieces to read the current field's id, name, ARIA ids, and validation state. */
+declare const useFormField: () => {
+  invalid: boolean;
+  isDirty: boolean;
+  isTouched: boolean;
+  isValidating: boolean;
+  error?: react_hook_form0.FieldError;
+  id: string;
+  name: string;
+  formItemId: string;
+  formDescriptionId: string;
+  formMessageId: string;
+};
+/** Wraps one field, generating an id so its label, control, and messages stay linked. */
+declare function FormItem({
   ...props
-}: React.ComponentProps<typeof HoverCard.Trigger>): react_jsx_runtime164.JSX.Element;
-/** The floating, portalled surface shown while the trigger is hovered/focused. */
-declare function HoverCardContent({
+}: React.ComponentProps<typeof Field>): react_jsx_runtime60.JSX.Element;
+/** Field label wired to the control's id and tinted destructive when the field is invalid. */
+declare function FormLabel({
   className,
-  /** Alignment of the content relative to the trigger along the chosen side. */
-  align,
-  /** Gap in pixels between the trigger and the content. */
-  sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard.Content>): react_jsx_runtime164.JSX.Element;
+}: React.ComponentProps<typeof FieldLabel>): react_jsx_runtime60.JSX.Element;
+/** Slots the actual input, applying the field's id, `aria-describedby`, and `aria-invalid`. */
+declare function FormControl({
+  ...props
+}: React.ComponentProps<typeof Slot.Root>): react_jsx_runtime60.JSX.Element;
+/** Helper text for a field, linked to its control via `aria-describedby`. */
+declare function FormDescription({
+  ...props
+}: React.ComponentProps<typeof FieldDescription>): react_jsx_runtime60.JSX.Element;
+/** Renders the field's validation error (or `children`), and nothing when there is no message. */
+declare function FormMessage({
+  children,
+  ...props
+}: React.ComponentProps<typeof FieldError>): react_jsx_runtime60.JSX.Element | null;
 //#endregion
-export { HoverCardContent as n, HoverCardTrigger as r, HoverCard$1 as t };
+export { FormItem as a, useFormField as c, FormField as i, FormControl as n, FormLabel as o, FormDescription as r, FormMessage as s, Form as t };
 //# sourceMappingURL=index31.d.ts.map

package/dist/index31.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index31.d.ts","names":[],"sources":["../src/primitives/HoverCard/HoverCard.tsx"],"mappings":";;;;;;iBAMS,WAAA;;GAAwB,KAAA,CAAM,sBAAsB,SAAA,CAAmB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AALjD,iBAU3B,gBAAA,CALS;EAAA,GAAA;AAAA,CAAA,EAKsB,KAAA,CAAM,cAL5B,CAAA,OAKkD,SAAA,CAAmB,OALrE,CAAA,CAAA,EAK6E,oBAAA,CAAA,GAAA,CAAA,OAL7E;;iBAUT,gBAAA,CAVuE;EAAA,SAAA;;;EAAK;EAAA,UAK5E;EAAA,GAAA;AAAgB,CAAhB,EAYN,KAAA,CAAM,cAZgB,CAAA,OAYM,SAAA,CAAmB,OAZzB,CAAA,CAAA,EAYiC,oBAAA,CAAA,GAAA,CAAA,OAZjC"}
+{"version":3,"file":"index31.d.ts","names":[],"sources":["../src/primitives/Form/Form.tsx"],"mappings":";;;;;;;;;cAqBM,4BAAI,kDAAA;;;;;;;;;;;;;;;;;;;GAAA,gBAAA,CAAA,kBAAA,cAAA,UAAA,wBAAA,KAAA,CAAA,GAAA,CAAA;;cAaJ,iCACiB,cAAc,2BACrB,UAAU,gBAAgB,UAAU;;GAGjD,gBAAgB,cAAc,WAAM,mBAAA,CAAA,GAAA,CAAA;AAzB8C;cAkC/E,YA3BmB,EAAA,GAAA,GAAA;SAAf,EAAA,OAAA;SAAA,EAAA,OAAA;WAAA,EAAA,OAAA;cAAA,EAAA,OAAA;OAAA,CAAA,EAgDT,gBAAA,CAAA,UAhDS;MAAA,MAAA;MAAA,EAAA,MAAA;YAAA,EAAA,MAAA;mBAAA,EAAA,MAAA;eAAA,EAAA,MAAA;;;iBA0DD,QAAA,CA1DC;EAAA,GAAA;AAAA,CAAA,EA0DsB,KAAA,CAAM,cA1D5B,CAAA,OA0DkD,KA1DlD,CAAA,CAAA,EA0DwD,mBAAA,CAAA,GAAA,CAAA,OA1DxD;;iBAqED,SAAA,CArEC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqEkC,KAAA,CAAM,cArExC,CAAA,OAqE8D,UArE9D,CAAA,CAAA,EAqEyE,mBAAA,CAAA,GAAA,CAAA,OArEzE;;iBAoFD,WAAA,CApFC;EAAA,GAAA;AAAA,CAAA,EAoFyB,KAAA,CAAM,cApF/B,CAAA,OAoFqD,IAAA,CAAK,IApF1D,CAAA,CAAA,EAoF+D,mBAAA,CAAA,GAAA,CAAA,OApF/D;;iBAmGD,eAAA,CAnGC;EAAA,GAAA;AAAA,CAAA,EAmG6B,KAAA,CAAM,cAnGnC,CAAA,OAmGyD,gBAnGzD,CAAA,CAAA,EAmG0E,mBAAA,CAAA,GAAA,CAAA,OAnG1E;;iBA0GD,WAAA,CA1GC;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA0GmC,KAAA,CAAM,cA1GzC,CAAA,OA0G+D,UA1G/D,CAAA,CAAA,EA0G0E,mBAAA,CAAA,GAAA,CAAA,OAAA,GA1G1E,IAAA"}