@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/drawer.js

@@ -1,86 +1,78 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@codefast/tailwind-variants";
-import { Drawer } from "vaul";
 import { buttonVariants } from "./button.js";
-function drawer_Drawer({ shouldScaleBackground = true, ...props }) {
-    return /*#__PURE__*/ jsx(Drawer.Root, {
-        "data-slot": "drawer",
-        shouldScaleBackground: shouldScaleBackground,
-        ...props
-    });
+import { cn } from "@codefast/tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer as Drawer$1 } from "vaul";
+//#region src/components/drawer.tsx
+function Drawer({ shouldScaleBackground = true, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Root, {
+		"data-slot": "drawer",
+		shouldScaleBackground,
+		...props
+	});
 }
 function DrawerTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Drawer.Trigger, {
-        "data-slot": "drawer-trigger",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Drawer$1.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
 }
 function DrawerContent({ children, className, classNames, ...props }) {
-    return /*#__PURE__*/ jsxs(Drawer.Portal, {
-        children: [
-            /*#__PURE__*/ jsx(Drawer.Overlay, {
-                className: cn("fixed inset-0 z-50 bg-black/50", classNames?.overlay),
-                "data-slot": "drawer-overlay"
-            }),
-            /*#__PURE__*/ jsxs(Drawer.Content, {
-                className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-background data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-2xl data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-2xl data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm", classNames?.content, className),
-                "data-slot": "drawer-content",
-                ...props,
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: cn("mx-auto mt-4 hidden h-1.5 w-12 shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block", classNames?.handle)
-                    }),
-                    children
-                ]
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(Drawer$1.Portal, { children: [/* @__PURE__ */ jsx(Drawer$1.Overlay, {
+		className: cn("fixed inset-0 z-50 bg-black/50", classNames?.overlay),
+		"data-slot": "drawer-overlay"
+	}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
+		className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-background data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-2xl data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-2xl data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm", classNames?.content, className),
+		"data-slot": "drawer-content",
+		...props,
+		children: [/* @__PURE__ */ jsx("div", { className: cn("mx-auto mt-4 hidden h-1.5 w-12 shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block", classNames?.handle) }), children]
+	})] });
 }
 function DrawerHeader({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("flex flex-col gap-1.5 p-4", className),
-        "data-slot": "drawer-header",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-1.5 p-4", className),
+		"data-slot": "drawer-header",
+		...props
+	});
 }
 function DrawerBody({ className, ...props }) {
-    return /*#__PURE__*/ jsx("main", {
-        className: cn("overflow-auto px-4 py-2", className),
-        "data-slot": "drawer-body",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("main", {
+		className: cn("overflow-auto px-4 py-2", className),
+		"data-slot": "drawer-body",
+		...props
+	});
 }
 function DrawerFooter({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("mt-auto flex flex-col gap-2 p-4", className),
-        "data-slot": "drawer-footer",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		"data-slot": "drawer-footer",
+		...props
+	});
 }
 function DrawerTitle({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Drawer.Title, {
-        className: cn("font-semibold text-foreground", className),
-        "data-slot": "drawer-title",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Drawer$1.Title, {
+		className: cn("font-semibold text-foreground", className),
+		"data-slot": "drawer-title",
+		...props
+	});
 }
 function DrawerDescription({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Drawer.Description, {
-        className: cn("text-sm text-muted-foreground", className),
-        "data-slot": "drawer-description",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Drawer$1.Description, {
+		className: cn("text-sm text-muted-foreground", className),
+		"data-slot": "drawer-description",
+		...props
+	});
 }
 function DrawerClose({ className, size, variant = "outline", ...props }) {
-    return /*#__PURE__*/ jsx(Drawer.Close, {
-        className: buttonVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-slot": "drawer-close",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Drawer$1.Close, {
+		className: buttonVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "drawer-close",
+		...props
+	});
 }
-export { drawer_Drawer as Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };
+//#endregion
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };

package/dist/components/dropdown-menu.d.ts

@@ -1,41 +1,92 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/dropdown-menu.d.ts
 type DropdownMenuProps = ComponentProps<typeof DropdownMenuPrimitive.Root>;
-declare function DropdownMenu({ ...props }: DropdownMenuProps): JSX.Element;
+declare function DropdownMenu({
+  ...props
+}: DropdownMenuProps): JSX.Element;
 type DropdownMenuTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.Trigger>;
-declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): JSX.Element;
+declare function DropdownMenuTrigger({
+  ...props
+}: DropdownMenuTriggerProps): JSX.Element;
 type DropdownMenuGroupProps = ComponentProps<typeof DropdownMenuPrimitive.Group>;
-declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): JSX.Element;
+declare function DropdownMenuGroup({
+  ...props
+}: DropdownMenuGroupProps): JSX.Element;
 type DropdownMenuSubProps = ComponentProps<typeof DropdownMenuPrimitive.Sub>;
-declare function DropdownMenuSub({ ...props }: DropdownMenuSubProps): JSX.Element;
+declare function DropdownMenuSub({
+  ...props
+}: DropdownMenuSubProps): JSX.Element;
 type DropdownMenuRadioGroupProps = ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>;
-declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): JSX.Element;
+declare function DropdownMenuRadioGroup({
+  ...props
+}: DropdownMenuRadioGroupProps): JSX.Element;
 interface DropdownMenuSubTriggerProps extends ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> {
-    inset?: boolean;
+  inset?: boolean;
 }
