@codefast/ui 0.0.8 → 0.0.9

package/dist/data-table.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/data-table.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type * as ReactTable from \"@tanstack/react-table\";\nimport {\n  ArrowDownIcon,\n  ArrowUpIcon,\n  CaretSortIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  DoubleArrowLeftIcon,\n  DoubleArrowRightIcon,\n  EyeNoneIcon,\n  MixerHorizontalIcon,\n} from \"@radix-ui/react-icons\";\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"./dropdown-menu\";\nimport { Button } from \"./button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableViewOptions\n * -------------------------------------------------------------------------- */\n\nfunction DataTableViewOptions<TData>({\n  table,\n}: {\n  table: ReactTable.Table<TData>;\n}): React.JSX.Element {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"ml-auto hidden h-8 lg:flex\"\n        >\n          <MixerHorizontalIcon className=\"mr-2 size-4\" />\n          View\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-[150px]\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter(\n            (column) =>\n              typeof column.accessorFn !== \"undefined\" && column.getCanHide(),\n          )\n          .map((column) => {\n            return (\n              <DropdownMenuCheckboxItem\n                key={column.id}\n                className=\"capitalize\"\n                checked={column.getIsVisible()}\n                onCheckedChange={(value) => {\n                  column.toggleVisibility(Boolean(value));\n                }}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            );\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTablePagination\n * -------------------------------------------------------------------------- */\n\nfunction DataTablePagination<TData>({\n  table,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  table: ReactTable.Table<TData>;\n}): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"flex items-center justify-between px-2\", className)}\n      {...props}\n    >\n      <div className=\"text-muted-foreground flex-1 text-sm\">\n        {table.getFilteredSelectedRowModel().rows.length} of{\" \"}\n        {table.getFilteredRowModel().rows.length} row(s) selected.\n      </div>\n      <div className=\"flex items-center space-x-6 lg:space-x-8\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of{\" \"}\n          {table.getPageCount()}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            variant=\"outline\"\n            size=\"icon-xs\"\n            className=\"hidden  lg:flex\"\n            onClick={() => {\n              table.setPageIndex(0);\n            }}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <DoubleArrowLeftIcon className=\"size-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"icon-xs\"\n            onClick={() => {\n              table.previousPage();\n            }}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeftIcon className=\"size-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"icon-xs\"\n            onClick={() => {\n              table.nextPage();\n            }}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRightIcon className=\"size-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"icon-xs\"\n            className=\"hidden  lg:flex\"\n            onClick={() => {\n              table.setPageIndex(table.getPageCount() - 1);\n            }}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <DoubleArrowRightIcon className=\"size-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableColumnHeader\n * -------------------------------------------------------------------------- */\n\nfunction DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: React.HTMLAttributes<HTMLDivElement> & {\n  column: ReactTable.Column<TData, TValue>;\n  title: string;\n}): React.JSX.Element {\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>;\n  }\n\n  return (\n    <div className={cn(\"flex items-center space-x-2\", className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"xs\"\n            className=\"data-[state=open]:bg-accent -ml-3\"\n          >\n            <span>{title}</span>\n            {column.getIsSorted() === \"desc\" ? (\n              <ArrowDownIcon className=\"ml-2 size-4\" />\n            ) : column.getIsSorted() === \"asc\" ? (\n              <ArrowUpIcon className=\"ml-2 size-4\" />\n            ) : (\n              <CaretSortIcon className=\"ml-2 size-4\" />\n            )}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleSorting(false);\n            }}\n          >\n            <ArrowUpIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleSorting(true);\n            }}\n          >\n            <ArrowDownIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleVisibility(false);\n            }}\n          >\n            <EyeNoneIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Hide\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { DataTableViewOptions, DataTablePagination, DataTableColumnHeader };\n\nexport * from \"@tanstack/react-table\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/data-table.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type * as ReactTable from \"@tanstack/react-table\";\nimport {\n  ArrowDownIcon,\n  ArrowUpIcon,\n  CaretSortIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  DoubleArrowLeftIcon,\n  DoubleArrowRightIcon,\n  EyeNoneIcon,\n  MixerHorizontalIcon,\n} from \"@radix-ui/react-icons\";\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"./dropdown-menu\";\nimport { Button } from \"./button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableViewOptions\n * -------------------------------------------------------------------------- */\n\ninterface DataTableViewOptionsProps<TData> {\n  table: ReactTable.Table<TData>;\n}\nfunction DataTableViewOptions<TData>({\n  table,\n}: DataTableViewOptionsProps<TData>): React.JSX.Element {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"ml-auto hidden h-8 lg:flex\"\n        >\n          <MixerHorizontalIcon className=\"mr-2 size-4\" />\n          View\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-[150px]\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter(\n            (column) =>\n              typeof column.accessorFn !== \"undefined\" && column.getCanHide(),\n          )\n          .map((column) => {\n            return (\n              <DropdownMenuCheckboxItem\n                key={column.id}\n                className=\"capitalize\"\n                checked={column.getIsVisible()}\n                onCheckedChange={(value) => {\n                  column.toggleVisibility(Boolean(value));\n                }}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            );\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTablePagination\n * -------------------------------------------------------------------------- */\n\ninterface DataTablePaginationProps<TData>\n  extends React.HTMLAttributes<HTMLDivElement> {\n  table: ReactTable.Table<TData>;\n}\nfunction DataTablePagination<TData>({\n  table,\n  className,\n  ...props\n}: DataTablePaginationProps<TData>): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"flex items-center justify-between px-2\", className)}\n      {...props}\n    >\n      <div className=\"text-muted-foreground flex-1 text-sm\">\n        {table.getFilteredSelectedRowModel().rows.length} of{\" \"}\n        {table.getFilteredRowModel().rows.length} row(s) selected.\n      </div>\n      <div className=\"flex items-center space-x-6 lg:space-x-8\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of{\" \"}\n          {table.getPageCount()}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            variant=\"outline\"\n            size=\"icon-xs\"\n            className=\"hidden  lg:flex\"\n            onClick={() => {\n              table.setPageIndex(0);\n            }}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <DoubleArrowLeftIcon className=\"size-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"icon-xs\"\n            onClick={() => {\n              table.previousPage();\n            }}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeftIcon className=\"size-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"icon-xs\"\n            onClick={() => {\n              table.nextPage();\n            }}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRightIcon className=\"size-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"icon-xs\"\n            className=\"hidden  lg:flex\"\n            onClick={() => {\n              table.setPageIndex(table.getPageCount() - 1);\n            }}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <DoubleArrowRightIcon className=\"size-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableColumnHeader\n * -------------------------------------------------------------------------- */\n\ninterface DataTableColumnHeaderProps<TData, TValue>\n  extends React.HTMLAttributes<HTMLDivElement> {\n  column: ReactTable.Column<TData, TValue>;\n  title: string;\n}\nfunction DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>): React.JSX.Element {\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>;\n  }\n\n  return (\n    <div className={cn(\"flex items-center space-x-2\", className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"xs\"\n            className=\"data-[state=open]:bg-accent -ml-3\"\n          >\n            <span>{title}</span>\n            {column.getIsSorted() === \"desc\" ? (\n              <ArrowDownIcon className=\"ml-2 size-4\" />\n            ) : column.getIsSorted() === \"asc\" ? (\n              <ArrowUpIcon className=\"ml-2 size-4\" />\n            ) : (\n              <CaretSortIcon className=\"ml-2 size-4\" />\n            )}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleSorting(false);\n            }}\n          >\n            <ArrowUpIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleSorting(true);\n            }}\n          >\n            <ArrowDownIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleVisibility(false);\n            }}\n          >\n            <EyeNoneIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Hide\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  DataTableViewOptions,\n  DataTablePagination,\n  DataTableColumnHeader,\n  type DataTableViewOptionsProps,\n  type DataTablePaginationProps,\n  type DataTableColumnHeaderProps,\n};\n\nexport * from \"@tanstack/react-table\";\n"],"mappings":"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","names":[]}

