@appcorp/shadcn 1.0.37 → 1.1.0

package/components/{dialog.js → ui/dialog.js}

@@ -56,63 +56,58 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = Dialog;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogPortal = DialogPortal;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
+exports.DialogDescription = exports.DialogTitle = exports.DialogFooter = exports.DialogHeader = exports.DialogContent = exports.DialogClose = exports.DialogTrigger = exports.DialogOverlay = exports.DialogPortal = exports.Dialog = void 0;
 var React = __importStar(require("react"));
 var DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
-var lucide_react_1 = require("lucide-react");
-var utils_1 = require("../lib/utils");
-function Dialog(_a) {
-    var props = __rest(_a, []);
-    return React.createElement(DialogPrimitive.Root, __assign({ "data-slot": "dialog" }, props));
-}
-function DialogTrigger(_a) {
-    var props = __rest(_a, []);
-    return React.createElement(DialogPrimitive.Trigger, __assign({ "data-slot": "dialog-trigger" }, props));
-}
-function DialogPortal(_a) {
-    var props = __rest(_a, []);
-    return React.createElement(DialogPrimitive.Portal, __assign({ "data-slot": "dialog-portal" }, props));
-}
-function DialogClose(_a) {
-    var props = __rest(_a, []);
-    return React.createElement(DialogPrimitive.Close, __assign({ "data-slot": "dialog-close" }, props));
-}
-function DialogOverlay(_a) {
+var utils_1 = require("../../lib/utils");
+var react_icons_1 = require("@radix-ui/react-icons");
+var Dialog = DialogPrimitive.Root;
+exports.Dialog = Dialog;
+var DialogTrigger = DialogPrimitive.Trigger;
+exports.DialogTrigger = DialogTrigger;
+var DialogPortal = DialogPrimitive.Portal;
+exports.DialogPortal = DialogPortal;
+var DialogClose = DialogPrimitive.Close;
+exports.DialogClose = DialogClose;
+var DialogOverlay = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(DialogPrimitive.Overlay, __assign({ "data-slot": "dialog-overlay", className: (0, utils_1.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className) }, props)));
-}
-function DialogContent(_a) {
-    var className = _a.className, children = _a.children, _b = _a.showCloseButton, showCloseButton = _b === void 0 ? true : _b, props = __rest(_a, ["className", "children", "showCloseButton"]);
-    return (React.createElement(DialogPortal, { "data-slot": "dialog-portal" },
+    return (React.createElement(DialogPrimitive.Overlay, __assign({ ref: ref, className: (0, utils_1.cn)("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className) }, props)));
+});
+exports.DialogOverlay = DialogOverlay;
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(DialogPortal, null,
         React.createElement(DialogOverlay, null),
-        React.createElement(DialogPrimitive.Content, __assign({ "data-slot": "dialog-content", className: (0, utils_1.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className) }, props),
+        React.createElement(DialogPrimitive.Content, __assign({ ref: ref, className: (0, utils_1.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className) }, props),
             children,
-            showCloseButton && (React.createElement(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" },
-                React.createElement(lucide_react_1.XIcon, null),
-                React.createElement("span", { className: "sr-only" }, "Close"))))));
-}
-function DialogHeader(_a) {
+            React.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" },
+                React.createElement(react_icons_1.Cross2Icon, { className: "h-4 w-4" }),
+                React.createElement("span", { className: "sr-only" }, "Close")))));
+});
+exports.DialogContent = DialogContent;
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "dialog-header", className: (0, utils_1.cn)("flex flex-col gap-2 text-center sm:text-left", className) }, props)));
-}
-function DialogFooter(_a) {
+    return (React.createElement("div", __assign({ className: (0, utils_1.cn)("flex flex-col space-y-1.5 text-center sm:text-left", className) }, props)));
+};
+exports.DialogHeader = DialogHeader;
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "dialog-footer", className: (0, utils_1.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className) }, props)));
-}
-function DialogTitle(_a) {
+    return (React.createElement("div", __assign({ className: (0, utils_1.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className) }, props)));
+};
+exports.DialogFooter = DialogFooter;
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(DialogPrimitive.Title, __assign({ "data-slot": "dialog-title", className: (0, utils_1.cn)("text-lg leading-none font-semibold", className) }, props)));
-}
-function DialogDescription(_a) {
+    return (React.createElement(DialogPrimitive.Title, __assign({ ref: ref, className: (0, utils_1.cn)("text-lg font-semibold leading-none tracking-tight", className) }, props)));
+});
+exports.DialogTitle = DialogTitle;
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(DialogPrimitive.Description, __assign({ "data-slot": "dialog-description", className: (0, utils_1.cn)("text-muted-foreground text-sm", className) }, props)));
-}
+    return (React.createElement(DialogPrimitive.Description, __assign({ ref: ref, className: (0, utils_1.cn)("text-sm text-muted-foreground", className) }, props)));
+});
+exports.DialogDescription = DialogDescription;
+DialogDescription.displayName = DialogPrimitive.Description.displayName;

