@tulip-systems/core 0.4.1 → 0.5.0

package/dist/components/ui/context-menu.d.mts

@@ -1,26 +1,26 @@
-import * as react_jsx_runtime316 from "react/jsx-runtime";
+import * as react_jsx_runtime151 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 
 //#region src/components/ui/context-menu.d.ts
 declare function ContextMenu({
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuTrigger({
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuGroup({
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuPortal({
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuSub({
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuRadioGroup({
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuSubTrigger({
   className,
   inset,
@@ -28,15 +28,15 @@ declare function ContextMenuSubTrigger({
   ...props
 }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime316.JSX.Element;
+}): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuSubContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuItem({
   className,
   inset,
@@ -45,33 +45,33 @@ declare function ContextMenuItem({
 }: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
   inset?: boolean;
   variant?: "default" | "destructive";
-}): react_jsx_runtime316.JSX.Element;
+}): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuRadioItem({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuLabel({
   className,
   inset,
   ...props
 }: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
   inset?: boolean;
-}): react_jsx_runtime316.JSX.Element;
+}): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime151.JSX.Element;
 declare function ContextMenuShortcut({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime316.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime151.JSX.Element;
 //#endregion
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
 //# sourceMappingURL=context-menu.d.mts.map

package/dist/components/ui/date-picker.client.d.mts

@@ -1,5 +1,5 @@
 import { Button } from "./button.mjs";
-import * as react_jsx_runtime164 from "react/jsx-runtime";
+import * as react_jsx_runtime261 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/ui/date-picker.client.d.ts
@@ -15,7 +15,7 @@ declare function DatePicker({
   className,
   variant,
   ...props
-}: DatePickerProps): react_jsx_runtime164.JSX.Element;
+}: DatePickerProps): react_jsx_runtime261.JSX.Element;
 //#endregion
 export { DatePicker, DatePickerProps };
 //# sourceMappingURL=date-picker.client.d.mts.map

package/dist/components/ui/dialog.client.d.mts

@@ -1,45 +1,45 @@
-import * as react_jsx_runtime165 from "react/jsx-runtime";
+import * as react_jsx_runtime262 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/ui/dialog.client.d.ts
 declare function Dialog({
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime165.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime262.JSX.Element;
 declare function DialogTrigger({
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime165.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime262.JSX.Element;
 declare function DialogPortal({
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime165.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime262.JSX.Element;
 declare function DialogClose({
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime165.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime262.JSX.Element;
 declare function DialogOverlay({
   className,
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime165.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime262.JSX.Element;
 declare function DialogContent({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Content>): react_jsx_runtime165.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Content>): react_jsx_runtime262.JSX.Element;
 declare function DialogHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime165.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime262.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime165.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime262.JSX.Element;
 declare function DialogTitle({
   className,
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime165.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime262.JSX.Element;
 declare function DialogDescription({
   className,
   ...props
-}: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime165.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime262.JSX.Element;
 //#endregion
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
 //# sourceMappingURL=dialog.client.d.mts.map

package/dist/components/ui/drawer.client.d.mts

@@ -1,45 +1,45 @@
-import * as react_jsx_runtime175 from "react/jsx-runtime";
+import * as react_jsx_runtime272 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Drawer } from "vaul";
 
 //#region src/components/ui/drawer.client.d.ts
 declare function Drawer$1({
   ...props
-}: React$1.ComponentProps<typeof Drawer.Root>): react_jsx_runtime175.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Root>): react_jsx_runtime272.JSX.Element;
 declare function DrawerTrigger({
   ...props
-}: React$1.ComponentProps<typeof Drawer.Trigger>): react_jsx_runtime175.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Trigger>): react_jsx_runtime272.JSX.Element;
 declare function DrawerPortal({
   ...props
-}: React$1.ComponentProps<typeof Drawer.Portal>): react_jsx_runtime175.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Portal>): react_jsx_runtime272.JSX.Element;
 declare function DrawerClose({
   ...props
-}: React$1.ComponentProps<typeof Drawer.Close>): react_jsx_runtime175.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Close>): react_jsx_runtime272.JSX.Element;
 declare function DrawerOverlay({
   className,
   ...props
-}: React$1.ComponentProps<typeof Drawer.Overlay>): react_jsx_runtime175.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Overlay>): react_jsx_runtime272.JSX.Element;
 declare function DrawerContent({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof Drawer.Content>): react_jsx_runtime175.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Content>): react_jsx_runtime272.JSX.Element;
 declare function DrawerHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime175.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime272.JSX.Element;
 declare function DrawerFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime175.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime272.JSX.Element;
 declare function DrawerTitle({
   className,
   ...props
-}: React$1.ComponentProps<typeof Drawer.Title>): react_jsx_runtime175.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Title>): react_jsx_runtime272.JSX.Element;
 declare function DrawerDescription({
   className,
   ...props
-}: React$1.ComponentProps<typeof Drawer.Description>): react_jsx_runtime175.JSX.Element;
+}: React$1.ComponentProps<typeof Drawer.Description>): react_jsx_runtime272.JSX.Element;
 //#endregion
 export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
 //# sourceMappingURL=drawer.client.d.mts.map

package/dist/components/ui/dropdown-menu.d.mts

@@ -1,25 +1,25 @@
-import * as react_jsx_runtime331 from "react/jsx-runtime";
+import * as react_jsx_runtime166 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 
 //#region src/components/ui/dropdown-menu.d.ts
 declare function DropdownMenu$1({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuPortal({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuTrigger({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuContent({
   className,
   sideOffset,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuGroup({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuItem({
   className,
   inset,
@@ -28,39 +28,39 @@ declare function DropdownMenuItem({
 }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
   inset?: boolean;
   variant?: "default" | "destructive";
-}): react_jsx_runtime331.JSX.Element;
+}): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuRadioGroup({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuRadioItem({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuLabel({
   className,
   inset,
   ...props
 }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
   inset?: boolean;
-}): react_jsx_runtime331.JSX.Element;
+}): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuSub({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuSubTrigger({
   className,
   inset,
@@ -68,11 +68,11 @@ declare function DropdownMenuSubTrigger({
   ...props
 }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime331.JSX.Element;
+}): react_jsx_runtime166.JSX.Element;
 declare function DropdownMenuSubContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime331.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime166.JSX.Element;
 //#endregion
 export { DropdownMenu$1 as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
 //# sourceMappingURL=dropdown-menu.d.mts.map

package/dist/components/ui/form.client.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime185 from "react/jsx-runtime";
+import * as react_jsx_runtime282 from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as React$1 from "react";
 import * as react_hook_form0 from "react-hook-form";
@@ -12,7 +12,7 @@ declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName
   ...props
 }: ControllerProps<TFieldValues, TName> & {
   visible?: boolean;
-}) => react_jsx_runtime185.JSX.Element | null;
+}) => react_jsx_runtime282.JSX.Element | null;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
@@ -28,22 +28,22 @@ declare const useFormField: () => {
 declare function FormItem({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime282.JSX.Element;
 declare function FormLabel({
   className,
   ...props
-}: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime282.JSX.Element;
 declare function FormControl({
   ...props
-}: React$1.ComponentProps<typeof Slot>): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<typeof Slot>): react_jsx_runtime282.JSX.Element;
 declare function FormDescription({
   className,
   ...props
-}: React$1.ComponentProps<"p">): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<"p">): react_jsx_runtime282.JSX.Element;
 declare function FormMessage({
   className,
   ...props
-}: React$1.ComponentProps<"p">): react_jsx_runtime185.JSX.Element | null;
+}: React$1.ComponentProps<"p">): react_jsx_runtime282.JSX.Element | null;
 //#endregion
 export { Form$1 as Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
 //# sourceMappingURL=form.client.d.mts.map

package/dist/components/ui/hover-card.client.d.mts

@@ -1,20 +1,20 @@
-import * as react_jsx_runtime191 from "react/jsx-runtime";
+import * as react_jsx_runtime288 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 
 //#region src/components/ui/hover-card.client.d.ts
 declare function HoverCard({
   ...props
-}: React$1.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime191.JSX.Element;
+}: React$1.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime288.JSX.Element;
 declare function HoverCardTrigger({
   ...props
-}: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime191.JSX.Element;
+}: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime288.JSX.Element;
 declare function HoverCardContent({
   className,
   align,
   sideOffset,
   ...props
-}: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime191.JSX.Element;
+}: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime288.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.client.d.mts.map

package/dist/components/ui/input-recipient.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime381 from "react/jsx-runtime";
+import * as react_jsx_runtime380 from "react/jsx-runtime";
 
 //#region src/components/ui/input-recipient.d.ts
 type Contact = {
@@ -12,14 +12,16 @@ interface RecipientInputProps {
   onChange: (value: string[]) => void;
   placeholder?: string;
   disabled?: boolean;
+  className?: string;
 }
 declare function RecipientInput({
   contacts,
   value,
   onChange,
   placeholder,
-  disabled
-}: RecipientInputProps): react_jsx_runtime381.JSX.Element;
+  disabled,
+  className
+}: RecipientInputProps): react_jsx_runtime380.JSX.Element;
 //#endregion
 export { Contact, RecipientInput };
 //# sourceMappingURL=input-recipient.d.mts.map

package/dist/components/ui/input-recipient.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"input-recipient.d.mts","names":[],"sources":["../../../src/components/ui/input-recipient.tsx"],"sourcesContent":[],"mappings":";;;KAUY,OAAA;;;EAAA,IAAA,EAAA,MAAO;AAIjB,CAAA;AAgBF,UAdU,mBAAA,CAcoB;EAC5B,QAAA,EAdU,OAcV,EAAA;EACA,KAAA,EAAA,MAAA,EAAA;EACA,QAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;EACA,WAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAAA,OAAA;;AACoB,iBANN,cAAA,CAMM;EAAA,QAAA;EAAA,KAAA;EAAA,QAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EAAnB,mBAAmB,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"input-recipient.d.mts","names":[],"sources":["../../../src/components/ui/input-recipient.tsx"],"sourcesContent":[],"mappings":";;;KAUY,OAAA;;;EAAA,IAAA,EAAA,MAAO;AAIjB,CAAA;AAiBF,UAfU,mBAAA,CAeoB;EAC5B,QAAA,EAfU,OAeV,EAAA;EACA,KAAA,EAAA,MAAA,EAAA;EACA,QAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;EACA,WAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;;AACoB,iBAPN,cAAA,CAOM;EAAA,QAAA;EAAA,KAAA;EAAA,QAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAnB,mBAAmB,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/input-recipient.mjs

@@ -12,7 +12,7 @@ import { toast } from "sonner";
 const isValidEmail = (email) => {
 	return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
 };
-function RecipientInput({ contacts, value, onChange, placeholder = "Kies een ontvanger...", disabled = false }) {
+function RecipientInput({ contacts, value, onChange, placeholder = "Kies een ontvanger...", disabled = false, className }) {
 	const [open, setOpen] = React$1.useState(false);
 	const [inputValue, setInputValue] = React$1.useState("");
 	const [highlightedIndex, setHighlightedIndex] = React$1.useState(0);
@@ -112,7 +112,7 @@ function RecipientInput({ contacts, value, onChange, placeholder = "Kies een ont
 			asChild: true,
 			children: /* @__PURE__ */ jsxs("div", {
 				ref: containerRef,
-				className: cn("border-input bg-background ring-offset-background flex min-h-0 w-full flex-wrap items-center gap-2 rounded-lg border px-3 py-2 text-base transition-colors md:text-sm", "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", disabled && "cursor-not-allowed opacity-50"),
+				className: cn("border-input bg-background ring-offset-background flex min-h-0 w-full flex-wrap items-center gap-2 rounded-lg border px-3 py-2 text-base transition-colors md:text-sm", "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", disabled && "cursor-not-allowed opacity-50", className),
 				onClick: () => {
 					if (!disabled) inputRef.current?.focus();
 				},

package/dist/components/ui/input-recipient.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-recipient.mjs","names":["React"],"sources":["../../../src/components/ui/input-recipient.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\nimport { toast } from \"sonner\";\n\nimport { Button } from \"./button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nexport type Contact = {\n  id: string;\n  email: string;\n  name: string;\n};\n\ninterface RecipientInputProps {\n  contacts: Contact[];\n  value: string[];\n  onChange: (value: string[]) => void;\n  placeholder?: string;\n  disabled?: boolean;\n}\n\n// Simpele email validatie\nconst isValidEmail = (email: string): boolean => {\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n  return emailRegex.test(email);\n};\n\nexport function RecipientInput({\n  contacts,\n  value,\n  onChange,\n  placeholder = \"Kies een ontvanger...\",\n  disabled = false,\n}: RecipientInputProps) {\n  const [open, setOpen] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\"\");\n  const [highlightedIndex, setHighlightedIndex] = React.useState(0);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const itemRefs = React.useRef<(HTMLButtonElement | null)[]>([]);\n\n  const selectedContacts = React.useMemo(() => {\n    return value\n      .map((email) => {\n        const contact = contacts.find((c) => c.email === email);\n        return contact || { id: email, email, name: email };\n      })\n      .filter(Boolean) as Contact[];\n  }, [value, contacts]);\n\n  const availableContacts = React.useMemo(() => {\n    return contacts.filter((contact) => !value.includes(contact.email));\n  }, [contacts, value]);\n\n  const filteredContacts = React.useMemo(() => {\n    if (!inputValue || !inputValue.trim()) return availableContacts;\n    const search = inputValue.toLowerCase().trim();\n    return availableContacts.filter(\n      (contact) =>\n        contact.email.toLowerCase().includes(search) || contact.name.toLowerCase().includes(search),\n    );\n  }, [availableContacts, inputValue]);\n\n  React.useEffect(() => {\n    setHighlightedIndex(0);\n  }, [filteredContacts]);\n\n  React.useEffect(() => {\n    if (open && highlightedIndex >= 0 && itemRefs.current[highlightedIndex]) {\n      itemRefs.current[highlightedIndex]?.scrollIntoView({\n        block: \"nearest\",\n        behavior: \"smooth\",\n      });\n    }\n  }, [highlightedIndex, open]);\n\n  React.useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n\n    if (open) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }\n  }, [open]);\n\n  const handleSelect = (contact: Contact) => {\n    onChange([...value, contact.email]);\n    setInputValue(\"\");\n    setOpen(false);\n    setHighlightedIndex(0);\n    inputRef.current?.focus();\n  };\n\n  const handleAddManualEmail = () => {\n    const trimmedEmail = inputValue.trim();\n\n    if (!trimmedEmail) return;\n\n    if (!isValidEmail(trimmedEmail)) {\n      toast.error(\"Ongeldig email adres\");\n      return;\n    }\n\n    if (value.includes(trimmedEmail)) {\n      toast.error(\"Email is al toegevoegd\");\n      setInputValue(\"\");\n      return;\n    }\n\n    onChange([...value, trimmedEmail]);\n    setInputValue(\"\");\n    setOpen(false);\n    setHighlightedIndex(0);\n    inputRef.current?.focus();\n  };\n\n  const handleRemove = (email: string) => {\n    onChange(value.filter((v) => v !== email));\n    inputRef.current?.focus();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!open) {\n        setOpen(true);\n      } else {\n        setHighlightedIndex((prev) => (prev < filteredContacts.length - 1 ? prev + 1 : prev));\n      }\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      if (open) {\n        setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : prev));\n      }\n    } else if (e.key === \"Enter\") {\n      e.preventDefault();\n      if (open && filteredContacts[highlightedIndex]) {\n        // Selecteer contact uit lijst\n        handleSelect(filteredContacts[highlightedIndex]);\n      } else if (inputValue.trim()) {\n        // Voeg handmatig ingevoerde email toe\n        handleAddManualEmail();\n      }\n    } else if (e.key === \"Escape\") {\n      e.preventDefault();\n      setOpen(false);\n    } else if (e.key === \"Backspace\" && !inputValue && value.length > 0) {\n      e.preventDefault();\n      const lastEmail = value[value.length - 1];\n      if (lastEmail) {\n        handleRemove(lastEmail);\n      }\n    }\n  };\n\n  return (\n    <Popover open={open}>\n      <PopoverTrigger asChild>\n        <div\n          ref={containerRef}\n          className={cn(\n            \"border-input bg-background ring-offset-background flex min-h-0 w-full flex-wrap items-center gap-2 rounded-lg border px-3 py-2 text-base transition-colors md:text-sm\",\n            \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n            disabled && \"cursor-not-allowed opacity-50\",\n          )}\n          onClick={() => {\n            if (!disabled) {\n              inputRef.current?.focus();\n            }\n          }}\n        >\n          {selectedContacts.map((contact) => (\n            <div\n              key={contact.id}\n              className=\"border-border bg-accent/50 flex items-center gap-2 rounded-full border px-2 py-0.5\"\n            >\n              <span className=\"text-xs\">{contact.email}</span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"hover:bg-destructive/20 h-4 w-4 rounded-full p-0\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  handleRemove(contact.email);\n                }}\n                disabled={disabled}\n              >\n                <X className=\"h-3 w-3\" />\n                <span className=\"sr-only\">Verwijder {contact.email}</span>\n              </Button>\n            </div>\n          ))}\n          <input\n            ref={inputRef}\n            type=\"text\"\n            value={inputValue}\n            onChange={(e) => {\n              setInputValue(e.target.value);\n              if (e.target.value) {\n                setOpen(true);\n              }\n            }}\n            onKeyDown={handleKeyDown}\n            placeholder={value.length === 0 ? placeholder : \"\"}\n            disabled={disabled}\n            className=\"placeholder:text-muted-foreground min-w-[120px] flex-1 bg-transparent outline-none placeholder:text-sm disabled:cursor-not-allowed\"\n          />\n        </div>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-full p-0\"\n        align=\"start\"\n        onOpenAutoFocus={(e) => e.preventDefault()}\n        style={{\n          width: containerRef.current?.offsetWidth || \"auto\",\n        }}\n      >\n        <div className=\"max-h-[300px] overflow-y-auto p-1\">\n          {filteredContacts.length === 0 && inputValue ? (\n            <div className=\"text-muted-foreground px-2 py-2\">\n              <div className=\"mb-2 text-xs\">Geen contacten gevonden.</div>\n              {isValidEmail(inputValue.trim()) && (\n                <button\n                  type=\"button\"\n                  onClick={handleAddManualEmail}\n                  className=\"hover:bg-accent w-full rounded-sm px-2 py-1.5 text-left text-xs transition-colors\"\n                >\n                  <span className=\"font-medium\">Voeg toe: </span>\n                  <span className=\"text-muted-foreground\">{inputValue.trim()}</span>\n                </button>\n              )}\n            </div>\n          ) : filteredContacts.length === 0 ? (\n            <div className=\"text-muted-foreground py-6 text-center text-xs\">\n              Geen contacten gevonden.\n            </div>\n          ) : (\n            <>\n              {filteredContacts.map((contact, index) => (\n                <button\n                  key={contact.id}\n                  ref={(el) => {\n                    itemRefs.current[index] = el;\n                  }}\n                  type=\"button\"\n                  onClick={() => handleSelect(contact)}\n                  className={cn(\n                    \"outline-hidden hover:bg-accent flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-xs transition-colors\",\n                    highlightedIndex === index && \"bg-accent\",\n                  )}\n                >\n                  <div className=\"flex flex-col items-start\">\n                    <span className=\"text-xs font-medium\">{contact.name}</span>\n                    <span className=\"text-muted-foreground text-xs\">{contact.email}</span>\n                  </div>\n                </button>\n              ))}\n              {inputValue && isValidEmail(inputValue.trim()) && (\n                <div className=\"mt-1 border-t pt-1\">\n                  <button\n                    type=\"button\"\n                    onClick={handleAddManualEmail}\n                    className=\"hover:bg-accent w-full rounded-sm px-2 py-1.5 text-left text-xs transition-colors\"\n                  >\n                    <span className=\"font-medium\">Voeg toe: </span>\n                    <span className=\"text-muted-foreground\">{inputValue.trim()}</span>\n                  </button>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"input-recipient.mjs","names":["React"],"sources":["../../../src/components/ui/input-recipient.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\nimport { toast } from \"sonner\";\n\nimport { Button } from \"./button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nexport type Contact = {\n  id: string;\n  email: string;\n  name: string;\n};\n\ninterface RecipientInputProps {\n  contacts: Contact[];\n  value: string[];\n  onChange: (value: string[]) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\n// Simpele email validatie\nconst isValidEmail = (email: string): boolean => {\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n  return emailRegex.test(email);\n};\n\nexport function RecipientInput({\n  contacts,\n  value,\n  onChange,\n  placeholder = \"Kies een ontvanger...\",\n  disabled = false,\n  className,\n}: RecipientInputProps) {\n  const [open, setOpen] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\"\");\n  const [highlightedIndex, setHighlightedIndex] = React.useState(0);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const itemRefs = React.useRef<(HTMLButtonElement | null)[]>([]);\n\n  const selectedContacts = React.useMemo(() => {\n    return value\n      .map((email) => {\n        const contact = contacts.find((c) => c.email === email);\n        return contact || { id: email, email, name: email };\n      })\n      .filter(Boolean) as Contact[];\n  }, [value, contacts]);\n\n  const availableContacts = React.useMemo(() => {\n    return contacts.filter((contact) => !value.includes(contact.email));\n  }, [contacts, value]);\n\n  const filteredContacts = React.useMemo(() => {\n    if (!inputValue || !inputValue.trim()) return availableContacts;\n    const search = inputValue.toLowerCase().trim();\n    return availableContacts.filter(\n      (contact) =>\n        contact.email.toLowerCase().includes(search) || contact.name.toLowerCase().includes(search),\n    );\n  }, [availableContacts, inputValue]);\n\n  React.useEffect(() => {\n    setHighlightedIndex(0);\n  }, [filteredContacts]);\n\n  React.useEffect(() => {\n    if (open && highlightedIndex >= 0 && itemRefs.current[highlightedIndex]) {\n      itemRefs.current[highlightedIndex]?.scrollIntoView({\n        block: \"nearest\",\n        behavior: \"smooth\",\n      });\n    }\n  }, [highlightedIndex, open]);\n\n  React.useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n\n    if (open) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }\n  }, [open]);\n\n  const handleSelect = (contact: Contact) => {\n    onChange([...value, contact.email]);\n    setInputValue(\"\");\n    setOpen(false);\n    setHighlightedIndex(0);\n    inputRef.current?.focus();\n  };\n\n  const handleAddManualEmail = () => {\n    const trimmedEmail = inputValue.trim();\n\n    if (!trimmedEmail) return;\n\n    if (!isValidEmail(trimmedEmail)) {\n      toast.error(\"Ongeldig email adres\");\n      return;\n    }\n\n    if (value.includes(trimmedEmail)) {\n      toast.error(\"Email is al toegevoegd\");\n      setInputValue(\"\");\n      return;\n    }\n\n    onChange([...value, trimmedEmail]);\n    setInputValue(\"\");\n    setOpen(false);\n    setHighlightedIndex(0);\n    inputRef.current?.focus();\n  };\n\n  const handleRemove = (email: string) => {\n    onChange(value.filter((v) => v !== email));\n    inputRef.current?.focus();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!open) {\n        setOpen(true);\n      } else {\n        setHighlightedIndex((prev) => (prev < filteredContacts.length - 1 ? prev + 1 : prev));\n      }\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      if (open) {\n        setHighlightedIndex((prev) => (prev > 0 ? prev - 1 : prev));\n      }\n    } else if (e.key === \"Enter\") {\n      e.preventDefault();\n      if (open && filteredContacts[highlightedIndex]) {\n        // Selecteer contact uit lijst\n        handleSelect(filteredContacts[highlightedIndex]);\n      } else if (inputValue.trim()) {\n        // Voeg handmatig ingevoerde email toe\n        handleAddManualEmail();\n      }\n    } else if (e.key === \"Escape\") {\n      e.preventDefault();\n      setOpen(false);\n    } else if (e.key === \"Backspace\" && !inputValue && value.length > 0) {\n      e.preventDefault();\n      const lastEmail = value[value.length - 1];\n      if (lastEmail) {\n        handleRemove(lastEmail);\n      }\n    }\n  };\n\n  return (\n    <Popover open={open}>\n      <PopoverTrigger asChild>\n        <div\n          ref={containerRef}\n          className={cn(\n            \"border-input bg-background ring-offset-background flex min-h-0 w-full flex-wrap items-center gap-2 rounded-lg border px-3 py-2 text-base transition-colors md:text-sm\",\n            \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n            disabled && \"cursor-not-allowed opacity-50\",\n            className,\n          )}\n          onClick={() => {\n            if (!disabled) {\n              inputRef.current?.focus();\n            }\n          }}\n        >\n          {selectedContacts.map((contact) => (\n            <div\n              key={contact.id}\n              className=\"border-border bg-accent/50 flex items-center gap-2 rounded-full border px-2 py-0.5\"\n            >\n              <span className=\"text-xs\">{contact.email}</span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"hover:bg-destructive/20 h-4 w-4 rounded-full p-0\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  handleRemove(contact.email);\n                }}\n                disabled={disabled}\n              >\n                <X className=\"h-3 w-3\" />\n                <span className=\"sr-only\">Verwijder {contact.email}</span>\n              </Button>\n            </div>\n          ))}\n          <input\n            ref={inputRef}\n            type=\"text\"\n            value={inputValue}\n            onChange={(e) => {\n              setInputValue(e.target.value);\n              if (e.target.value) {\n                setOpen(true);\n              }\n            }}\n            onKeyDown={handleKeyDown}\n            placeholder={value.length === 0 ? placeholder : \"\"}\n            disabled={disabled}\n            className=\"placeholder:text-muted-foreground min-w-[120px] flex-1 bg-transparent outline-none placeholder:text-sm disabled:cursor-not-allowed\"\n          />\n        </div>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-full p-0\"\n        align=\"start\"\n        onOpenAutoFocus={(e) => e.preventDefault()}\n        style={{\n          width: containerRef.current?.offsetWidth || \"auto\",\n        }}\n      >\n        <div className=\"max-h-[300px] overflow-y-auto p-1\">\n          {filteredContacts.length === 0 && inputValue ? (\n            <div className=\"text-muted-foreground px-2 py-2\">\n              <div className=\"mb-2 text-xs\">Geen contacten gevonden.</div>\n              {isValidEmail(inputValue.trim()) && (\n                <button\n                  type=\"button\"\n                  onClick={handleAddManualEmail}\n                  className=\"hover:bg-accent w-full rounded-sm px-2 py-1.5 text-left text-xs transition-colors\"\n                >\n                  <span className=\"font-medium\">Voeg toe: </span>\n                  <span className=\"text-muted-foreground\">{inputValue.trim()}</span>\n                </button>\n              )}\n            </div>\n          ) : filteredContacts.length === 0 ? (\n            <div className=\"text-muted-foreground py-6 text-center text-xs\">\n              Geen contacten gevonden.\n            </div>\n          ) : (\n            <>\n              {filteredContacts.map((contact, index) => (\n                <button\n                  key={contact.id}\n                  ref={(el) => {\n                    itemRefs.current[index] = el;\n                  }}\n                  type=\"button\"\n                  onClick={() => handleSelect(contact)}\n                  className={cn(\n                    \"outline-hidden hover:bg-accent flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-xs transition-colors\",\n                    highlightedIndex === index && \"bg-accent\",\n                  )}\n                >\n                  <div className=\"flex flex-col items-start\">\n                    <span className=\"text-xs font-medium\">{contact.name}</span>\n                    <span className=\"text-muted-foreground text-xs\">{contact.email}</span>\n                  </div>\n                </button>\n              ))}\n              {inputValue && isValidEmail(inputValue.trim()) && (\n                <div className=\"mt-1 border-t pt-1\">\n                  <button\n                    type=\"button\"\n                    onClick={handleAddManualEmail}\n                    className=\"hover:bg-accent w-full rounded-sm px-2 py-1.5 text-left text-xs transition-colors\"\n                  >\n                    <span className=\"font-medium\">Voeg toe: </span>\n                    <span className=\"text-muted-foreground\">{inputValue.trim()}</span>\n                  </button>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ui/input.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime346 from "react/jsx-runtime";
+import * as react_jsx_runtime181 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/ui/input.d.ts
@@ -6,7 +6,7 @@ declare function Input({
   className,
   type,
   ...props
-}: React$1.ComponentProps<"input">): react_jsx_runtime346.JSX.Element;
+}: React$1.ComponentProps<"input">): react_jsx_runtime181.JSX.Element;
 //#endregion
 export { Input };
 //# sourceMappingURL=input.d.mts.map

package/dist/components/ui/label.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime347 from "react/jsx-runtime";
+import * as react_jsx_runtime182 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 
@@ -6,7 +6,7 @@ import * as LabelPrimitive from "@radix-ui/react-label";
 declare function Label({
   className,
   ...props
-}: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime347.JSX.Element;
+}: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime182.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.mts.map

package/dist/components/ui/navigation-menu.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime348 from "react/jsx-runtime";
+import * as react_jsx_runtime183 from "react/jsx-runtime";
 import * as React$1 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import * as class_variance_authority_types3 from "class-variance-authority/types";
@@ -11,37 +11,37 @@ declare function NavigationMenu({
   ...props
 }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
   viewport?: boolean;
-}): react_jsx_runtime348.JSX.Element;
+}): react_jsx_runtime183.JSX.Element;
 declare function NavigationMenuList({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime348.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime183.JSX.Element;
 declare function NavigationMenuItem({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime348.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime183.JSX.Element;
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types3.ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime348.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime183.JSX.Element;
 declare function NavigationMenuContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime348.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime183.JSX.Element;
 declare function NavigationMenuViewport({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime348.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime183.JSX.Element;
 declare function NavigationMenuLink({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime348.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime183.JSX.Element;
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime348.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime183.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.mts.map