@rfdtech/components 1.7.0 → 1.8.0

package/README.md

@@ -173,7 +173,7 @@ Four-step modal wizard for importing spreadsheet data (.xlsx, .xls, .csv). Parsi
 ### Usage
 
 ```tsx
-import { BulkImportModal } from "@rfdtech/components";
+import { BulkImportModal, useModalSearchParam } from "@rfdtech/components";
 
 const fields = [
   { key: "email", label: "Email", required: true },
@@ -181,13 +181,18 @@ const fields = [
   { key: "student_id", label: "Student ID" },
 ];
 
+const { open, onOpenChange, openWith } = useModalSearchParam("bulk-import");
+
+<button type="button" onClick={() => openWith()}>Import students</button>
+
 <BulkImportModal
   open={open}
-  onOpenChange={setOpen}
+  onOpenChange={onOpenChange}
   title="Import students"
   fields={fields}
   onComplete={(result) => {
     console.log(result.rows, result.errors);
+    onOpenChange(false);
   }}
 />
 ```
@@ -380,7 +385,7 @@ import {
   CommandItem,
   CommandList,
   CommandShortcut,
-  useCommandShortcut,
+  useDialogSearchParam,
 } from "@rfdtech/components";
 
 <Command label="Field picker">
@@ -395,7 +400,11 @@ import {
   </CommandList>
 </Command>
 
-<CommandDialog open={open} onOpenChange={setOpen} shortcut label="Command menu">
+const { open, onOpenChange, openWith } = useDialogSearchParam("command-menu");
+
+<Button onClick={() => openWith()}>Open command menu</Button>
+
+<CommandDialog open={open} onOpenChange={onOpenChange} shortcut label="Command menu">
   <CommandInput placeholder="Type a command..." />
   <CommandList>
     <CommandItem onSelect={() => go("/dashboard")}>Dashboard</CommandItem>
@@ -457,6 +466,89 @@ import { Dropdown } from "@rfdtech/components";
 Props: `value`, `onValueChange`, `options`, `placeholder`, `clearable`, `disabled`, `aria-label`, `classNames`, `className`. Exported types: `DropdownProps`, `DropdownOption`, `DropdownClassNames`.
 
 
+## Form
+
+Field, Input, and Textarea primitives for accessible form layouts. See the [Form](/docs/form) docs page for props and exported types.
+
+```tsx
+import {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldLabel,
+  Input,
+  Textarea,
+} from "@rfdtech/components";
+
+<Field>
+  <FieldLabel>Email</FieldLabel>
+  <FieldControl>
+    <Input type="email" placeholder="you@example.com" />
+  </FieldControl>
+  <FieldDescription>We will never share your email.</FieldDescription>
+</Field>
+```
+
+Exports: `Field`, `FieldLabel`, `FieldDescription`, `FieldError`, `FieldControl`, `Input`, `Textarea`. Types: `FieldProps`, `FieldClassNames`, `InputProps`, `TextareaProps`.
+
+
+## FormField
+
+react-hook-form adapters with Zod validation support. See the [FormField](/docs/form-field) docs page for props and exported types.
+
+```bash
+npm install react-hook-form zod @hookform/resolvers
+```
+
+```tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import {
+  Button,
+  Field,
+  FieldControl,
+  FieldError,
+  FieldLabel,
+  Form,
+  FormField,
+  Input,
+} from "@rfdtech/components";
+
+const formSchema = z.object({
+  email: z.string().min(1, "Email is required").email("Enter a valid email address"),
+});
+
+type FormValues = z.infer<typeof formSchema>;
+
+const form = useForm<FormValues>({
+  resolver: zodResolver(formSchema),
+  defaultValues: { email: "" },
+});
+
+<Form {...form}>
+  <form onSubmit={form.handleSubmit(onSubmit)}>
+    <FormField
+      control={form.control}
+      name="email"
+      render={({ field, fieldState }) => (
+        <Field invalid={!!fieldState.error}>
+          <FieldLabel>Email</FieldLabel>
+          <FieldControl>
+            <Input type="email" {...field} />
+          </FieldControl>
+          <FieldError>{fieldState.error?.message}</FieldError>
+        </Field>
+      )}
+    />
+    <Button type="submit">Save</Button>
+  </form>
+</Form>
+```
+
+Exports: `Form`, `FormField`, `useFormField`. Types: `FormProps`, `FormFieldProps`, `UseFormFieldReturn`.
+
+
 ## Dialog
 
 Compound dialog primitives for modal overlays. See the [Dialog](/docs/dialog) docs page for props and exported types.
@@ -470,18 +562,25 @@ import {
   DialogOverlay,
   DialogPortal,
   DialogTitle,
-  DialogTrigger,
+  useDialogSearchParam,
 } from "@rfdtech/components";
 
-<Dialog open={open} onOpenChange={setOpen}>
-  <DialogTrigger asChild>
-    <Button variant="secondary">Edit profile</Button>
-  </DialogTrigger>
+const { open, data, onOpenChange, openWith } = useDialogSearchParam<{
+  userId: string;
+}>("edit-profile");
+
+<Button variant="secondary" onClick={() => openWith({ userId: "42" })}>
+  Edit profile
+</Button>
+
+<Dialog open={open} onOpenChange={onOpenChange}>
   <DialogPortal>
     <DialogOverlay />
     <DialogContent showCloseButton>
       <DialogTitle>Edit profile</DialogTitle>
-      <DialogDescription>Make changes here.</DialogDescription>
+      <DialogDescription>
+        Make changes here. Editing user {data?.userId}.
+      </DialogDescription>
     </DialogContent>
   </DialogPortal>
 </Dialog>
@@ -490,6 +589,24 @@ import {
 Props: `Dialog` — `open`, `defaultOpen`, `onOpenChange`. `DialogContent` — `showCloseButton`, `classNames`, `className`. Styled parts also support part-level `classNames`. Exported types: `DialogOverlayProps`, `DialogContentProps`, `DialogTitleProps`, `DialogDescriptionProps`, and related `*ClassNames` interfaces.
 
 
+## Draggable
+
+Repositionable panel primitive with optional handle and bounded pointer dragging. See the [Draggable](/docs/draggable) docs page for props and exported types.
+
+```tsx
+import { Draggable, DraggableHandle } from "@rfdtech/components";
+
+<div style={{ position: "relative", height: 240 }}>
+  <Draggable defaultPosition={{ x: 24, y: 24 }} bounds="parent">
+    <DraggableHandle aria-label="Drag card" />
+    <div>Drag me</div>
+  </Draggable>
+</div>
+```
+
+Exports: `Draggable`, `DraggableHandle`, `useDraggable`, `clampPosition`. Types: `DraggableProps`, `DraggableHandleProps`, `DraggablePosition`, `DraggableBounds`, `DraggableAxis`, `UseDraggableOptions`, `UseDraggableReturn`.
+
+
 ## Modal
 
 Compound modal primitives for near full-viewport overlays with header, body, and footer slots. See the [Modal](/docs/modal) docs page for props and exported types.
@@ -506,13 +623,16 @@ import {
   ModalOverlay,
   ModalPortal,
   ModalTitle,
-  ModalTrigger,
+  useModalSearchParam,
 } from "@rfdtech/components";
 
-<Modal open={open} onOpenChange={setOpen}>
-  <ModalTrigger asChild>
-    <Button variant="secondary">Review changes</Button>
-  </ModalTrigger>
+const { open, onOpenChange, openWith } = useModalSearchParam("review-changes");
+
+<Button variant="secondary" onClick={() => openWith()}>
+  Review changes
+</Button>
+
+<Modal open={open} onOpenChange={onOpenChange}>
   <ModalPortal>
     <ModalOverlay />
     <ModalContent showCloseButton>
@@ -522,8 +642,8 @@ import {
       </ModalHeader>
       <ModalBody>{children}</ModalBody>
       <ModalFooter>
-        <Button variant="ghost" onClick={() => setOpen(false)}>Cancel</Button>
-        <Button onClick={() => setOpen(false)}>Publish</Button>
+        <Button variant="ghost" onClick={() => onOpenChange(false)}>Cancel</Button>
+        <Button onClick={() => onOpenChange(false)}>Publish</Button>
       </ModalFooter>
     </ModalContent>
   </ModalPortal>
@@ -687,6 +807,36 @@ import {
 Props: `Sheet` — `open`, `defaultOpen`, `onOpenChange`. `SheetContent` — `side`, `showCloseButton`, `classNames`, `className`. Layout parts support part-level `classNames`. Exported types: `SheetSide`, `SheetOverlayProps`, `SheetContentProps`, `SheetHeaderProps`, `SheetTitleProps`, `SheetDescriptionProps`, `SheetBodyProps`, `SheetFooterProps`, and related `*ClassNames` interfaces.
 
 
+## Sortable
+
+Reorderable list primitive with optional drag handles and keyboard support. See the [Sortable](/docs/sortable) docs page for props and exported types.
+
+```tsx
+import { useState } from "react";
+import {
+  Sortable,
+  SortableHandle,
+  SortableItem,
+  SortableList,
+} from "@rfdtech/components";
+
+const [items, setItems] = useState(["alpha", "beta", "gamma"]);
+
+<Sortable items={items} onReorder={setItems}>
+  <SortableList>
+    {items.map((id) => (
+      <SortableItem key={id} id={id}>
+        <SortableHandle aria-label={`Reorder ${id}`} />
+        <span>{id}</span>
+      </SortableItem>
+    ))}
+  </SortableList>
+</Sortable>
+```
+
+Exports: `Sortable`, `SortableList`, `SortableItem`, `SortableHandle`, `reorderItems`. Types: `SortableProps`, `SortableListProps`, `SortableItemProps`, `SortableHandleProps`, `SortableId`, `SortableStrategy`, `SortableClassNames`.
+
+
 ## Tabs
 
 Compound tabs primitives for switching between related panels. See the [Tabs](/docs/tabs) docs page for props and exported types.
@@ -706,6 +856,33 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@rfdtech/components";
 
 Exports: `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent`. Props: `Tabs` — `value`, `defaultValue`, `onValueChange`, `orientation`, `activationMode`, `variant`, `classNames`, `className`, `children`. `TabsTrigger` — `value`, `disabled`, `classNames`, `className`. Exported types: `TabsProps`, `TabsListProps`, `TabsTriggerProps`, `TabsContentProps`, `TabsVariant`, `TabsClassNames`, `TabsListClassNames`, `TabsTriggerClassNames`, `TabsContentClassNames`.
 
+
+## Toast
+
+Transient notifications with an imperative `useToast` hook, powered by Sonner. See the [Toast](/docs/toast) docs page for props and exported types.
+
+```tsx
+import { CheckCircle2 } from "lucide-react";
+import { ToastProvider, Toaster, useToast } from "@rfdtech/components";
+
+<ToastProvider>
+  <App />
+  <Toaster />
+</ToastProvider>
+
+const { toast } = useToast();
+
+toast({
+  title: "Profile saved",
+  description: "Your changes were applied.",
+  variant: "success",
+  icon: <CheckCircle2 size={18} strokeWidth={2} aria-hidden />,
+});
+```
+
+Exports: `ToastProvider`, `Toaster`, `useToast`. Types: `ToastOptions`, `ToastVariant`, `ToastProviderProps`, `ToasterProps`, `UseToastReturn`, `ToastClassNames`, `ToastAction`, `ToastReturn`.
+
+
 ## Development
 
 ```bash

package/dist/components/draggable/Draggable.d.ts

@@ -0,0 +1,5 @@
+import type { DraggableHandleProps, DraggableProps } from "../../types/draggable";
+import "./styles/draggable.css";
+export declare const Draggable: import("react").ForwardRefExoticComponent<DraggableProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DraggableHandle: import("react").ForwardRefExoticComponent<DraggableHandleProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Draggable.d.ts.map

package/dist/components/draggable/Draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.d.ts","sourceRoot":"","sources":["../../../src/components/draggable/Draggable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAQlF,OAAO,wBAAwB,CAAC;AAEhC,eAAO,MAAM,SAAS,2GAgCrB,CAAC;AA4CF,eAAO,MAAM,eAAe,oHA8B3B,CAAC"}

package/dist/components/draggable/Draggable.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Draggable.test.d.ts.map

package/dist/components/draggable/Draggable.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.test.d.ts","sourceRoot":"","sources":["../../../src/components/draggable/Draggable.test.tsx"],"names":[],"mappings":""}

package/dist/components/draggable/DraggableContext.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+import type { UseDraggableReturn } from "../../types/draggable";
+interface DraggableContextValue extends UseDraggableReturn {
+    disabled: boolean;
+    hasHandle: boolean;
+    registerHandle: () => () => void;
+}
+export declare function DraggableProvider({ disabled, draggable, children, }: {
+    disabled: boolean;
+    draggable: UseDraggableReturn;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useDraggableContext(): DraggableContextValue;
+export declare function useDraggableHandleRegistration(): void;
+export {};
+//# sourceMappingURL=DraggableContext.d.ts.map

package/dist/components/draggable/DraggableContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableContext.d.ts","sourceRoot":"","sources":["../../../src/components/draggable/DraggableContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,UAAU,qBAAsB,SAAQ,kBAAkB;IACxD,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,MAAM,IAAI,CAAC;CAClC;AAID,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA2BA;AAED,wBAAgB,mBAAmB,0BAQlC;AAED,wBAAgB,8BAA8B,SAI7C"}

package/dist/components/draggable/hooks/clampPosition.d.ts

@@ -0,0 +1,10 @@
+import type { DraggableAxis, DraggableBounds, DraggablePosition } from "../../../types/draggable";
+export interface ClampPositionInput {
+    position: DraggablePosition;
+    currentPosition: DraggablePosition;
+    axis: DraggableAxis;
+    bounds: DraggableBounds;
+    node: HTMLElement;
+}
+export declare function clampPosition({ position, currentPosition, axis, bounds, node, }: ClampPositionInput): DraggablePosition;
+//# sourceMappingURL=clampPosition.d.ts.map

package/dist/components/draggable/hooks/clampPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clampPosition.d.ts","sourceRoot":"","sources":["../../../../src/components/draggable/hooks/clampPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,eAAe,EAAE,iBAAiB,CAAC;IACnC,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,MAAM,EACN,IAAI,GACL,EAAE,kBAAkB,GAAG,iBAAiB,CA8CxC"}

package/dist/components/draggable/hooks/clampPosition.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=clampPosition.test.d.ts.map

package/dist/components/draggable/hooks/clampPosition.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clampPosition.test.d.ts","sourceRoot":"","sources":["../../../../src/components/draggable/hooks/clampPosition.test.ts"],"names":[],"mappings":""}

package/dist/components/draggable/hooks/useDraggable.d.ts

@@ -0,0 +1,3 @@
+import type { UseDraggableOptions, UseDraggableReturn } from "../../../types/draggable";
+export declare function useDraggable({ axis, bounds, disabled, position: positionProp, defaultPosition, onPositionChange, }?: UseDraggableOptions): UseDraggableReturn;
+//# sourceMappingURL=useDraggable.d.ts.map

package/dist/components/draggable/hooks/useDraggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../../../src/components/draggable/hooks/useDraggable.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAKlC,wBAAgB,YAAY,CAAC,EAC3B,IAAa,EACb,MAAiB,EACjB,QAAgB,EAChB,QAAQ,EAAE,YAAY,EACtB,eAAkC,EAClC,gBAAgB,GACjB,GAAE,mBAAwB,GAAG,kBAAkB,CAgI/C"}

package/dist/components/draggable/index.d.ts

@@ -0,0 +1,6 @@
+export { Draggable, DraggableHandle } from "./Draggable";
+export { useDraggable } from "./hooks/useDraggable";
+export { clampPosition } from "./hooks/clampPosition";
+export type { ClampPositionInput } from "./hooks/clampPosition";
+export type { DraggableAxis, DraggableBounds, DraggableClassNames, DraggableHandleProps, DraggablePosition, DraggableProps, UseDraggableOptions, UseDraggableReturn, } from "../../types/draggable";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/draggable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/draggable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EACV,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,uBAAuB,CAAC"}

package/dist/components/field/Field.d.ts

@@ -0,0 +1,8 @@
+import type { FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldLabelProps, FieldProps } from "../../types/field";
+import "./styles/field.css";
+export declare function Field({ invalid, classNames, className, children, ...props }: FieldProps): import("react").JSX.Element;
+export declare function FieldLabel({ classNames, className, children, ...props }: FieldLabelProps): import("react").JSX.Element;
+export declare function FieldDescription({ classNames, className, children, ...props }: FieldDescriptionProps): import("react").JSX.Element | null;
+export declare function FieldError({ classNames, className, children, ...props }: FieldErrorProps): import("react").JSX.Element | null;
+export declare function FieldControl({ classNames, className, children }: FieldControlProps): import("react").JSX.Element;
+//# sourceMappingURL=Field.d.ts.map

package/dist/components/field/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,UAAU,EACX,MAAM,mBAAmB,CAAC;AAI3B,OAAO,oBAAoB,CAAC;AAE5B,wBAAgB,KAAK,CAAC,EACpB,OAAe,EACf,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,+BA8BZ;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,+BAYjB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,sCA2BvB;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,sCA4BjB;AAED,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAqBlF"}

package/dist/components/field/Field.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Field.test.d.ts.map

package/dist/components/field/Field.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.test.d.ts","sourceRoot":"","sources":["../../../src/components/field/Field.test.tsx"],"names":[],"mappings":""}

package/dist/components/field/FieldContext.d.ts

@@ -0,0 +1,4 @@
+import type { FieldContextValue } from "../../types/field";
+export declare const FieldContext: import("react").Context<FieldContextValue | null>;
+export declare function useFieldContext(): FieldContextValue;
+//# sourceMappingURL=FieldContext.d.ts.map

package/dist/components/field/FieldContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldContext.d.ts","sourceRoot":"","sources":["../../../src/components/field/FieldContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,wBAAgB,eAAe,sBAQ9B"}

package/dist/components/field/index.d.ts

@@ -0,0 +1,3 @@
+export { Field, FieldControl, FieldDescription, FieldError, FieldLabel, } from "./Field";
+export type { FieldClassNames, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldLabelProps, FieldProps, } from "../../types/field";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,UAAU,GACX,MAAM,mBAAmB,CAAC"}

package/dist/components/form/Form.d.ts

@@ -0,0 +1,6 @@
+import { type FieldPath, type FieldValues } from "react-hook-form";
+import type { FormFieldProps, UseFormFieldReturn } from "../../types/form";
+export 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, }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+export declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: FormFieldProps<TFieldValues, TName>): import("react").JSX.Element;
+export declare function useFormField(): UseFormFieldReturn;
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,cAAc,EAAa,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGtF,eAAO,MAAM,IAAI,0YAAe,CAAC;AAEjC,wBAAgB,SAAS,CACvB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,YAAY,EAAE,KAAK,CAAC,+BAWlD;AAED,wBAAgB,YAAY,IAAI,kBAAkB,CAiBjD"}

package/dist/components/form/Form.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Form.test.d.ts.map

package/dist/components/form/Form.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.test.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.test.tsx"],"names":[],"mappings":""}

package/dist/components/form/FormFieldContext.d.ts

@@ -0,0 +1,5 @@
+import type { FieldPath, FieldValues } from "react-hook-form";
+import type { FormFieldContextValue } from "../../types/form";
+export declare const FormFieldContext: import("react").Context<FormFieldContextValue<FieldValues, string> | null>;
+export declare function useFormFieldContext<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(): FormFieldContextValue<TFieldValues, TName>;
+//# sourceMappingURL=FormFieldContext.d.ts.map

package/dist/components/form/FormFieldContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldContext.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormFieldContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE9D,eAAO,MAAM,gBAAgB,4EAAoD,CAAC;AAElF,wBAAgB,mBAAmB,CACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,gDAYhE"}

package/dist/components/form/index.d.ts

@@ -0,0 +1,3 @@
+export { Form, FormField, useFormField } from "./Form";
+export type { FormFieldContextValue, FormFieldProps, FormFieldRenderProps, FormProps, UseFormFieldReturn, } from "../../types/form";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACvD,YAAY,EACV,qBAAqB,EACrB,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,kBAAkB,GACnB,MAAM,kBAAkB,CAAC"}

package/dist/components/input/Input.d.ts

@@ -0,0 +1,4 @@
+import type { InputProps } from "../../types/input";
+import "./styles/input.css";
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,oBAAoB,CAAC;AAE5B,eAAO,MAAM,KAAK,yGAmBhB,CAAC"}

package/dist/components/input/Input.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Input.test.d.ts.map

package/dist/components/input/Input.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.test.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.test.tsx"],"names":[],"mappings":""}

package/dist/components/input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from "./Input";
+export type { InputClassNames, InputProps } from "../../types/input";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/sortable/Sortable.d.ts

@@ -0,0 +1,7 @@
+import type { SortableHandleProps, SortableItemProps, SortableListProps, SortableProps } from "../../types/sortable";
+import "./styles/sortable.css";
+export declare const Sortable: import("react").ForwardRefExoticComponent<SortableProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SortableList: import("react").ForwardRefExoticComponent<SortableListProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SortableItem: import("react").ForwardRefExoticComponent<SortableItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SortableHandle: import("react").ForwardRefExoticComponent<SortableHandleProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Sortable.d.ts.map

package/dist/components/sortable/Sortable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sortable.d.ts","sourceRoot":"","sources":["../../../src/components/sortable/Sortable.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACd,MAAM,sBAAsB,CAAC;AAU9B,OAAO,uBAAuB,CAAC;AAE/B,eAAO,MAAM,QAAQ,0GA0DpB,CAAC;AAEF,eAAO,MAAM,YAAY,8GA+BxB,CAAC;AAEF,eAAO,MAAM,YAAY,8GA6ExB,CAAC;AA+CF,eAAO,MAAM,cAAc,mHA6C1B,CAAC"}

package/dist/components/sortable/Sortable.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Sortable.test.d.ts.map

package/dist/components/sortable/Sortable.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sortable.test.d.ts","sourceRoot":"","sources":["../../../src/components/sortable/Sortable.test.tsx"],"names":[],"mappings":""}

package/dist/components/sortable/SortableContext.d.ts

@@ -0,0 +1,32 @@
+import type { DraggableAttributes, DraggableSyntheticListeners } from "@dnd-kit/core";
+import { type CSSProperties, type ReactNode } from "react";
+import type { SortableId } from "../../types/sortable";
+interface SortableContextValue {
+    items: SortableId[];
+    disabled: boolean;
+}
+export declare function SortableProvider({ items, disabled, children, }: {
+    items: SortableId[];
+    disabled: boolean;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useSortableContext(): SortableContextValue;
+interface SortableItemContextValue {
+    disabled: boolean;
+    hasHandle: boolean;
+    registerHandle: () => () => void;
+    setNodeRef: (node: HTMLElement | null) => void;
+    setActivatorNodeRef: (node: HTMLElement | null) => void;
+    attributes: DraggableAttributes;
+    listeners: DraggableSyntheticListeners | undefined;
+    style: CSSProperties;
+    isDragging: boolean;
+}
+export declare function SortableItemProvider({ value, children, }: {
+    value: SortableItemContextValue;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useSortableItemContext(): SortableItemContextValue;
+export declare function useSortableHandleRegistration(): void;
+export {};
+//# sourceMappingURL=SortableContext.d.ts.map

package/dist/components/sortable/SortableContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableContext.d.ts","sourceRoot":"","sources":["../../../src/components/sortable/SortableContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAYA;AAED,wBAAgB,kBAAkB,yBAQjC;AAED,UAAU,wBAAwB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,MAAM,IAAI,CAAC;IACjC,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,mBAAmB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,mBAAmB,CAAC;IAChC,SAAS,EAAE,2BAA2B,GAAG,SAAS,CAAC;IACnD,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAID,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,wBAAwB,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAMA;AAED,wBAAgB,sBAAsB,6BAQrC;AAED,wBAAgB,6BAA6B,SAI5C"}

package/dist/components/sortable/hooks/useSortableDragEnd.d.ts

@@ -0,0 +1,3 @@
+import type { SortableId } from "../../../types/sortable";
+export declare function reorderItems(items: SortableId[], activeId: SortableId, overId: SortableId | null | undefined): SortableId[];
+//# sourceMappingURL=useSortableDragEnd.d.ts.map

package/dist/components/sortable/hooks/useSortableDragEnd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortableDragEnd.d.ts","sourceRoot":"","sources":["../../../../src/components/sortable/hooks/useSortableDragEnd.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,wBAAgB,YAAY,CAC1B,KAAK,EAAE,UAAU,EAAE,EACnB,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GACpC,UAAU,EAAE,CAad"}

package/dist/components/sortable/hooks/useSortableDragEnd.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useSortableDragEnd.test.d.ts.map

package/dist/components/sortable/hooks/useSortableDragEnd.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortableDragEnd.test.d.ts","sourceRoot":"","sources":["../../../../src/components/sortable/hooks/useSortableDragEnd.test.ts"],"names":[],"mappings":""}

package/dist/components/sortable/index.d.ts

@@ -0,0 +1,4 @@
+export { Sortable, SortableHandle, SortableItem, SortableList } from "./Sortable";
+export { reorderItems } from "./hooks/useSortableDragEnd";
+export type { SortableClassNames, SortableHandleProps, SortableId, SortableItemProps, SortableListProps, SortableProps, SortableStrategy, } from "../../types/sortable";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sortable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sortable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,gBAAgB,GACjB,MAAM,sBAAsB,CAAC"}

package/dist/components/textarea/Textarea.d.ts

@@ -0,0 +1,4 @@
+import type { TextareaProps } from "../../types/textarea";
+import "./styles/textarea.css";
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,uBAAuB,CAAC;AAE/B,eAAO,MAAM,QAAQ,+GAmBnB,CAAC"}

package/dist/components/textarea/Textarea.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Textarea.test.d.ts.map

package/dist/components/textarea/Textarea.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.test.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.test.tsx"],"names":[],"mappings":""}

package/dist/components/textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { Textarea } from "./Textarea";
+export type { TextareaClassNames, TextareaProps } from "../../types/textarea";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/toast/Toast.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Toast.test.d.ts.map

package/dist/components/toast/Toast.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.test.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.test.tsx"],"names":[],"mappings":""}

package/dist/components/toast/ToastProvider.d.ts

@@ -0,0 +1,4 @@
+import type { ToastDefaults, ToastProviderProps } from "../../types/toast";
+export declare const ToastDefaultsContext: import("react").Context<ToastDefaults | null>;
+export declare function ToastProvider({ duration, limit, children, }: ToastProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=ToastProvider.d.ts.map