package/components/ui/drawer.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof import("vaul").Portal;
+declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/components/{drawer.js → ui/drawer.js}

@@ -56,60 +56,59 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerDescription = exports.DrawerTitle = exports.DrawerFooter = exports.DrawerHeader = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.DrawerOverlay = exports.DrawerPortal = exports.Drawer = void 0;
+var React = __importStar(require("react"));
+var vaul_1 = require("vaul");
+var utils_1 = require("../../lib/utils");
+var Drawer = function (_a) {
+    var _b = _a.shouldScaleBackground, shouldScaleBackground = _b === void 0 ? true : _b, props = __rest(_a, ["shouldScaleBackground"]);
+    return (React.createElement(vaul_1.Drawer.Root, __assign({ shouldScaleBackground: shouldScaleBackground }, props)));
+};
 exports.Drawer = Drawer;
-exports.DrawerPortal = DrawerPortal;
-exports.DrawerOverlay = DrawerOverlay;
+Drawer.displayName = "Drawer";
+var DrawerTrigger = vaul_1.Drawer.Trigger;
 exports.DrawerTrigger = DrawerTrigger;
+var DrawerPortal = vaul_1.Drawer.Portal;
+exports.DrawerPortal = DrawerPortal;
+var DrawerClose = vaul_1.Drawer.Close;
 exports.DrawerClose = DrawerClose;