package/dist/dialog.d.mts

@@ -1,13 +1,21 @@
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 
+type DialogProps = DialogPrimitive.DialogProps;
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+type DialogTriggerProps = DialogPrimitive.DialogTriggerProps;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type DialogCloseProps = DialogPrimitive.DialogCloseProps;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+type DialogContentProps = DialogPrimitive.DialogContentProps;
 declare const DialogContent: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>>;
-declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
+type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;
+type DialogTitleProps = DialogPrimitive.DialogTitleProps;
 declare const DialogTitle: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+type DialogDescriptionProps = DialogPrimitive.DialogDescriptionProps;
 declare const DialogDescription: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };
+export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };

package/dist/dialog.d.ts

@@ -1,13 +1,21 @@
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 
+type DialogProps = DialogPrimitive.DialogProps;
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+type DialogTriggerProps = DialogPrimitive.DialogTriggerProps;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type DialogCloseProps = DialogPrimitive.DialogCloseProps;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+type DialogContentProps = DialogPrimitive.DialogContentProps;
 declare const DialogContent: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>>;
-declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
+type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare function DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element;
+type DialogTitleProps = DialogPrimitive.DialogTitleProps;
 declare const DialogTitle: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+type DialogDescriptionProps = DialogPrimitive.DialogDescriptionProps;
 declare const DialogDescription: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };
+export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };

package/dist/dialog.js

@@ -8,7 +8,7 @@
 
 
 
-var _chunkLDYBRDAYjs = require('./chunk-LDYBRDAY.js');
+var _chunkD6NQEMTJjs = require('./chunk-D6NQEMTJ.js');
 require('./chunk-G3NP7M2N.js');
 
 
@@ -19,5 +19,5 @@ require('./chunk-G3NP7M2N.js');
 
 
 
-exports.Dialog = _chunkLDYBRDAYjs.Dialog; exports.DialogClose = _chunkLDYBRDAYjs.DialogClose; exports.DialogContent = _chunkLDYBRDAYjs.DialogContent; exports.DialogDescription = _chunkLDYBRDAYjs.DialogDescription; exports.DialogFooter = _chunkLDYBRDAYjs.DialogFooter; exports.DialogHeader = _chunkLDYBRDAYjs.DialogHeader; exports.DialogTitle = _chunkLDYBRDAYjs.DialogTitle; exports.DialogTrigger = _chunkLDYBRDAYjs.DialogTrigger;
+exports.Dialog = _chunkD6NQEMTJjs.Dialog; exports.DialogClose = _chunkD6NQEMTJjs.DialogClose; exports.DialogContent = _chunkD6NQEMTJjs.DialogContent; exports.DialogDescription = _chunkD6NQEMTJjs.DialogDescription; exports.DialogFooter = _chunkD6NQEMTJjs.DialogFooter; exports.DialogHeader = _chunkD6NQEMTJjs.DialogHeader; exports.DialogTitle = _chunkD6NQEMTJjs.DialogTitle; exports.DialogTrigger = _chunkD6NQEMTJjs.DialogTrigger;
 //# sourceMappingURL=dialog.js.map

package/dist/dialog.mjs