-declare function DropdownMenuSubTrigger({ children, className, inset, ...props }: DropdownMenuSubTriggerProps): JSX.Element;
+declare function DropdownMenuSubTrigger({
+  children,
+  className,
+  inset,
+  ...props
+}: DropdownMenuSubTriggerProps): JSX.Element;
 type DropdownMenuSubContentProps = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;
-declare function DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps): JSX.Element;
+declare function DropdownMenuSubContent({
+  className,
+  ...props
+}: DropdownMenuSubContentProps): JSX.Element;
 type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content>;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: DropdownMenuContentProps): JSX.Element;
+declare function DropdownMenuContent({
+  className,
+  sideOffset,
+  ...props
+}: DropdownMenuContentProps): JSX.Element;
 interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenuPrimitive.Item> {
-    inset?: boolean;
-    variant?: "default" | "destructive";
+  inset?: boolean;
+  variant?: "default" | "destructive";
 }
-declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): JSX.Element;
+declare function DropdownMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: DropdownMenuItemProps): JSX.Element;
 type DropdownMenuCheckboxItemProps = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>;
-declare function DropdownMenuCheckboxItem({ checked, children, className, ...props }: DropdownMenuCheckboxItemProps): JSX.Element;
+declare function DropdownMenuCheckboxItem({
+  checked,
+  children,
+  className,
+  ...props
+}: DropdownMenuCheckboxItemProps): JSX.Element;
 type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.RadioItem>;
-declare function DropdownMenuRadioItem({ children, className, ...props }: DropdownMenuRadioItemProps): JSX.Element;
+declare function DropdownMenuRadioItem({
+  children,
+  className,
+  ...props
+}: DropdownMenuRadioItemProps): JSX.Element;
 interface DropdownMenuLabelProps extends ComponentProps<typeof DropdownMenuPrimitive.Label> {
-    inset?: boolean;
+  inset?: boolean;
 }
-declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): JSX.Element;
+declare function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: DropdownMenuLabelProps): JSX.Element;
 type DropdownMenuSeparatorProps = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
-declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): JSX.Element;
+declare function DropdownMenuSeparator({
+  className,
+  ...props
+}: DropdownMenuSeparatorProps): JSX.Element;
 type DropdownMenuShortcutProps = ComponentProps<"span">;
-declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): JSX.Element;
+declare function DropdownMenuShortcut({
+  className,
+  ...props
+}: DropdownMenuShortcutProps): JSX.Element;
 type DropdownMenuArrowProps = ComponentProps<typeof DropdownMenuPrimitive.Arrow>;
-declare function DropdownMenuArrow({ className, ...props }: DropdownMenuArrowProps): JSX.Element;
-export { DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
-export type { DropdownMenuArrowProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuShortcutProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, };
+declare function DropdownMenuArrow({
+  className,
+  ...props
+}: DropdownMenuArrowProps): JSX.Element;
+//#endregion
+export { DropdownMenu, DropdownMenuArrow, type DropdownMenuArrowProps, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };

package/dist/components/dropdown-menu.js

@@ -1,146 +1,129 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Arrow, CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-dropdown-menu";
 import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+//#region src/components/dropdown-menu.tsx
 function DropdownMenu({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "dropdown-menu",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
 }
 function DropdownMenuTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "dropdown-menu-trigger",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
 }
 function DropdownMenuGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(Group, {
-        "data-slot": "dropdown-menu-group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, {
+		"data-slot": "dropdown-menu-group",
+		...props
+	});
 }
 function DropdownMenuSub({ ...props }) {
-    return /*#__PURE__*/ jsx(Sub, {
-        "data-slot": "dropdown-menu-sub",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...props
+	});
 }
 function DropdownMenuRadioGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(RadioGroup, {
-        "data-slot": "dropdown-menu-radio-group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...props
+	});
 }
 function DropdownMenuSubTrigger({ children, className, inset, ...props }) {
-    return /*#__PURE__*/ jsxs(SubTrigger, {
-        className: cn("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
-        "data-inset": inset,
-        "data-slot": "dropdown-menu-sub-trigger",
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(ChevronRightIcon, {
-                className: "ml-auto size-4"
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+		className: cn("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
+		"data-inset": inset,
+		"data-slot": "dropdown-menu-sub-trigger",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })]
+	});
 }
 function DropdownMenuSubContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        "data-slot": "dropdown-menu-portal",
-        children: /*#__PURE__*/ jsx(SubContent, {
-            className: cn("z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
-            "data-slot": "dropdown-menu-sub-content",
-            ...props
-        })
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+			className: cn("z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
+			"data-slot": "dropdown-menu-sub-content",
+			...props
+		})
+	});
 }
 function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        "data-slot": "dropdown-menu-portal",
-        children: /*#__PURE__*/ jsx(Content, {
-            className: cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
-            "data-slot": "dropdown-menu-content",
-            sideOffset: sideOffset,
-            ...props
-        })
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+			className: cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
+			"data-slot": "dropdown-menu-content",
+			sideOffset,
+			...props
+		})
+	});
 }
 function DropdownMenuItem({ className, inset, variant, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
-        "data-inset": inset,
-        "data-slot": "dropdown-menu-item",
-        "data-variant": variant,
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
+		"data-inset": inset,
+		"data-slot": "dropdown-menu-item",
+		"data-variant": variant,
+		...props
+	});
 }
 function DropdownMenuCheckboxItem({ checked, children, className, ...props }) {
-    return /*#__PURE__*/ jsxs(CheckboxItem, {
-        checked: checked,
-        className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-        "data-slot": "dropdown-menu-checkbox-item",
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "absolute left-2 flex items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(CheckIcon, {
-                        className: "size-4"
-                    })
-                })
-            }),
-            children
-        ]
-    });
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+		checked,
+		className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		"data-slot": "dropdown-menu-checkbox-item",
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute left-2 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), children]
+	});
 }
 function DropdownMenuRadioItem({ children, className, ...props }) {
-    return /*#__PURE__*/ jsxs(RadioItem, {
-        className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-        "data-slot": "dropdown-menu-radio-item",
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                className: "absolute left-2 flex items-center justify-center",
-                children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(DotIcon, {
-                        className: "size-4 fill-current"
-                    })
-                })
-            }),
-            children
-        ]
-    });
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+		className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		"data-slot": "dropdown-menu-radio-item",
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute left-2 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotIcon, { className: "size-4 fill-current" }) })
+		}), children]
+	});
 }
 function DropdownMenuLabel({ className, inset, ...props }) {
-    return /*#__PURE__*/ jsx(Label, {
-        className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className),
-        "data-inset": inset,
-        "data-slot": "dropdown-menu-label",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className),
+		"data-inset": inset,
+		"data-slot": "dropdown-menu-label",
+		...props
+	});
 }
 function DropdownMenuSeparator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Separator, {
-        className: cn("mx-2 my-1 h-px bg-border", className),
-        "data-slot": "dropdown-menu-separator",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		className: cn("mx-2 my-1 h-px bg-border", className),
+		"data-slot": "dropdown-menu-separator",
+		...props
+	});
 }
 function DropdownMenuShortcut({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
-        className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80", className),
-        "data-slot": "dropdown-menu-shortcut",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80", className),
+		"data-slot": "dropdown-menu-shortcut",
+		...props
+	});
 }
 function DropdownMenuArrow({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Arrow, {
-        className: cn("fill-popover", className),
-        "data-slot": "dropdown-menu-arrow",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Arrow, {
+		className: cn("fill-popover", className),
+		"data-slot": "dropdown-menu-arrow",
+		...props
+	});
 }
+//#endregion
 export { DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/empty.d.ts

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