-exports.DrawerContent = DrawerContent;
-exports.DrawerHeader = DrawerHeader;
-exports.DrawerFooter = DrawerFooter;
-exports.DrawerTitle = DrawerTitle;
-exports.DrawerDescription = DrawerDescription;
-var React = __importStar(require("react"));
-var vaul_1 = require("vaul");
-var utils_1 = require("../lib/utils");
-function Drawer(_a) {
-    var props = __rest(_a, []);
-    return React.createElement(vaul_1.Drawer.Root, __assign({ "data-slot": "drawer" }, props));
-}
-function DrawerTrigger(_a) {
-    var props = __rest(_a, []);
-    return React.createElement(vaul_1.Drawer.Trigger, __assign({ "data-slot": "drawer-trigger" }, props));
-}
-function DrawerPortal(_a) {
-    var props = __rest(_a, []);
-    return React.createElement(vaul_1.Drawer.Portal, __assign({ "data-slot": "drawer-portal" }, props));
-}
-function DrawerClose(_a) {
-    var props = __rest(_a, []);
-    return React.createElement(vaul_1.Drawer.Close, __assign({ "data-slot": "drawer-close" }, props));
-}
-function DrawerOverlay(_a) {
+var DrawerOverlay = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(vaul_1.Drawer.Overlay, __assign({ "data-slot": "drawer-overlay", className: (0, utils_1.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className) }, props)));
-}
-function DrawerContent(_a) {
+    return (React.createElement(vaul_1.Drawer.Overlay, __assign({ ref: ref, className: (0, utils_1.cn)("fixed inset-0 z-50 bg-black/80", className) }, props)));
+});
+exports.DrawerOverlay = DrawerOverlay;
+DrawerOverlay.displayName = vaul_1.Drawer.Overlay.displayName;
+var DrawerContent = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React.createElement(DrawerPortal, { "data-slot": "drawer-portal" },
+    return (React.createElement(DrawerPortal, null,
         React.createElement(DrawerOverlay, null),
-        React.createElement(vaul_1.Drawer.Content, __assign({ "data-slot": "drawer-content", className: (0, utils_1.cn)("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "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-lg data-[vaul-drawer-direction=top]:border-b", "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-lg data-[vaul-drawer-direction=bottom]:border-t", "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=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "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=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className) }, props),
-            React.createElement("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+        React.createElement(vaul_1.Drawer.Content, __assign({ ref: ref, className: (0, utils_1.cn)("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background", className) }, props),
+            React.createElement("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
             children)));
-}
-function DrawerHeader(_a) {
+});
+exports.DrawerContent = DrawerContent;
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "drawer-header", className: (0, utils_1.cn)("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className) }, props)));
-}
-function DrawerFooter(_a) {
+    return (React.createElement("div", __assign({ className: (0, utils_1.cn)("grid gap-1.5 p-4 text-center sm:text-left", className) }, props)));
+};
+exports.DrawerHeader = DrawerHeader;
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "drawer-footer", className: (0, utils_1.cn)("mt-auto flex flex-col gap-2 p-4", className) }, props)));
-}
-function DrawerTitle(_a) {
+    return (React.createElement("div", __assign({ className: (0, utils_1.cn)("mt-auto flex flex-col gap-2 p-4", className) }, props)));
+};
+exports.DrawerFooter = DrawerFooter;
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(vaul_1.Drawer.Title, __assign({ "data-slot": "drawer-title", className: (0, utils_1.cn)("text-foreground font-semibold", className) }, props)));
-}
-function DrawerDescription(_a) {
+    return (React.createElement(vaul_1.Drawer.Title, __assign({ ref: ref, className: (0, utils_1.cn)("text-lg font-semibold leading-none tracking-tight", className) }, props)));
+});
+exports.DrawerTitle = DrawerTitle;
+DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
+var DrawerDescription = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(vaul_1.Drawer.Description, __assign({ "data-slot": "drawer-description", className: (0, utils_1.cn)("text-muted-foreground text-sm", className) }, props)));
-}
+    return (React.createElement(vaul_1.Drawer.Description, __assign({ ref: ref, className: (0, utils_1.cn)("text-sm text-muted-foreground", className) }, props)));
+});
+exports.DrawerDescription = DrawerDescription;
+DrawerDescription.displayName = vaul_1.Drawer.Description.displayName;

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

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/components/ui/dropdown-menu.js