@@ -8,7 +8,7 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger
-} from "./chunk-EIHWTXQ4.mjs";
+} from "./chunk-AJLEALVP.mjs";
 import "./chunk-UG3URV2Z.mjs";
 export {
   Dialog,

package/dist/drawer.d.mts

@@ -2,15 +2,23 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as React from 'react';
 import { Drawer as Drawer$1 } from 'vaul';
 
-declare function Drawer({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): React.JSX.Element;
+type DrawerProps = React.ComponentProps<typeof Drawer$1.Root>;
+declare function Drawer({ shouldScaleBackground, ...props }: DrawerProps): React.JSX.Element;
+type DrawerTriggerProps = React.ComponentProps<typeof Drawer$1.Trigger>;
 declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type DrawerCloseProps = React.ComponentProps<typeof Drawer$1.Close>;
 declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+type DrawerContentProps = React.ComponentPropsWithoutRef<typeof Drawer$1.Content>;
 declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     onAnimationEnd?: ((open: boolean) => void) | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare function DrawerHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+type DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element;
+type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare function DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element;
+type DrawerTitleProps = React.ComponentPropsWithoutRef<typeof Drawer$1.Title>;
 declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+type DrawerDescriptionProps = React.ComponentPropsWithoutRef<typeof Drawer$1.Description>;
 declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };
+export { Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps };

package/dist/drawer.d.ts

@@ -2,15 +2,23 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as React from 'react';
 import { Drawer as Drawer$1 } from 'vaul';
 
-declare function Drawer({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): React.JSX.Element;
+type DrawerProps = React.ComponentProps<typeof Drawer$1.Root>;
+declare function Drawer({ shouldScaleBackground, ...props }: DrawerProps): React.JSX.Element;
+type DrawerTriggerProps = React.ComponentProps<typeof Drawer$1.Trigger>;
 declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type DrawerCloseProps = React.ComponentProps<typeof Drawer$1.Close>;
 declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+type DrawerContentProps = React.ComponentPropsWithoutRef<typeof Drawer$1.Content>;
 declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     onAnimationEnd?: ((open: boolean) => void) | undefined;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare function DrawerHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+type DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element;
+type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare function DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element;
+type DrawerTitleProps = React.ComponentPropsWithoutRef<typeof Drawer$1.Title>;
 declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+type DrawerDescriptionProps = React.ComponentPropsWithoutRef<typeof Drawer$1.Description>;
 declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };
+export { Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps };

package/dist/drawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/drawer.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAYtC,cA6BA,YA7BA;AALJ,SAAS,OAAO;AAAA,EACd,wBAAwB;AAAA,EACxB,GAAG;AACL,GAAyE;AACvE,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,gBAAgB,gBAAgB;AAMtC,IAAM,cAAc,gBAAgB;AAMpC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,qBAAC,gBAAgB,QAAhB,EACC;AAAA,sBAAC,gBAAgB,SAAhB,EAAwB,WAAU,kCAAiC;AAAA,EACpE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,WAAU,oDAAmD;AAAA,QACjE;AAAA;AAAA;AAAA,EACH;AAAA,GACF,CACD;AACD,cAAc,cAAc;AAM5B,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,6CAA6C,SAAS;AAAA,MACnE,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,gBAAgB,MAAM;AAMhD,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc,gBAAgB,YAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Drawer\n * -------------------------------------------------------------------------- */\n\nfunction Drawer({\n  shouldScaleBackground = true,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element {\n  return (\n    <DrawerPrimitive.Root\n      shouldScaleBackground={shouldScaleBackground}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTrigger\n * -------------------------------------------------------------------------- */\n\nconst DrawerTrigger = DrawerPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerClose\n * -------------------------------------------------------------------------- */\n\nconst DrawerClose = DrawerPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerContent\n * -------------------------------------------------------------------------- */\n\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPrimitive.Portal>\n    <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-black/80\" />\n    <DrawerPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full\" />\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPrimitive.Portal>\n));\nDrawerContent.displayName = \"DrawerContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerHeader\n * -------------------------------------------------------------------------- */\n\nfunction DrawerHeader({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerFooter\n * -------------------------------------------------------------------------- */\n\nfunction DrawerFooter({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTitle\n * -------------------------------------------------------------------------- */\n\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className,\n    )}\n    {...props}\n  />\n));\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerDescription\n * -------------------------------------------------------------------------- */\n\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"]}
+{"version":3,"sources":["../src/drawer.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAatC,cAkCA,YAlCA;AALJ,SAAS,OAAO;AAAA,EACd,wBAAwB;AAAA,EACxB,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAOA,IAAM,gBAAgB,gBAAgB;AAOtC,IAAM,cAAc,gBAAgB;AASpC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,qBAAC,gBAAgB,QAAhB,EACC;AAAA,sBAAC,gBAAgB,SAAhB,EAAwB,WAAU,kCAAiC;AAAA,EACpE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,WAAU,oDAAmD;AAAA,QACjE;AAAA;AAAA;AAAA,EACH;AAAA,GACF,CACD;AACD,cAAc,cAAc;AAO5B,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAyC;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,6CAA6C,SAAS;AAAA,MACnE,GAAG;AAAA;AAAA,EACN;AAEJ;AAOA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAyC;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;AASA,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,gBAAgB,MAAM;AAShD,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc,gBAAgB,YAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Drawer\n * -------------------------------------------------------------------------- */\n\ntype DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>;\nfunction Drawer({\n  shouldScaleBackground = true,\n  ...props\n}: DrawerProps): React.JSX.Element {\n  return (\n    <DrawerPrimitive.Root\n      shouldScaleBackground={shouldScaleBackground}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTrigger\n * -------------------------------------------------------------------------- */\n\ntype DrawerTriggerProps = React.ComponentProps<typeof DrawerPrimitive.Trigger>;\nconst DrawerTrigger = DrawerPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerClose\n * -------------------------------------------------------------------------- */\n\ntype DrawerCloseProps = React.ComponentProps<typeof DrawerPrimitive.Close>;\nconst DrawerClose = DrawerPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerContent\n * -------------------------------------------------------------------------- */\n\ntype DrawerContentProps = React.ComponentPropsWithoutRef<\n  typeof DrawerPrimitive.Content\n>;\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  DrawerContentProps\n>(({ className, children, ...props }, ref) => (\n  <DrawerPrimitive.Portal>\n    <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-black/80\" />\n    <DrawerPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full\" />\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPrimitive.Portal>\n));\nDrawerContent.displayName = \"DrawerContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerHeader\n * -------------------------------------------------------------------------- */\n\ntype DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;\nfunction DrawerHeader({\n  className,\n  ...props\n}: DrawerHeaderProps): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerFooter\n * -------------------------------------------------------------------------- */\n\ntype DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;\nfunction DrawerFooter({\n  className,\n  ...props\n}: DrawerFooterProps): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTitle\n * -------------------------------------------------------------------------- */\n\ntype DrawerTitleProps = React.ComponentPropsWithoutRef<\n  typeof DrawerPrimitive.Title\n>;\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  DrawerTitleProps\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className,\n    )}\n    {...props}\n  />\n));\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerDescription\n * -------------------------------------------------------------------------- */\n\ntype DrawerDescriptionProps = React.ComponentPropsWithoutRef<\n  typeof DrawerPrimitive.Description\n>;\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  DrawerDescriptionProps\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n  type DrawerProps,\n  type DrawerTriggerProps,\n  type DrawerCloseProps,\n  type DrawerContentProps,\n  type DrawerHeaderProps,\n  type DrawerFooterProps,\n  type DrawerTitleProps,\n  type DrawerDescriptionProps,\n};\n"]}

package/dist/drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Drawer\n * -------------------------------------------------------------------------- */\n\nfunction Drawer({\n  shouldScaleBackground = true,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element {\n  return (\n    <DrawerPrimitive.Root\n      shouldScaleBackground={shouldScaleBackground}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTrigger\n * -------------------------------------------------------------------------- */\n\nconst DrawerTrigger = DrawerPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerClose\n * -------------------------------------------------------------------------- */\n\nconst DrawerClose = DrawerPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerContent\n * -------------------------------------------------------------------------- */\n\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPrimitive.Portal>\n    <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-black/80\" />\n    <DrawerPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full\" />\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPrimitive.Portal>\n));\nDrawerContent.displayName = \"DrawerContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerHeader\n * -------------------------------------------------------------------------- */\n\nfunction DrawerHeader({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerFooter\n * -------------------------------------------------------------------------- */\n\nfunction DrawerFooter({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTitle\n * -------------------------------------------------------------------------- */\n\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className,\n    )}\n    {...props}\n  />\n));\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerDescription\n * -------------------------------------------------------------------------- */\n\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAYtC,cA6BA,YA7BA;AALJ,SAAS,OAAO;AAAA,EACd,wBAAwB;AAAA,EACxB,GAAG;AACL,GAAyE;AACvE,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,gBAAgB,gBAAgB;AAMtC,IAAM,cAAc,gBAAgB;AAMpC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,qBAAC,gBAAgB,QAAhB,EACC;AAAA,sBAAC,gBAAgB,SAAhB,EAAwB,WAAU,kCAAiC;AAAA,EACpE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,WAAU,oDAAmD;AAAA,QACjE;AAAA;AAAA;AAAA,EACH;AAAA,GACF,CACD;AACD,cAAc,cAAc;AAM5B,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,6CAA6C,SAAS;AAAA,MACnE,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,gBAAgB,MAAM;AAMhD,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc,gBAAgB,YAAY;","names":[]}
+{"version":3,"sources":["../src/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Drawer\n * -------------------------------------------------------------------------- */\n\ntype DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>;\nfunction Drawer({\n  shouldScaleBackground = true,\n  ...props\n}: DrawerProps): React.JSX.Element {\n  return (\n    <DrawerPrimitive.Root\n      shouldScaleBackground={shouldScaleBackground}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTrigger\n * -------------------------------------------------------------------------- */\n\ntype DrawerTriggerProps = React.ComponentProps<typeof DrawerPrimitive.Trigger>;\nconst DrawerTrigger = DrawerPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerClose\n * -------------------------------------------------------------------------- */\n\ntype DrawerCloseProps = React.ComponentProps<typeof DrawerPrimitive.Close>;\nconst DrawerClose = DrawerPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerContent\n * -------------------------------------------------------------------------- */\n\ntype DrawerContentProps = React.ComponentPropsWithoutRef<\n  typeof DrawerPrimitive.Content\n>;\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  DrawerContentProps\n>(({ className, children, ...props }, ref) => (\n  <DrawerPrimitive.Portal>\n    <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-black/80\" />\n    <DrawerPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full\" />\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPrimitive.Portal>\n));\nDrawerContent.displayName = \"DrawerContent\";\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerHeader\n * -------------------------------------------------------------------------- */\n\ntype DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;\nfunction DrawerHeader({\n  className,\n  ...props\n}: DrawerHeaderProps): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerFooter\n * -------------------------------------------------------------------------- */\n\ntype DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;\nfunction DrawerFooter({\n  className,\n  ...props\n}: DrawerFooterProps): React.JSX.Element {\n  return (\n    <div\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTitle\n * -------------------------------------------------------------------------- */\n\ntype DrawerTitleProps = React.ComponentPropsWithoutRef<\n  typeof DrawerPrimitive.Title\n>;\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  DrawerTitleProps\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className,\n    )}\n    {...props}\n  />\n));\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerDescription\n * -------------------------------------------------------------------------- */\n\ntype DrawerDescriptionProps = React.ComponentPropsWithoutRef<\n  typeof DrawerPrimitive.Description\n>;\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  DrawerDescriptionProps\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n  type DrawerProps,\n  type DrawerTriggerProps,\n  type DrawerCloseProps,\n  type DrawerContentProps,\n  type DrawerHeaderProps,\n  type DrawerFooterProps,\n  type DrawerTitleProps,\n  type DrawerDescriptionProps,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAatC,cAkCA,YAlCA;AALJ,SAAS,OAAO;AAAA,EACd,wBAAwB;AAAA,EACxB,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAOA,IAAM,gBAAgB,gBAAgB;AAOtC,IAAM,cAAc,gBAAgB;AASpC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,qBAAC,gBAAgB,QAAhB,EACC;AAAA,sBAAC,gBAAgB,SAAhB,EAAwB,WAAU,kCAAiC;AAAA,EACpE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,WAAU,oDAAmD;AAAA,QACjE;AAAA;AAAA;AAAA,EACH;AAAA,GACF,CACD;AACD,cAAc,cAAc;AAO5B,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAyC;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,6CAA6C,SAAS;AAAA,MACnE,GAAG;AAAA;AAAA,EACN;AAEJ;AAOA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAyC;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;AASA,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,gBAAgB,MAAM;AAShD,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc,gBAAgB,YAAY;","names":[]}

package/dist/dropdown-menu.d.mts

@@ -1,25 +1,39 @@
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
+type DropdownMenuProps = DropdownMenuPrimitive.DropdownMenuProps;
 declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+type DropdownMenuTriggerProps = DropdownMenuPrimitive.DropdownMenuTriggerProps;
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type DropdownMenuGroupProps = DropdownMenuPrimitive.DropdownMenuGroupProps;
 declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuSubProps = DropdownMenuPrimitive.DropdownMenuSubProps;
 declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+type DropdownMenuRadioGroupProps = DropdownMenuPrimitive.DropdownMenuRadioGroupProps;
 declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & {
-    inset?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuSubTriggerProps extends DropdownMenuPrimitive.DropdownMenuSubTriggerProps {
+    inset?: boolean;
+}
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuSubContentProps = DropdownMenuPrimitive.DropdownMenuSubContentProps;
 declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps;
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuItemProps & {
-    inset?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMenuItemProps {
+    inset?: boolean;
+}
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps;
 declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuRadioItemProps = DropdownMenuPrimitive.DropdownMenuRadioItemProps;
 declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & {
-    inset?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuLabelProps extends DropdownMenuPrimitive.DropdownMenuLabelProps {
+    inset?: boolean;
+}
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorProps;
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
-declare function DropdownMenuShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+type DropdownMenuShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): React.JSX.Element;
 
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+export { DropdownMenu, 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/dropdown-menu.d.ts

@@ -1,25 +1,39 @@
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
+type DropdownMenuProps = DropdownMenuPrimitive.DropdownMenuProps;
 declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+type DropdownMenuTriggerProps = DropdownMenuPrimitive.DropdownMenuTriggerProps;
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type DropdownMenuGroupProps = DropdownMenuPrimitive.DropdownMenuGroupProps;
 declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuSubProps = DropdownMenuPrimitive.DropdownMenuSubProps;
 declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+type DropdownMenuRadioGroupProps = DropdownMenuPrimitive.DropdownMenuRadioGroupProps;
 declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & {
-    inset?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuSubTriggerProps extends DropdownMenuPrimitive.DropdownMenuSubTriggerProps {
+    inset?: boolean;
+}
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuSubContentProps = DropdownMenuPrimitive.DropdownMenuSubContentProps;
 declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps;
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuItemProps & {
-    inset?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMenuItemProps {
+    inset?: boolean;
+}
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps;
 declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuRadioItemProps = DropdownMenuPrimitive.DropdownMenuRadioItemProps;
 declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & {
-    inset?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuLabelProps extends DropdownMenuPrimitive.DropdownMenuLabelProps {
+    inset?: boolean;
+}
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorProps;
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
-declare function DropdownMenuShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+type DropdownMenuShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): React.JSX.Element;
 
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+export { DropdownMenu, 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/dropdown-menu.js

@@ -14,7 +14,7 @@
 
 
 
-var _chunkOCLLX7EYjs = require('./chunk-OCLLX7EY.js');
+var _chunk3BDLWZ3Wjs = require('./chunk-3BDLWZ3W.js');
 require('./chunk-G3NP7M2N.js');
 
 
@@ -31,5 +31,5 @@ require('./chunk-G3NP7M2N.js');
 
 
 
-exports.DropdownMenu = _chunkOCLLX7EYjs.DropdownMenu; exports.DropdownMenuCheckboxItem = _chunkOCLLX7EYjs.DropdownMenuCheckboxItem; exports.DropdownMenuContent = _chunkOCLLX7EYjs.DropdownMenuContent; exports.DropdownMenuGroup = _chunkOCLLX7EYjs.DropdownMenuGroup; exports.DropdownMenuItem = _chunkOCLLX7EYjs.DropdownMenuItem; exports.DropdownMenuLabel = _chunkOCLLX7EYjs.DropdownMenuLabel; exports.DropdownMenuRadioGroup = _chunkOCLLX7EYjs.DropdownMenuRadioGroup; exports.DropdownMenuRadioItem = _chunkOCLLX7EYjs.DropdownMenuRadioItem; exports.DropdownMenuSeparator = _chunkOCLLX7EYjs.DropdownMenuSeparator; exports.DropdownMenuShortcut = _chunkOCLLX7EYjs.DropdownMenuShortcut; exports.DropdownMenuSub = _chunkOCLLX7EYjs.DropdownMenuSub; exports.DropdownMenuSubContent = _chunkOCLLX7EYjs.DropdownMenuSubContent; exports.DropdownMenuSubTrigger = _chunkOCLLX7EYjs.DropdownMenuSubTrigger; exports.DropdownMenuTrigger = _chunkOCLLX7EYjs.DropdownMenuTrigger;
+exports.DropdownMenu = _chunk3BDLWZ3Wjs.DropdownMenu; exports.DropdownMenuCheckboxItem = _chunk3BDLWZ3Wjs.DropdownMenuCheckboxItem; exports.DropdownMenuContent = _chunk3BDLWZ3Wjs.DropdownMenuContent; exports.DropdownMenuGroup = _chunk3BDLWZ3Wjs.DropdownMenuGroup; exports.DropdownMenuItem = _chunk3BDLWZ3Wjs.DropdownMenuItem; exports.DropdownMenuLabel = _chunk3BDLWZ3Wjs.DropdownMenuLabel; exports.DropdownMenuRadioGroup = _chunk3BDLWZ3Wjs.DropdownMenuRadioGroup; exports.DropdownMenuRadioItem = _chunk3BDLWZ3Wjs.DropdownMenuRadioItem; exports.DropdownMenuSeparator = _chunk3BDLWZ3Wjs.DropdownMenuSeparator; exports.DropdownMenuShortcut = _chunk3BDLWZ3Wjs.DropdownMenuShortcut; exports.DropdownMenuSub = _chunk3BDLWZ3Wjs.DropdownMenuSub; exports.DropdownMenuSubContent = _chunk3BDLWZ3Wjs.DropdownMenuSubContent; exports.DropdownMenuSubTrigger = _chunk3BDLWZ3Wjs.DropdownMenuSubTrigger; exports.DropdownMenuTrigger = _chunk3BDLWZ3Wjs.DropdownMenuTrigger;
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/dropdown-menu.mjs

@@ -14,7 +14,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-EDVCMWDT.mjs";
+} from "./chunk-NCEN3XBK.mjs";
 import "./chunk-UG3URV2Z.mjs";
 export {
   DropdownMenu,

package/dist/em.d.mts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 
-declare const Em: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
-    asChild?: boolean | undefined;
-} & React.RefAttributes<HTMLElement>>;
+interface EmProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare const Em: React.ForwardRefExoticComponent<EmProps & React.RefAttributes<HTMLElement>>;
 
-export { Em };
+export { Em, type EmProps };

package/dist/em.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 
-declare const Em: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
-    asChild?: boolean | undefined;
-} & React.RefAttributes<HTMLElement>>;
+interface EmProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare const Em: React.ForwardRefExoticComponent<EmProps & React.RefAttributes<HTMLElement>>;
 
-export { Em };
+export { Em, type EmProps };

package/dist/em.js

@@ -2,10 +2,12 @@
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _reactslot = require('@radix-ui/react-slot');
 var _jsxruntime = require('react/jsx-runtime');
-var Em = React.forwardRef(({ asChild, ...props }, ref) => {
-  const Comp = asChild ? _reactslot.Slot : "em";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { ref, ...props });
-});
+var Em = React.forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? _reactslot.Slot : "em";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { ref, ...props });
+  }
+);
 Em.displayName = "Em";
 
 

package/dist/em.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/em.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAYZ;AANT,IAAM,KAAW,iBAGf,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAChC,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AACpC,CAAC;AACD,GAAG,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Em\n * -------------------------------------------------------------------------- */\n\nconst Em = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement> & { asChild?: boolean }\n>(({ asChild, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"em\";\n\n  return <Comp ref={ref} {...props} />;\n});\nEm.displayName = \"Em\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Em };\n"]}
+{"version":3,"sources":["../src/em.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAaV;AAJX,IAAM,KAAW;AAAA,EACf,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,GAAG,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Em\n * -------------------------------------------------------------------------- */\n\ninterface EmProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\nconst Em = React.forwardRef<HTMLElement, EmProps>(\n  ({ asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"em\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nEm.displayName = \"Em\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Em, type EmProps };\n"]}

package/dist/em.mjs

@@ -2,10 +2,12 @@
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
-var Em = React.forwardRef(({ asChild, ...props }, ref) => {
-  const Comp = asChild ? Slot : "em";
-  return /* @__PURE__ */ jsx(Comp, { ref, ...props });
-});
+var Em = React.forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "em";
+    return /* @__PURE__ */ jsx(Comp, { ref, ...props });
+  }
+);
 Em.displayName = "Em";
 export {
   Em

package/dist/em.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/em.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Em\n * -------------------------------------------------------------------------- */\n\nconst Em = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement> & { asChild?: boolean }\n>(({ asChild, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"em\";\n\n  return <Comp ref={ref} {...props} />;\n});\nEm.displayName = \"Em\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Em };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAYZ;AANT,IAAM,KAAW,iBAGf,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAChC,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AACpC,CAAC;AACD,GAAG,cAAc;","names":[]}
+{"version":3,"sources":["../src/em.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Em\n * -------------------------------------------------------------------------- */\n\ninterface EmProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\nconst Em = React.forwardRef<HTMLElement, EmProps>(\n  ({ asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"em\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nEm.displayName = \"Em\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Em, type EmProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAaV;AAJX,IAAM,KAAW;AAAA,EACf,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,GAAG,cAAc;","names":[]}

package/dist/form.d.mts

@@ -1,6 +1,7 @@
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
-import { FieldError, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import { FieldError, FormProvider, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 
@@ -16,12 +17,19 @@ declare const useFormField: () => {
     formDescriptionId: string;
     formMessageId: string;
 };
+type FormProps = React.ComponentProps<typeof FormProvider>;
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): React.JSX.Element;
-declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
+declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: FormFieldProps<TFieldValues, TName>): React.JSX.Element;
+type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
+declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
+type FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;
 declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+type FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;
 declare const FormControl: React.ForwardRefExoticComponent<Omit<_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>>;
+type FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, useFormField };

package/dist/form.d.ts

@@ -1,6 +1,7 @@
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
-import { FieldError, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import { FieldError, FormProvider, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 
@@ -16,12 +17,19 @@ declare const useFormField: () => {
     formDescriptionId: string;
     formMessageId: string;
 };
+type FormProps = React.ComponentProps<typeof FormProvider>;
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): React.JSX.Element;
-declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
+declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: FormFieldProps<TFieldValues, TName>): React.JSX.Element;
+type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
+declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
+type FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;
 declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+type FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;
 declare const FormControl: React.ForwardRefExoticComponent<Omit<_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>>;
+type FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, useFormField };