@konopskidev/ui 0.1.1 → 0.2.0

package/dist/components/ui/dialog.js

@@ -1,63 +1,100 @@
 "use client";
-"use client";
 import { Button } from "./button.js";
 import { cn } from "cn";
 import { XIcon } from "lucide-react";
-import { Dialog } from "radix-ui";
+import { Dialog as Dialog$1 } from "radix-ui";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/components/ui/dialog.tsx
-function Dialog$1({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Root, {
+/**
+* The bare layer: full viewport, none of the card chrome and no entrance
+* animation. A viewer that already covers the screen has nothing to fly in.
+*/
+var BARE_CONTENT_CLASS = "fixed inset-0 z-[var(--z-index-modal)] outline-none focus-visible:outline-none";
+var DEFAULT_CONTENT_CLASS = "fixed top-1/3 left-1/2 z-[var(--z-index-modal)] grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-sm border border-border bg-background p-6 shadow-lg duration-200 outline-none sm:max-w-lg md:top-1/2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-open:slide-in-from-top-[20%] data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:slide-out-to-top-[20%]";
+function Dialog({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
 		"data-slot": "dialog",
 		...props
 	});
 }
 function DialogTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
 		"data-slot": "dialog-trigger",
 		...props
 	});
 }
 function DialogPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Portal, {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
 		"data-slot": "dialog-portal",
 		...props
 	});
 }
 function DialogClose({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Close, {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
 		"data-slot": "dialog-close",
 		...props
 	});
 }
 function DialogOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Overlay, {
+	return /* @__PURE__ */ jsx(Dialog$1.Overlay, {
 		"data-slot": "dialog-overlay",
 		className: cn("fixed inset-0 isolate z-[var(--z-index-overlay)] bg-black/80 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
 		...props
 	});
 }
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
-	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Content, {
+function DialogContent({ className, children, showCloseButton, closeButton, overlayClassName, showOverlay = true, variant = "default", ...props }) {
+	const resolvedCloseButton = closeButton ?? (showCloseButton === false ? false : true);
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [showOverlay && /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }), /* @__PURE__ */ jsxs(Dialog$1.Content, {
 		"data-slot": "dialog-content",
-		className: cn("fixed top-1/3 left-1/2 z-[var(--z-index-modal)] grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-sm border border-border bg-background p-6 shadow-lg duration-200 outline-none sm:max-w-lg md:top-1/2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-open:slide-in-from-top-[20%] data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:slide-out-to-top-[20%]", className),
+		"data-variant": variant,
+		className: cn(variant === "bare" ? BARE_CONTENT_CLASS : DEFAULT_CONTENT_CLASS, className),
 		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
-			"data-slot": "dialog-close",
-			asChild: true,
-			children: /* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				size: "icon-sm",
-				className: "absolute top-4 right-4",
-				children: [/* @__PURE__ */ jsx(XIcon, { className: "size-5" }), /* @__PURE__ */ jsx("span", {
-					className: "sr-only",
-					children: "Close modal"
-				})]
+		children: [
+			children,
+			resolvedCloseButton === true && /* @__PURE__ */ jsx(Dialog$1.Close, {
+				"data-slot": "dialog-close",
+				asChild: true,
+				children: /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					className: "absolute top-4 right-4",
+					children: [/* @__PURE__ */ jsx(XIcon, { className: "size-5" }), /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Close modal"
+					})]
+				})
+			}),
+			resolvedCloseButton !== true && resolvedCloseButton !== false && /* @__PURE__ */ jsx(Dialog$1.Close, {
+				"data-slot": "dialog-close",
+				asChild: true,
+				children: resolvedCloseButton
 			})
-		})]
+		]
 	})] });
 }
+/**
+* The unstyled content primitive, for a layout `DialogContent` cannot express.
+*
+* Compose it inside `DialogPortal` with `DialogOverlay`, which is exported and
+* takes a `className`:
+*
+* ```tsx
+* <DialogPortal>
+*   <DialogOverlay className="bg-foreground/50" />
+*   <DialogContentPrimitive className="fixed inset-0">…</DialogContentPrimitive>
+* </DialogPortal>
+* ```
+*
+* `variant="bare"` covers the common case; this exists for everything else.
+*/
+function DialogContentPrimitive({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Content, {
+		"data-slot": "dialog-content",
+		className: cn("outline-none", className),
+		...props
+	});
+}
 function DialogHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-header",
@@ -70,7 +107,7 @@ function DialogFooter({ className, showCloseButton = false, children, ...props }
 		"data-slot": "dialog-footer",
 		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
 		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, {
 			asChild: true,
 			children: /* @__PURE__ */ jsx(Button, {
 				variant: "outline",
@@ -80,19 +117,19 @@ function DialogFooter({ className, showCloseButton = false, children, ...props }
 	});
 }
 function DialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Title, {
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
 		"data-slot": "dialog-title",
 		className: cn("font-display text-h3 leading-none font-semibold tracking-tight", className),
 		...props
 	});
 }
 function DialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Description, {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
 		"data-slot": "dialog-description",
 		className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
 		...props
 	});
 }
-export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+export { Dialog, DialogClose, DialogContent, DialogContentPrimitive, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
 
 //# sourceMappingURL=dialog.js.map

package/dist/components/ui/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["Dialog","DialogPrimitive"],"sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from 'cn';\nimport { XIcon } from 'lucide-react';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { Button } from './button';\n\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'fixed inset-0 isolate z-[var(--z-index-overlay)] bg-black/80 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'fixed top-1/3 left-1/2 z-[var(--z-index-modal)] grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-sm border border-border bg-background p-6 shadow-lg duration-200 outline-none sm:max-w-lg md:top-1/2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-open:slide-in-from-top-[20%] data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:slide-out-to-top-[20%]',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close data-slot=\"dialog-close\" asChild>\n            <Button variant=\"ghost\" size=\"icon-sm\" className=\"absolute top-4 right-4\">\n              <XIcon className=\"size-5\" />\n              <span className=\"sr-only\">Close modal</span>\n            </Button>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"dialog-header\" className={cn('flex flex-col gap-1.5', className)} {...props} />\n  );\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  );\n}\n\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('font-display text-h3 leading-none font-semibold tracking-tight', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        'text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":";;;;;;;;;AAUE,SAAO,SAAA,EAAA,GAAA,SAACC;CAAqB,OAAU,oBAAA,OAAA,MAAA;EAAS,aAAI;EAAQ,GAAA;CAC9D,CAAA;AAEA;AACE,SAAO,cAAA,EAAA,GAACA,SAAgB;CAAQ,OAAU,oBAAA,OAAA,SAAA;EAAiB,aAAI;EAAQ,GAAA;CACzE,CAAA;AAEA;AACE,SAAO,aAAA,EAAA,GAAA,SAAiB;CAAO,OAAU,oBAAA,OAAA,QAAA;EAAgB,aAAI;EAAQ,GAAA;CACvE,CAAA;AAEA;AACE,SAAO,YAAA,EAAA,GAAA,SAAiB;CAAM,OAAU,oBAAA,OAAA,OAAA;EAAe,aAAI;EAAQ,GAAA;CACrE,CAAA;AAEA;AAIE,SACE,cAAA,EAAA,WAAiB,GAAA,SAAjB;CACE,OAAU,oBAAA,OAAA,SAAA;EACV,aAAW;EAIX,WAAI,GAAA,qKAAA,SAAA;EACL,GAAA;CAEL,CAAA;AAEA;AAQE,SACE,cAAA,EAAA,WAAC,UAAD,kBACE,MAAA,GAAA,SAAC;CAEC,OAAU,qBAAA,cAAA,EAAA,UAAA,CAAA,oBAAA,eAAA,CAAA,CAAA,GAAA,qBAAA,OAAA,SAAA;EACV,aAAW;EAIX,WAAI,GAAA,sbAAA,SAAA;EANN,GAAA;EAU2B,UAAA,CAAA,UAAU,mBAAA,oBAAA,OAAA,OAAA;GAAe,aAAA;GAC9C,SAAA;GAAQ,UAAQ,qBAAA,QAAA;IAAQ,SAAK;IAAU,MAAA;IAAvC,WACE;IACM,UAAA,CAAU,oBAAA,OAAA,EAAA,WAAA,SAAA,CAAA,GAAA,oBAAA,QAAA;KAAU,WAAA;KAAiB,UACrC;;GACa,CAEF;EACb,CAAA,CAAA;CAElB,CAAA,CAAA,EAAA,CAAA;AAEA;AACE,SACE,aAAA,EAAA,WAAA,GAAA,SAAA;CAAK,OAAU,oBAAA,OAAA;EAAgB,aAAW;EAAwC,WAAI,GAAA,yBAAA,SAAA;EAAQ,GAAA;CAElG,CAAA;AAEA;AAQE,SACE,aAAA,EAAA,WAAC,kBAAD,OAAA,UAAA,GAAA,SAAA;CACE,OAAU,qBAAA,OAAA;EACV,aAAW;EACX,WAAI,GAAA,0DAAA,SAAA;EAHN,GAAA;EAO2B,UAAA,CAAA,UAAA,mBAAA,oBAAA,OAAA,OAAA;GACrB,SAAA;GAAQ,UAAQ,oBAAA,QAAA;IAAU,SAAA;IAAa,UAAA;GAClB,CAEtB;;CAET,CAAA;AAEA;AACE,SACE,YAAA,EAAA,WAACA,GAAgB,SAAjB;CACE,OAAU,oBAAA,OAAA,OAAA;EACV,aAAW;EACX,WAAI,GAAA,kEAAA,SAAA;EACL,GAAA;CAEL,CAAA;AAEA;AAIE,SACE,kBAAA,EAACA,WAAgB,GAAA,SAAjB;CACE,OAAU,oBAAA,OAAA,aAAA;EACV,aAAW;EAIX,WAAI,GAAA,sGAAA,SAAA;EACL,GAAA;CAEL,CAAA"}
+{"version":3,"file":"dialog.js","names":["DialogPrimitive"],"sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from 'cn';\nimport { XIcon } from 'lucide-react';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { Button } from './button';\n\n/**\n * The bare layer: full viewport, none of the card chrome and no entrance\n * animation. A viewer that already covers the screen has nothing to fly in.\n */\nconst BARE_CONTENT_CLASS =\n  'fixed inset-0 z-[var(--z-index-modal)] outline-none focus-visible:outline-none';\n\nconst DEFAULT_CONTENT_CLASS =\n  'fixed top-1/3 left-1/2 z-[var(--z-index-modal)] grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-sm border border-border bg-background p-6 shadow-lg duration-200 outline-none sm:max-w-lg md:top-1/2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-open:slide-in-from-top-[20%] data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:slide-out-to-top-[20%]';\n\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'fixed inset-0 isolate z-[var(--z-index-overlay)] bg-black/80 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype DialogContentProps = React.ComponentProps<typeof DialogPrimitive.Content> & {\n  /**\n   * @deprecated Use `closeButton` instead. Kept so existing call sites keep\n   * working; `closeButton` wins when both are set.\n   */\n  showCloseButton?: boolean;\n  /**\n   * The corner affordance. `false` removes it, `true` (the default) renders the\n   * house ghost button, and a node replaces it — pass a single element, since it\n   * becomes the `Dialog.Close` trigger. Use this when the surface behind the\n   * button is not `bg-background` and the default ghost button would disappear.\n   */\n  closeButton?: boolean | React.ReactNode;\n  /** Classes for the backdrop. The layer is not otherwise reachable. */\n  overlayClassName?: string;\n  /** Render the backdrop at all. Defaults to `true`. */\n  showOverlay?: boolean;\n  /**\n   * `default` is the centred card. `bare` is a full-viewport layer with no\n   * border, background, padding, radius, shadow, cap or animation, for layouts\n   * that compose their own surface — an image viewer, a slide-over, a canvas.\n   */\n  variant?: 'default' | 'bare';\n};\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton,\n  closeButton,\n  overlayClassName,\n  showOverlay = true,\n  variant = 'default',\n  ...props\n}: DialogContentProps) {\n  // `showCloseButton` is the older boolean form; `closeButton` supersedes it.\n  const resolvedCloseButton = closeButton ?? (showCloseButton === false ? false : true);\n\n  return (\n    <DialogPortal>\n      {showOverlay && <DialogOverlay className={overlayClassName} />}\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        data-variant={variant}\n        className={cn(variant === 'bare' ? BARE_CONTENT_CLASS : DEFAULT_CONTENT_CLASS, className)}\n        {...props}\n      >\n        {children}\n        {resolvedCloseButton === true && (\n          <DialogPrimitive.Close data-slot=\"dialog-close\" asChild>\n            <Button variant=\"ghost\" size=\"icon-sm\" className=\"absolute top-4 right-4\">\n              <XIcon className=\"size-5\" />\n              <span className=\"sr-only\">Close modal</span>\n            </Button>\n          </DialogPrimitive.Close>\n        )}\n        {resolvedCloseButton !== true && resolvedCloseButton !== false && (\n          <DialogPrimitive.Close data-slot=\"dialog-close\" asChild>\n            {resolvedCloseButton}\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\n/**\n * The unstyled content primitive, for a layout `DialogContent` cannot express.\n *\n * Compose it inside `DialogPortal` with `DialogOverlay`, which is exported and\n * takes a `className`:\n *\n * ```tsx\n * <DialogPortal>\n *   <DialogOverlay className=\"bg-foreground/50\" />\n *   <DialogContentPrimitive className=\"fixed inset-0\">…</DialogContentPrimitive>\n * </DialogPortal>\n * ```\n *\n * `variant=\"bare\"` covers the common case; this exists for everything else.\n */\nfunction DialogContentPrimitive({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPrimitive.Content\n      data-slot=\"dialog-content\"\n      className={cn('outline-none', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"dialog-header\" className={cn('flex flex-col gap-1.5', className)} {...props} />\n  );\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  );\n}\n\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('font-display text-h3 leading-none font-semibold tracking-tight', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        'text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogContentPrimitive,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  type DialogContentProps,\n};\n"],"mappings":";;;;;;;;;;;;AAaA,IAAM,qBACJ;AAEF,IAAM,wBACJ;AAEF,SAAS,OAAO,EAAE,GAAG,SAA4D;CAC/E,OAAO,oBAACA,SAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,cAAc,EAAE,GAAG,SAA+D;CACzF,OAAO,oBAACA,SAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,aAAa,EAAE,GAAG,SAA8D;CACvF,OAAO,oBAACA,SAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,YAAY,EAAE,GAAG,SAA6D;CACrF,OAAO,oBAACA,SAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;CACvD,OACE,oBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GACT,qKACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AA2BA,SAAS,cAAc,EACrB,WACA,UACA,iBACA,aACA,kBACA,cAAc,MACd,UAAU,WACV,GAAG,SACkB;CAErB,MAAM,sBAAsB,gBAAgB,oBAAoB,QAAQ,QAAQ;CAEhF,OACE,qBAAC,cAAD,EAAA,UAAA,CACG,eAAe,oBAAC,eAAD,EAAe,WAAW,iBAAmB,CAAA,GAC7D,qBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,YAAY,SAAS,qBAAqB,uBAAuB,SAAS;EACxF,GAAI;EAJN,UAAA;GAMG;GACA,wBAAwB,QACvB,oBAACA,SAAgB,OAAjB;IAAuB,aAAU;IAAe,SAAA;IAC9C,UAAA,qBAAC,QAAD;KAAQ,SAAQ;KAAQ,MAAK;KAAU,WAAU;KAAjD,UAAA,CACE,oBAAC,OAAD,EAAO,WAAU,SAAU,CAAA,GAC3B,oBAAC,QAAD;MAAM,WAAU;MAAU,UAAA;KAAiB,CAAA,CACrC;;GACa,CAAA;GAExB,wBAAwB,QAAQ,wBAAwB,SACvD,oBAACA,SAAgB,OAAjB;IAAuB,aAAU;IAAe,SAAA;IAC7C,UAAA;GACoB,CAAA;EAEF;CACb,CAAA,CAAA,EAAA,CAAA;AAElB;;;;;;;;;;;;;;;;AAiBA,SAAS,uBAAuB,EAC9B,WACA,GAAG,SACoD;CACvD,OACE,oBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GAAG,gBAAgB,SAAS;EACvC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EAAK,aAAU;EAAgB,WAAW,GAAG,yBAAyB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAElG;AAEA,SAAS,aAAa,EACpB,WACA,kBAAkB,OAClB,UACA,GAAG,SAGF;CACD,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,0DAA0D,SAAS;EACjF,GAAI;EAHN,UAAA,CAKG,UACA,mBACC,oBAACA,SAAgB,OAAjB;GAAuB,SAAA;GACrB,UAAA,oBAAC,QAAD;IAAQ,SAAQ;IAAU,UAAA;GAAa,CAAA;EAClB,CAAA,CAEtB;;AAET;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;CAChG,OACE,oBAACA,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,kEAAkE,SAAS;EACzF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;CAC3D,OACE,oBAACA,SAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GACT,sGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/direction.cjs

@@ -0,0 +1,19 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../chunks/rolldown-runtime-CmQyd0Gu.cjs");
+let radix_ui = require("radix-ui");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/ui/direction.tsx
+function DirectionProvider({ dir, direction, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Direction.DirectionProvider, {
+		dir: dir ?? direction ?? "ltr",
+		children
+	});
+}
+var useDirection = radix_ui.Direction.useDirection;
+exports.DirectionProvider = DirectionProvider;
+exports.useDirection = useDirection;
+
+//# sourceMappingURL=direction.cjs.map

package/dist/components/ui/direction.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"direction.cjs","names":["Direction"],"sources":["../../../src/components/ui/direction.tsx"],"sourcesContent":["'use client';\n\nimport { Direction } from 'radix-ui';\nimport * as React from 'react';\n\ntype DirectionValue = 'ltr' | 'rtl';\n\ntype DirectionProviderProps = Omit<\n  React.ComponentProps<typeof Direction.DirectionProvider>,\n  'dir'\n> & {\n  dir?: DirectionValue;\n  /** @deprecated use `dir` */\n  direction?: DirectionValue;\n};\n\nfunction DirectionProvider({ dir, direction, children }: DirectionProviderProps) {\n  return (\n    <Direction.DirectionProvider dir={dir ?? direction ?? 'ltr'}>\n      {children}\n    </Direction.DirectionProvider>\n  );\n}\n\nconst useDirection = Direction.useDirection;\n\nexport { DirectionProvider, useDirection, type DirectionProviderProps, type DirectionValue };\n"],"mappings":";;;;;;;;AAgBA,SAAS,kBAAkB,EAAE,KAAK,WAAW,YAAoC;CAC/E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,SAAAA,UAAU,mBAAX;EAA6B,KAAK,OAAO,aAAa;EACnD;CAC0B,CAAA;AAEjC;AAEA,IAAM,eAAeA,SAAAA,UAAU"}

package/dist/components/ui/direction.d.cts

@@ -0,0 +1,11 @@
+import { Direction } from 'radix-ui';
+import * as React from 'react';
+type DirectionValue = 'ltr' | 'rtl';
+type DirectionProviderProps = Omit<React.ComponentProps<typeof Direction.DirectionProvider>, 'dir'> & {
+    dir?: DirectionValue;
+    /** @deprecated use `dir` */
+    direction?: DirectionValue;
+};
+declare function DirectionProvider({ dir, direction, children }: DirectionProviderProps): React.JSX.Element;
+declare const useDirection: typeof Direction.useDirection;
+export { DirectionProvider, useDirection, type DirectionProviderProps, type DirectionValue };

package/dist/components/ui/direction.d.ts

@@ -8,5 +8,5 @@ type DirectionProviderProps = Omit<React.ComponentProps<typeof Direction.Directi
 };
 declare function DirectionProvider({ dir, direction, children }: DirectionProviderProps): React.JSX.Element;
 declare const useDirection: typeof Direction.useDirection;
-export { DirectionProvider, useDirection };
+export { DirectionProvider, useDirection, type DirectionProviderProps, type DirectionValue };
 //# sourceMappingURL=direction.d.ts.map

package/dist/components/ui/direction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../../src/components/ui/direction.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,cAAc,GAAG,KAAK,GAAG,KAAK,CAAC;AAEpC,KAAK,sBAAsB,GAAG,IAAI,CAChC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,iBAAiB,CAAC,EACxD,KAAK,CACN,GAAG;IACF,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,sBAAsB,qBAM9E;AAED,QAAA,MAAM,YAAY,+BAAyB,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../../src/components/ui/direction.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,cAAc,GAAG,KAAK,GAAG,KAAK,CAAC;AAEpC,KAAK,sBAAsB,GAAG,IAAI,CAChC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,iBAAiB,CAAC,EACxD,KAAK,CACN,GAAG;IACF,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,sBAAsB,qBAM9E;AAED,QAAA,MAAM,YAAY,+BAAyB,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,KAAK,sBAAsB,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/components/ui/direction.js

@@ -1,5 +1,4 @@
 "use client";
-"use client";
 import { Direction } from "radix-ui";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/ui/direction.js.map

@@ -1 +1 @@
-{"version":3,"file":"direction.js","names":[],"sources":["../../../src/components/ui/direction.tsx"],"sourcesContent":["'use client';\n\nimport { Direction } from 'radix-ui';\nimport * as React from 'react';\n\ntype DirectionValue = 'ltr' | 'rtl';\n\ntype DirectionProviderProps = Omit<\n  React.ComponentProps<typeof Direction.DirectionProvider>,\n  'dir'\n> & {\n  dir?: DirectionValue;\n  /** @deprecated use `dir` */\n  direction?: DirectionValue;\n};\n\nfunction DirectionProvider({ dir, direction, children }: DirectionProviderProps) {\n  return (\n    <Direction.DirectionProvider dir={dir ?? direction ?? 'ltr'}>\n      {children}\n    </Direction.DirectionProvider>\n  );\n}\n\nconst useDirection = Direction.useDirection;\n\nexport { DirectionProvider, useDirection };\n"],"mappings":";;;;;;AAiBE,SACE,kBAAA,EAAC,KAAA,WAAU,YAAX;CAA6B,OAAY,oBAAa,UAAA,mBAAA;EACnD,KAAA,OAAA,aAAA;EAC0B;CAEjC,CAAA;AAEA"}
+{"version":3,"file":"direction.js","names":[],"sources":["../../../src/components/ui/direction.tsx"],"sourcesContent":["'use client';\n\nimport { Direction } from 'radix-ui';\nimport * as React from 'react';\n\ntype DirectionValue = 'ltr' | 'rtl';\n\ntype DirectionProviderProps = Omit<\n  React.ComponentProps<typeof Direction.DirectionProvider>,\n  'dir'\n> & {\n  dir?: DirectionValue;\n  /** @deprecated use `dir` */\n  direction?: DirectionValue;\n};\n\nfunction DirectionProvider({ dir, direction, children }: DirectionProviderProps) {\n  return (\n    <Direction.DirectionProvider dir={dir ?? direction ?? 'ltr'}>\n      {children}\n    </Direction.DirectionProvider>\n  );\n}\n\nconst useDirection = Direction.useDirection;\n\nexport { DirectionProvider, useDirection, type DirectionProviderProps, type DirectionValue };\n"],"mappings":";;;;;AAgBA,SAAS,kBAAkB,EAAE,KAAK,WAAW,YAAoC;CAC/E,OACE,oBAAC,UAAU,mBAAX;EAA6B,KAAK,OAAO,aAAa;EACnD;CAC0B,CAAA;AAEjC;AAEA,IAAM,eAAe,UAAU"}

package/dist/components/ui/drawer.cjs

@@ -0,0 +1,90 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../chunks/rolldown-runtime-CmQyd0Gu.cjs");
+let cn = require("cn");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let vaul = require("vaul");
+// src/components/ui/drawer.tsx
+function Drawer({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul.Drawer.Root, {
+		"data-slot": "drawer",
+		...props
+	});
+}
+function DrawerTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul.Drawer.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+}
+function DrawerPortal({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul.Drawer.Portal, {
+		"data-slot": "drawer-portal",
+		...props
+	});
+}
+function DrawerClose({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul.Drawer.Close, {
+		"data-slot": "drawer-close",
+		...props
+	});
+}
+function DrawerOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul.Drawer.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: (0, cn.cn)("fixed inset-0 z-50 bg-black/10 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
+		...props
+	});
+}
+function DrawerContent({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DrawerPortal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(vaul.Drawer.Content, {
+			"data-slot": "drawer-content",
+			className: (0, cn.cn)("group/drawer-content fixed z-50 flex h-auto flex-col bg-popover text-sm text-popover-foreground 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-sm data-[vaul-drawer-direction=bottom]:border-t 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]:rounded-r-sm data-[vaul-drawer-direction=left]:border-r 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]:rounded-l-sm data-[vaul-drawer-direction=right]:border-l 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-sm data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm", className),
+			...props,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children]
+		})]
+	});
+}
+function DrawerHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "drawer-header",
+		className: (0, cn.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-0.5 md:text-left", className),
+		...props
+	});
+}
+function DrawerFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "drawer-footer",
+		className: (0, cn.cn)("mt-auto flex flex-col gap-2 p-4", className),
+		...props
+	});
+}
+function DrawerTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul.Drawer.Title, {
+		"data-slot": "drawer-title",
+		className: (0, cn.cn)("text-base font-medium text-foreground", className),
+		...props
+	});
+}
+function DrawerDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul.Drawer.Description, {
+		"data-slot": "drawer-description",
+		className: (0, cn.cn)("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+exports.Drawer = Drawer;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerOverlay = DrawerOverlay;
+exports.DrawerPortal = DrawerPortal;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;
+
+//# sourceMappingURL=drawer.cjs.map

package/dist/components/ui/drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.cjs","names":["DrawerPrimitive"],"sources":["../../../src/components/ui/drawer.tsx"],"sourcesContent":["import { cn } from 'cn';\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/10 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content fixed z-50 flex h-auto flex-col bg-popover text-sm text-popover-foreground 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-sm data-[vaul-drawer-direction=bottom]:border-t 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]:rounded-r-sm data-[vaul-drawer-direction=left]:border-r 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]:rounded-l-sm data-[vaul-drawer-direction=right]:border-l 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-sm data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        '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-0.5 md:text-left',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn('text-base font-medium text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":";;;;;;;;AAIA,SAAS,OAAO,EAAE,GAAG,SAA4D;CAC/E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,KAAAA,OAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,cAAc,EAAE,GAAG,SAA+D;CACzF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,KAAAA,OAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,aAAa,EAAE,GAAG,SAA8D;CACvF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,KAAAA,OAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,YAAY,EAAE,GAAG,SAA6D;CACrF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,KAAAA,OAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,KAAAA,OAAgB,SAAjB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,oKACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EACrB,WACA,UACA,GAAG,SACoD;CACvD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAD;EAAc,aAAU;EAAxB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,CAAgB,CAAA,GAChB,iBAAA,GAAA,kBAAA,KAAA,CAACA,KAAAA,OAAgB,SAAjB;GACE,aAAU;GACV,YAAA,GAAW,GAAA,GAAA,CACT,uoCACA,SACF;GACA,GAAI;GANN,UAAA,CAQE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,kIAAmI,CAAA,GACjJ,QACsB;EACb,CAAA,CAAA;;AAElB;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,4LACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;CAChG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,KAAAA,OAAgB,OAAjB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,yCAAyC,SAAS;EAChE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;CAC3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,KAAAA,OAAgB,aAAjB;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/drawer.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): React.JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): React.JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): React.JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): React.JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): React.JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): React.JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): React.JSX.Element;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/components/ui/drawer.js

@@ -1,34 +1,34 @@
 import { cn } from "cn";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Drawer } from "vaul";
+import { Drawer as Drawer$1 } from "vaul";
 // src/components/ui/drawer.tsx
-function Drawer$1({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer.Root, {
+function Drawer({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Root, {
 		"data-slot": "drawer",
 		...props
 	});
 }
 function DrawerTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer.Trigger, {
+	return /* @__PURE__ */ jsx(Drawer$1.Trigger, {
 		"data-slot": "drawer-trigger",
 		...props
 	});
 }
 function DrawerPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer.Portal, {
+	return /* @__PURE__ */ jsx(Drawer$1.Portal, {
 		"data-slot": "drawer-portal",
 		...props
 	});
 }
 function DrawerClose({ ...props }) {
-	return /* @__PURE__ */ jsx(Drawer.Close, {
+	return /* @__PURE__ */ jsx(Drawer$1.Close, {
 		"data-slot": "drawer-close",
 		...props
 	});
 }
 function DrawerOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Drawer.Overlay, {
+	return /* @__PURE__ */ jsx(Drawer$1.Overlay, {
 		"data-slot": "drawer-overlay",
 		className: cn("fixed inset-0 z-50 bg-black/10 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
 		...props
@@ -37,7 +37,7 @@ function DrawerOverlay({ className, ...props }) {
 function DrawerContent({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(DrawerPortal, {
 		"data-slot": "drawer-portal",
-		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer.Content, {
+		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
 			"data-slot": "drawer-content",
 			className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-popover text-sm text-popover-foreground 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-sm data-[vaul-drawer-direction=bottom]:border-t 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]:rounded-r-sm data-[vaul-drawer-direction=left]:border-r 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]:rounded-l-sm data-[vaul-drawer-direction=right]:border-l 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-sm data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm", className),
 			...props,
@@ -60,19 +60,19 @@ function DrawerFooter({ className, ...props }) {
 	});
 }
 function DrawerTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Drawer.Title, {
+	return /* @__PURE__ */ jsx(Drawer$1.Title, {
 		"data-slot": "drawer-title",
 		className: cn("text-base font-medium text-foreground", className),
 		...props
 	});
 }
 function DrawerDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Drawer.Description, {
+	return /* @__PURE__ */ jsx(Drawer$1.Description, {
 		"data-slot": "drawer-description",
 		className: cn("text-sm text-muted-foreground", className),
 		...props
 	});
 }
-export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
 
 //# sourceMappingURL=drawer.js.map

package/dist/components/ui/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["Drawer","DrawerPrimitive"],"sources":["../../../src/components/ui/drawer.tsx"],"sourcesContent":["import { cn } from 'cn';\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/10 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content fixed z-50 flex h-auto flex-col bg-popover text-sm text-popover-foreground 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-sm data-[vaul-drawer-direction=bottom]:border-t 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]:rounded-r-sm data-[vaul-drawer-direction=left]:border-r 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]:rounded-l-sm data-[vaul-drawer-direction=right]:border-l 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-sm data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        '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-0.5 md:text-left',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn('text-base font-medium text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":";;;;;AAIA,SAASA,SAAO,EAAE,GAAG,SAA4D;CAC/E,OAAO,oBAACC,OAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,cAAc,EAAE,GAAG,SAA+D;CACzF,OAAO,oBAACA,OAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,aAAa,EAAE,GAAG,SAA8D;CACvF,OAAO,oBAACA,OAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,YAAY,EAAE,GAAG,SAA6D;CACrF,OAAO,oBAACA,OAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;CACvD,OACE,oBAACA,OAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GACT,oKACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EACrB,WACA,UACA,GAAG,SACoD;CACvD,OACE,qBAAC,cAAD;EAAc,aAAU;EAAxB,UAAA,CACE,oBAAC,eAAD,CAAgB,CAAA,GAChB,qBAACA,OAAgB,SAAjB;GACE,aAAU;GACV,WAAW,GACT,uoCACA,SACF;GACA,GAAI;GANN,UAAA,CAQE,oBAAC,OAAD,EAAK,WAAU,kIAAmI,CAAA,GACjJ,QACsB;EACb,CAAA,CAAA;;AAElB;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,4LACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;CAChG,OACE,oBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;CAC3D,OACE,oBAACA,OAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"drawer.js","names":["DrawerPrimitive"],"sources":["../../../src/components/ui/drawer.tsx"],"sourcesContent":["import { cn } from 'cn';\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/10 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content fixed z-50 flex h-auto flex-col bg-popover text-sm text-popover-foreground 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-sm data-[vaul-drawer-direction=bottom]:border-t 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]:rounded-r-sm data-[vaul-drawer-direction=left]:border-r 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]:rounded-l-sm data-[vaul-drawer-direction=right]:border-l 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-sm data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        '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-0.5 md:text-left',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn('text-base font-medium text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":";;;;;AAIA,SAAS,OAAO,EAAE,GAAG,SAA4D;CAC/E,OAAO,oBAACA,SAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,cAAc,EAAE,GAAG,SAA+D;CACzF,OAAO,oBAACA,SAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,aAAa,EAAE,GAAG,SAA8D;CACvF,OAAO,oBAACA,SAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,YAAY,EAAE,GAAG,SAA6D;CACrF,OAAO,oBAACA,SAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;CACvD,OACE,oBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GACT,oKACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EACrB,WACA,UACA,GAAG,SACoD;CACvD,OACE,qBAAC,cAAD;EAAc,aAAU;EAAxB,UAAA,CACE,oBAAC,eAAD,CAAgB,CAAA,GAChB,qBAACA,SAAgB,SAAjB;GACE,aAAU;GACV,WAAW,GACT,uoCACA,SACF;GACA,GAAI;GANN,UAAA,CAQE,oBAAC,OAAD,EAAK,WAAU,kIAAmI,CAAA,GACjJ,QACsB;EACb,CAAA,CAAA;;AAElB;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,4LACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;CAChG,OACE,oBAACA,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;CAC3D,OACE,oBAACA,SAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL"}