@@ -0,0 +1,143 @@
+"use client";
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = exports.DropdownMenu = void 0;
+var React = __importStar(require("react"));
+var DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
+var utils_1 = require("../../lib/utils");
+var react_icons_1 = require("@radix-ui/react-icons");
+var DropdownMenu = DropdownMenuPrimitive.Root;
+exports.DropdownMenu = DropdownMenu;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+exports.DropdownMenuSub = DropdownMenuSub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+var DropdownMenuSubTrigger = React.forwardRef(function (_a, ref) {
+    var className = _a.className, inset = _a.inset, children = _a.children, props = __rest(_a, ["className", "inset", "children"]);
+    return (React.createElement(DropdownMenuPrimitive.SubTrigger, __assign({ ref: ref, className: (0, utils_1.cn)("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className) }, props),
+        children,
+        React.createElement(react_icons_1.ChevronRightIcon, { className: "ml-auto" })));
+});
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+DropdownMenuSubTrigger.displayName =
+    DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(DropdownMenuPrimitive.SubContent, __assign({ ref: ref, className: (0, utils_1.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]", className) }, props)));
+});
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+DropdownMenuSubContent.displayName =
+    DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 4 : _b, props = __rest(_a, ["className", "sideOffset"]);
+    return (React.createElement(DropdownMenuPrimitive.Portal, null,
+        React.createElement(DropdownMenuPrimitive.Content, __assign({ ref: ref, sideOffset: sideOffset, className: (0, utils_1.cn)("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]", className) }, props))));
+});
+exports.DropdownMenuContent = DropdownMenuContent;
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, inset = _a.inset, props = __rest(_a, ["className", "inset"]);
+    return (React.createElement(DropdownMenuPrimitive.Item, __assign({ ref: ref, className: (0, utils_1.cn)("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className) }, props)));
+});
+exports.DropdownMenuItem = DropdownMenuItem;
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, checked = _a.checked, props = __rest(_a, ["className", "children", "checked"]);
+    return (React.createElement(DropdownMenuPrimitive.CheckboxItem, __assign({ ref: ref, className: (0, utils_1.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked }, props),
+        React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
+            React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
+                React.createElement(react_icons_1.CheckIcon, { className: "h-4 w-4" }))),
+        children));
+});
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+DropdownMenuCheckboxItem.displayName =
+    DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(DropdownMenuPrimitive.RadioItem, __assign({ ref: ref, className: (0, utils_1.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className) }, props),
+        React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
+            React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
+                React.createElement(react_icons_1.DotFilledIcon, { className: "h-2 w-2 fill-current" }))),
+        children));
+});
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React.forwardRef(function (_a, ref) {
+    var className = _a.className, inset = _a.inset, props = __rest(_a, ["className", "inset"]);
+    return (React.createElement(DropdownMenuPrimitive.Label, __assign({ ref: ref, className: (0, utils_1.cn)("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className) }, props)));
+});
+exports.DropdownMenuLabel = DropdownMenuLabel;
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(DropdownMenuPrimitive.Separator, __assign({ ref: ref, className: (0, utils_1.cn)("-mx-1 my-1 h-px bg-muted", className) }, props)));
+});
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("span", __assign({ className: (0, utils_1.cn)("ml-auto text-xs tracking-widest opacity-60", className) }, props)));
+};
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";

package/components/{form.d.ts → ui/form.d.ts}

@@ -1,6 +1,5 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { Slot } from "@radix-ui/react-slot";
 import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
@@ -16,9 +15,9 @@ declare const useFormField: () => {
     formDescriptionId: string;
     formMessageId: string;
 };
-declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
-declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): React.JSX.Element;
-declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/components/{form.js → ui/form.js}

@@ -56,20 +56,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormField = exports.Form = exports.useFormField = void 0;
-exports.FormItem = FormItem;
-exports.FormLabel = FormLabel;
-exports.FormControl = FormControl;
-exports.FormDescription = FormDescription;
-exports.FormMessage = FormMessage;
+exports.FormField = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormLabel = exports.FormItem = exports.Form = exports.useFormField = void 0;
 var React = __importStar(require("react"));
 var react_slot_1 = require("@radix-ui/react-slot");
 var react_hook_form_1 = require("react-hook-form");
-var utils_1 = require("../lib/utils");
-var label_1 = require("./label");
+var utils_1 = require("../../lib/utils");
+var label_1 = require("../ui/label");
 var Form = react_hook_form_1.FormProvider;
 exports.Form = Form;
-var FormFieldContext = React.createContext({});
+var FormFieldContext = React.createContext(null);
 var FormField = function (_a) {
     var props = __rest(_a, []);
     return (React.createElement(FormFieldContext.Provider, { value: { name: props.name } },
@@ -79,47 +74,59 @@ exports.FormField = FormField;
 var useFormField = function () {
     var fieldContext = React.useContext(FormFieldContext);
     var itemContext = React.useContext(FormItemContext);
-    var getFieldState = (0, react_hook_form_1.useFormContext)().getFieldState;
-    var formState = (0, react_hook_form_1.useFormState)({ name: fieldContext.name });
-    var fieldState = getFieldState(fieldContext.name, formState);
+    var _a = (0, react_hook_form_1.useFormContext)(), getFieldState = _a.getFieldState, formState = _a.formState;
     if (!fieldContext) {
         throw new Error("useFormField should be used within <FormField>");
     }
+    if (!itemContext) {
+        throw new Error("useFormField should be used within <FormItem>");
+    }
+    var fieldState = getFieldState(fieldContext.name, formState);
     var id = itemContext.id;
     return __assign({ id: id, name: fieldContext.name, formItemId: "".concat(id, "-form-item"), formDescriptionId: "".concat(id, "-form-item-description"), formMessageId: "".concat(id, "-form-item-message") }, fieldState);
 };
 exports.useFormField = useFormField;
-var FormItemContext = React.createContext({});
-function FormItem(_a) {
+var FormItemContext = React.createContext(null);
+var FormItem = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
     var id = React.useId();
     return (React.createElement(FormItemContext.Provider, { value: { id: id } },
-        React.createElement("div", __assign({ "data-slot": "form-item", className: (0, utils_1.cn)("grid gap-2", className) }, props))));
-}
-function FormLabel(_a) {
+        React.createElement("div", __assign({ ref: ref, className: (0, utils_1.cn)("space-y-2", className) }, props))));
+});
+exports.FormItem = FormItem;
+FormItem.displayName = "FormItem";
+var FormLabel = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
     var _b = useFormField(), error = _b.error, formItemId = _b.formItemId;
-    return (React.createElement(label_1.Label, __assign({ "data-slot": "form-label", "data-error": !!error, className: (0, utils_1.cn)("data-[error=true]:text-destructive", className), htmlFor: formItemId }, props)));
-}
-function FormControl(_a) {
+    return (React.createElement(label_1.Label, __assign({ ref: ref, className: (0, utils_1.cn)(error && "text-destructive", className), htmlFor: formItemId }, props)));
+});
+exports.FormLabel = FormLabel;
+FormLabel.displayName = "FormLabel";
+var FormControl = React.forwardRef(function (_a, ref) {
     var props = __rest(_a, []);
     var _b = useFormField(), error = _b.error, formItemId = _b.formItemId, formDescriptionId = _b.formDescriptionId, formMessageId = _b.formMessageId;
-    return (React.createElement(react_slot_1.Slot, __assign({ "data-slot": "form-control", id: formItemId, "aria-describedby": !error
+    return (React.createElement(react_slot_1.Slot, __assign({ ref: ref, id: formItemId, "aria-describedby": !error
             ? "".concat(formDescriptionId)
             : "".concat(formDescriptionId, " ").concat(formMessageId), "aria-invalid": !!error }, props)));
-}
-function FormDescription(_a) {
+});
+exports.FormControl = FormControl;
+FormControl.displayName = "FormControl";
+var FormDescription = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
     var formDescriptionId = useFormField().formDescriptionId;
-    return (React.createElement("p", __assign({ "data-slot": "form-description", id: formDescriptionId, className: (0, utils_1.cn)("text-muted-foreground text-sm", className) }, props)));
-}
-function FormMessage(_a) {
+    return (React.createElement("p", __assign({ ref: ref, id: formDescriptionId, className: (0, utils_1.cn)("text-[0.8rem] text-muted-foreground", className) }, props)));
+});
+exports.FormDescription = FormDescription;
+FormDescription.displayName = "FormDescription";
+var FormMessage = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, props = __rest(_a, ["className"]);
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
     var _c = useFormField(), error = _c.error, formMessageId = _c.formMessageId;
-    var body = error ? String((_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : "") : props.children;
+    var body = error ? String((_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : "") : children;
     if (!body) {
         return null;
     }
-    return (React.createElement("p", __assign({ "data-slot": "form-message", id: formMessageId, className: (0, utils_1.cn)("text-destructive text-sm", className) }, props), body));
-}
+    return (React.createElement("p", __assign({ ref: ref, id: formMessageId, className: (0, utils_1.cn)("text-[0.8rem] font-medium text-destructive", className) }, props), body));
+});
+exports.FormMessage = FormMessage;
+FormMessage.displayName = "FormMessage";

package/components/ui/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };